/*** 1280px - 1439px ***/  
@media only screen and (max-width: 1439px) {
    *{}  
    .signup-holder,.signin-holder{padding: 25px 20px;}
    .signup-holder .btn{font-size: 1.3rem;}
    .signin-holder .btn{font-size: 1.3rem;}
    
    
}


/*** 1024px - 1279px ***/  
@media only screen and (max-width: 1279px) {
    *{}
    header .bottom li a{padding: 0 8px;}
    header .bottom .fa-angle-down{margin-right: 8px;}
    
    /* home */
    .main-slider .flex-direction-nav{right: 441px; margin: 0;}
    
    /* training */
    .listing.trainings .title{height: 40px; font-size: 1.3rem;}

}


/*** 960px - 1023px ***/  
@media only screen and (max-width: 1023px) {
    *{}
    header .top, header .bottom, .logos-holder, footer, .main-slider .holder, .middle-center{padding-left:20px; padding-right: 20px;}
    .middle-center{padding-top: 20px;}
    .top-center{padding: 20px 20px 8px;}
    .main-content{padding: 20px;}            
    
    #mobileNavBtn{display: block;}
    header .main-menu{position: fixed; right: -320px; top: 0; bottom: 0; width: 320px; z-index: 999; background: #fff; padding: 0; max-width: 90%;}
    header .main-menu.selected{right: 0;}
    header .main-menu .holder{overflow: hidden; overflow-y: scroll; height: 100%; }
    header .main-menu .menu1{position: relative; top: 0;}
    header .main-menu .menu2{position: relative; top: 0;}
    header .main-menu .menu3{position: relative; }
    
    header .main-menu li{float: none; text-align: left; display: block; width: 100%; border: 0; padding: 0; margin: 0; list-style: none;}
    header .main-menu li:first-child{display: block;}
    header .main-menu li a{border: 0; border-bottom: 1px solid #efefef; text-align: left; padding: 8px 20px; margin: 0; color: #bf2026; line-height: 20px;}
    header .main-menu li a.selected{color: #fff; background: #bf2026;}
    header .menu1 .languages li:before{display: none;}
    header .menu1 .languages li{margin: 0;}
    header .menu1 .social{padding-bottom: 20px; min-height: 60px;}
    header .menu1 .social li{float: left; width: auto; margin-left: 20px;}
    header .menu1 .social li:first-child{width: 100%; clear: both; float: none;}
    header .menu1 .social li:first-child span{padding: 4px 20px; font-weight: 700; display: block;}
    header .menu1 .social li a{padding: 0;}    
    header .main-menu li li{padding: 0; margin: 0;}
    header .bottom .fa-angle-down{float: right; margin: 0 0 0 10px;}
    header .bottom li a.selected{color: #fff; background: #bf2026;}
    header .sub-menu{position: relative; width: 100%; top: 0;}
    header .menu2 li .sub-menu li{border: 0;}
    header .menu3 li a:hover, header .menu3 li a.selected, header .menu1 li a:hover, header .menu1 li a.selected{color: #fff; background: #bf2026;}
    header .bottom .sub-menu li a{border: 0; background: #eee; color: #000; font-size: 1.3rem; }
    header .bottom .sub-menu li a:hover, header .bottom .sub-menu li a.selected{border: 0;}
    
    /* home */
    .main-slider .flex-direction-nav{right: 421px;}
    
        
    /* partners */
    .listing.partners li:nth-child(1n){width: 23.5%; margin: 0 0 10px 2%;}
    .listing.partners li:nth-child(4n){margin-left: 0;}
    
}


/*** 768px - 959px ***/ 
@media only screen and (max-width: 959px) {
    *{}
    h2.sub-title{font-size: 1.8rem;}
    footer .logos li{margin-left: 15px;}
    .links-holder{font-size: 1.3rem;}
    .tabs ul{min-height: 37px;}
    .tabs li a{font-size: 1.4rem; padding: 8px 15px;}
    
    /* jobs */
    .listing.jobs li{float: none; width: auto; margin: 0 0 20px;}
    
    /* trainings */
    .listing.trainings li:nth-child(1n){width: 48%; margin-left: 4%;}
    .listing.trainings li:nth-child(2n){margin-left: 0;}
    
    /* news */
    .listing.activities li:nth-child(1n){width: 48%; margin-left: 4%;}
    .listing.activities li:nth-child(2n){margin-left: 0;}

   

}


/*** 640px - 767px ***/ 
@media only screen and (max-width: 767px) {
    *{}
    /* home */
    .featured-activities .listing{width: auto; float: none;}
    .featured-activities .banner{display: none;}
    
    .listing.testimonials li{float: none; width: auto; margin: 0 0 20px;}
    
    .filter-holder .filter-form{padding-left: 50px;}
    .filter-holder input, .filter-holder select, .filter-holder .select2-container{width: 50%!important;}
    
    .featured-glance .col{float: none; width: auto; margin: 0 0 20px;}
    
    .links-holder .newsletter{width: 48%;}
    .links-holder .links{display: none;}
    .links-holder .branches{display: none;}
    .links-holder .about{width: 48%; float: left;}
    
    footer{text-align: center;}
    footer .copyrights{float: none; margin: 0 0 20px;}
    footer .logos{float: none;}
    footer .logos ul{display: inline-block;}
    footer .logos li{display: inline-block; float: none; margin: 0 8px 8px;}

    .col28{width: auto;}
    .col48{width: auto;}
    .col68{width: auto;}
    .left-col{float: none; margin-bottom: 20px;}
    .right-col{float: none; margin-bottom: 20px;}
    .btn.all{position: relative; top: 0;}
    
    /* home */
    .main-slider .content{padding: 20px;}
    .main-slider .flex-direction-nav{right: 381px;}
    .simple-carousel.with-arrows .carousel-holder{margin: 0 20px;}
    .simple-carousel .carousel-next{right:-20px;}
    .simple-carousel .carousel-prev{left:-20px;}
    
    /* detals */
    .photo-gallery{float: none; width: auto; margin: 0 0 20px;}
            
    /* partners */
    .listing.partners li:nth-child(1n){width: 32%; margin: 0 0 10px 2%;}
    .listing.partners li:nth-child(3n){margin-left: 0;}
    
    /* details */
    article .title{font-size: 1.6rem;}
    
    /* profiles */
    .listing.info-blocs li{float: none; width: auto; margin: 0 0 15px;}
    
    /* login */
    .signin-holder, .signup-holder{min-height: 40px;}
    
}


/*** 480px - 639px ***/ 
@media only screen and (max-width: 639px) {
     *{}
     /* home */
     .main-slider .title{font-size: 1.5rem;}
     .main-slider .video-btn{top: 10px; bottom: auto; left: 0;}
     .main-slider .flex-direction-nav{display: none;}
     .main-slider .content{width: auto; left: 0; right: 0; padding: 12px 20px;}
     .donate-btn{top: 60px; margin-top: 0; }
     
     .listing.activities li:nth-child(1n){float: none; width: auto; margin: 0 0 20px;}
     .featured-activities .listing.activities .title{height: auto; max-height: none; display: block; -webkit-line-clamp: inherit;}
     
     .featured-testimonials .btn.all{position: relative; top: 0;}
     
     .banner-holder .banner.double{float: none; width: auto; margin: 0 0 10px;}
     
     /* trainings */
    .listing.trainings li:nth-child(1n){width: 100%; margin-right: 0; float: none;}
    .listing.trainings .title{height: auto; overflow: visible; max-height: none;}
    
    /* details */
    article .photo-gallery{float: none; width: auto; margin: 0 auto 20px; }

        
    /* partners */
    .listing.partners li:nth-child(1n){width: 49%; margin: 0 0 10px 2%;}
    .listing.partners li:nth-child(2n){margin-left: 0;}
         
}


/*** 360px - 479px ***/ 
@media only screen and (max-width: 479px) {
    *{}
    .links-holder .newsletter{width: 100%; float: none; margin-bottom: 20px;}
    .links-holder .about{width: 100%; float: none;}
    
    /* home */
    .main-slider .flex-direction-nav{right: auto; left: 0;}
    
    /* Forms */
    .filter-holder .filter-form{padding-left: 0;}
    .filter-holder input, .filter-holder select, .filter-holder .select2-container{width: 100%!important; float: none; border: 0; margin-bottom: 1px;}
    .filter-holder .submit-btn{float: right; position: relative;}
    
    .form .input, .form .security-code, .form .checkbox, .custom-upload{width: 100%;  float: none; clear: both;}
    .form .select2-container{width: 100%!important; float: none; clear: both;}
    .form .separator{display: none;}
    
    .signup-holder .btn, .signin-holder .btn{width: auto; float: none!important; margin-bottom: 10px;}

        
}


/*** < 359px ***/ 
@media only screen and (max-width: 359px) {
    *{}
    /* partners */
    .listing.partners li:nth-child(1n){width: 100%; margin: 0 0 10px 0;}
    .listing.partners .title {max-height: none; height: auto; -webkit-line-clamp: inherit; overflow: visible;}

      
}