@media (max-width: 1439px) {
    .header .main-logo{padding: 0 30px;}
    .header .btn-tel{right:30px;}
    .main-menu{left:300px;}
    .main-menu li{margin-left: 60px;}

    /* HOME */
    .main-banner h2{font-size: 4rem;}

    /* DETAILS */
    article{padding:40px 0;}
    article .title{font-size: 2.2rem;}
    article .details{margin: 40px 0;}

}

@media (max-width: 1199px) {
    .header .main-logo img{height: 48px;}
    .main-menu{right:260px; left:auto;}
    .main-menu li{margin-left:30px;}

    h2.sub-title{font-size: 1.8rem;}
    h3.sub-title{font-size: 1.6rem;}
 
    /* HOME */
    .main-banner h2{font-size: 3.5rem;}
    .main-banner p{font-size: 1.2rem;}
    .featured-glance .glance{padding: 40px;}

    /* ABOUT */
    .about-holder h2.sub-title{margin-bottom:30px;}

    /* CONTACT */
    .contact-holder h3.sub-title{margin-bottom:20px;}

}

@media (max-width: 991px) {
    body, body.home{margin-top:100px;}
    .header .main-logo{line-height: 100px; padding:0 15px;} 
    .header, body.home .header{height: 100px; background: #000;}
    .main-menu{position: fixed; top:100px; bottom: 0; width:320px; right: -320px; background: #fff;margin:0; max-width: 100%;}
    .main-menu.selected{right:0;}
    .main-menu li{float: none; margin: 0;}
    .main-menu li a{padding: 8px 15px; background: #fff; border-bottom:1px solid #ccc; color:#000; font-size: .85rem;}
    .main-menu li a:hover{color:#08bdc5;}
    .main-menu li a.selected{background: #08bdc5; color:#fff;}
    .btn-menu{display: block;}
    .header .btn-tel{right:80px;}

    .footer .menu li{margin-left: 20px;}
    .footer .menu li a{font-size: .85rem;}
    
    h2.sub-title{font-size: 1.6rem;}
    h3.sub-title{font-size: 1.4rem;}
                                    
    /* HOME */
    .main-banner .details{max-width: none;}
    .main-banner .container{height: 100%; margin-top: 0;}
    .main-banner h2{font-size: 2.8rem; margin-bottom: 14px;}
    .slick-arrow{margin-bottom:24px;}
    .main-banner .btn{margin-top:20px;}

    /* DETAILS */
    article{padding:30px 0;}
    article .title{font-size: 2rem;}
    article .details{margin: 30px 0;}

}

@media (max-width: 767px) {
    .header .main-logo img{height: 36px;}
    h2.sub-title{font-size: 1.4rem; text-transform: capitalize;}

    .footer .menu{display: none;}
    h3.sub-title{font-size: 1.2rem;}
 
    /* HOME */
    .main-banner h2{font-size: 2.2rem;}
    .main-banner p{font-size: 1rem;}

    .slick-next{right:160px;}
    .slick-prev{right:214px;}
    
    .featured-glance{height: auto;}

    /* LISTING */
    .listing.products .details{padding:30px;}

    /* ABOUT */
    .about-holder h2.sub-title{margin-bottom:15px;}

    /* DETAILS */
    article .title{font-size: 1.6rem;}

    /* CONTACT */
    .contact-holder{overflow: scroll;}
    .contact-holder h3.sub-title{margin-bottom:10px;}
    .contact-holder .map{position: relative; margin: 15px; width: auto; height: 320px;}
    .contact-holder .container{height: auto; overflow: visible;}
    .contact-holder .btn-close{background-color: #000;}

}

@media (max-width: 575px) {
    .header .btn-tel{margin-left:0; width:30px;}
    .header .btn-tel .btn{display: none;}
    .header .btn-tel .icon{left:0;}

    /* HOME */
    .main-banner h2{font-size: 1.6rem;}

    .featured-glance .glance{padding:20px;}
    .slick-arrow{display: none!important;}

    /* LISTING */
    .filter .form-control{float:none; max-width: 100%; width: 100%; margin: 0 0 10px;}
    .listing.products .details{padding: 20px;}

    /* DETAILS */
    article{padding:20px 0;}
    article .title{font-size: 1.4rem;}
    article .details{margin: 20px 0;}

}

@media (min-width: 576px) and (max-width: 1199px) {
    .container{max-width: none;}
    
}

.ios .back{
    background-attachment: scroll!important;
}