@media screen and (max-width: 1020px)
{
	@-webkit-keyframes bugfix { from {padding:0;} to {padding:0;} }
	input {border-radius: 0;}

	h1 {font-size:30px;line-height:100%;margin:10px 0 10px 0;}
	h2 {line-height:100%;}
	p {line-height: 19px;font-size: 16px;}
	.breadcrumbs ul li {line-height: 16px;font-size: 14px;}

	.mainmenu, .dropmenuplace.viewlevel .moremenu, .mainmenu a:after, .topmenu a:after, .mainmenu:after, .counter:before, .counter:after,
	.accessibilityplace, .counter, .clearline, .movie2, .infoboxes .clear, .sliderbtn, .columns:before, footer:before, footer:after,
	.rays, .banner h2, .banner .title {display:none}
	 
	#main {overflow:hidden}

	footer .page {width:86%;}

	.mainmenu, .dropmenuplace {transition:none;-o-transition:none;-ms-transition:none;-moz-transition:none;-webkit-transition:none;}

	.logo, .sticky .logo, header.sticky .logo {margin:0px 8px -5px 0;width:200px;padding:5px;}
	.logo span, header.sticky .logo span {    height: 40px;}

	.openmenu {display:block;width:30px;height:30px;background: url(../images/sprite.png) 0px -129px no-repeat;/*position:absolute;right:10px;top:10px;*/float:left;margin:8px 5px 0 5px;}
	
	header {position:relative}
	header:after {content: "";display: table;clear: both;}
	 
	.mainmenu, .sticky .mainmenu, .sticky .topmenu {background: #ebebeb;position:absolute;left:0;top:45px;margin:0;padding:0;border:none;width:100%;}
	.mainmenu li .moremenu {display:block;width:30px;height:30px;border:1px solid #5975a3;position:absolute;top:14px;right:10px;z-index:999;background: url(../images/sprite.png) -109px -125px no-repeat;}
	.mainmenu li .moremenu.opened {background-position:-109px -151px;}
	.mainmenu li, .topmenu li {float:none;margin:0;position:relative;width:100%;}
	.mainmenu a, .topmenu a, .sticky .mainmenu a, .sticky .topmenu a {text-align:center;border:none;border-bottom:1px solid #ffffff;color:#000;}
	.dropmenuplace {display:none;left:0;margin:0;position:static;width:100%;padding:0;height:auto;}
	.mainmenu a span, .topmenu a span, header.sticky .mainmenu a span, header.sticky .topmenu a span {padding: 20px 15px;}
	.dropmenuplace .page {position:static;background:none;width:100%;height:auto;display:block}
	.mainmenu a:focus, .mainmenu li.this a, .topmenu li:hover a, .topmenu a:focus, .topmenu li.this a {}
	.mainmenu li.this > a {}
	.mainmenu li ul li a, .topmenu li ul li a, .mainmenu li.this ul li a, .topmenu li.this ul li a, .sticky .mainmenu li ul li a,
	.sticky .topmenu li ul li a, .sticky .mainmenu li.this ul li a, .sticky .topmenu li.this ul li a {padding:10px;font-size:16px;display: block; /*text-shadow:none; */}
	.mainmenu ul li a, .topmenu ul li a {}
	.mainmenu li:hover > .dropmenuplace {display:none;opacity: 0;}
	.mainmenu li .dropmenuplace.viewlevel {display:block;opacity: 1;}

	.mainmenu ul li a, .topmenu ul li a {padding:5px !important;margin:0px !important;border-bottom:1px solid #ccc;}
	.mainmenu ul li a span, .topmenu ul li a span {padding:5px !important;margin:0px !important;}

	.galleryitem {position:static;float:none;margin:0 auto 20px auto !important;display:block !important;width: 100% !important;max-width: 300px;    height: auto !important;}
	.gallerylist img {width:auto !important;max-width:300px;margin:auto;height: auto!important;display:block !important;max-height:400px}

	.imgside, .tablestyle .AddToCart {float: none;margin: 0 auto 10px auto;width: 100%;max-width:300px;}

	a.agents, .shoppingcarticon, .opensearch, header.sticky a.agents, header.sticky .shoppingcarticon, header.sticky .opensearch, header.sticky .accessibilityplace .accessicon {height: 35px;margin:5px;}
	.shoppingcart .numof, header.sticky .shoppingcart .numof { font-size: 10px;padding: 2px;   top: -5px;}

	a.agents {padding:0;width: 35px;    font-size: 14px;}

	.bannerpopup {left:0;margin:0;width:100%;}

	.flexplace, .flexplace2 {display:block}
	.flexplace > div, .flexplace > div:nth-of-type(2n), .flexplace2 > div, .flexplace2 > div:nth-of-type(2n), .flexplace.flexplacewide > div {width:100%;padding:0;}
	.strip {max-height: 200px;width: 100%;margin: 0px 0 10px 0;}
	.strip img {    height: 200px;}

	.searchplace, .loginplace {left: -80px;top: 45px;width: 300px;}

	.mainbannerplace {margin:  0;}

	.mainbanner {width:100%;margin:0;}
	.mainbanner .imgplace, .mainbanner:first-of-type .imgplace, .mainbanner:last-of-type .imgplace {margin:0;height:230px;
	-moz-transform: skew(0deg, 0deg);
     -webkit-transform: skew(0deg, 0deg); 
    -o-transform: skew(0deg, 0deg);
    -ms-transform: skew(0deg, 0deg);
     transform: skew(0deg, 0deg);
	}
	.mainbanner .title {margin: 20% auto 0 auto;}
	.mainbanner .imgplace img {width:100%;
		-moz-transform: skew(0deg, 0deg);
     -webkit-transform: skew(0deg, 0deg); 
    -o-transform: skew(0deg, 0deg);
    -ms-transform: skew(0deg, 0deg);
     transform: skew(0deg, 0deg);}

	#features {top: 65px;zoom: .7;}
	#features.opened {left: -160px;}
	header, .leftcolumn {width: 100%;margin: auto;}

	.feature, .feature.nomargin, .infobox, .infobox.nomargin {width: 48%;margin: 1%;}

	.stickybanner {zoom: .7;}

	.logos div {width:auto}
	.logos > div a {display:block;max-width:100%;overflow:hidden;max-height:110px;}
	.logos > div {float:right;width: 31%;margin: 1%;}
	.logos img {max-width: 100%;    max-height: 100px;}

	.features2, .features3, .features {margin: 20px auto;}
	.feature2 img {    width: auto;height: 350px;max-width: none;}
	.feature2 .feadata {display:block;-moz-transform: skew(15deg, 0deg);
    -webkit-transform: skew(15deg, 0deg);
    -o-transform: skew(15deg, 0deg);
    -ms-transform: skew(15deg, 0deg);
    transform: skew(15deg, 0deg);}
	.feature2 .abstract {height:auto;max-width: 80%;
    padding: 0% 60px 20px 30px;background: #0c1b74\7;
    background: rgba(12, 27, 116, 0.7);padding-top: 5%;
    -moz-transform: skew(-15deg, 0deg);
    -webkit-transform: skew(-15deg, 0deg);
    -o-transform: skew(-15deg, 0deg);
    -ms-transform: skew(-15deg, 0deg);
    transform: skew(-15deg, 0deg);}
	.feature2 .title {color: #fff;margin: 0 30px 0 0;}
	.feature2 p {font-size: 14px;}

	.sliderhome .caption {padding: 10px;}
	.footer .title, .bigtitle h2, .indexcontent h2, .sliderhome h2 {font-size: 24px;margin: 0;}

	.bigtitle {padding:0 4%}
	.bannerpopup, .bannerpopup a {-ms-transform: skew(0deg);
    -webkit-transform: skew(0deg);
    transform: skew(0deg);display:block;padding:2%;}
	.bannerpopup .closebanner {right: 0;
    top: -40px;}

	.sliderhome .slick-dots {    bottom: -20px;}
	.slick-dotted.slick-slider {margin:0;}

	.sliderhome img {height: 150px;max-width: none;margin: 0 0 0 -40%;	}
	.sliderhome h2 {text-align: center;}

	.content, #leftcolumn {width:92%;margin:auto;float:none;max-width:100%}
	
	.mainabstract, .smalltitle {margin:0;}

	.bodytext h3, .bodytext h2 {margin:0 0 20px 0;}

	.breadcrumbs ul {padding: 0px 5px;}
	.breadcrumbs {margin: 0;}

	.credits {padding: 5px;font-size: 14px;line-height: 1em; }
	.footer {padding: 5px;}

	.contactplace, .footerlinksbox, .feature2, .feature2.nomargin, .productbox, .productbox.nomargin, .feature3, .feature3.nomargin, .greyplace,
	.footerlinksplace, .procutssearch, .feature, .contactbody, .gmap, .content .contactformplace, .productitem .imagesplace, .tablestyle, .bodytextplace,
	.triplebox, .clients {width:100%;margin:0 auto 20px auto;float:none}

	.footerlinksbox li, .footerlinksbox h5 {float:none;text-align:center}

	.bodytext table {float:none !important;width:100% !important}
	.bodytext table th, .bodytext table td {padding:1px;font-size:8.9px;font-weight:400;}
	
	.bodytext table td strong {font-weight:400;}


	.bodytext p img {height:auto;width:auto;margin:auto;}

	.producttable td {padding:5px;}

	.shoppingcart .togglecart {left: 0;margin: 0 0 0 -85px;}

	.accessibility { left: 170px;   height: 40px;}

	.invertsite .mainmenu li .moremenu {    background-color: #fff;}
}

@media screen and (min-width: 1341px) and (max-width: 1640px)

{
	.mainmenu a span, .topmenu a span {padding: 33px 10px;}
	header.sticky .mainmenu a span, header.sticky .topmenu a span {padding:17px 10px;}
	.logo {max-width: 300px;}
}

@media screen and (min-width: 769px) and (max-width: 1029px)
{
	
	.page {width:96%;}
	#features {padding: 10px;}
	.banner a {padding: 10px;}
	.feature {width: 11.6%;margin: 0 0 1% 1%;}
	.feature img {height: 150px;}
	.feature2 img {    min-height: 150px;}
	/*.mainmenu li, .topmenu li {width:auto}
	.mainmenu a {padding: 15px 7px;font-size: 14px;}*/
	#features {display:none}
}

@media screen and (min-width: 1220px) and (max-width: 1340px) 
{
   .logo img {width: 170px;}
   .logo span {height: 44px;}
}


@media screen and (min-width: 300px) and (max-width: 640px) 
{
   .accessibility {display:none}
}