@media (min-width:1224px){}
@media (max-width:1224px){}
@media (max-width:1200px){
	.top-menu .navbar-default .navbar-nav > li > a{padding: 38px 10px 0;}
	.line::after{width: 65%;}
	.welcome-section .welcome-text > img{width: 40%;}
	.testimonial-section .testimonial-box{min-height: 220px;}
	#warranty-page .wrranty-section1 .img-box{padding: 10px 40px 20px 40px;}
	#warranty-page .wrranty-section1 .abc{display: block;}
	#warranty-page .wrranty-section1  .abb{display: none;}

	.slider .container .slogan{width: 75%;}

}
@media (max-width:1200px) and (min-width:1024px){}
@media (max-width:1024px){}
@media (max-width:1025px) and (min-width:992px){}
@media (max-width:991px){
	.top-menu .navbar-default .navbar-nav > li > a{padding: 15px 6px 0;}
	.top-ban-contact-info ul li:nth-child(3){display: none;}
	.top-ban-contact-info ul li:nth-child(1){width: 40%;}
	.top-ban-contact-info ul li:nth-child(2){width: 60%;}
	.line::after{width: 55%;}
	.focus-section .row > div{min-height: 240px;}
	footer .row > div:nth-child(1) ul li{float: none; display: inline; padding-right: 15px;}
	footer .foot-logo{display: none;}
	footer .social-text-box{margin-top: 0;}
	footer .row > div{margin-top: 20px;}
	footer .foot-services p{text-align: left;}
	.about-section2{background-size: 60% 100%;}
	.subban{background: url('../images/subban.jpg') left top}
	.testimonial-section .testimonial-box{min-height: 270px;}
	#services-page .services-page-section1 .box{min-height: 320px;}
	#warranty-page .wrranty-section1 .img-box{background-size: 100% 100%;}
	.slider .container .slogan h3{font-size: 20px;}
	.before-after-section .row > div .arrow-sec img{ margin-top:70px;}
	/*.video-banner{ height:274px;}
.video-opc{ height:274px;}*/

}	
@media (max-width:992px) and (min-width:800px){	}
@media (max-width:800px){}
@media (max-width:800px) and (min-width:768px){}
@media (max-width:768px){}
@media (max-width:767px){
    
    .navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu > li > a {

    padding: 5px 15px 5px 0;
    border-bottom: 1px solid #fff;
    margin-left: 6px;

}

.slider {
    padding-top: 69px;
}

	.top-menu .row > div:nth-child(1){text-align: center;}
	.top-menu .row > div:nth-child(1) img{display: inline-block;}
	.top-menu .row > div:nth-child(2) .navbar-header{background: #d21c1c; margin-top: 20px;}

	.navbar-default .navbar-toggle .icon-bar{background: #fff;}
	.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:active{background: #d21c1c;}
	.top-menu .navbar-default .navbar-brand{display: block;color: #fff;font-size: 13px;}
	.navbar-brand{font-size: 13px;}
	.line::after{width: 75%; z-index: -999;}
	.about-section2{background-size: 60% 100%; padding: 50px 0;}
	.testimonial-section .testimonial-box{min-height: 320px;}
	.wrranty-section img{width: 100%;}
	#services-page .services-page-section1 .box{min-height: 360px;}
	#warranty-page .wrranty-section1 .img-box{padding: 90px 15px;}
	.slider .container .slogan .slogan-a{display: none;}
	.before-after-section .row > div .arrow-sec img{ margin-top:140px;}
.fancybox-outer {
    margin-top: 50px;
    object-fit: cover;
}

}
@media (max-width:768px) and (min-width:600px){}
@media (max-width:610px){}
@media (max-width:740px){
	.top-ban-contact-info ul li:nth-child(1){display: none;}
	.top-ban-contact-info .row > div:nth-child(1){width:55%; }
	.top-ban-contact-info .row > div:nth-child(2){width:45%; }
	.slider .container .slogan h3{font-size: 13px; line-height: 20px;}

}

@media (max-width:665px){
	.before-after-section .row > div .arrow-sec img{ margin-top:100px;}
}

@media (max-width:600px){
	.focus-section .row > div{width: 100%; min-height: auto; border: 1px solid #656565;}
	.testimonial-section .row > div{width: 100%; margin-bottom: 15px;}
	footer .row > div{width: 100%;}
	footer .foot-services{width: 100%;}
	footer .foot-copy{display: none;}
	footer .foot-copy1{display:block;}
	.about-section2{background-image: none;}
	.about-section2 .row > div{width: 100%;}
	#about-page .about-section1{padding: 50px 0 0;}
	#services-page .services-page-section1 .row > div{width: 100%;}
	.testimonial-section .testimonial-box{min-height: auto;}
	#services-page .services-page-section1 .box{min-height: auto;}
	#services-page .services-page-section2 .services-box{background-image: none;}
	#warranty-page .wrranty-section1 .img-box{padding: 40px 15px;}
}
@media (max-width:510px){
	.top-ban-contact-info .row > div:nth-child(1){display: none; }
	.top-ban-contact-info .row > div:nth-child(2) {width: 100%; text-align: center;}
	.top-ban-contact-info .row > div:nth-child(2) .bottom{ width: 100%;}
	.top-ban-contact-info{padding: 4px 0; margin-top:-20px; margin-bottom:40px;}
	.top-ban-contact-info::before{ border-width:20px 30px 20px 0;}
	.top-ban-contact-info::after{ border-width:20px 0 20px 28px;}
	.bottom{ margin:0; padding:6px;}
	.top-ban-sec{ background:#2e2e2e;}
.top-ban-sec { background: transparent;}
}
@media (max-width:600px) and (min-width:480px){}
@media (max-width:480px){
	.slider .container .slogan {display: none;}
	.before-after-section .row > div .arrow-sec img{ margin-top:70px;}
}
@media (max-width:400px){}
@media (max-width:480px) and (min-width:320px){}
@media (max-width:375px){}