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

}


/*** 1024px - 1279px ***/  
@media only screen and (max-width: 1279px) {
    *{}
    h2.main-title{font-size: 2.8rem;}
    .main-menu li a{font-size: 1.4rem;}
    
    /* Home */
    .main-banner h2{font-size: 3.6rem;}
    .main-banner h3{font-size: 2.8rem;}
    
    /* sub */
    .sub-banner h2{font-size: 3.6rem;}
    .sub-banner h3{font-size: 2.8rem;}
    

}


/*** 960px - 1023px ***/  
@media only screen and (max-width: 1023px) {
    *{}
    header, footer, .main-content, .main-banner .holder, .sub-banner .holder, .newsletter{padding-left: 20px; padding-right: 20px;}
    h2.main-title{font-size: 2.6rem; line-height: 40px ;}
    h2.main-title:before{min-height: 40px;}
    
    /* Home */
    .main-banner{height: 500px;}
    .newsletter .col{width: 40%; }
    .newsletter .col:first-child{width: 56%;}
    .newsletter h3{font-size: 2.2rem; margin-bottom: 4px;}
    .newsletter h4{font-size: 1.8rem;}
    
    /* sub */
    .form label{font-size: 1.3rem;}
    .form .input input[type='text'], .form .input input[type='password'], .form .input input[type='email'], .form .input input[type='number'], .form .input input[type='tel'], .form .input input[type='url'], .form .input select{width: 54%;}
    .form label{width: 45%;}
    .listing.partners li{width: 20%;}
    h2.sub-title{font-size: 2.8rem;}
    
}


/*** 768px - 959px ***/ 
@media only screen and (max-width: 959px) {
    *{}    
    .btn-mobile{display: block;}
    header{position: fixed;}
    .main-menu{position: fixed; left: -320px; top: 101px; 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;}
    .main-menu.selected{left: 0;}
    .main-menu ul{position: relative; height: auto; top: 0;}
    .main-menu li{float: none; display: block; width: 100%; margin: 0; padding: 0;}
    .main-menu li a{border: 0; border-bottom: 1px solid #efefef; text-align: right; padding: 8px 20px; margin: 0; color: #424242; line-height: 20px;}
    .main-menu li a.selected{color: #fff; background: #2fade0;}
    .main-menu li:before{display: none;}
    
    /* Home */
    .main-banner{height: 400px;}
    .main-banner h2{font-size: 3.2rem;}
    .main-banner h3{font-size: 2.6rem;}
    .main-banner .btn{line-height: 44px; font-size: 1.6rem;}
             
    .featured-goals{width: auto; float: none;}
    .featured-events{width: auto; float: none;}
    
    ul.check li, ol.count li{font-size: 1.8rem;}
    .bg-results{position: relative; width: auto; margin: 0; left: 0; bottom: 0; top: 0; height: 400px; }
    .featured-results{float: none; width: auto;}
    .featured-results .col h2.main-title{font-size: 2.2rem; line-height: 1.6;}
    
    .parallax h2.sub-title{width: auto; margin: 0 0 20px; line-height: 80px; }
    .parallax .details{font-size: 2.2rem;}
    .parallax .btn{line-height: 44px; font-size: 1.6rem;}
    
    .newsletter .input .btn{width: 140px;}
    .newsletter .input{padding-left: 140px;}
    .newsletter h3{font-size: 2rem;}
    .newsletter h4{font-size: 1.6rem;}
    
    /* sub */
    .sub-banner h2{font-size: 3.2rem;}
    .sub-banner h3{font-size: 2.6rem;}
    
    article .title{font-size: 2.2rem;}
    .side-col{float: none; width: auto; margin: 0 0 30px;}
    .main-col{float: none; width: auto; }
    
    .listing.events li:nth-child(1n){width: 48%; margin-left: 4%;}
    .listing.events li:nth-child(2n){margin-left: 0;}
    .listing.events .title{font-size: 1.6rem;}
    
    h2.sub-title{font-size: 2.6rem;}
    .participant-details .col{float: none; width: auto; margin: 0 0 20px!important;}
    

}


/*** 640px - 767px ***/ 
@media only screen and (max-width: 767px) {
    *{}
    .main-content{padding-top: 20px; padding-bottom: 20px;}
    h2.main-title{font-size: 2.2rem;}
    
    /* home */
    .parallax .details{font-size: 2rem;}
    .newsletter{padding: 20px;}
    .newsletter .col{width: auto!important; float: none; }
    .newsletter .col:first-child{margin-bottom: 30px;}
    
    /* sub */
    article .gallery{float: none; width: auto; margin: 0 auto 20px;}
    .goals .col, .goals .col:first-child{float: none; width: auto; margin: 0 0 30px;}
    .listing.partners li{width: 25%;}
    
    h2.sub-title{font-size: 2.2rem;}

}


/*** 480px - 639px ***/ 
@media only screen and (max-width: 639px) {
     *{}
     body{margin-top: 80px;}
     header .main-logo img{height: 60px;}
     .main-menu, header .overlay{top: 81px;}
         
    /* Home */
    .main-banner h2{font-size: 2.6rem;}
    .main-banner h3{font-size: 2.2rem;}
    
    .featured-events .listing.events li{float: none; width: auto; margin: 0 0 30px;}
    
    .featured-results{display: block;}
    .featured-results .col{float: none; width: auto; margin: 0 0 20px;}
    .featured-results .col h2.main-title{top: 0; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; margin-bottom: 20px;}
    
    .parallax .details {font-size: 1.8rem;}
    .parallax .details ul{display: block;}
    .parallax .details li{width: auto; display: block; text-align: center!important; margin: 0 0 8px;}
    
    /* sub */
    .sub-banner h2{font-size: 2.6rem;}
    .sub-banner h3{font-size: 2.2rem;}
    ul.check li, ol.count li{font-size: 1.5rem;}
    .form .input, .form .input:nth-child(2n){width: auto; float: none; margin: 0 0 10px;}
    .listing.partners li{width: 33.33%;}
    
    .listing.events li:nth-child(1n){width: auto; margin-left: 0; float: none;}
    .listing.events .title{max-height: none; display: block; overflow: visible; }
    .listing.events .summary{max-height: none; display: block; overflow: visible;}
    
    h2.sub-title{font-size: 2rem;}     
         
}


/*** 360px - 479px ***/ 
@media only screen and (max-width: 479px) {
    *{}     
    .newsletter .icon{display: none;}
    .participants .flex-direction-nav a{width: 40px;}
    .participants .flexslider{padding: 0 40px;}
            
    /* Listing */
    .listing.articles li:nth-child(1n){width: auto; margin-right: 0; float: none;}
    .listing.partners li{width: 50%;}
                
}


/*** < 359px ***/ 
@media only screen and (max-width: 359px) {
    *{}
    header .main-menu{max-width: 100%;}
    .newsletter .input{padding: 0; height: auto; border: 0;}
    .newsletter .input .btn{position: relative; width: auto; float: none; padding: 0 20px;}
    
    /* Home */
    .main-banner h2{font-size: 2.2rem;}
    .main-banner h3{font-size: 1.8rem;}
    
    /* Form */
    .form .input{float: none; width: auto;}
    .form .separator{display: none;}
    
    /* sub */
    .sub-banner h2{font-size: 2.2rem;}
    .sub-banner h3{font-size: 1.8rem;}
      
}
 

/* Mobile */
@media only screen and (-webkit-min-device-pixel-ratio: 1) and (max-width: 1023px) {   
    .btn:before, .btn:after{display: none;} 
    .btn:hover{background: #e51400;}
}