html, body {
    width: auto !important;
    overflow-x: hidden !important;
    /* font-size: 15px !important; */
}
/* Pour caher la partie mobile du site quand on passe à un ecran >= à 1025px */
    @media  screen and (min-width: 1025px) {
        .hide-mobile{
            display: none;
        }
    }
/* Pour les sections à propos */
@media screen and (min-width: 320px) and (max-width: 400px) {
    .responsive-full{
        width: 105% !important;
        left: -10.5px;
    }
}
@media screen and (min-width: 401px) and (max-width: 599px) {
    .responsive-full{
        width: 120% !important;
        left: -50.5px;
    }
}
@media screen and (min-width:576px) and (max-width:599px){
    .responsive{
        width: 110% !important;
        left: -25px;
    }
}

/* Css pour gérer le responsive du site */
@media screen and (min-width:600px) and (max-width:650px){
    .responsive{
        width: 115% !important;
    left: -40px;
    } 
    .responsive-full{
        width: 200% !important;
        left: -250.5px;
    }
}

@media screen and (min-width: 651px) and (max-width: 700px) {
  .responsive {
    width: 125% !important;
    left: -65px;
  }
  .responsive-full{
    width: 200% !important;
    left: -250.5px;
}
}

@media screen and (min-width:701px) and (max-width:740px){
    .responsive{
        width: 135% !important;
        left: -90px;
    } 
    .responsive-full{
        width: 200% !important;
        left: -250.5px;
    }
}

@media screen and (min-width:741px) and (max-width:767px){
    .responsive{
        width: 143% !important;
        left: -110px;
    } 

    .responsive-full{
        width: 200% !important;
        left: -250.5px;
    }
}

@media screen and (min-width:768px) and (max-width:800px){
    .responsive{
        width: 110% !important;
        left: -35.5px;
    } 

    .responsive-full{
        width: 120% !important;
        left: -50.5px;
    }
}

@media screen and (min-width:801px) and (max-width:850px){
    .responsive{
        width: 115% !important;
        left: -50.5px;
    } 

    .responsive-full{
        width: 200% !important;
        left: -350.5px;
    } 
}

@media screen and (min-width:851px) and (max-width:900px){
    .responsive{
        width: 123% !important;
        left: -80.5px;
    } 

    .responsive-full{
        width: 200% !important;
        left: -350.5px;
    } 
}

@media screen and (min-width:901px) and (max-width:950px){
    .responsive{
        width: 130% !important;
        left: -105.5px;
    } 
    .responsive-full{
        width: 200% !important;
        left: -350.5px;
    } 
}

@media screen and (min-width:951px) and (max-width:991px){
    .responsive{
        width: 135% !important;
        left: -125.5px;
    } 

    .responsive-full{
        width: 200% !important;
        left: -350.5px;
    } 
}

@media screen and (min-width:992px) and (max-width:1000px){
    .responsive{
        width: 105% !important;
        left: -25.5px;
    } 

    .responsive-full{
        width: 200% !important;
        left: -450.5px;
    } 
}

@media screen and (min-width:1001px) and (max-width:1050px){
    .responsive{
        width: 106% !important;
        left: -30.5px;
    }
    
    .responsive-full{
        width: 200% !important;
        left: -450.5px;
    }
}

@media screen and (min-width:1051px) and (max-width:1100px){
    .responsive{
        width: 110% !important;
        left: -55.5px;
    } 

    .responsive-full{
        width: 200% !important;
        left: -450.5px;
    }
}

@media screen and (min-width:1101px) and (max-width:1150px){
    .responsive{
        width: 117% !important;
        left: -80.5px;

    } 

    .responsive-full{
        width: 200% !important;
        left: -450.5px;
    }
}

@media screen and (min-width:1151px) and (max-width:1200px){
    .responsive{
        width: 123% !important;
        left: -109.5px;
    } 

    .responsive-full{
        width: 200% !important;
        left: -450.5px;
    }
}

/* @media screen and (max-width: 1200px) {
    .responsive-blog{
        width: 200% !important;
        left: -100px;
    }
} */
@media screen and (min-width:1201px) and (max-width:1250px){
    .responsive{
        width: 107% !important;
        left: -40.5px;
    } 

    .responsive-full{
        width: 200% !important;
        left: -550.5px;
    }
}

@media screen and (min-width:1251px) and (max-width:1300px){
    .responsive{
        width: 110% !important;
        left: -55.5px;
    } 

    .responsive-full{
        width: 200% !important;
        left: -559.5px;
    }
}

@media screen and (min-width:1301px) and (max-width:1350px){
    .responsive{
        width: 116% !important;
        left: -90.5px;
    } 

    .responsive-full{
        width: 200% !important;
        left: -550.5px;
    }
}

@media screen and (min-width:1351px) and (max-width:1400px){
    .responsive{
        width: 120% !important;
        left: -110.5px;
    } 

    .responsive-full{
        width: 200% !important;
        left: -550.5px;
    }
}

@media screen and (min-width:1401px) and (max-width:1450px){
    .responsive{
        width: 107% !important;
        left: -50.5px;
    } 

    .responsive-full{
        width: 200% !important;
        left: -620.5px;
    }
}


@media screen and (min-width: 1451px) {
    .responsive-full{
        width: 200% !important;
        left: -700.5px;
    }
}

@media screen and (min-width: 2500px) {
    .responsive-full{
        width: 200% !important;
        left: -1000.5px;
    }
}

@media screen and (min-width:1451px) and (max-width:1500px){
    .responsive{
        width: 112% !important;
        left: -77.5px;
    } 

    /* .responsive-full{
        width: 200% !important;
        left: -620.5px;
    } */
}

@media screen and (min-width:1501px) and (max-width:1600px){
    .responsive{
        width: 115% !important;
    left: -100.5px;
    } 

    /* .responsive-full{
        width: 200% !important;
        left: -620.5px;
    } */
}

@media screen and (min-width:1601px) and (max-width:1650px){
    .responsive{
        width: 122% !important;
        left: -150.5px;
    } 

    /* .responsive-full{
        width: 200% !important;
        left: -620.5px;
    } */
}

@media screen and (min-width:1651px) and (max-width:1700px){
    .responsive{
        width: 126% !important;
        left: -170.5px;
    } 

    /* .responsive-full{
        width: 200% !important;
        left: -620.5px;
    } */
}

@media screen and (min-width:1701px) and (max-width:1750px){
    .responsive{
        width: 130% !important;
        left: -200.5px;
    } 

    /* .responsive-full{
        width: 200% !important;
        left: -620.5px;
    } */
}

@media screen and (min-width:1751px) and (max-width:1800px){
    .responsive{
        width: 135% !important;
        left: -229.5px;
    } 

    /* .responsive-full{
        width: 200% !important;
        left: -620.5px;
    } */
}

@media screen and (min-width:1801px) and (max-width:1850px){
    .responsive{
        width: 140% !important;
        left: -260.5px;
    } 

    /* .responsive-full{
        width: 200% !important;
        left: -620.5px;
    } */
}

@media screen and (min-width:1851px) and (max-width:1900px){
    .responsive{
        width: 142% !important;
        left: -270.5px;
    } 

    /* .responsive-full{
        width: 200% !important;
        left: -620.5px;
    } */
}

@media screen and (min-width:1901px) and (max-width:2000px){
    .responsive{
        width: 145% !important;
        left: -300.5px;
    } 

}


@media screen and (min-width:2001px) and (max-width:2050px){
    .responsive{
        width: 155% !important;
        left: -390.5px;
    } 

    /* .responsive-full{
        width: 200% !important;
        left: -620.5px;
    } */
}

@media screen and (min-width:2051px) and (max-width:2100px){
    .responsive{
        width: 160% !important;
        left: -430.5px;
    } 

    /* .responsive-full{
        width: 200% !important;
        left: -620.5px;
    } */
}

@media screen and (min-width:2101px) and (max-width:2150px){
    .responsive{
        width: 165% !important;
        left: -470.5px;
    } 

    /* .responsive-full{
        width: 200% !important;
        left: -620.5px;
    } */
}

@media screen and (min-width:2151px) and (max-width:2200px){
    .responsive{
        width: 170% !important;
        left: -510.5px;
    } 

    /* .responsive-full{
        width: 200% !important;
        left: -620.5px;
    }     */
}

@media screen and (min-width:2201px) and (max-width:2300px){
    .responsive{
        width: 175% !important;
        left: -540.5px;
    } 

    /* .responsive-full{
        width: 200% !important;
        left: -620.5px;
    } */
}

@media screen and (min-width:2301px) and (max-width:2400px){
    .responsive{
        width: 188% !important;
        left: -650.5px;
    } 

    /* .responsive-full{
        width: 200% !important;
        left: -620.5px;
    } */
}

@media screen and (min-width:2401px) and (max-width:2500px){
    .responsive{
        width: 195% !important;
        left: -720.5px;
    } 

    /* .responsive-full{
        width: 200% !important;
        left: -620.5px;
    } */
}

@media screen and (min-width:2501px) and (max-width:2600px){
    .responsive{
        width: 188% !important;
        left: -750.5px;
    } 

    /* .responsive-full{
        width: 200% !important;
        left: -620.5px;
    } */
}

@media screen and (min-width:2601px) and (max-width:2700px){
    .responsive{
        width: 185% !important;
        left: -785.5px;
    } 

    /* .responsive-full{
        width: 200% !important;
        left: -620.5px;
    } */
}

@media screen and (min-width:2701px) and (max-width:2750px){
    .responsive{
        width: 228% !important;
        left: -980.5px;
    } 

    /* .responsive-full{
        width: 200% !important;
        left: -620.5px;
    } */
}