/*** 1280px - 1439px ***/  
@media only screen and (max-width: 1439px) {
    *{}
    /* home */
    .main-slider .details h2{font-size: 36px;}
    .main-slider .details h1{font-size: 56px;}
    .featured-glance{margin: 40px 0;}
    
    /* Projects */
    .projects-header h1{font-size: 42px;}
                       
}


/*** 1024px - 1279px ***/  
@media only screen and (max-width: 1279px) {
    *{}
    .menu2 li{margin-left: 20px;}
    
    /* home */
    .main-slider .details h2{font-size: 32px;}
    .main-slider .details h1{font-size: 50px;}
    .featured-glance{margin: 30px 0;}
    .main-slider .custom-btn{line-height: 42px;}
    
    /* about */
    .slogan{font-size: 20px; padding: 16px 20px;}
    
    /* Services */
    .parallax .bloc h3{margin-bottom: 20px;}
    .parallax .holder.content .center{padding: 60px 0;}
    .parallax .holder.content .close-btn{top: 60px;}
    
    /* Projects */
    .projects-header h1{font-size: 34px;}
    .featured-projects{padding: 50px 0;}
                       
}


/*** 960px - 1023px ***/  
@media only screen and (max-width: 1023px) {
    *{}
    header, .main-content, .featured-clients, footer, .parallax .holder, .sub-menu, .featured-projects .carousel-holder, .projects-header, .page-header .holder{padding-left: 20px; padding-right: 20px;}
    
    h1{font-size: 24px;}
    h2{font-size: 22px;}
    h3{font-size: 20px;}
    h4{font-size: 16px;}
    h5{font-size: 15px;}
    h1.sub-title {margin-bottom: 22px; font-size: 26px;}
    h2.sub-title {margin-bottom: 22px; font-size: 22px;}
    
    /* Home */
    .main-slider .holder{left: 20px; right: 20px;}
    .main-slider .flex-control-nav{right: 20px;}
    .main-slider .details h2{font-size: 28px;}
    .main-slider .details h1{font-size: 44px;}
    .main-slider .custom-btn{line-height: 36px;}
    .featured-glance .col h2{font-size: 32px;}
    .about-france .col {
        width: 100%;
    }
    /* About */
    .sub-menu li a{font-size: 16px;}
    .page-header{height: auto;}
    .page-header img{position: relative; left: 0; width: 100%; height: auto; margin: 0;}
    .page-header .holder .center{display: block; padding: 10px 0;}
    .page-header .holder .details{display: block;}
    .page-header .title{font-size: 30px; color: #fff;}
    .page-header .subtitle{font-size: 22px; color: #fff;}
    
    /* services */
    .parallax .holder.content .center{padding: 40px 0;}
    .parallax .holder.content .close-btn{top: 40px;}
    
    /* projects */
    .featured-projects{padding: 40px 0;}
    .projects-header{padding: 0;}
    .projects-header .holder{position: absolute; bottom: 0; left: 0;right: 0; height: auto;   width: auto;}
    .projects-header.page-header .holder .center{float: none; max-width: none!important; }  
    .projects-header .center .cell{padding-left: 20px;}
    

}


/*** 768px - 959px ***/ 
@media only screen and (max-width: 959px) {
    *{}
    body{margin-top: 80px;}
    #mobileNavBtn{display: block;}
    header{height: 80px!important; background: #fff!important;}
    .main-logo{margin: 10px 0;}
    .main-menu{position: fixed; right: -320px; top: 81px; bottom: 0; width: 320px; z-index: 999; background: #fff; padding: 0; left: auto;}
    .main-menu.selected{right: 0;}
    .main-menu .holder{overflow: auto; height: 100%;}
    .user-menu{display: block; float: none;}
    .menu1{position: relative; padding-bottom: 75px; top: 0;}        
    .menu1 ul{float: none; display: block;}
    .menu1 li{float: none; margin: 0; padding: 0;}
    .menu1 .user-menu li{margin: 0; padding: 0;}
    .menu1 .user-menu li a{border-bottom: 1px solid #efefef; padding: 8px 20px; color: #141518; font-weight: 400; text-transform: none;}
    .menu1 .user-menu .user{border-bottom: 1px solid #efefef; padding: 8px 20px; color: #141518;background: #efefef;}
    .menu1 .social{padding: 10px 0; text-align: center; position: absolute; bottom: 0; left: 0; right: 0; background: #fff;}    
    .menu1 .social li{float: none; display: inline-block; margin: 0 10px;}
    .menu1 .phone{float: none; margin: 0; position: absolute; bottom: 44px; left: 0; right: 0;}
    .menu1 .phone span{float: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; line-height: 29px;}
    .menu1 .user-menu li:before{display: none;}
    .menu2{position: relative;}
    .menu2 li{float: none; margin: 0;}
    .menu2 li a{border-bottom: 1px solid #efefef; padding: 8px 20px; color: #141518; font-weight: 400; text-transform: none;}
    .menu2 li a.selected{color: #fff; background: #b12e15;}
    .main-logo img{height: 50px;}
    .contact-holder{padding-bottom: 20px;}
    .main-content{padding-top: 20px ; padding-bottom: 20px;}
    
    .about-page .sub-menu{top: 76px;}
    .about-page .page-header{padding-top:56px;}
    
    /* about */
    .page-header .title{font-size: 26px; }
    .page-header .subtitle{font-size: 20px; }
    
    /* Home */
    .main-slider .details *{max-width: 75%;}
    .main-slider .details h2{font-size: 24px;}
    .main-slider .details h1{font-size: 38px;}
    .featured-glance .col h2{font-size: 30px;}
    .about-france .col {
        width: 100%;
    }
    .featured-glance .col h2 strong{font-size: inherit;}
    
    /* Projects */              
    .projects-header h1{font-size: 24px;}
    .projects-header{padding: 0; height: auto;}    
    .projects-header h1 .break{display: inline;}
    .listing.projects li:nth-child(1n){width: 48%; margin-right: 4%;}
    .listing.projects li:nth-child(2n){margin-right: 0;}
    .right-column .listing.projects li{margin-right: 0; width: 100%;}
    
    
    /* Services */
    .parallax .bloc h3{font-size: 16px;}
    .parallax .holder.content .center{padding: 20px 0;}
    .parallax .holder.content .close-btn{top: 20px;}
    .parallax .bloc .photo{margin-bottom: 10px;}
    .parallax .bloc .photo, .parallax .bloc .photo .fa{width: 80px; height: 80px; line-height: 80px;font-size: 40px;}
    .services-page .parallax .bloc.selected{background: transparent;}
    .services-page .parallax .bloc.selected:after{display: none;}
    
    /* partnership */
    .listing.partnership li:nth-child(1n){width: 32%; margin-right: 2%;}
    .listing.partnership li:nth-child(3n){margin-right: 0;}
    
    /* Member */
    .table.margined{margin-top: -60px;}
    .table thead th {line-height: 20px; font-size: 15px; padding: 0px 0;}
    .table thead select{height: 30px; line-height: 30px; margin: 5px 0; font-size: 15px;}
    
}


/*** 640px - 767px ***/ 
@media only screen and (max-width: 767px) {
    *{}
    body{font-size: 13px;}
    h1{font-size: 22px;}
    h2{font-size: 20px;}
    h3{font-size: 18px;}
    h4{font-size: 15px;}
    h5{font-size: 14px;}
    h1.sub-title {margin-bottom: 16px; font-size: 22px;}
    h2.sub-title {margin-bottom: 16px; font-size: 18px;}
    
    .links-holder .menu.main{width: 100%; float: none; margin-bottom: 20px;}
    .links-holder .menu.main li{float: left; width: auto; margin: 0 20px 4px 0;}
    .links-holder .menu.services, .links-holder .menu.presence{display: none;}
    .links-holder .menu.downloads{width: 100%; margin: 0; float: none;}
    .contact-holder .about{float: none; width: 100%; margin-bottom: 30px;}
    .contact-holder .touch{margin-left: 0; width: 48%;}
    .contact-holder .newsletter{width: 48%; margin-left: 4%;}
    
    /* home */
    .featured-glance{margin: 0;}
    .main-slider .details *{max-width: 100%;}
    .main-slider .overlay p{max-width: none;}
    .main-slider .details h2{font-size: 20px;}
    .main-slider .details h1{font-size: 34px;}
    .main-slider .flex-control-nav{right: 20px; left: 20px; bottom: 100px; top: auto; margin: 0; width: auto; text-align: center;}
    .main-slider .flex-control-nav li{margin: 0 6px;}
    .featured-glance .col h2{font-size: 28px;}
    .featured-columns .col{float: none; width: auto; margin: 0 0 30px; padding: 0;}
    .featured-columns .listing.projects.flexslider:after{display: none;}
    
    /* About */
    .sub-menu li a{font-size: 14px; padding: 10px 20px;}
    .about-bloc .col{float: none; width: 100%; margin: 0; padding: 0;}
    .about-bloc .col:first-child{margin-bottom: 30px; margin-right: 0; padding: 0;}
    .about-bloc .col:first-child:before{display: none;}
    .about-bloc .col:first-child:after{display: none;}
    .page-header .title{font-size: 24px; }
    .page-header .subtitle{font-size: 18px; }
    .about-page .page-header{top:0; padding-top:45px;}
    
    /* Projects */
    .projects-header h1{font-size: 18px;}
    .featured-projects{padding: 20px 0;}
    
    .left-column{float: none; width: auto; margin: 0 0 30px;}
    .right-column{float: none; width: auto; margin: 0;}
    .right-column .listing.projects li:nth-child(1n){width: 48%; margin-right: 4%; float: left;}
    .right-column .listing.projects li:nth-child(2n){margin-right: 0;}
    
    /* services */
    .parallax .bloc{float: none; width: 100%; margin: 0 0 20px; text-align: center; height: auto;}
    .parallax .bloc .photo{margin: 0 auto 10px;}
    .parallax .bloc ul{display: inline-block;}
    .parallax .holder{position: relative;}
    .parallax .holder.content{position: relative;}
    .services-page .parallax .bloc{padding:0; }
    .services-page .parallax .bloc h3{min-height: 20px;}
    .parallax h3{margin: 20px 0;}
    
}


/*** 480px - 639px ***/ 
@media only screen and (max-width: 639px) {
     *{}
     .copyrights{margin: 20px 0;text-align: center;}
     .social-links{position: relative; bottom: 0;}          
     .social-links ul{width: 100%; text-align: center;}
     .social-links li{float: none; display: inline-block; line-height: 44px;}
     .social-links li:first-child{display: none;}
     .social-links a{width: 44px; height: 44px; line-height: 44px;}
     .social-links a .fa{line-height: 44px;}
    
     /* Home */     
     .main-slider .details h2{font-size: 18px;}
     .main-slider .details h1{font-size: 30px;}
     
     .featured-glance .col{float: none; width: auto!important; margin: 0;}
     .featured-glance .col h2{font-size: 24px;}
     .featured-glance .col h2 strong{display: inline;}
     .featured-glance .col .break{display: inline;}
     
     .about-france .col {
        width: 100%;
    }

     /* About */
     .page-header .title{font-size: 20px; }
     .page-header .subtitle{font-size: 16px; }
     
     /* partnership */
     .filter{position: relative; margin: 0 0 10px 0; height: 36px;}
     .listing.partnership li:nth-child(1n){width: 48%; margin-right: 4%;}
     .listing.partnership li:nth-child(2n){margin-right: 0;}
     .filter input{float: right; width: 48%;}
     .filter .custom-select{margin: 0 4% 0 0; width: 48%;}
         
         
     /* Projects */
    .projects-header h1{font-size: 16px;} 
    .right-column .listing.projects li:nth-child(1n), .listing.projects li:nth-child(1n){width: 100%; margin-right: 0; float: none;}
    article .btns{position: relative; float: right; margin: 10px 0;}
    article h2.sub-title{margin-right: 0;}
    
    /* contact */
    .contact-form{float: none; width: auto; margin-bottom: 30px;} 
    .contact-info{float: none; width: auto; margin-bottom: 30px;}
    
    /* careers*/
    .left-nav{float: none; width: 100%; margin-bottom: 30px;}
    .left-nav li a{padding: 12px 25px 12px 20px;}
    .right-content{float: none; width: 100%; }
         
}


/*** 360px - 479px ***/ 
@media only screen and (max-width: 479px) {
    *{}
    .contact-holder .touch, .contact-holder .newsletter{width: 100%; float: none; margin: 0 0 30px;}
    .contact-holder .newsletter{margin-bottom: 0;}
        
    /* Home */
    .main-slider .overlay{font-size: 16px; padding: 10px 0;}
    .main-slider .details h2{font-size: 16px;}
    .main-slider .details h1{font-size: 26px;}
    
    .listing.insta li{width: 50%;}
    
    /* About */
    .page-header .title{font-size: 18px; }
    .page-header .subtitle{font-size: 14px; }
    
    /* services */
    .parallax .holder.content .photo{float: none; width: auto; max-width: 100%; margin: 0 auto 10px;}
    
    
    /* USER */
    .form.small .input{padding-left: 0;}
    .form.small .input label{position: relative;}
    .form.small .chk-holder, .form.small .forgot-pwd{margin-left: 0;}
        
}


/*** < 359px ***/ 
@media only screen and (max-width: 359px) {
    *{}
    header .phone{display: none;}
    
     /* partnership */
    .listing.partnership li:nth-child(1n){width: 100%; float: none; margin-right: 0;}
 
    /* contact */
    .form input, .form select, .form .custom-select{float: none; width: 100%;}  
    .form .separator{display: none;}
    
    .filter{height: auto;}
    .filter input{float: none; width: 100%; margin-bottom: 10px;}
    .filter .custom-select{float: none; width: 100%;}
    
    .gallery-sidebanner .gallery{float: none; width: 100%;  margin: 0 auto 20px;}
    .gallery-sidebanner .right-banner{float: none; width: 230px; margin: 0 auto; max-width: 100%;}
      
}
 

/* Portrait */
@media only screen and (orientation: portrait) {   
    *{}
    .main-slider img{width:auto!important; height:100%!important}
}