@media screen and (max-width: 1306px) {
ul.top-slider li .textmessage h2 { font-size:35px; line-height:35px;}
}


@media screen and (max-width: 1156px) {
ul.top-slider li .textmessage h2 { font-size:30px; line-height:30px;}
}

@media screen and (max-width: 1204px) {
ul.top-slider li .textmessage p { font-size:15px; line-height:18px; }
}

@media screen and (max-width: 1173px) {
	.wrapper{ width:85%; margin:0 auto;}
	.nav-menu li{font-size:18px;}
	
	#container{width:85%; margin:0 auto;}
	
	
	


}


@media screen and (max-width: 1075px) {
ul.top-slider li .textmessage {top:15%;}
}



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

.video-content h1{ font-size:50px; font-weight:100; color:#FFFFFF; text-transform:uppercase;}
.video-content .wrapper{ background:url(../images/watch-videos.png) no-repeat 95% 18px;}

.footer .footer-widgets{ float:left; width:50%;}
.footer .footer-widgets:nth-child(2){ width:50%;}
.footer .footer-widgets:nth-child(3){ width:50%; padding-left:0; }

.three-cols h3{ font-size:25px;}
ul.top-slider li .textmessage h2 { font-size:28px; line-height:28px;}
}

@media screen and (max-width: 972px) {
.customerstitle{ float:left; width:20%;}
.customers{ float:left; width:80%;}
ul.top-slider li .textmessage p { display:none;}
}




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

.video-container {
    float: none;
    width: 100%;
    padding-bottom: 30px;

}

.video-container:nth-child(odd){ float:none;}
.video-container:nth-child(even){ float:none;}

}




@media screen and (max-width: 800px) {
.three-cols{ padding:20px 0 20px 0; }
.three-cols .cols{ float:none; width:100%; text-align:center; margin-left:0; margin-bottom:30px;}
.three-cols .cols img{ padding-bottom:8.85%;}

.slider a.prev, .slider a.next{top:38%;}

.content .leftcol{ float:left; width:60%; box-sizing:border-box;padding-top:30px;}
.content .rightcol{ float:right; width:36%; }
}

@media screen and (max-width: 723px) {
.customerstitle h2{ font-size:20px; text-transform:uppercase; color:#000000;}
}


@media screen and (max-width: 675px) {
.footer .footer-widgets{ float:none; width:100%;}
.footer .footer-widgets:nth-child(1){ width:100%; padding-left:0;}
.footer .footer-widgets:nth-child(2){ width:100%; padding-left:0;}
.footer .footer-widgets:nth-child(3){ width:100%; padding-left:0;}
.footer .footer-widgets:nth-child(4){ width:100%; padding-left:0;}

.sliderdetailsbutton{
background:none; display:block; width:auto; height:auto; margin-top:0; text-indent:0;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
-ms-transition: none;
transition: none;
}

.sliderdetailsbutton:hover {background:none;}
.slider a.prev, .slider a.next{top:20%;}

}


@media screen and (max-width: 650px) {
.logo { float:none; clear:both; text-align:center;}
.header_right { float: none; clear:both; text-align:center;}
.header_right .social ul{ text-align:center;}

.video-container { padding-bottom: 0px;}

}


@media screen and (max-width: 600px) {
.video-content h1{ font-size:40px; font-weight:100; color:#FFFFFF; text-transform:uppercase;}
.video-content .wrapper{ background:url(../images/watch-videos.png) no-repeat 95% 10px; background-size:50%!important;}

.customerstitle{ display:none;}
.customers{ float:left; width:100%;}

.content .leftcol{ float:none; width:100%; padding-top:30px;}
.content .rightcol{ float:none; width:100%;}
.sidebar-banner{ width:100%; max-width:288px; margin:0 auto;}

.slider a.prev, .slider a.next{ display:none!Important;}



}


@media screen and (max-width: 570px) {
ul.top-slider li .textmessage h2 {font-size:20px; line-height:20px;}
ul.top-slider li .textmessage { padding: 10px;}
}



@media screen and (max-width: 500px) {
.video-content h1{ font-size:30px; font-weight:100; color:#FFFFFF; text-transform:uppercase;}
.video-content .wrapper{ background:url(../images/watch-videos.png) no-repeat 95% 10px; background-size:40%!important;}
.footer2 .social{ float:none; text-align:center; clear:both; margin-bottom:15px;}
.footer2 .payment-options{ float:none; text-align:center; clear:both;}
}

@media screen and (max-width: 450px) {
.sliderdetailsbutton{ display:none;}

}

@media screen and (max-width: 400px) {
h1.pagebannertitle{ font-size:25px;}
}


@media screen and (max-width: 380px) {
.logo img{ width:100%;}
ul.top-slider li .textmessage h2 { font-size:17px; line-height:17px;}
}