@supports (display:grid) {
    .leftcol main {
        margin-left: 0
    }
}

@media (min-width:35em) {


    .grid-line-left {
        border-left: 1px solid #ddd;
        margin-left: -16px;
        padding-left: 16px
    }
}

/* Professional network*/

/*Toggle menu*/
@media (min-width: 320px) and (max-width: 719px) {
    
        .toggle-mobile-menu {
        display: block;
    }
}

/*SMARTPHONE*/
@media (min-width: 320px) {

    .container-sidenav-home, .qcf-words, .sidenav-home {
        margin-bottom: 24px;
    }

    #iframe-div {
        height: 420px;
    }

    #mission-title-audio {
        margin-left: calc(100% - 15px);
    }

    #div-mic-deaf button {
        margin-left: 5%;
    }

    .sidenav-gallery {
        display: block;
    }

    .meeting-request-gallery-pos {
        position: absolute;
    }

    .gallery {
        display: block;
    }

    #resproEN, #respro {
        width: auto;
        margin-top: 35px;
        height: 90px;
    }
}

@media (max-width: 329px) {
    #respro p {
        display: none;
    }

    #iframe-div {
        display: none !important;
    }
}

@media (min-width: 330px) and (max-width: 359px) {
    #respro p {
        padding-top: 0px;
        padding-left: 30%;
        line-height: 1;
        font-size: 1em;
    }

    #unique-citation {
        position: relative;
        top: -20px;
    }

    .simple-citation {
        display: none;
    }

    #div-mic-deaf-left {
        margin-left: 66%;
    }

    .brandgame-text {
        margin: 10px;
    }

    .brandgame-details-title {
        float: none;
    }
}


/*SMARTPHONE*/
@media (min-width: 360px) and (max-width: 411px) {
    #div-mic-deaf-left {
        margin-left: 65%;
    }

    .brandgame-text {
        margin: 10px;
    }

    .brandgame-details-title {
        float: none;
    }
}

/*SMARTPHONE*/
@media (min-width: 360px) and (max-width: 539px) {
    #respro p {
        padding-top: 5px;
        padding-left: 30%;
        line-height: 1;
        font-size: 1em;
    }

    #unique-citation {
        position: relative;
        top: -20px;
    }

    .simple-citation {
        display: none;
    }

    #div-mic-deaf-left {
        margin-left: 60%;
    }

}

@media(max-width: 430px) {
    .lsf-hand-contact {
        width: 280px;
    }
}

/*SMARTPHONE*/
@media (min-width: 540px) and (max-width: 566px) {
    #respro p {
        padding-top: 10px;
        padding-left: 30%;
        line-height: 1;
        font-size: 1.2em;
    }

    #div-mic-deaf-left {
        margin-left: 75%;
    }

    .lsf-hand-contact {
        width: 120px;
        height: 100px;
    }

    #ai_video {
        width: 400px;
    }
}

@media (width: 540px) and (height: 960px) {
    .footer {
        margin-top: 100px;
    }

}

@media (min-width: 567px) and (max-width: 575px) {
    #respro p {
        padding-top: 10px;
        padding-left: 30%;
        line-height: 1.2;
        font-size: 1.2em;
    }

    #div-mic-deaf-left {
        margin-left: 75%;
    }

    .lsf-hand-contact {
        width: 150px;
        height: 100px;
    }

    #ai_video {
        width: 500px;
    }
}

/*DESKTOP*/
/*Toggle menu large screen*/
@media (min-width: 576px) {
    .toggle-mobile-menu {
        display: none;
    }

    .meeting-request-pos {
        position: relative;
    }

    #ai_video {
        width: 490px;
    }

    .qcf-nav ul li {
        padding: 0 5px 0 5px;
    }
}

@media (min-width: 576px) and (max-width: 667px) {
    #respro p {
        padding-top: 10px;
        padding-left: 30%;
        line-height: 1.2;
        font-size: 1.25em;
    }

    #div-mic-deaf-left {
        margin-left: 75%;
    }



    .main-content {
        margin-top: 25px;
    }

    .home-img, .worker-img {
        margin-top: 15px;
    }
}


@media (min-width: 576px) and (max-width: 719px ) {

    #nav-goto-main {
        visibility: hidden;
        position: relative;
    }

        #nav-goto-main:after {
            visibility: visible;
            position: absolute;
            top: 5px;
            left: 0;
            content: initial;
        }

        #nav-goto-main:focus {
            outline: 2px solid transparent;
            outline-color: #ffcc00;
            outline-offset: 5px;
            transition: outline-offset .2s linear;
            color: #15395F;
        }

        #nav-goto-main:hover {
            outline: 2px solid transparent;
            outline-color: #ffcc00;
            outline-offset: 5px;
            transition: outline-offset .2s linear;
            color: #15395F !important;
        }


    #nav-goto-footer {
        visibility: hidden;
        position: relative;
    }

        #nav-goto-footer:after {
            visibility: visible;
            position: absolute;
            top: 0;
            left: 0;
            width: 90px;
            content: initial;
        }

    #div-mic-deaf-left {
        margin-left: 80%;
    }

    .lsf-hand-contact {
        width: 500px;
    }
}

/*SMARTPHONE*/
@media(min-width: 652px) {
    .meeting-request-gallery-pos {
        position: relative;
        top: auto;
        left: calc(100% - 255px);
    }
}

@media (min-width: 668px) and (max-width: 719px) {
    #respro p {
        padding-top: 10px;
        padding-left: 30%;
        line-height: 1.2;
        font-size: 1.25em;
    }

    #ai_video {
        width: 600px;
    }
}


@media (max-width: 719px) {
    #worker-address-info {
        margin-top: 25px;
    }

    #nav-title-audio {
        margin-top: 0;
        height: 30px;
    }
}


@media (min-width: 720px) {

    #btn-menu, .toggle-mobile-menu {
        display: none;
    }

    aside {
        margin: 15px 15%;
    }

    .main-container {
        display: flex;
        align-content: center;
        justify-content: center;
        flex-wrap: nowrap;
        flex-direction: column;
    }

    #vcard-company {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #officePictureHome {
        width: 100%;
    }

    #contactPictureHome {
        width: 100%;
    }

    main {
        margin: 0 25px;
    }

    #main-menu {
        justify-content: center;
    }

    .gallery main {
        clear: both;
        padding-right: 30px;
        float: none;
    }

    #main-privacy {
        width: 100%;
        padding-right: 30px;
    }

    .navbar {
        padding: 0px 1rem !important;
    }

    .main-content {
        margin: 5px 0 5px 0
    }

    #site-navigation {
        height: 60px;
    }

        #site-navigation #main-menu {
            display: block;
        }

        #site-navigation > label {
            display: none
        }

        #site-navigation ul li {
            margin: 0 5px 0 0;
            padding: 0 10px;
        }

        #site-navigation > input:checked + #main-menu {
            display: block;
            clear: both;
            top: 0px;
            position: relative;
        }

    .qcf-nav ul li {
        margin: 0 0 0 8px;
        padding: 0 0 0 8px;
        width: auto;
        /*height: 30px*/
    }

    .qcf-nav a {
        padding: 0px 5px;
    }

    .article-contact {
        width: 80%;
        margin: auto;
    }

    #sitePrivacy {
        width: 80%;
        text-align: justify;
    }

    #cookieConsent button {
        margin: 17px;
    }

    .worker-details {
        margin-top: 15px;
    }

    .article-privacy p {
        text-align: justify;
        padding-right: 17px;
    }

    #nav-title-audio {
        margin-top: 0;
        height: 30px;
        width: 30px;
    }

    .qcf-theme-form {
        padding: 0 20px 0 10px;
    }

    #div-mic-deaf-left {
        margin-left: 80%;
    }

    #iframe-div {
        height: 250px;
    }

    .lsf-hand-contact {
        width: 600px;
    }

    .text-default, .site-title-h2 {
        padding-left: 17px;
    }

    #site-title-h2-contact {
        padding-left: 0px !important;
    }

    #ai_video {
        width: 640px;
    }

}


/*HYBRID*/
@media(min-width: 720) and (max-height: 570px){
    .main-contact {
        width: 100%;
        clear: both;
    }

    .aside-contact {
        width: 80%;
    }
}
@media(min-width: 720px) and (max-width: 750px) {
    #respro p {
        font-size: 1em;
    }

    #div-mic-deaf-left {
        margin-left: 70%;
    }
}

@media (min-width: 720px) and (max-width: 1023px) {
    #worker-address-info {
        margin-top: 250px;
    }

    #respro p {
        padding-left: 20%;
    }
}

@media (min-width: 751px) and (max-width: 798px) {
    #respro p {
        font-size: 1em;
    }

    #div-mic-deaf-left {
        margin-left: 70%;
    }

    .meeting-request-gallery-pos {
        left: calc(100% - 240px);
    }
}



@media (min-width: 799px) and (max-width: 1023px) {
    #respro p {
        padding-top: 10px;
        line-height: 1.2;
        font-size: 1em;
        padding-left: 20%;
    }

    #div-mic-deaf-left {
        margin-left: 80%;
    }

    #iframe-div {
        height: 280px;
    }
}


@media (min-width:200px) and (max-width:1023px) {
    .footer {
        padding: 0;
        margin: 30px 0 0 0;
        bottom: 0;
    }

    .qcf-btn-privacy {
        padding: .75rem 0.25rem;
    }

    #sitePrivacyNotification {
        height: 30px;
    }
}

@media (min-width: 960px) and (max-width: 1023px) {
    #worker-address-info {
        margin-top: 210px;
    }

    #respro p {
        padding-left: 20%;
    }

    #nav-title-audio {
        height: inherit;
    }

    #iframe-div {
        height: 350px;
    }

    .lsf-hand-contact {
        width: 160px;
        height: 110px;
    }
}

@media (max-width:1023px) {
    .qcf-btn-privacy {
        font-size: 0.8rem
    }

    .iframe-div-contact {
        display: none !important;
    }

    #worker-address-info {
        margin: auto;
    }
}

@media (min-width:1024px) {
    #respro p {
        line-height: 1.25em;
        font-size: 1.5em;
        max-width: 780px;
        padding-top: 10px;
        padding-left: 20%;
    }

    #site-navigation {
        height: auto;
    }

    .footer {
        padding: 0;
        margin: 0;
        bottom: 0;
    }

    .qcf-nav a {
        padding: 0px 20px;
    }

    #iframe-div-smart {
        display: none !important;
    }

    #iframe-div {
        height: 350px;
    }

    #mission-title-audio {
        margin-left: calc(100% - 15px);
    }

    .gallery {
        flex-direction: row;
    }

    #ai_video {
        width: 720px;
    }

    .main-contact {
        float: left;
        width: 70%;
        padding-right: 30px;
        margin: 0;
    }

    .aside-contact {
        margin:0;
    }

    #div-mic-deaf-left {
        margin-left: calc(100% - 130px);
    }
}

@media (min-width:1190px) and (max-width: 1364px) {

    .lsf-hand-contact {
        height: 120px;
    }
}

@media (min-width:1280px) {

    .container-contact {
        display: flex;
        justify-content: center;
        flex-direction: row;
    }


    .main-container {
        display: flex;
        align-content: center;
        justify-content: center;
        flex-wrap: nowrap;
        flex-direction: row;
    }

    aside {
        width: 30%;
        margin: 0;
    }

    .div-worker-img-inter {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .worker-img {
        height: 300px;
        margin: auto;
        box-sizing: content-box;
    }

    .site-title-h1 {
        margin: 15px 0 0 0;
    }

    #respro {
        margin: 35px 0 0 0;
        height: 100px;
    }

    .wp-block-image {
        margin: 1em 0 0 0;
    }

    .container-sidenav-home, .qcf-words, .sidenav-home {
        margin-bottom: 12px;
    }

    .gallery {
        display: flex;
        flex-wrap: nowrap;
    }

    #mainGallery {
        margin: 0 25px;
        padding: 0 30px;
    }

    .site-title-brand-h1 {
        margin: 0;
    }

    /* Home with Desktop device type */
    .meeting-request-alt-ui {
        position: relative;
        display: block;
        height: 60px;
    }

    /* Service Offer with Desktop device type */
    .meeting-request-alt-gallery-ui {
        position: relative;
        left: calc(100% - 255px);
    }

    #div-mic-deaf-left {
        margin-left: 80%;
    }
}

@media (min-width: 1365px) {
    .mission-title-audio-home {
        margin-left: calc(100% - 15px);
    }

    #iframe-div {
        height: 490px;
    }

    #mission-title-audio {
        margin-left: calc(100% - 15px);
    }

    .lsf-hand-contact {
        height: 110px;
    }


    .wp-block-image {
        margin: 0;
    }

    #respro {
        height: 110px;
        margin: 15px 0 0 0;
    }

    .site-title-h1 {
        margin: 15px 0 0 0;
    }

    .worker-img {
        height: 220px;
    }

    .container-sidenav-home, .qcf-words, .sidenav-home {
        margin-bottom: 12px;
    }

    #ai_video {
        width: 720px;
    }
}

@media(min-width: 1534px) {

    .site-title-h1 {
        margin: 15px 0 15px 0;
    }

    .worker-img {
        height: 260px;
    }

    .container-sidenav-home, .qcf-words, .sidenav-home {
        margin-bottom: 12px;
    }

    .text-default {
        margin: 17px auto 30px auto;
    }

    #ai_video {
        width: 700px;
    }

    #mainGallery-realisations {
        margin: 0 auto;
    }
}

@media (min-width: 1600px) {


    #iframe-div {
        height: 570px;
    }

    .meeting-request {
        height: 55px;
    }

    .container-sidenav-home, .qcf-words, .sidenav-home {
        margin-bottom: 12px;
    }

    #respro {
        margin: 30px 0 0 0;
    }

        #respro p {
            padding-left: 15%;
            padding-top: 15px;
        }

    .site-title-h1 {
        margin: 30px 0 30px 0;
    }

    .worker-img {
        height: 300px;
    }

    #ai_video {
        width: 720px;
    }
}

@media(min-width: 1919px) {

    .container-sidenav-home, .qcf-words, .sidenav-home {
        margin-bottom: 12px;
    }

    .desktop-screen-1920 {
        width: 40%;
    }

    .worker-img {
        height: 380px;
    }

    #respro, #resproEN {
        height: 110px;
        margin: 60px 0 40px 0;
    }

    .sidenav--list li {
        margin: 10px 0 2px 0;
    }

    #ai_video {
        width: 740px;
    }
}


@media (min-width: 2048px) {
    .lsf-hand-contact {
        width: 190px;
        height: 130px;
    }
}

@media (min-width: 2048px) and (max-width: 2559px) {

    .lsf-hand-contact {
        width: 190px;
        height: 130px;
    }
}


@media (min-width: 2560px) {
    #iframe-div {
        height: 950px;
    }

}

.article-contact {
    display: block;
}