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


    .intocanvas {

        padding-top: 0px;

    }


}

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


    .columnfloat {
        position: absolute;
        left: 450px;
    }

    .object-modify {

        top: 550px;

    }


    #container-webgl-1 {
        width: 600px;
        height: 550px;

    }

    #container-webgl-elemental {
        width: 200px;
        height: 200px;

    }

    .logo-foot img {
        width: 300px;
    }
}

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

    :root {
        color-scheme: dark;
    }

    #overview,
    #first-section,
    #second-section,
    #third-section,
    #fourth-section,
    #ending {
        display: flex;
    }

    body {
        background-color: black;
        color: white;
    }

    #portable-section {
        display: flex;
    }

    #menu-section {
        display: none;
    }

    .legal {
        width: 95%;
        padding: 60px 0px 150px 20px;
    }

    .legal_h1 {
        font-size: 38px;
    }

    .portail {

        flex-direction: column;

    }

    .text-portail {
        width: 90%;
    }

    .acces-portail {
        margin-top: 30px;
        width: 90%;
        height: 340px;
    }

    input[type=text],
    input[type=password],
    input[type=email],
    input[type=tel] {
        width: 80%;
        margin-left: 20px;
    }

    .request {
        width: 95%;
    }

    #myForm {
        width: 100%;

    }

    .align-input {
        flex-direction: column;
        width: 100%;
    }

    select {
        width: 90%;
        padding-bottom: 5px;

    }

    #client {
        flex-direction: column;
    }

    .client-menu {
        width: 100%;
    }

    .courrier {
        flex-direction: column;
    }

    textarea {
        width: 100%;
    }

    .t1 {
        font-size: 40px;
    }

    .ro {
        font-size: 75px;
        padding-top: 15px;
    }

    #text-c1 {
        top: 190px;
        padding-right: 57px;

        font-size: 14px;

    }

    #copyright-menu {
        position: relative;
        display: none;
        flex-direction: row;
        justify-content: center;
        align-items: flex-start;
        width: 100%;
        border-top: 1px rgb(123, 123, 124, 0.7) solid;
        opacity: 0;
    }

    .copyright-menu {
        padding: 10px;
        color: white;
    }

    #container-text-degrade {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        top: 0px;
        width: 100%;
        font-size: 1.5em;
        color: white;
        margin: 0px;
        font-family: 'roboto-regular';
        overflow: hidden;

    }

    #text-c2 {
        justify-content: center;
        align-items: center;
        margin-top: 100px;
    }

    .t2 {
        flex-direction: column;
        font-size: 25px;
        justify-content: center;
        align-items: center;
    }

    .tc2 {
        padding: 15px;
    }

    .texte-degrade {
        padding-top: 300px;
        text-align: center;
        width: 80%;
        font-size: 20px;
    }

    .point {
        width: 27px;
        margin-top: 5px;
        height: 0px;
        border: 1px white solid;
    }

    #container-ct2 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        top: 120px;
        left: 0px;
        width: 100%;

    }

    #securisation {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        top: 190px;
        left: 0px;
        width: 100%;
    }

    #assistance {
        left: 0px;
        top: 250px;
    }

    #opacify {
        position: fixed;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        background-color: rgba(1, 1, 1, 0.3);
        z-index: 10;
    }

    section {
        z-index: 10;
    }

    .go {
        width: 100%;
    }

    .audit,
    .secure {
        width: 100%;

    }

    .t6 {
        padding-left: 40px;
        padding-right: 20px;
        font-size: 14px;
    }

    .ct2-text {
        width: 100%;
        /*  padding-bottom: 0px;*/
    }

    .noneforsmart {
        display: none;
    }

    #ending {
        display: none;
    }

    #container-copyPortable {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        color: white;
        z-index: 100;
        border-top: 1px white solid;
        opacity: 0;
    }

    #container-notsupported {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 0;
    }

    .background-notsupported {
        width: 100vw;
        height: auto;
    }

    .background-notsupported img {
        width: 100%;
    }

    #fixcroll,
    #container1 {
        position: relative;
        top: 45px;
        width: 100%;

    }

    #block1 {
        height: auto;
    }

    .block1-background,
    .block1-background-smart {
        position: relative;
        top: 0px;
    }

    .block1-background-smart {
        display: block;
    }

    .block1-background-smart img {
        width: 100%;
    }

    .block1-text {
        position: relative;

    }

    .joint {
        display: none;
    }

    .title {
        text-align: center;
        top: 0px;
        left: 0px;
        padding: 10px 40px 10px 40px;
        font-size: 42px;
    }

    .subtitle {
        display: none;
        position: relative;
        top: 70px;
        left: 20px;
        padding: 10px 40px 10px 40px;
        font-size: 22px;
    }

    #block2 {
        flex-direction: column;
        width: 100%;
    }

    .accroche {
        text-align: center;
        width: 96%;
        font-size: 26px;
        margin: 10px;
    }

    .explain {
        padding: 15px 15px 15px 20px;
        width: 91%;
        font-size: 18px;
    }

    #scroll3 {
        display: none;
    }

    #block4,
    #block5 {
        padding: 0px 0 10px 0px;
        margin: 0;
    }

    .content {
        font-size: 18px;
        padding-left: 10px;
    }

    .content-explain {
        width: 88%;
        font-size: 18px;
        margin-left: 30px;
        margin-top: 20px;
        margin-right: 20px;
    }

    .nosmart,
    .content-introduce,
    .content-draw {
        display: none;
    }

    .image-web {

        background-repeat: no-repeat;
        background-size: 380px;
        top: 0px;
        left: 0px;
        width: 100%;
        height: auto;

    }

    .liw {
        display: none;
    }

    #svg-draw {
        display: none;
    }

    .image-points {
        position: relative;
        top: 0;
        left: 0;
        width: auto;
        height: auto;
        background-size: auto;
        border-radius: 0px;

        align-items: flex-start;
        padding-left: 30px;
    }

    .tip1,
    .tip2,
    .tip3,
    .tip4,
    .tip5,
    .tip6 {
        position: relative;
        display: flex;
        flex-direction: row;
        left: 0px;
        top: 0px;
    }

    .tiret {
        display: block;
        padding-right: 10px;
    }

    .content-ad {
        flex-direction: column;
        width: 100%;
        left: 20px;
    }

    .content-get {
        margin: 50px 0 10px 35px;
    }

    #block-accroche {
        width: 100%;
        flex-direction: column;
    }

    #block7 {
        display: none;
    }

    .content-accroche {
        width: 90%;
        margin: 0px;
        padding: 10px;
    }

    #ligne-svg {
        display: none;
    }

    #block8 {
        position: relative;
        display: flex;
        top: 0px;
        left: 0px;
        background-color: white;
    }

    #block9 {
        padding: 0px 0 10px 10px;
    }

    .sensibilisation {
        font-size: 32px;
    }

    .andro {
        padding-top: 0px;
    }

    .content-question {
        padding: 20px 0 0 600px;
        font-size: 14px;
        font-style: italic;
    }

    .bbcd {
        display: none;
    }

    .image-android img {
        width: 350px;
    }

    .tab1-col:nth-child(2),
    .tab1-col:nth-child(4) {
        display: none;
    }

    .tab1-lns {
        min-height: 100px;
    }

    .tab1-ln1:nth-child(1) {
        min-height: 50px;
    }

    #container-formulaire-contact {
        width: 100%;
        padding-left: 0px;
    }

    .formulaire-rgpd {
        width: 100%;
        text-align: justify;
        margin-left: 0px;
    }

    .formulaire-contact {
        width: 100%;
    }

    textarea,
    fieldset {
        width: 90%;
    }

    .demande,
    .align-checkbox,
    #pos-button {
        margin-left: 20px;
    }

    .upsmart {
        top: 125px;
    }



    .notreexpertise {
        flex-direction: column;
        width: 95%;
        align-items: center;
    }

    #partenaires {
        flex-direction: column;
        align-items: center;
    }

    .img-partenaire {
        padding-left: 10px;
        padding-bottom: 30px;
    }

    .img-partenaire:nth-child(1) {
        width: 300px;
    }

    .img-partenaire:nth-child(2) {
        width: 150px;
    }

    .img-partenaire:nth-child(3) {
        margin-top: 0px;
        width: 150px;
    }

    #block6 {
        flex-direction: column;
    }

    .info-secureby {

        top: 350px;

        padding-left: 50px;
 
    }
}