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

}


/*** 1024px - 1279px ***/  
@media only screen and (max-width: 1279px) {
    *{}       
    header{padding-left: 20px; padding-right: 20px;}
    .user-area{padding-left: 20px; padding-right: 20px;}
    header nav li{margin-left: 30px;}
    
    .main-content{padding-left: 20px; padding-right: 20px;}
    
    footer{padding-left: 20px; padding-right: 20px;}
    
    h2.sub-title{font-size: 22px;}
    
    .newsletter{padding: 20px;}
    .newsletter p{width: 28%;}
    .newsletter .form{width: 46%;}
    
    .links-holder{padding: 20px;}
    
    /* Home */    
    .main-slider .details{padding: 16px 20px; right: 180px;}
    .main-slider .flex-direction-nav .flex-prev, .main-slider .flex-direction-nav .flex-next{right: 180px!important;}
    
    .featured-story h2{font-size: 20px;}
    .featured-story .holder{padding: 12px 20px;}
    .polls-holder .content{padding: 20px;}
    
    .featured-videos li:first-child h2{font-size: 28px;}
    
    /* listing */
    .filter-bar{padding-left: 20px; padding-right: 20px;}
        

}


/*** 960px - 1023px ***/  
@media only screen and (max-width: 1023px) {
    *{}
    h1{font-size: 26px;margin: 0 0 10px;}
    h2{font-size: 22px;margin: 0 0 10px;}
    h3{font-size: 20px;margin: 0 0 10px;}
    h4{font-size: 16px;margin: 0 0 10px;}
    h5{font-size: 14px;margin: 0 0 10px;}
    
    /* Home */        
    .main-slider{width: 100%; float: none; clear: both;}
    .main-slider .title{font-size: 20px;}
    .teaching-interface{float: left; width: 49%; margin: 20px 0; }
    .featured-story{width: 49%; float: right; position: relative;margin: 20px 0;}
    .featured-story .holder{padding: 20px;}
    .polls-holder{width: auto; float: none; margin-top: 20px;}
    
    .featured-videos li:first-child h2{font-size: 26px; margin-bottom: 16px;}
    .listing.events li .title{font-size: 16px; line-height: 20px; max-height: 60px;}
    
    .banner{margin-bottom: 20px;}
    
    /* Listing */
    .filter-bar h1{font-size: 18px;}
    .featured-experts .listing.experts .title{font-size: 18px;}
    
    /* Contact */
    .contact-info{font-size: 15px; width: 32%;}
    .form.contact{width: 64%;}

}


/*** 768px - 959px ***/ 
@media only screen and (max-width: 959px) {
    *{}
    body.scrolled {margin-top: 88px;}
    header{text-align: left;}

    .main-logo img{max-height: 60px;  }
    #mobileNavBtn{display: block; z-index: 1000;}
    header nav{float: none; height: auto; border-right: 1px solid #fff; position: fixed; width: 320px; top: 0; left: -320px; bottom: 0; z-index: 999; background: #000; -webkit-transition: all .35s ease-in-out; -moz-transition: all .35s ease-in-out; -ms-transition: all .35s ease-in-out; -o-transition: all .35s ease-in-out; transition: all .35s ease-in-out;}
    header nav ul{padding: 40px 0 0; margin: 0; display: block;}
    header nav li:first-child{display: block;}
    header nav li{display: block; border-bottom: 1px solid #fff; border-bottom: 1px solid rgba(255, 255, 255, 0.5); float: none; margin: 0;}
    header nav li a{display: block; padding: 6px 20px; position: relative; display: block; z-index: 1; line-height: 20px; font-size: 14px; color: #fff; font-weight: 400; }
    header nav li a:before{content:""; position: absolute; left: 0; top: 0; bottom: 0; width: 0;background: #1c794c; -webkit-transition: all .35s ease-in-out; -moz-transition: all .35s ease-in-out; -ms-transition: all .35s ease-in-out; -o-transition: all .35s ease-in-out; transition: all .35s ease-in-out; z-index: -1;}
    header nav li a:hover:before, header nav li a.selected:before{width: 100%;}
    header nav li a:hover, header nav li a.selected{color:#fff;}
    header nav.selected{left: 0;}
    header nav li a:after{display: none;}
    header .sub-menu{display: none;}
    
    .newsletter{font-size: 15px;}
    .newsletter p{width: auto;}
    .newsletter .social-media {float: none; clear: both; width: 100%; margin: 0; text-align: left;}
    .newsletter .form{float: right; width: 60%;}
    .newsletter .social-media li{font-size: 14px;}
    
    h2.sub-title{font-size: 20px;}
    
    /* Home */    
    .featured-holder{margin-bottom: 20px;}
    .main-slider .title{font-size: 18px;}
    .main-slider .summary{font-size: 14px;}
    .listing.events li .title{font-size: 15px;}

    .featured-videos{margin-bottom: 0;}
    .featured-videos li:first-child h2{font-size: 24px;}        
    
    /* Listing */                            
    .filter-bar .drop-down{font-size: 14px;}
    .listing.videos li:nth-child(1n), .listing.experts li:nth-child(1n){margin-right: 4%; width: 48%;}
    .listing.videos li:nth-child(2n), .listing.experts li:nth-child(2n){margin-right: 0;}
    .listing.videos .title, .listing.experts .title{font-size: 14px;}
    .listing.partners li .title{font-size: 14px;}
    .featured-experts{padding-bottom: 20px; margin-bottom: 20px;}
    .featured-experts .listing.experts .title{font-size: 14px;}
    
    
    /* details */
    .main-content.details .left-area{float: none; width: 100%; margin: 0 0 30px;}
    .main-content.details .right-area{float: none; width: 100%; margin: 0 ; clear: both;}
    .right-area .listing.videos li{float: left;}
    .bloc-title{font-size: 14px;}
    .article-info h3{font-size: 18px;}
    .main-content.details .left-area .custom-btn{margin-bottom: 20px;}   
    
    /*contact */
    .contact-info{font-size: 14px; width: 36%;}
    .form.contact{width: 60%;}
    .contact-info .holder{padding: 20px;}
    
    /* events details */
    .right-area .listing.events li:nth-child(1n){float: left; width: 48%; margin-right: 4%;}
    .right-area .listing.events li:nth-child(2n){margin-right: 0;}
    .right-area .listing.events .photo{float: left;width: 46%;margin-right: 4%;}
    
}


/*** 640px - 767px ***/ 
@media only screen and (max-width: 767px) {
    *{}
    body{font-size: 13px;}
    body.scrolled {margin-top: 90px;}
    h1{font-size: 24px;margin: 0 0 8px;}
    h2{font-size: 20px;margin: 0 0 8px;}
    h3{font-size: 18px;margin: 0 0 8px;}
    h4{font-size: 15px;margin: 0 0 8px;}
    h5{font-size: 13px;margin: 0 0 8px;}
    
    .user-area li{margin-left: 15px; padding-left: 15px; margin-bottom: 2px;}
    .user-area li a{font-weight: 400;}
    
    .links-holder{padding-bottom: 1px;}
    .links-holder .links{display: none;}
    .links-holder .glance{float: none; width: auto; }
        
    .listing.events li:nth-child(1n), .right-area .listing.events li:nth-child(1n){float: none; width: 100%; margin: 0 0 20px; clear: both; }
    
    /* Home */
    .featured-holder{margin-bottom: 40px;}
    .main-slider .title{font-size: 16px; text-transform: capitalize; }            
    .teaching-interface, .featured-story{float:none; width: 100%; margin: 20px 0 0 ; }
    .featured-videos li:first-child h2{font-size: 20px; margin-bottom: 10px;}
    
    /* Listing */
    .filter-bar{padding: 10px 20px;}
    .filter-bar h1{font-size: 16px;}
    
    /* partners */
    .listing.partners li:nth-child(1n){width: 48%; margin-right: 4%;}
    .listing.partners li:nth-child(2n){margin-right: 0;}
    
    /* details */
    .article-info .date, .article-info .doctor, .article-info .position{float: none; margin: 0 0 2px;}
    .article-info .views{float: right;}
    
    .cat-info .gallery{float: none; margin: 0 0 30px; width: auto; }
    .cat-info .info{float: none; width: auto;}
    .cat-info .title{font-size: 16px;}
    
    /* Account */
    .left-nav {float: none; width: 100%; margin-bottom: 20px; }
    .left-nav .banner{display: none;}
    .right-content {float: none; width: 100%;}


}


/*** 480px - 639px ***/ 
@media only screen and (max-width: 639px) {
     *{}
     header{height: 68px;}
     body.scrolled {margin-top: 68px;}
     .user-area{text-align: center;}
     /*.user-area ul{float: none; display: inline-block;}
     .user-area li{float: none; display: inline-block;}
     .user-area li:first-child{width: 100%; margin-bottom: 2px;}
     .user-area li:nth-child(2){border: 0;}*/
     .main-logo img{height: 40px;}     
     
     .listing.videos li:nth-child(1n){float: none; width: 100%; margin: 0 0 20px; clear: both;}
     .listing.experts li:nth-child(1n){float: none; width: 100%; margin: 0 0 20px; clear: both;}

     .newsletter p{width: auto; float: none; margin-right: 0; margin-bottom: 10px;}
     .newsletter .form{width: 100%; float: none; clear: both; margin-bottom: 10px;}
     
     h2.sub-title{font-size: 18px;}
     
     /* Home */     
     .main-slider{margin-bottom: 20px;}
     .main-slider .details{right: 55px!important;}
     .main-slider .title{font-size: 14px;}
     .main-slider .flex-direction-nav .flex-prev, .main-slider .flex-direction-nav .flex-next{right: 55px!important;}
     
     .featured-videos li:first-child .filler{display: none;}
     .featured-videos li:first-child h2{position: relative; font-size: 18px; margin-bottom: 8px;}
     .featured-videos li:first-child .custom-btn{position: relative}
    
    .listing.events li .title{font-size: 14px;}
    
    .featured-experts{padding-bottom: 0;}
    
    .popup .polls-holder{width: auto;}
    
    /* details */
    .tabs li a{font-size: 13px; padding: 8px;}
    .article-info h3{font-size: 16px;}
    
    /*contact */
    .contact-info{font-size: 13px; width: 100%; float: none;}
    .form.contact{width: 100%; float: none;}
    .contact-info tr td{padding-bottom: 10px;}
     
}


/*** 360px - 479px ***/ 
@media only screen and (max-width: 479px) {
    *{}
    h1{font-size: 20px;}
    h2{font-size: 18px;}
    h3{font-size: 16px;}
    h4{font-size: 14px;}
    
    header nav{right: -300px; width: 300px;}
    
    h2.sub-title{font-size: 16px;}
    
    .links-holder .glance img{float: none; margin-left: 0; margin-bottom: 8px; display: block;}
    
    /* Home */
    .featured-videos li:first-child h2{font-size: 16px; text-transform: capitalize;} 
    
    /* Listng */
    .listing.events li .photo{float: none; width: 100%; margin-right: 0; margin-bottom: 8px;}
    .filter-bar .drop-down{width: 100%; float:none; clear:both; margin: 0;}
    .filter-bar .drop-down span{display: none;}
    .filter-bar .drop-down select, filter-bar .drop-down input{margin: 0 0 10px; width: 100%;}
    .listing.events li .title{max-height: none; -webkit-line-clamp: initial;}
    .listing.events li .summary{max-height: none; -webkit-line-clamp: initial;}
    
    /* partners */
    .listing.partners li:nth-child(1n){width: 100%; margin-right: 0%; float: none; clear: both;}
    
    /* details */
    .tabs li a{line-height: 20px; padding: 5px 8px;}
    .article-info h3{font-size: 14px;}
        
}


/*** < 359px ***/ 
@media only screen and (max-width: 359px) {
    *{}
    header nav{right: -240px; width: 240px;}
    .newsletter .form .custom-btn{position: relative; float: right; margin-top: 8px;}
    .newsletter .form .holder{padding: 0;}
    .newsletter .form input{margin-right: 0; margin-left: 4%;}
    .newsletter .form input:first-child{margin-left: 0;}
    
    /* Home */
    .main-slider .summary{max-height: 60px; -webkit-line-clamp: 3;}
    
    /* details */
    .article-info{text-align: center;}
    .article-info .photo{float: none; margin: 0 auto 10px;}
    .article-info .views{float: none;}
    
    
    /* Account */
    .form.double input, .form.double select{float: none; width: 100%;}
    .form.double .separator{display: none;}
      
}
 


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