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

}


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

    /* home */
    .main-banner h2{font-size: 2.8rem;}
    
    /* Sub */
    .sub-banner h2{font-size: 2.8rem;}
    
    /* ABOUT */
    .listing.triad ul{display: block;}
    .listing.triad li{float: none; width: auto; }
    .listing.triad .holder{padding: 30px 40px;}
    .listing.triad .details{position: relative; top: auto; left: auto; right: auto; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none;}
    
        
    /* BLOG */
    .main-filter h2{font-size: 2.4rem;}
    h2.sub-title.left{font-size: 3.6rem;}
    .forum-banner h3{font-size: 4rem;}

}


/*** 960px - 1023px ***/  
@media only screen and (max-width: 1023px) {
    *{}
    body{margin-top: 101px;}
    header .main-logo img{height: 60px;}
    .menu1 li a, .menu2 li a{font-size: 1.5rem!important;}

    h2.sub-title{font-size: 2.6rem;}
    
    /* Home */
    .featured-videos .listing.media li .details{position: relative; width: 50%; float: right; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; padding: 14px 20px; margin: 0;}
    .featured-videos .listing.media li .photo{width: 50%;}
    .featured-videos .listing.media li .title{height: 80px; max-height: 80px; -webkit-line-clamp: 4;}
   
    /* details */
    article .title{font-size: 2.4rem; margin-right: 0;}

    /* LISTING */
    .listing.benefits li:nth-child(1n){width: 48%; margin-right: 4%; clear: none;}
    .listing.benefits li:nth-child(2n){margin-right: 0;}
    .listing.benefits li:nth-child(2n+1){clear: left;}
    
    /* BLOG */
    .main-filter h3{font-size: 1.5rem;}
    .main-filter .row{padding-right: 0;}
    .main-filter .btn-submit{right: -40px; width: 40px; font-size: 3rem;}
    .fr-site .main-filter h3{font-size: 1.5rem; min-height: 40px;}
    .answer-holder{margin: 0 20px 20px; padding: 15px 20px; top: -60px;} 
    
}


/*** 768px - 959px ***/ 
@media only screen and (max-width: 959px) {
    .action-btns {
        left: 0;
    }
    header h1{
        float: left;
    }
    *{}    
    body{margin-top: 81px;}
    .btn-mobile{display: block;}
    header .main-logo{line-height: 54px;}  
    header .center{min-height: 60px; margin: 10px auto;}
      
    .main-menu{position: fixed; right: -320px; top: 81px; bottom: 0; width: 320px; z-index: 999; background: #fff; -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; overflow: auto;}
    .main-menu.selected{right: 0;}
    .main-menu ul{position: relative; top: 0; right: 0; clear: both;}
       
    .main-menu .menu1{height: auto; top: 0!important;} 
    .main-menu .menu1 li, .menu2 li{float: none; display: block; width: 100%; margin: 0;}
    .main-menu .menu1 li a, .menu2 li a{border: 0; border-bottom: 1px solid #efefef; text-align: left; padding: 8px 20px; margin: 0; color: #424242; line-height: 20px;}
    .main-menu .menu1 li a:after, .menu2 li a:after{width: 4px; height: auto; left: 0; margin: 0; top: 0; bottom:1px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; display: none;}        
    .main-menu .menu1 li a:hover:after, .menu1 li a.selected:after, .menu2 li a:hover:after, .menu2 li a.selected:after{left: 0; width: 4px; display: block;}
    .main-menu .menu1 li:before, .menu2 li:before{display: none;}
    
    .main-menu .menu3{height: 22px; margin: 10px 20px;}
    .main-menu .menu3 li{margin-left: 6px;}
    .main-menu .menu3 li:first-child{margin-left: 0;}
    
    .main-menu .menu2{border-top:1px solid #efefef; height: auto;}
    
    .main-menu li .sub-menu{position: relative; margin: 0; left: 0; top: 0; padding: 0; width: auto; max-height: none; display: none; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; opacity:1; visibility: visible; overflow: visible;}
    .main-menu li .sub-menu li a{padding: 6px 20px;}
    
    .fb-like{position: relative; right: 0; top: auto; margin: 10px 20px;}
    
    .subscription h3{font-size: 2.4rem;}
    .subscription img{width: 48px;}
    .subscription .col h3{margin-right: 70px;}
    .subscription .col:first-child h3{margin-left: 70px; color: white;}
    
    /* home */
    .main-banner h2{font-size: 2.4rem;}
    
    .featured-videos .listing.media li .details{width: auto; float: none;}
    .featured-videos .listing.media li .photo{width: auto; float: none;}
    .featured-videos .listing.media li .title{height: auto; max-height: none; display: block; overflow: visible; margin-bottom: 10px; float:none}
    .featured-videos .listing.media li .btn{position: relative; bottom: auto;}
    
    .featured-glance h2{font-size: 2.6rem;}
    .featured-glance .title{font-size: 1.8rem; text-align: right; line-height: 1.2;}
    
    .featured-careers .listing.jobs .title{font-size: 1.6rem;}
    .featured-careers .listing.jobs .btn{margin-top: 10px;}
    
    /* About */       
    .listing.ongoing li{width: auto; float: none; margin: 0 0 30px;}
    .listing.ongoing .photo{margin: 0; float: left; width: 48%;}
    .listing.ongoing .holder{display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;}
    .listing.ongoing .details{-webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding: 16px 20px;}

    /* Sub */
    .sub-banner h2{font-size: 2.4rem;}
    
    /* listing */
    .listing.media li:nth-child(1n){width: 48%; margin-right: 4%; clear: none;}
    .listing.media li:nth-child(2n){margin-right: 0;}
    .listing.media li:nth-child(2n+1){clear: left;}
    .featured-videos .listing.media li{float: none; width: auto; margin-right: 0;}
        
    .listing.articles li:nth-child(1n){width: 48%; margin-right: 4%; clear: none;}
    .listing.articles li:nth-child(2n){margin-right: 0;}
    .listing.articles li:nth-child(2n+1){clear: left;}
    .listing.articles .title{font-size: 1.5rem;}
    
    .listing.faq li .title{font-size: 1.6rem;}
    
    .listing.team li:nth-child(1n){width: 48%; margin-right: 4%; clear: none;}
    .listing.team li:nth-child(2n){margin-right: 0;}
    .listing.team li:nth-child(2n+1){clear: left;}
    
    /* Contact */
    .contact-holder .col, .contact-holder .col:first-child{width: 47%;}
    .contact-holder .box{float: none; width: auto; padding-right: 0;}
    
    
    /* BLOG */
    .main-filter .nav li a{font-size: 1.4rem; padding: 10px;}
    .forum-details h1.title{font-size: 1.6rem;}
    .forum-details .details{font-size: 1.5rem;}
    .listing.forum .title{font-size: 1.6rem; margin-bottom: 12px;}
    .listing.forum .category{margin-bottom: 16px;}
    .listing.forum .summary{margin-bottom: 20px;}
    .listing.forum .date{float: none; margin-bottom: 10px;}
    .featured-forum .title{font-size: 1.6rem; margin-bottom: 12px;}
    .question-holder .number{font-size: 1.6rem; margin-bottom: 10px;}
    .question-holder .question{font-size: 1.4rem; margin-bottom: 20px;}
    .quiz-holder .title{font-size: 1.6rem;}
    .forum-banner h3{font-size: 3rem;}
    .forum-banner .details{max-width: none;}
    .know-banner .summary{font-size: 1.6rem;}
    
    
}


/*** 640px - 767px ***/ 
@media only screen and (max-width: 767px) {
    *{}
    .main-content{padding-top: 20px; padding-bottom: 20px;}
    .main-content.half-grey:after{display: none;}
    footer .col{width: 48%; margin: 0 2% 30px 0;}
    h2.sub-title{font-size: 2rem;}

    /* home */
    .featured-cats .col{width: auto; float: none; margin: 0;}
    .featured-cats .col:first-child{margin: 0 0 40px;}
    .featured-videos .listing.media li{width: 48%; margin: 0 4% 30px 0; float: left;}
    .featured-videos .listing.media li:nth-child(2n){margin-right: 0;}
    .featured-glance{float: none; width: auto;}
    .featured-glance .summary{margin-bottom: 12px;}
    
    .main-content.glance .back{position: relative; width: 100%; height: 360px; margin-bottom: 20px;}
    .static-graph{display:block;}
    .plax-holder{display:none;}
    
    .subscription h3{font-size: 1.8rem;}

    .side-column{width: 38%;}
    .main-column{width: 58%;}   
    
    .featured-careers{float: none; width: auto; margin: 0 0 30px; border-bottom: 1px solid #ebebeb; padding-bottom: 30px;}
    .featured-careers .listing.jobs{padding: 0; border: 0;}
    .featured-careers .btn.more{position: relative; float: none; display: inline-block;}
    .featured-news{float: none; width: auto; margin: 0;}
    
    /* Form */
    .form .input{float: none; width: auto;}
    .form .separator{display: none;}
    
      
    /* details */
    article .title{font-size: 1.8rem;}
    
    /* LISTING */
    .listing.triad .holder{padding: 20px 30px;}
    .listing.triad .number{position: relative; padding: 0; margin-bottom: 6px; font-size: 2rem;}
    .listing.triad .summary{max-height: none; overflow: visible;}
    .listing.triad .title{margin-bottom: 6px!important;}
    .listing.triad .details{-webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none;}
    .listing.benefits li:nth-child(1n){width: auto; margin-right: 0; float: none;}
    .listing.ongoing .holder{display: block;}
    .listing.ongoing .photo{float: none; width: auto;}
    .listing.ongoing .details{min-height: 20px; -webkit-box-flex: unset; -webkit-flex: none; -ms-flex: none; flex: none;}
    
    /* BLOG */
    h2.sub-title.left{font-size: 2.6rem;}
    .main-filter h2{font-size: 2rem;}
    .main-filter .row{padding-bottom: 0;}
    .main-filter h3{margin-bottom: 2px;}
    .main-filter .col{width: 45%; padding-bottom: 30px;}  
    article .details img{float: none!important; width: auto!important; height: auto!important; padding: 0; margin: 0 0 10px!important; }
    .forum-banner{height: 520px;}
    .forum-banner .center{background: url(../images/banner-overlay.png) right center no-repeat;}
    .forum-banner h2.sub-title{margin-bottom: 30px;}
    .forum-banner h3{font-size: 2rem;}
    .forum-banner .holder{padding-right: 20px;}
    .know-banner .details{bottom: 60px; max-width: none; left: 40px;}    
    .know-banner .center {background: url(../images/banner-overlay2.png) left center no-repeat; }
    .answer-holder{top: 0;}
    .question-holder{margin-bottom: 15px;}
    .question-holder .details{padding-bottom: 20px;}
    .parallax{height: auto;-webkit-transform:none; -moz-transform: none; -ms-transform: none; transform: none;}
    
}


/*** 480px - 639px ***/ 
@media only screen and (max-width: 639px) {
     *{}
    .testimonial .content{
        max-height: unset;
    }
    .testimonial .details{
        max-height: unset;
        padding: 20px 30px 30px;
    }
    /* home */
    .main-banner h2{font-size: 2rem;}
    .main-banner .details{max-width: none;}
    .main-banner .btn{margin-top: 20px;}
    
    .subscription .row{padding: 20px 0;}
    .subscription .col{float: none!important; width: auto; text-align: right; padding: 0; min-height: 48px;}
    .subscription .col:first-child{margin-bottom: 20px;}
    .subscription:after{display: none;}
    .subscription h3{color: #fff; font-size: 1.4rem; margin: 9px 0!important;}
    .subscription a{position: relative; float: left; margin-right: 15px; left: 0!important; right: 0!important; top: 0; -webkit-transform:none; -moz-transform: none; -ms-transform: none; transform: none; }
    
    .listing.insta li{width: 50%;}
    
    .featured-glance h2{font-size: 2.2rem;}
    .featured-glance .title{font-size: 1.5rem; line-height: 1.3;}
    
    h2.sub-title{font-size: 1.8rem;}
    
    /* Listing */
    .side-column{width: auto; float: none; margin-bottom: 30px;}
    .main-column{width: auto; float: none;}
    
    .listing.articles li:nth-child(1n){width: auto; margin-right: 0; float: none;}
    .listing.articles .title{height: auto; max-height: none; display: block; overflow: visible; line-height: 20px;}
    .featured-videos .listing.media li .title{font-size: 1.5rem;}
    .listing.articles .summary{height: auto; max-height: none; overflow: visible; display: block;}
    .listing.articles .details{padding-bottom: 20px;}
    .listing.articles .details .btn{position: relative; left: 0; bottom: 0; margin-top: 10px;}
    .listing.articles .details:after{content: ""; clear: both; display: block;}
    
    /* Sub */
    .sub-banner h2{font-size: 1.8rem;}
    .listing.benefits .title{min-height: 30px;}
    .member-details{width: auto;}
    
    /* Details */
    article .gallery{width: auto; float: none; margin: 0 0 30px;}
    
    /* Contact */
    .contact-holder .col, .contact-holder .col:first-child{width: auto; float: none;}
    
    /* BLOG */
    .fr-site .main-filter h3 h3{min-height: 20px;}
    .listing.forum .holder{display: block;}
    .listing.forum .photo{width: auto; float: none;-webkit-box-flex: none; -webkit-flex: none; -ms-flex: none; flex: none;}
    .listing.forum .content{-webkit-box-flex: none; -webkit-flex: none; -ms-flex: none; flex: none;}
    .listing.forum .category{margin-top: 0;}
    .question-holder .photo{width: auto; float: none;-webkit-box-flex: none; -webkit-flex: none; -ms-flex: none; flex: none;}
    .question-holder .content{-webkit-box-flex: none; -webkit-flex: none; -ms-flex: none; flex: none;}
    .question-holder{display: block;} 
    .featured-forum{width: 100%; right: -100%;}
    .featured-forum .center{padding: 80px 40px 20px 40px;}
    .featured-forum .close-btn{width: 32px; height: 32px; right: 40px;}
    .side-form .close-btn{width: 32px; height: 32px;}
    .parallax .col{float: none; width: auto;}
                         
}


/*** 360px - 479px ***/ 
@media only screen and (max-width: 479px) {
    *{}    
    header{padding: 0 20px;}                    
    footer{position: relative!important; text-align: center;}
    footer .center{height: auto; padding: 0;}
    footer .copyrights{float: none; margin-bottom: 10px;}
    footer .social{position: relative; top: 0; float: none; padding-bottom: 20px;} 
    footer .col{width: auto; margin: 30px 0; float: none;}   
    btn{text-transform: none;}
            
    .newsletter .input{border: 0; height: auto; padding-right: 0;}   
    .newsletter .input input{border: 1px solid #acacac; height: 50px; margin-bottom: 1px;}    
    .newsletter .input .btn{position: relative; float: right;}    
    .fr-site .newsletter .input{padding-right: 0;}         
            
    /* home */
    .featured-videos .listing.media li{width: auto; float: none; margin: 0 0 30px;}
    .featured-cats .listing.cats li{width: auto; float: none;}
    .main-banner h2{text-transform: none; font-size: 1.6rem; }
    .main-banner .btn{padding: 0 40px; text-transform: none; line-height: 46px; }  
    
    /* listing */
    .listing.media li:nth-child(1n){width: auto; margin-right: 0; float: none;}
    .listing.articles .btn.more{line-height: 46px; font-size: 1.5rem;}
    .listing.team li:nth-child(1n){width: auto; margin-right: 0; float: none; clear: none;}
    
    /* details */
    article .title{font-size: 1.6rem;}
    
    /* BLOG */
    .main-filter h2{font-size: 1.4rem; line-height: 40px; margin-bottom: 14px;}
    .main-filter h2 img{width: 40px;}
    .main-filter .col{float: none; margin-right: 20px; width: auto;}
    .forum-banner h3{font-size: 1.8rem;}
                
}


/*** < 359px ***/ 
@media only screen and (max-width: 359px) {
    *{}
    header .main-menu{max-width: 100%;}
    .side-form .holder{padding: 70px 10px 0;}
    .side-form .close-btn{top: 10px; right: 10px;}
    
}

.is-touch .btn:before, 
.is-touch .btn:after{
     display: none;
}
.ios .back{
     background-attachment: scroll!important;
}