@media screen and (max-width : 1200px) {
    
    /* General */
    .content-section { 
        padding: 60px 100px 40px;
    }

    .content-section-people, .content-section-job-home {
        padding: 60px 100px 0px;
    }
    
    .content-section-sector, .content-section-job, .content-section-single-job {
        padding-top: 100px;
    }


    /* Header */
    header .logo {
        left: 100px;
    }

    .imgSingle > div:first-child {
        padding: 0px 100px;
    }
    
    
    /* Sections */
    #sections {
        margin: 0px -10px;
    }
    

    /* Footer */
    #contenuFooter {
        padding: 60px 100px;
    }
    
}


@media screen and (max-width : 1024px) {

    /* General */
    .content-section { 
        padding: 60px 60px 60px;
    }
    
    .content-section-people, .content-section-job-home {
        padding: 60px 60px 0px;
    }
    
    .content-section-sector, .content-section-job, .content-section-single-job {
        padding-top: 100px;
    }


    /* Header */
    .imgSingle > div:first-child {
        padding: 0px 60px;
    }

    header .logo {
        left: 60px;
    }
    
    /* Sectors */
    .contentSingleSector > div:first-child {
        width: 100%;
    }

    .contentSingleSector > div:last-child {
        width: 100%;
        padding-left: 0px;
        margin-top: 20px;
    }   
    
    
    /* Footer */
    #contenuFooter {
        padding: 60px 60px;
    }

}

@media screen and (max-width : 900px) {
    
    /* Header */
    .button-menu {position:fixed; z-index:10;width: 60px; height: 60px; cursor: pointer;right: 0;position: absolute;}
    .burger-top, .burger-middle, .burger-bottom{display: block; width:25px; height:3px; background: #6ac530; position: absolute; border-radius: 5px; transform-origin:center;transition: all .4s ease;}
    .burger-top {top:23px;right:25px;}
    .burger-middle {top:28px;right:25px;}
    .burger-bottom {top:33px;right:25px;}
    .button-menu.active .burger-top {transform:rotate(45deg);top:26px;transition: all .2s ease-out .05s;}
    .button-menu.active .burger-middle {transform:translateX(100px);opacity: 0; transition: all .3s ease;}
    .button-menu.active .burger-bottom {transform:rotate(-45deg);top:26px;transition: all .2s ease-out .05s}

    #main-menu {
        overflow: hidden;
        text-align: center;
        position: relative;
        right: 0px;
    }

    header .menu {
        padding-top: 60px;
    }
    
    header .active-menu { 
        width: 100%; 
        height: 100vh; 
        transition: height .5s ease;
    }
    
    header nav { position:relative; background: rgba(255,255,255, 1);height: 0 ;transition: height .5s ease;}
    
    #main-menu > div:first-child li {
        display: block;
        text-align: center;
        margin-right: 0px;
    }
    
    #main-menu > div:first-child li a {
        display: block;
        padding: 20px;
        font-size: 30px;
    }   
    
    .btnLogin {
        position: relative;
        right: 0px;
        top: 40px;
    }
    
    .lang-block{ 
        display: none; 
        top:50px; 
    }
    
    
    /* Sectors */
    .containerSector {
        width: 100%;
    }

    .sectorHome {
        width: 50%;
        padding-bottom: 40px;
    }

    
    /* Onglets */
    .columns {
        margin: 0px;   
    }

    .column {
        padding: 0px 10px;
    }
    
    
    /* Sections */
    .sections, .section, .containerSection, .contentSection, .containerSection:first-child, .containerSection:last-child, .containerSection:not(:first-child), .containerSection:not(:last-child), .rowSection {
        display: block;
        width: 100%;
        padding-top: 20px;
    }

    .contentSection {
        display: table;
        padding-bottom: 60px;
    }
    
    .containerSection:not(:first-child) .contentSection:not(:last-child), .containerSection:not(:last-child) .contentSection:not(:last-child) {
        border-right: none;
    }
    
    .containerSection:not(:first-child) .contentSection, .containerSection:not(:last-child) .contentSection {
        width: 100%;
    }
    
    .containerSection:not(:first-child) .contentSection:nth-Child(odd), .containerSection:not(:last-child) .contentSection:nth-Child(odd) {
        padding-top: 40px;
        
    }


    /* Contact */
    #contact > div {
        width: 100%;
    }

    #contact > div:first-child {
        padding-right: 0px;
    }

    #contact > div:last-child {
        padding-top: 30px;
        padding-left: 0px;
    }
    
    
    /* Single job */
    
    .btnApply {
        background-position: center right 5px;
        font-size: 12pt;
        padding: 5px 10px;
    }
    
    .btnApply:hover {
        background-size: 5px;
        padding-right: 20px;  
    }    

    
    /* Footer */
    #menusFooter > div {
        width: 100%;
        display: block;
    }
    
    #menusFooter > div:not(:last-child) {
        padding-bottom: 20px  
    }
    
}



@media screen and (max-width : 768px) {

    /* General */
    .content-section { 
        padding: 40px 40px 40px;
    }
    
    .content-section-people, .content-section-job-home {
        padding: 40px 40px 0px;
    }
  
    .content-section-sector, .content-section-job, .content-section-single-job {
        padding-top: 100px;
    }

    
    /* Header */
    .imgPage, .imgSingle {
        height: 500px;
    }    
    
    #titleHomepage, .titlePage, .titleSingle {
        font-size: 40px;
        color: #fff;
    }
    
    header .logo {
        left: 40px;
    }
    
    #main-menu > div:first-child li a {
        padding: 8px;
        font-size: 16px;
    }   
    
    .btnLogin {
        top: 20px;
    }

    .imgSingle > div:first-child {
        padding: 0px 40px;
    } 


    #imgHomepage > div:last-child, .imgPage > div:last-child, .imgSingle > div:last-child {
        display: none;
    }
    
    #imgHomepage > div:first-child, .imgPage > div:first-child, #imgPage404 > div {
        padding: 20px;
    }
    
    
    /* Team */
    .membre > div:last-child {
        padding-left: 0px;
    }
    
    .pictureMember {
        position: relative;
        margin-bottom: 20px;
    }
    
    .membre:not(:last-child) {
        padding-bottom: 40px;
    }
    
    
    /* Sectors */
    .titleSingle span {
        padding-left: 0px;
        display: block;
    }

    .containerCircleSingleSector {
        display: none;
    }
   
    /* Jobs */
    .content-section-job .job {
        padding: 40px ;
    }  
    
    .jobIcon {
        position: relative;
        top: 0px;
        left: 0px;
        margin-bottom: 20px;
    }
    
    .content-section-single-job .latestJobIconsingle {
	top: 25px;
	position:relative;
    width: 125px;
    height: 125px;
    float: none;
	}
	
	

    /* Onglets */
    #onglets ul li a {
        padding: 0px 10px 10px 10px;
    }

    #onglets > ul > li:not(:last-child) > a:after {
        right: -10px;
    }
    
    #onglets ul li a {
        font-size: 16px;
    }
    
    .column {
        width: 100%;
        padding: 0px 0px 20px 0px;
        font-size: 0px;
    }
    
    .column > div {
        display: inline-block;
        vertical-align: middle;
        width: 50%;
    }
    
    
    
    /* FAQ */
    #sections-faq > div {
        width: 100%;
    }
    
    #sections-faq > div:nth-child(odd) {
        padding-right: 0px;
    }
    #sections-faq > div:nth-child(even) {
        padding-left: 0px;
    }
    
    .searchbox {
        width: 280px;
    }

    .sb-button{
        display: none;
    }
    
    .titleSearchbar {
        margin-right: 0px;
    }


    /* Footer */
    #contenuFooter {
        padding: 60px 40px;
    }   
}


@media screen and (max-width : 600px) {
    
    /* General */
    h2 {
        font-size: 26px;
    }
    

    /* Header */
    #imgHomepage > div:first-child {
        top: 25%;
    }
    

    /* Sectors */
    .sectorHome {
        width: 100%;
    }    

    
    /* Steps */
    .step > div {
        width: 100%;
    }
    
    .step > div:first-child {
        padding-right: 0px;
    }

    .step > div:not(:first-child) {
        padding-left: 0px;
    }
    
    .imgStepBas {
        display: block !important;
    }
    
    .imgStepHaut {
        display: none !important;
    }
    
    .imgStep {
        margin-top: 40px;
    }
        
    #steps ul li:first-child a, #steps ul li:last-child a  {
        border-radius: 5px;
    }
    
    #steps ul li:first-child {
        padding-bottom: 20px;
    }
    
    #steps ul li {
        display: block;
    }
  
    .titleStep {
        font-size: 26px;
    } 
     

    /* Footer */
    #contenuFooter > div:first-child {
        width: 50%;
    }

    #contenuFooter > div:last-child {
        width: 50%;
    }
    
}


@media screen and (max-width : 400px) {
    
    /* General */
     .content-section { 
        padding: 40px 20px 40px;
    }
     
    .content-section-sector, .content-section-job, .content-section-single-job {
        padding-top: 100px;
    }
    
    .content-section-people, .content-section-job-home {
        padding: 40px 20px 0px;
    }
    
    
    /* Header */
    .imgSingle > div:first-child {
        padding: 0px 20px;
    }
    
    #titleHomepage {
        padding-bottom: 0px;
    }
    
    .btn-home {
        margin: 0px 0px 20px 0px;
    }
    
    header .logo {
        left: 20px;
    }
    
    /* Sectors */
    .latestJob > div:first-child {
        padding-left: 0px;
    }
    
    .latestJobIcon {
        position: relative;
        top: 0px;
        left: 0px;
        margin-bottom: 20px;
    }    
    
    .titleLatestJobs {
        margin-top: 60px;
        margin-bottom: 20px;
    }
    
    /* Jobs */
    .content-section-job .job {
        padding: 20px;
        margin-bottom: 20px;
    }  

    
    /* Footer */
    #contenuFooter {
        padding: 60px 20px;
    }
    
}