.news-story img {max-width: 100%; height: auto;}

@media print { 

.main-navigation .wrapper {display: none; border-bottom: solid 1px #a2abb0;}

footer .wrapper .column-1 ul {display: none;}
footer .wrapper .column-3 {display: none;}
footer .wrapper .column-4 ul {display: none;}

    footer .wrapper .column-1, footer .wrapper .column-4 {
width: 100%!important; float: none;
}

.rightsection .subsection:nth-of-type(1) {display: none;}

.rightsection .finalsubsection h2 {display: none;}
.rightsection .finalsubsection .buttons {display: none;}

.rangelinks h2 {display: none;}
.rangelinks ul {display: none;}

}
@media screen and (min-width: 768px) {
footer .column-3 {  padding: 0 40px;
    box-sizing: border-box;}
}


@media screen and (min-width: 415px) {
.news-list li:nth-child(3n+1) {margin-left: 0; clear: both;}
}
@media screen and (min-width: 960px) {
.screwbolts .caroufredsel_wrapper {height: 110px !important;}
}



@media screen and (max-width: 959px) {

.wrapper {width: 100%; padding: 0 20px;}
nav li {margin: 0 15px;}
.sectors .rightcolumn ul li a.video-link img {width: 100%; height: auto;}



}

@media screen and (max-width: 933px) {

.screwbolts {width: 64.8%;}

.screwbolts span {bottom:50px;}

}

@media screen and (max-width: 870px) {

.screwbolts ul {font-size: 26px; line-height: 32px;}

.screwbolts span {font-size: 16px; width: 100px; }

}

@media screen and (max-width: 820px) {
		.technical-data .hide-desktop {display: block;}
	.technical-data .hide-desktop img {width: 100%; height: auto; display: block; margin-bottom: 20px;}
	.technical-data .hide-mobile {display: none;}
}

@media screen and (max-width: 790px) {
.screwbolts ul {font-size: 22px; line-height: 27px;}

.screwbolts span {font-size: 16px; width: 100px; }

}


@media screen and (max-width: 768px) {
	
	body.home {
background: none;
background-color: #0C0C0C;
 }

.home header {/*
background: 
url(../images/union-flag-back.jpeg) center 70px no-repeat
*/
}
    
    header .wrapper {
    background-image: url(../images/union-corner-flag.png);
    background-repeat: no-repeat;
    background-position: top right;
    background-size: 50% 100%;
}

header .column-1 {width: 100%; text-align: center; border-bottom: solid 1px #ccc; padding: 20px 0; float: none;}
header .column-2 {width: 50%;}
header .column-3 {width: 50%;}

.menu-toggle {display: block; position: relative; top: 5px; left: 50%; margin-left: -22px; /*text-indent: -100em;*/ overflow: hidden; width: 43px; height: 43px; padding: 0;  border-radius: 5px; }

.menu-toggle:after {
	content:  "\f0c9";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/*--adjust as necessary--*/
    color: #333;
    font-size: 30px;
 
    position: absolute;
    top: 6px;
    left: 8px;}
.expand .menu-toggle:after { content:"\f00d";}
nav {height: 53px; position: relative; box-sizing: border-box; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f0f0f0+0,eaeaea+34,cccccc+63,cccccc+100 */

background: #f0f0f0; /* Old browsers */

background: -moz-linear-gradient(top,  #f0f0f0 0%, #eaeaea 34%, #cccccc 63%, #cccccc 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(top,  #f0f0f0 0%,#eaeaea 34%,#cccccc 63%,#cccccc 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to bottom,  #f0f0f0 0%,#eaeaea 34%,#cccccc 63%,#cccccc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */

}
nav ul {display: none; width: 100%;}
nav.expand ul {display: block; position: absolute; background-color: #fff; position: absolute; top: 53px; left: 0; z-index: 1000;  

          box-shadow: 0 8px 6px -6px black;}

nav ul li {display: block; margin: 0; padding: 0; border-bottom: solid 1px #ccc;}
    
    nav ul li a {padding: 20px 10px;}

nav ul li:nth-of-type(2) { padding-bottom: 0;}

nav.expand li ul {display: block; position: static; background-color: #fff; width: 100%; margin: 10px 0 0 0; box-shadow:none;}

nav.expand li ul:after {content: ""; display: table; clear: both;}

nav.expand li ul li span, nav li ul li a {padding: 20px 15px;         text-align: center;}

nav.expand li:nth-of-type(2) ul li span, nav li:nth-of-type(2) ul li a {padding: 20px 15px; display: inline-block; }
    
    nav li ul li span, nav li:hover ul li a {
   padding: 20px 15px;  
}

/**** ****/




/*

nav li a {display: block; text-transform: uppercase; font-size: 14px; color: #a2abb0;}

nav li ul {display: none; position: absolute; top: 36px; left: 0; background-color: #fff; width: 420px;}

nav li ul li {display: block; float: left; padding: 0; text-align: left; width: 100%;  box-sizing: border-box; margin: 0;  background-color:#ffc600; border-bottom: dashed 1px #fff;}

nav li ul li span, nav li ul li a {display: inline-block; padding: 10px; background-color:#ffc600; font-size: 14px; color: #000; }

nav li ul li span:nth-of-type(1)  {background-color: #ccc; width: 140px;}*/

.customers ul li {width: 16.666%; float: left; display: block; text-align: center; padding: 10px;  box-sizing: border-box;}

.customers ul li:nth-of-type(6n+1) {clear: left;}

.customers ul li:nth-of-type(10) {clear: none;}
/**** ****/

.railway-section div {float: none;}
.railway-section div:nth-of-type(2) {padding: 20px 0 0 0 ;}

.application .fullcolumn ul li {width: 50%;}
    
.memoriam div {width: 100%; float: none; overflow: hidden; margin: 0 0 20px 0;}
    .memoriam div:nth-of-type(1) {padding-right: 0; font-size: 20px; line-height: 25px;}
.memoriam div:nth-of-type(2) {height: auto;}   
    .memoriam div img {width: 100%; height: auto;}
}

@media screen and (max-width: 720px) {


.screwbolts span {font-size: 13px; width: 80px; bottom: 44px; }

}
@media screen and (max-width: 680px) {
.td-column {
  float: left;
  font-size: 13px;
  line-height: 18px;
  margin-left: 4.16%;
  min-width: auto;
  width: 100%;
}

.hide-mobile {display: none;}
}
@media screen and (max-width: 650px) {
	.screwbolts ul {font-size: 18px; line-height: 22px;}
.screwbolts span {bottom:40px;}

}
@media screen and (max-width: 601px) {
	
	.quick-links li {width: 50%; float: left;}
	.quick-links li:nth-child(4) {clear: none;}
	.quick-links li:nth-child(3), .quick-links li:nth-child(6) {clear: none;}
	
	.webcontacts span {display: block;}
	
	.screwbolts {float: none; width: 100%; border-right: none; border-bottom: solid 1px #a2abb0;}


.promo-column {width: /*100%; */ 60%; float: none;  border-left: none; margin: 10px 20% 20px 20%;}

.promo-column:after {content: ""; display: table; clear: both;}

.queens-award {width: 50%; float: left;}

.queens-award a {border-bottom: none;}



/*.news {width: 50%; float: left;}*/

.news {width: 100%; float: none; top: 0;}
.home .news .show-desktop {display: none;}
.home .news .show-mobile {display: block;}



/*
.screwbolts ul {position: absolute; top: 10px; left: 10px; font-size: 25px; line-height: 35px; font-family: 'Open Sans', sans-serif; color: #fff;}
.screwbolts ul li {display: block; float: left;}
.screwbolts ul li strong {color: #6d6e71;}
.screwbolts ul li em {text-transform:uppercase; font-style: normal;}
.screwbolts img {width: 100%; height: auto;}

.screwbolts span {font-size: 20px; font-family:Georgia, "Times New Roman", Times, serif; font-style: italic; display: block; position: absolute; width: 200px; bottom: 100px; left: 10px;}

.queens-award {}

.queens-award a {display: block; position: relative; border-bottom: solid 1px #a2abb0; margin-bottom: -4px;}

.queens-award a img.qa-back {width: 100%; height: auto;}

.queens-award a span {display: block; padding: 5px; font-size: 12px; line-height: 17px; color:#F0C927; position: absolute; bottom: 4px; left: 0; box-sizing: border-box; background-color: rgba(0,0,0,0.5); padding-right: 60px;}

.queens-award a img.queens-award-logo {position: absolute; right: 5px; bottom: 10px;}

*/

footer .column-1 {
    width: 100%
}
footer .column-4 {width: 100%; margin:0 2% 0 0;}
footer .column-3 {width: 100%; margin: 0;}


}
@media screen and (max-width: 599px) {
	.hide-desktop {display: block;}
	.hide-desktop img {width: 100%; height: auto; display: block; margin-bottom: 20px;}
	.hide-mobile {display: none;}
	
	.product-page h1 strong {float: none; display: block;}
	.imagecolumn {
    float: none;
    width: 100%;
}

.rangelinks {display: none;}
.rightsection {
    float: none;
    width: 100%;
    margin-left: 0;
}

.customer ul li {width: 50%; float: left; display: block; text-align: center; padding: 10px;  box-sizing: border-box;}

.contact .page-content .column-1 {width: 100%; float: none; box-sizing: border-box;} 

.contact .page-content .column-2 {width: 100%; float: none; box-sizing: border-box; padding-left: 0; padding-top: 30px;} 

.news {padding-top: 10px;border-top: none; position: static;  margin-bottom: 0;}

.news-list li {display: block; float: left; width: 49%; margin-left: 2%; text-align: center;}

.news-list li:nth-child(3n+1) {margin-left: 1.5%; clear: none;}

.news-list li:nth-child(2n+1) {margin-left: 0%; clear: left;}

.screwbolts {margin-bottom: 0;}

.caroufredsel_wrapper {height: 110px !important;}

.screwbolts ul { font-size: 30px; line-height: 36px;}

.screwbolts span {font-size: 15px; width: 100px; bottom: 50px; }

.queens-award {margin-bottom: -4px;}


	.screwbolts span {bottom: 40px; }
	
	.show-desktop {display: none;}
		.show-mobile {display: block;}
		.show-mobile .event-links a { font-size: 35px;}
		.show-mobile .event-links a:nth-of-type(1) {padding: 8px; border: solid 1px #fff; display: block; font-size: 28px; margin: 0 0 20px 0;}
		.show-mobile .event-links a:nth-of-type(2) {padding: 0; border: none; padding: 0 20px; }
    
    .show-mobile .event-links a:nth-of-type(3) {padding: 0; border: none; padding: 0 20px; }

.brochure-download li {
    width: 100%;
    float: none;
    box-sizing: border-box;
    padding: 20px;
}
}

@media screen and (max-width: 577px) {
	.screwbolts ul { font-size: 25px; line-height: 30px;}
}

@media screen and (max-width: 499px) {
	
	nav li ul li span:nth-of-type(1)  {width: 100%; box-sizing: border-box;}
	.column-3 {display: none;}
	footer .column-3 {display: block;}
	
	header .column-2 {width: 100%; text-align: center; padding: 20px 0; float: none;}
	header .mobile-social {display: block;  text-align: center; border-top: solid 1px #ccc; padding: 20px 0;}

header .mobile-social li {display: inline-block; margin: 0 5px;}

header .mobile-social li a {display: block; font-size: 30px; color: #6d6e71; /*margin-left: 5px;*/}

.sectors .leftcolumn {width: 100%; float: none;  box-sizing: border-box; padding-right: 0;}

.sectors .rightcolumn {width: 100%; float: none;  box-sizing: border-box;}

.cs-column.column-1 {width: 100%}
.cs-column.column-2 {width: 100%; margin-left: 0%; }

.promo-column {border-left: none;}

.queens-award {width: 100%; float: none; border-bottom: solid 1px #a2abb0;}



.news {width: 100%; float: none;}

.screwbolts ul {font-size: 24px; line-height: 30px;}


.screwbolts span {font-size: 20px; font-family:Georgia, "Times New Roman", Times, serif; font-style: italic; display: block; position: static; width: 100%; text-align: center; padding: 10px 0;}

	
}
@media screen and (max-width: 469px) {
	.screwbolts ul {font-size: 18px; line-height: 23px;}
	
}

@media screen and (max-width: 414px) {
footer .column-1, footer .column-4 {
    width: 100%
}

.news-list li {display: block; float: none; width: 100%; margin-left: 0; text-align: center;}

.caroufredsel_wrapper {height: 191px!important;}
.caroufredsel_wrapper ul {height: 191px!important;}
.caroufredsel_wrapper ul li {height: 191px!important;}

.screwbolts ul {font-size: 16px; line-height: 20px;}

footer .column-4 {width: 100%; margin:o;}
footer .column-3 {width: 100%; margin: 0 0 20px 0;}
footer .column-3 iframe {width: 100%!important;}

.news .caroufredsel_wrapper:nth-of-type(1) {display: none;}

.application .fullcolumn ul li {width: 100%;}


.video-links li {width: 100%; float: left;}

}
@media screen and (max-width: 413px) {
.quick-links li {width: 100%; float: left;}
}

@media screen and (max-width: 350px) {
	
nav.expand li ul li span, nav li ul li a {padding: 10px 10px; }

.screwbolts ul {font-size: 13px; line-height: 18px;}
	
}