@media all and (max-width: 1600px){


}

@media all and (max-width: 1450px){
    
    
    
}

@media all and (max-width: 1366px){

    .banner .txt{width:65%;padding-top:40px;}
    .banner .img{width:35%;}
    

}

@media all and (max-width: 1280px){


}

@media all and (max-width: 1100px){

    h2{font:700 33px/53px 'Heebo', sans-serif;}
    h3{font:600 20px/30px 'Heebo', sans-serif;}
    .banner .txt{padding-top:0;}
    .banner .txt h1{font:600 39px/42px 'Heebo', sans-serif;}
    .banner .txt p{font:400 16px/20px 'Heebo', sans-serif;margin-bottom:20px20px;}
    .banner .txt .more{padding:10px 0px;width:137px;}

    .contact .sec{width:50%;}
    .contact .sec:last-child{width:100%;margin-top:30px;border-top:1px solid #ccc;padding-top:20px;}

    .itm li{width:50%;}
    .itm p{font:400 13px/23px 'Heebo', sans-serif;}

}


@media all and (max-width: 1024px){

    .tagline{width:85%;}
    .about p.desc{width:100%;}

    .why-to-choose .image{width:40%;}
	.why-to-choose .description{width:60%;}
	.why-to-choose p{margin-top:7px;}

	.why-to-choose{padding:0;background:url(../images/about-pic-bg.jpg) no-repeat bottom;background-size:cover;background-attachment:fixed;}
	.why-to-choose .image{display:none;}
	.why-to-choose .description{width:80%;margin:0 auto;padding:50px 0;background:none;}
    
}


@media all and (max-width: 960px){
    
    
}


    
@media all and (max-width: 900px){
    

    
}


@media all and (max-width: 800px){

    nav{display:none;}
    .slicknav_menu{display:block;}
    /* .banner{padding:0;} */
    .banner .txt{width:100%;float:none;text-align:center;}
    .banner .img{width:60%;float:none;margin:30px auto 0 auto;}
    .products .column{padding:50px 0;}

    footer{ padding:50px 0; }
	footer aside{width:150px;}
	footer h2{font:700 24px/24px 'Open Sans', Arial, Helvetica, sans-serif;}
	footer p{ font:400 14px/24px 'Open Sans', Arial, Helvetica, sans-serif; }

}



@media all and (max-width: 768px){

    .topbar div a span, .slick-prev, .slick-next{display:none!important;}
    .contact p{font:400 15px/26px 'Heebo', sans-serif;}
    .contact h3{margin-bottom:10px;}
    h3{font:600 19px/23px 'Heebo', sans-serif;}

}

@media all and (max-width: 640px){

    .topbar div.mail, .topbar div.quick-contact{display:none;}
    .logo{margin:0;}
    header{padding:0;}
    .banner{display:block;padding-bottom:50px;}
    .products .row{flex-wrap:wrap;}
    .products .column{width:100%;}
    
    footer aside{width:100%; margin-bottom:50px;}
	footer ul{width:50%; margin:0;}
	footer ul.u2 h4{ text-align:right;}
	footer ul.u2 li a{  text-align:right;}

	footer h2{font:700 30px/30px 'Open Sans', Arial, Helvetica, sans-serif; text-align:center}
	footer p{ font:400 14px/28px 'Open Sans', Arial, Helvetica, sans-serif; text-align:center; }

	footer ul.social{width:144px;float:none;margin:0 auto}
    footer ul.social li:last-child a{margin-right:0;}
    .itm-nav li{width:50%;border:1px solid #fff;}

    .why-to-choose .description{width:100%;padding:47px 7.5% 47px 7.5%;height:auto;}
	.why-to-choose .image{width:100%;}
	.why-to-choose .image img{width:100%;height:auto;}

}


@media all and (max-width:550px){
    
    h2{font:700 26px/37px 'Heebo', sans-serif;}
    .banner .txt h1{font:600 35px/40px 'Heebo', sans-serif;}
    .banner .img{width:70%;}
    .contact .sec{width:100%;text-align:center;margin-bottom:15px;border-bottom:1px solid #ccc;padding:15px 0;margin:0}
    .contact .sec:last-child{border:none;padding:15px 0;}

    .itm li{width:100%;}
}


@media all and (max-width: 480px){

    .logo{width:92px;}
    .slicknav_btn{top:27px;}

}

    


@media all and (max-width: 450px){

    
    
}

    
    
@media all and (max-width: 390px){



}

@media all and (max-width: 320px){

    .itm-nav li{width:100%;}
    
}