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

}


/*** 1024px - 1279px ***/  
@media only screen and (max-width: 1279px) {
    *{}
    .white-bar .menu2 li select{padding-left: 10px; margin-left: 10px;}
    .white-bar .menu2 li a{text-transform: capitalize;}
    
    /* Home */
    .main-slider .details{max-width: 100%; margin-right: 220px;}
    .featured-services ul{margin-left: 20px;}
    
    .ntg-config .radio-list li{float: none; width: 100%;}
    .ntg-config .tab-content .bloc{min-height: 235px;}
    .ntg-config .form input[type='text']{float: none; margin: 0 0 10px; width: 100%;}
    .ntg-config .form .custom-btn{width: 100%; float: none; margin: 0;}
    
    .support-box img{display: none;}
    .boxes .locate-form .custom-btn{margin-bottom: 46px;}
    .boxes .locate-form, .boxes .banner, .boxes .support-box{width: 32%; margin-left: 2%;}
    .boxes .locate-form{margin-left: 0;}
    

}


/*** 960px - 1023px ***/  
@media only screen and (max-width: 1023px) {
    *{}
    .main-slider .slider-holder{left: 20px; right: 20px;}
    .grey-bar, .white-bar, footer{padding-left: 20px; padding-right: 20px;}
     .main-content{padding: 20px;}
     .main-banner .holder{padding: 0 20px;}
     .sub-menu{padding: 0 20px;}
     .popup-pride .holder{padding: 20px;}
     .popup-pride h2{font-size: 36px;}
     .popup-pride h3{font-size: 30px;}
     .popup-pride .close-btn{right: 0;}
     .listing.awards li:nth-child(1n){width: 23.5%; margin-right: 2%;}
     .listing.awards li:nth-child(4n){margin-right: 0;}
     .white-bar .menu2 li a{font-size: 11px;}     
    
    /* Home */
    .main-slider .holder{left:20px; right:20px;}
    .main-slider .details{max-width: 100%;}
    .main-slider h1{font-size: 40px;}
    .main-slider h2{font-size: 26px;}
    .main-slider p{margin-bottom: 15px;}
    .featured-services{display: none;}
    .featured-services div{float: none; clear: both; max-width: 370px; margin-bottom: 10px;}
    .featured-services ul{margin-left: 0; border: 0; padding-bottom: 0;}
    .featured-services li{margin-left: 15px;}
    .main-slider .right-content{display: none;}
    .main-slider .details{margin-right: 0;}
    .circles{margin: 0 20px;}
    
    /* Contact */
    .contact-info{width: 40%;}
    .contact-form{width: 56%;}
    
    /* careers */
    .jobs-list{width: 40%;}
    
    /* dealers */
    .search-dealers{padding: 18px 20px;}
    
    /* clients */
    .clients-holder .circle .title{font-size: 20px;}

}


/*** 768px - 959px ***/ 
@media only screen and (max-width: 959px) {
    *{}
    body{margin-top: 61px!important;}
    .grey-bar{height: 0; position: relative; z-index: 1000;}
    .grey-bar .badge img{width: 54px;}
    .black-bar{display: none;}
    h2.sub-title{margin-bottom: 20px;}
    #mobileNavBtn{display: block;}
    .grey-bar .badge{right: 50px; top: -20px;}
    .white-bar{height: 60px;}

    .panel-on{overflow: hidden;}
     header .main-menu{position: fixed; right: -320px; top: 61px; bottom: 0; width: 320px; z-index: 999; background: #fff; overflow-y: scroll;}
     header .main-menu.selected{right: 0;}
     
    .white-bar .menu2{position: relative; top: 0; right: 0; } 
    .white-bar .menu3{position: relative; top: 0; right: 0; } 
    
    .white-bar .menu1{margin: 0; float: none;}
    .white-bar .menu1 li, .white-bar .menu2 li, .white-bar .menu3 li{float: none; clear: both;}
    .white-bar .menu1 li a, .white-bar .menu2 li a, .white-bar .menu3 li a{padding: 12px 20px!important; border-left:0; border-bottom:1px solid #eee; text-align: left; display: block; color: #0098a2; font-size: 13px; margin: 0; font-family: 'Roboto Condensed', sans-serif; font-weight: 700;}
    .white-bar .menu1 li .fa{display: none!important;}
    .white-bar .menu2 li a:before{display: none;}
    .white-bar .menu2 li select{border: 0; width: 100%; line-height: 36px; padding: 0; margin: 0; height: 44px; font-size: 13px; font-weight: 700;font-family: 'Roboto Condensed', sans-serif;text-indent: 20px; border-bottom:1px solid #eee}
    .white-bar .menu2 .username{display: block; text-align: center; padding: 12px 20px ;}
    
    .white-bar .menu3 li{color: #000;}
    .white-bar .menu3 li strong{padding: 10px 20px; display: block; line-height: normal; border-bottom: 1px solid #eee;}
         
    .main-logo img {max-height: 40px;}
    .main-logo {padding: 10px 0;}

    .footer-glance li{float: none; margin-bottom: 6px; margin-left: 0;}
    
    .col66, .col30{width: 100%;}
    .side-slider{max-width: 360px; margin: 0 auto 50px; }
    .col30 .banner{max-width: 360px; margin: 0 auto 50px; }
    .locate-form{max-width: 360px; margin: 0 auto 50px; padding: 20px;}
    .boxes .locate-form .custom-btn{margin-bottom: 0;}
    .support-box{max-width: 360px; margin: 0 auto 50px; padding: 20px;}
    .support-box .custom-btn{margin-bottom: 0;}
    
    /* Home */
    .main-slider h1{font-size: 36px;}
    .main-slider h2{font-size: 24px;}
    .quality-matters .circle .title{font-size: 24px;}
    
    /* Contact */
    .google-map{height: 300px;}
    .contact-info .content{padding: 18px 20px;}
    
    /* Resources */
    .listing.press li:nth-child(1n){width: 48.5%; margin-right: 3%; margin-bottom: 30px;}
    .listing.press li:nth-child(2n) {margin-right: 0;}
    
    .filter .custom-select{width: 31%;}
    .filter .qty{width: 31%;}
    
    /* news */
    .listing.news li:nth-child(1n), .top-news .listing.news li:first-child{ margin: 0 2% 20px 0; width: 32%;}
    .listing.news li:nth-child(3n){ margin: 0 0 20px 0;}
    .listing.news .title{height: 66px; max-height: 66px;  -webkit-line-clamp: 3;}
    .top-news .listing.news li:first-child .details{position: relative; padding: 0;}
    .top-news .listing.news li:first-child .photo{margin-bottom: 16px;}
    .top-news .listing.news li:first-child .date{color: #a8a8a8; margin-bottom: 4px;}
    .top-news .listing.news li:first-child .title{color:#279d9c; font-weight: 700; height: 66px; max-height: 66px; font-size: 16px; line-height: 22px; -webkit-line-clamp: 3;}
    .top-news{margin-bottom: 0;}
    .sub-menu li a{padding: 10px 0;}
    
    /* sectors */
    .listing.clients li{width: 25%;}
    
}


/*** 640px - 767px ***/ 
@media only screen and (max-width: 767px) {
    *{}   
    footer{text-align: center; }  
    footer .center{padding-bottom: 45px;}  
    footer .social-links{position: relative; top: 0; width: 100%; margin: 10px 0;}            
    footer .social-links li{display: inline-block; float: none;}
    footer .scroll-up{position: relative; left: 0; top: 0; margin: 10px auto 0;}
         
    .footer-glance{float: none; width: 100%; margin-bottom: 20px; max-width: none;}    
    .footer-glance li{float: left; margin-right: 8px;}
    .footer-glance:before{display: none;}
    .big-footer .bg-left{display: none;}
    
    .get-in-touch{float: none; width: 100%;}
    .quick-links li:nth-child(1n){width: 45%; margin-left: 5%; padding-bottom: 5px;}
    .featured-contact{margin-bottom: 30px;}
    
    .popup-pride h2{font-size: 30px;}
    .popup-pride h3{font-size: 24px;}
    
    .listing.awards li:nth-child(1n){width: 32%; margin-right: 2%; margin-bottom: 30px;}
    .listing.awards li:nth-child(3n){margin-right: 0;}
    
    /* Home */
    .main-slider h1{font-size: 30px;}
    .main-slider h2{font-size: 20px; margin-bottom: 8px;}
    
    .ntg-config .tab-content .bloc{width: 50%; min-height: 100px;}
    .ntg-config .tab-content .bloc:first-child{float: none; width: 100%; clear: both; margin-bottom: 10px;}
    .ntg-config .radio-list li {float: left;width: 50%;}
    
    .featured-categories .listing.categories li, .featured-categories .listing.categories li:first-child{float: none; margin: 0 0 30px; width: auto;}
    .featured-categories .listing.categories .photo{width: 200px; margin-right: 20px; float: left; padding: 0;}
    .featured-categories .listing.categories .photo img{position: relative;}
    
    .quality-matters .circle .title{font-size: 20px;}
    .quality-matters .circle .details{font-size: 16px;}
    
    .featured-news{width: auto; float: none; margin: 0 auto 30px; }
    .featured-about{width: auto; float: none; margin: 0 auto 30px; }
    .corporate-video{width: auto; float: none; margin: 0 auto 30px; }
    .corporate-video .details{left: 20px; right: 20px; bottom: 20px; font-size: 18px; padding: 16px 20px}
    .achievements li{width: auto; float: none; margin: 0 0 20px; }
    
    .boxes .locate-form{float: left; width: 48%; margin-bottom: 20px;}
    .boxes .banner{float: right; width: 48%; margin-bottom: 20px;}
    .boxes .support-box{float: none; clear: both; width: auto; max-width: none; margin: 0;}
    
    .links-boxes .box{float: none; width: auto; margin: 0 0 20px;}
    .links-boxes .box ul{min-height: 20px;}
    
    /* Category Details */
    .products.listing .photo{float: none; margin: 0 auto 30px; width: auto;}
    .products.listing .details{float: none; margin: 0; width: auto;}
    .listing.categories .details{padding: 14px 20px;}
    
    /* contact */
    .contact-info{float: none; width: auto; margin-bottom: 30px;}    
    .contact-form{float: none; width: auto; margin-bottom: 30px;}
    .jobs-list{float: none; width: auto; margin-bottom: 30px;}
    .accordion .title{padding-top: 10px; padding-bottom: 10px;}
    .accordion .content{padding: 12px 20px;}
    .password-form{float: left; width: 50%;}
        
    /* resources */
    .filter .holder{padding-right: 0;}
    .filter .custom-btn{position: relative;}
    
    /* Dealers */
    .search-dealers .filter{margin-right: 0;}
    .dealer-info{height: auto; margin-bottom: 30px;}
    .dealer-info .map{height: 300px;}
    .dealer-info .contact-info{position: relative; width: auto; right: 0; top: 0;}
    
    /* clients */
    .clients-holder .circle .title{font-size: 16px;}
    .clients-holder .circle, .clients-holder .circle:first-child{width: 40%; margin: 0 5%;}
    
}


/*** 480px - 639px ***/ 
@media only screen and (max-width: 639px) {
     *{}
     .featured-contact{margin-bottom: 10px;}
     .featured-contact li:nth-child(1n){width: 48%; margin: 0 1% 20px;}
     .featured-contact li .fa{margin-bottom: 8px;}
     
     .popup-partner.selected{max-width: 100%;}
     .popup-partner .holder{padding: 20px; }
     
     .listing.awards li:nth-child(1n){width: 48%; margin-right: 4%;}
     .listing.awards li:nth-child(2n){margin-right: 0;}
     
     .login-form{padding: 20px;}
     
     /* Home */                                                      
     .featured-categories .listing.categories .photo{width: auto; margin-right: 0; float: none;}
     .ntg-config .tabs-list a{padding: 0 30px;}

     .quality-matters .circle, .quality-matters .circle:first-child{width: auto; float: none; max-width: 360px; margin: 0 auto 50px;}
     .quality-matters .circle .photo{margin-bottom: 30px;}
     .boxes .locate-form, .boxes .banner{width: auto; float: none; margin: 0 auto 20px; max-width: 480px;}
     
     /* details */
     article .gallery{float: none; width: auto; margin: 0 auto 40px; }  
     
     /* dealers */
     .search-dealers .filter .holder{padding-right: 150px;}
     .search-dealers .filter .custom-btn{width: 150px;}

     /* products */
     .category-details .btns{position: relative; margin-top: 10px;}
     .category-details .btns .custom-btn{float: right;}
     
     /* Resources */
    .listing.press li:nth-child(1n){width: 100%; margin-right: 0; margin-bottom: 20px; float: none;}
    
    /* news */
    .listing.news li:nth-child(1n), .top-news .listing.news li:first-child{ margin: 0 0 20px 0; width: auto; float: none;}
    .top-news .listing.news li:first-child .title, .listing.news .title { height: auto; max-height: none; -webkit-line-clamp: inherit;}
    
    /* sectors */
    .listing.clients li{width: 33.33%;}
         
}


/*** 360px - 479px ***/ 
@media only screen and (max-width: 479px) {
    *{}    
    .banners-double .banner{float: none; width: auto; margin: 0 0 10px;}
    
    .popup-pride h2{font-size: 24px;}
    .popup-pride h3{font-size: 20px;}
    
    /* account */
    .password-form{float: none; width: auto;}
    
    /* Home */
    .ntg-config .tab-content .bloc{width: auto; float: none; margin-bottom: 10px; padding-bottom: 0;}
    .ntg-config .radio-list li {float: none;width: 100%;}
    .order-badge{float: none; margin: 0 auto 30px; max-width: 100%;}
    .corporate-video .play-btn{margin: -24px 0 0 -24px; width: 48px; height: 48px; line-height: 48px; font-size: 20px;}
    
    /* categories */
    .full-listing .listing.categories li{float: none; width: auto; margin: 0 0 30px;}
    
    /* resources */
    .filter .custom-select{float: none; width: 100%; margin: 0 0 10px; }
    
    /* dealers */
    .search-dealers .filter .holder{padding-right: 0;}
    .search-dealers .filter .custom-btn{position: relative;}
    
         
    /* sectors */
    .listing.clients li{width: 50%;}
    
        
}


/*** < 359px ***/ 
@media only screen and (max-width: 359px) {
    *{}
    .featured-contact{margin-bottom: 0;}
    .featured-contact li:nth-child(1n){float: none; margin: 0 auto 20px; width: auto;}
    
    .quick-links{display: none;}
    .quick-links li{float: none; width: auto; margin-left: 0; border: 0;}
    
    .listing.awards li:nth-child(1n){width: 100%; margin-right: 0; float: none; margin-bottom: 20px;}
    
    /* account */
    .contact-form .form .value{height: auto; line-height: normal;}
    
    /* Home */
    .ntg-config .tabs-list a{padding: 0 20px;}
    .corporate-video .details{position: relative; left: 0; right: 0; bottom: 0; background: #ffd221;}
    
    /* contact */
    .contact-form .form input, .contact-form .form .custom-select{width: 100%; float: none; margin: 0 0 10px;}
    .contact-form .form .separator{display: none;}
     
     /* dealers */
     .search-dealers .filter .custom-select{float: none; width: auto; margin: 0 0 10px;}
         
    /* clients */
    .clients-holder .circle, .clients-holder .circle:first-child{width: 90%; float: none;}

    
      
}
 
/* Portrait */
@media only screen and (orientation: portrait) {   
    *{}
    .main-slider img{width:auto!important; height:100%!important}
}