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

}


/*** 1024px - 1279px ***/  
@media only screen and (max-width: 1279px) {
    *{}
    .main-menu li a, .main-menu li strong{ padding: 0 20px; }

}


/*** 960px - 1023px ***/  
@media only screen and (max-width: 1023px) {
    *{}
    .black-bar, .white-bar, .main-menu, .links-holder, footer, .main-content, .grey-bar, .main-slider .holder{padding-left: 20px; padding-right: 20px;} 
    
    /* Home */ 
    .main-slider{float: none; width: 100%; clear: both;}
    .main-slider .subtitle{font-size: 2.2rem;}
    .featured-prices{width: 48.5%; margin-left: 3%; min-height: 0; margin-bottom: 20px;}
    .featured-industries{width: 48%; min-height: 0; margin-bottom: 20px;}          
    .featured-ads, .polls-holder, .featured-news{margin-top: -82px;}
    
    /* listing */
    .listing.type3 li:nth-child(1n){width: 32%; margin-left: 2%;}
    .listing.type3 li:nth-child(3n){margin-left: 0;}

}


/*** 768px - 959px ***/ 
@media only screen and (max-width: 959px) {
    *{}
    footer{text-align: center; padding-top: 20px;}
    footer .copyrights{float: none; margin: 0 0 10px;}
    footer .footer-links{float: none; margin-bottom: 10px;}
    footer .footer-links ul{display: inline-block;}
    footer .footer-links li{display: inline-block; float: none;}
    footer .social-links{float: none;}
    footer .social-links ul{display: inline-block;}
    footer .social-links li{display: inline-block; float: none;}
    
    #mobileNavBtn{display: block;}
    .main-menu{height: 40px;}    
    .main-menu .center{position: fixed; right: -320px; top: 0; bottom: 0; width: 320px; z-index: 999; background: #fff;  padding: 0; overflow-y: scroll ;}
    .main-menu .center.selected{right: 0;}
    .main-menu .center ul{}
    .main-menu .center li{float: none; display: block; width: 100%;}    
    .main-menu .center li a, .main-menu .center li strong{border-bottom: 1px solid #efefef; text-align: right; padding: 10px 20px 10px 40px; color: #424242; line-height: 20px; font-size: 1.3rem;}
    .main-menu .center li a.selected{color: #fff; background: #003167;}
    .main-menu .fa-angle-down{position: absolute; top: 50%; left: 20px; margin: -10px 0 0 ;}
    .sub-menu{right: 0;}

        
    .sub-menu{width: auto; background: transparent; position: relative;}
    .sub-menu li{border-bottom: 0; box-shadow: 0 0 0; border-top:0;}
    .sub-menu li a{background: #eee; border-bottom: 1px solid #ddd!important;}
    .sub-menu li li a{background: #ddd;border-bottom: 1px solid #ccc!important;}
    
    .main-menu > ul > li.selected > .sub-menu{display: block;overflow: visible; max-height: none; width: auto; opacity: 1; background: transparent;}
    .main-menu > ul > li.selected > .sub-menu li a{border: 0; background: #eee; font-weight: 400;}
    .main-menu > ul > li.selected > .sub-menu li:first-child{border: 0;}
    
    .main-menu .center > ul li > .sub-menu > ul > li > .sub-menu{right: 0; margin-top:0;}
    .main-menu .center > ul li > .sub-menu > ul > li > .sub-menu a{background: #ddd;}
    .sub-menu li .has-sub:before{color: #424242;}
    
        
    .links-holder ul:nth-child(1n){width: 32%; margin: 0 0 20px 2%;}
    .links-holder ul:nth-child(3n){margin: 0 0 20px 0;}
    .links-holder ul:nth-child(4){clear: right;}
    .links-holder ul:nth-child(6){clear: none;}
    .links-holder h5{margin-bottom: 6px;}
    
    h2.sub-title{font-size: 1.8rem; margin-bottom: 14px;}
    
    /* Home */
    .main-slider .flex-control-nav{bottom: 20px;}    
    .listing.type5 li:nth-child(1n){width: 48%; margin: 0 0 30px 4%;}
    .listing.type5 li:nth-child(2n){margin-left: 0;}
    .listing.links li{float: none; width: auto; margin-left: 0;}
        
    .featured-ads, .polls-holder, .featured-news{margin-top: 0}
    .featured-ads{width: auto; float: none; margin: 0 0 20px}
    .polls-holder{width: 40%; float: left; margin: 0 0 20px}
    .featured-news{width: 56%; margin: 0 0 20px;}   
    
    .educate-yourself .listing li{width: 48%; margin-left: 4%; clear: none;}
    .educate-yourself .listing li:nth-child(2n){margin-left: 0;}
    .educate-yourself .listing li:nth-child(2n+1){clear: right;}

    /* details */
    article .title{font-size: 1.8rem; }
    
    /* history */
    .listing.timeline ul{background-position: right top; }
    .listing.timeline li, .listing.timeline li:nth-child(even){width: 100%; margin: 0 0 20px;}
    .listing.timeline li .holder{margin: 0 20px 0 0;}
    .listing.timeline li .dot{left: auto; right: -28px;}
    .listing.timeline li .holder .arrow{left: auto; right: -6px; background: url(../images/arrow-timeline-left.png) center no-repeat;}
    .listing.timeline li:nth-child(even) .holder{text-align: right;}
    .listing.timeline li .title{font-size: 1.4rem;}
    .listing.timeline li .date{font-size: 1.7rem;}
    
}


/*** 640px - 767px ***/ 
@media only screen and (max-width: 767px) {
    *{}
    .links-holder{display: none;}
    .toggle-btn{display: none;}
    
    /* home */    
    .main-slider .details{max-width: none;}
    .featured-industries a, .listing.type1 .title, .listing.type2 .title,  .listing.type4 .title, .listing.type5 .title{font-size: 1.4rem;}
    .featured-links li .holder{font-size: 1.6rem;}
    
        
    /* details */
    article .photo-gallery{float: none; width: auto; margin: 0 auto 16px; max-width: 640px;}
    
    
    /* listing */
    .listing.type3 li:nth-child(1n){width: 49%; margin-left: 2%;}
    .listing.type3 li:nth-child(2n){margin-left: 0}
    .filter input, .filter select{width: 48%; margin-left: 2%; }
    .listing.departments li{float: none; width: auto; margin-left: 0;}
    
    /* form */
    .contact-info, .contact-form{float: none; width: auto; }

}


/*** 480px - 639px ***/ 
@media only screen and (max-width: 639px) {
     *{}
     .white-bar{padding: 0; text-align: center;}
     .main-logo{float: none; max-width: 80%; margin: 0 10%; padding: 6px 0;}
     .main-logo img{max-width: 100%;}
     .grey-bar .today-date{margin-left: 20px; }
     .grey-bar .main-search, .black-bar .other-sites select{width: 150px;}
     .grey-bar .main-search input{width: 120px;}     
     .links-holder, .toggle-holder{display: none!important;}     
     .white-bar .center{background: #fff;}
     .grey-bar .hot-line{margin: 10px 0; clear: both;}

         
    /* Home */           
    .main-slider .subtitle{font-size: 1.8rem;}
    .featured-prices{width: 100%; margin-left: 0; float: none; clear: both;}
    .featured-industries{width: 100%; float: none; clear: both;}
    .featured-links li{width: 100%; float: none; margin: 20px 0 0 ;}
    .featured-links li:first-child{margin-top: 0;}    
    .listing.type5 li:nth-child(1n){width: 100%; margin: 0 0 20px 0; float: none; clear: both;}
    .featured-news{width: auto; float: none;}
    .polls-holder{width: auto; float: none;}
    
    /* articles */
    .listing.type3.featured li .title{font-size: 1.4rem;}

         
}


/*** 360px - 479px ***/ 
@media only screen and (max-width: 479px) {
    *{}
    .black-bar{text-align: center;}
    .black-bar .other-sites{float: none;}
    .black-bar .icon-republic{float: none;}
    .grey-bar{text-align: center;}
    .grey-bar .main-search{float: none; clear: both; width: 100%;}
    .grey-bar .languages{float: left;}
    
    /* home */
    .main-slider .title{font-size: 1.3rem; padding: 0; margin-bottom: 6px;}
    .main-slider .title:after{display: none;}
    .main-slider .subtitle{font-size: 1.4rem;}
    .educate-yourself .listing li{width: 100%; margin-left: 0; clear: both;}
    
    /* listing */
    .filter .content{padding-left: 20px;}
    .filter .btn{position: relative; left: 0; top: 0; width: auto; padding: 0 40px;}
    .filter input, .filter select{float: none; width: auto; margin-left: 0; width: 100%; }
    
    .listing.type3 li:nth-child(1n), .listing.type3.featured li:nth-child(1n){width: 100%; margin-left: 0; float: none; }
    .listing.type4 .photo{float: none; width: 100%; max-width: none; margin: 0 0 12px;}
    
    /* form */
    .form .input{float: none; width: auto;}
    .form .separator{display: none;}
    
    /* history */
    .listing.timeline{float: none; width: auto; margin-bottom: 20px; height: 240px; overflow: scroll;} 
    .timeline-details{float: none; width: auto; margin-bottom: 20px;} 
    
    /* details */
    .share-btns [data-network="whatsapp"]{display: inline-block!important;}
        
}


/*** < 359px ***/ 
@media only screen and (max-width: 359px) {
    *{}
    .main-menu .center{right: -290px; width: 290px; }
      
}
 


 /** Webkit **/
@media screen and (-webkit-min-device-pixel-ratio:0) {
    
    /** Custom radio Btn **/
    .polls input[type='radio']{background-color: #fff; border: 3px solid #d3d3d3; -webkit-appearance: none; -webkit-border-radius: 20px; -webkit-box-sizing: content-box;}
    .polls input[type='radio']:checked{border: 3px solid #003167; background:#fff; height: 12px; width: 12px;}
    
}