@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;
    }

    .gallery-pricing{
        padding-top: 10px;
    }

    .desktopvw {
        display: none;
    }

    .sidenav--list {
        flex-direction: column;
        max-width: 300px;
    }

        .sidenav--list li {
            margin-bottom: 5px;
        }

    #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;
    }

    /*Working-Hours*/
    .cfcoiffure-workinghours {
        margin: 0;
        padding: 0;
        max-width: 700px;
    }

    .flex-table .row {
        flex-direction: row;
        flex-wrap: nowrap;
        gap: normal;
    }

    .flex-table .cell {
        padding: 5px 5px;
    }

    .flex-table .label {
        flex: 0 0 45%;
    }

    .cfcoiffure-presentation {
        width: 100%;
    }

    .tarifs-list {
        min-width: auto;
    }

    .tarifs-page {
        justify-content: center;
    }

    .technics-image {
        flex-wrap: wrap;
    }

    .fl-module-content-news {
        width: 100%;
    }   
}

@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: absolute;*/
    }

    #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;
    }

    .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;
    }
}

/* Mobile Working Hours */

@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: 768px) {

    .wp-block-image figcaption {
        position: absolute;
        left: 4%;
        right: 2%;
        bottom: -25px;
    }

    .wp-block-image:hover .blocks-gallery-caption,
    .wp-block-image:hover figcaption {
        opacity: 0;
        transform: translateY(5px);
    }
}

@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) {

    .sidenav--list {
        flex-direction: row;
        max-width: 100%;
    }

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

    .cfcoiffure-presentation {
        width: 60%;
    }

    .cfcoiffure-workinghours {
        width: 40%;
        padding: 15px;
        margin: auto;
    }

    .presentation-workinghours {
        flex-wrap: nowrap;
    }

    #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;
        padding-top: 25px
    }

    #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);
    }

    /*Business Nav*/

    .sidenav-home {
        margin: 0;
    }

    .container-sidenav-home {
        height: auto;
    }

    .mobilevw {
        display: none;
    }

    .desktopvw {
        display: block;
    }

    .row-meeting {
        display: flex;
        flex-wrap: nowrap;
        margin-bottom: auto;
    }

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

    .tarifs-list {
        min-width: 800px;
    }

    /*Service offer */
    .gallery-technics {
        flex-direction: column;
    }

    /* News */
    .fl-module {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .fl-module-content {
        width: 80%;
        height: auto;
    }

    .fl-module-content-news {
        width: 80%;
    }

    .meeting-request-page{
        width: 600px;
    }

    /*Pricing*/
    .gallery-pricing {
        padding-top: 0;
    }
}

@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: column;
    }

    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: absolute;
        top: auto;
        left: calc(100% - 255px);
    }

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

    .tarifs-list {
        min-width: auto;
    }

    .tarifs-page {
        flex-wrap: nowrap;
        gap: 2rem;
    }

    .technics-image {
        flex-wrap: nowrap;
    }

    .cfcoiffure-presentation-wide {
        width: 100%;
    }

   /* .presentation-workinghours {
        padding: 45px 0;
    }*/
}

/** Special view **/
@media (width: 1280px) and (height: 800px) {
    .text-default {
    margin-top:10px;
    }
        .tarifs-list {
            margin: 0;
        }

        .qcf-articles {
            margin: 0;
        }
    }

@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 17px 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;
    }


    #ai_video {
        width: 740px;
    }
}

@media(min-width: 1919px) and (min-height: 1199px) {
    .fl-module-content {
        width: auto;
    }

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

    .fl-module-content {
        width: auto;
    }
}

@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;
}