/*** 1280px - 1439px ***/  
@media only screen and (max-width: 1439px) {
    *{}

}


/*** 1024px - 1279px ***/  
@media only screen and (max-width: 1279px) {
    *{}
    .footer-menu{width: 16%;}
    .featured-contact{width: 62%;}
    .main-menu li a{padding: 36px 10px 0;}
    
    /* home */
    .parallax h1 strong{font-size: 5.6rem;}
    
    /* vehicules */
    .page-banner .content{margin-left: 0;}
    

}


/*** 960px - 1023px ***/  
@media only screen and (max-width: 1023px) {
    *{}
    header, footer, .main-content, .main-slider .holder, .page-banner .holder{padding-left: 20px; padding-right: 20px;}
    .main-menu li a{text-transform: capitalize;}
    
    /* home */
    .parallax .content{padding-right: 30px; padding-left: 50px;}
    .parallax h1{font-size: 3.6rem;}
    .parallax h1 span{font-size: 1.8rem;}
    .parallax h1 strong{font-size: 4rem;}
    
}


/*** 768px - 959px ***/ 
@media only screen and (max-width: 959px) {
    *{}
    .main-content{padding-top: 25px; padding-bottom: 25px; }
    
    #mobileNavBtn{display: block;}
    header nav{position: fixed; right: -320px; top: 100px; bottom: 0; width: 320px; z-index: 999; background: #f1f1f1;}
    header nav.selected{right: 0;}
    .main-menu li{float: none; text-align: left; display: block; width: 100%;}
    .main-menu li a{border-bottom: 1px solid #e91b2b; text-align: left; padding: 12px 10px; margin: 0; color: #333; padding: 15px 20px;}
    .main-menu li a.selected{color: #fff; background: #e91b2b;}
    .main-menu li a:before{display: none;}
    
    h4.sub-title{margin-bottom: 6px;}
    .footer-menu{width: 100%; margin-left: 0; float: none; margin-bottom: 20px;}
    .footer-menu li{float: left; margin-left: 15px;}
    .footer-menu li:first-child{margin-left: 0;}
    .footer-social{width: 100%; margin-left: 0; float: none;}
    .featured-contact{width: 100%; float: none; clear: both; margin-bottom: 20px;}
    
    /* home */
    .main-slider{height: 400px;}
    .main-slider .btn{font-size: 2.2rem; line-height: 48px;}
    .parallax .content{padding-right: 30px; padding-left: 50px;}
    .parallax h1{font-size: 2.8rem;}
    .parallax h1 strong{font-size: 3.6rem;}
    .parallax .btn{font-size: 2.2rem; line-height: 48px;}    
    
    /* vehicules */
    .listing.vehicules li:nth-child(1n){width: 32%; margin-right: 2%;}
    .listing.vehicules li:nth-child(3n){margin-right: 0;}
    
    .page-banner .content{padding-right: 134px; padding-left: 170px;}
    .page-banner h2{ font-size: 2.8rem;}
    .page-banner .btn{ font-size: 1.5rem; text-transform: capitalize;}
    .page-banner .custom-select select{ font-size: 1.5rem;}
    .page-banner .custom-select:after{ font-size: 2rem; width: 40px;}

}


/*** 640px - 767px ***/ 
@media only screen and (max-width: 767px) {
    *{}
    /* home */
    .parallax .content-holder{width: 100%;}
    
    /* home */
    /*.featured-glance{float: none; width: 100%; margin-bottom: 30px;}*/
    .featured-offers{float: none; width: 100%;}

    /* details */
    .photo-gallery{float: none; width: 100%; margin: 0;}
    article .price{margin-bottom: 10px;}
    
    /* contact*/
    .contact-map{float: none; width: auto; margin-bottom: 30px;}
    .contact-form{float: none; width: auto;}
    
}


/*** 480px - 639px ***/ 
@media only screen and (max-width: 639px) {
     *{}
     h2.sub-title{font-size: 2rem;}
     
     .featured-contact .photo{float: none; margin: 0 0 14px; width: auto;}
     .featured-contact .info{float: none; width: auto;}
     
     /* home */
     .featured-vehicules .btn.all{position: relative; float: right;}
     
     /* vehicules */
    .listing.vehicules li:nth-child(1n){width: 48%; margin-right: 4%;}
    .listing.vehicules li:nth-child(2n){margin-right: 0;}
    
    .page-banner .form{padding: 14px 0; min-height: 172px;-webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box; display: table; width: 100%;}
    .page-banner .content{padding: 0;}
    .page-banner .custom-select{height: 44px;}
    .page-banner .custom-select select{height: 40px ; line-height: 40px;}
    .page-banner .custom-select:after{line-height: 40px; height: 40px;}
    .page-banner h2{position: relative; clear: both; margin-bottom: 10px;}
    .page-banner .btn{position: relative; clear: both; margin-top: 14px; line-height: 44px;}
    .page-banner .form .back{left: 17px; right: 17px;}
    .page-banner h1{display: table-cell; vertical-align: middle; height: 100%; width: 100%; font-size: 3rem; min-height: 0;}
    
    /* details */
    .share-btns{position: relative; margin: 20px 0;}
    .listing.offers li:nth-child(1n){float: none; margin: 0 0 20px; width: 100%;}
         
}


/*** 360px - 479px ***/ 
@media only screen and (max-width: 479px) {
    *{}
    .main-logo{margin-left: -20px; padding: 10px;}
    .featured-contact .col{float: none; width: auto; margin: 0 0 10px;}
                                                                                        
    /* home */
    .main-slider .form{padding: 40px 20px;}
    .main-slider .btn{text-transform: capitalize; font-size: 1.8rem; line-height: 44px;}
    .parallax .btn{text-transform: capitalize; font-size: 1.8rem; line-height: 44px;}
    
    /* vehicules */
    .listing.vehicules li:nth-child(1n){width: 100%; margin-right: 0%; float: none;}
        
}


/*** < 359px ***/ 
@media only screen and (max-width: 359px) {
    *{}
    
    /* contact */
    .form .input{float: none; width: auto;}
    .form .separator{display: none}
      
}