@media screen and (min-width:1921px) {
    #sectionHero::before{ 
        width: 31.8%
    }
    #banner-page::before{ 
        width: 31.5%
    }
    .service-item.balisage > div::before, .service-item.store-audit > div::before {
        width: calc(100% - 32%);
    }
}

@media screen and (max-width: 1900px) {
    #mainHeader .bloc_login img {
        max-width: 40px;
    }
    .service-item::before {
        width: 27px;
        height: 27px;
        transform: translate(-13px, -10px);
    }
    .service-item.store-audit::before{
        transform: translate(-13px, -30px);
    }
    .service-item:last-child::before{
        transform: translate(-13px, -48px);
    }
}
@media screen and (min-width: 1025px) {
    #mainHeader .main-menu{
        display: flex !important;
    }
}

@media screen and (min-width:1366px) and (max-width:1919px) {
    .wrapper,
    .e-con.e-parent>.e-con-inner{
        max-width:inherit;
        width: max(1200px, 90%);
    }
    .section > .e-con-inner{
        max-width:inherit;
        width: max(1200px, 92%);
    }
}

@media screen and (min-width: 1366px){
    .not-footer > div{
        position: absolute;
        top: 10vh;
    }
}
@media screen and (max-width: 1400px) {
    .wrap_contact {
        padding: 40px;
    }
    .wrap_contact > div.left-bloc {
        gap: 20px;
    }
    .wrap_contact > div.right-bloc textarea {
        height: 326px;
    }
    .wpcf7 form .wpcf7-response-output {
        font-size: 16px;
        line-height: 1.4;
    }
    input[type=date], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea{
        font-size: 16px;
    }
    #multiscroll-nav span{
        width: 16px !important;
        height: 16px !important;
        border: 2px solid rgb(131 130 131) !important;
    }
    #multiscroll-nav li .active span {
        background: #fff !important;
        border-color: var(--primary-color) !important;
        transform: scale(1);
    }
    #multiscroll-nav li {
        width: 16px !important;
        height: 16px !important;
        margin: 16px 4px !important;
    }
}
@media screen and (max-width: 1200px) {
    #mainFooter{
        padding-top: 30px;
    }
    #mainFooter .footer-copyright {
        margin-top: 27px;
    }
    #mainFooter .copyright-text {
        height: 40px;
    }
    #mainFooter .wrap-logo-footer img{
        display: inline-block;
        max-width: 100px;
    }
    #mainFooter .wrap-logo-footer {
        padding: 30px 10px 20px;
    }
    #mainFooter .wrapper {
        max-width: 96%;
    }
    #mainFooter #menu-footer{
        gap: 30px;
    }
    #mainFooter #menu-footer li ~ li::before {
        left: -15px;
    }
    #mainFooter .footer-content {
        width: 100%;
    }
    .service-item::before {
        width: 20px;
        height: 20px;
        transform: translate(-10px, -10px);
    }
    .service-item.store-audit::before{
        transform: translate(-10px, -30px);
    }
    .service-item:last-child::before{
        transform: translate(-10px, -48px);
    }
}
@media screen and (max-width: 1024px) {
    #mainHeader .main-menu{
        position: absolute;
        left: 0;
        width: 100%;
        display: none;
        top: 100%;
        background: var(--white);
        height: auto;
        border: 0;
        border-top: 1px solid #E5E5E5;
        box-shadow: 0 6px 9px #00000024;
        padding: 8px 5%;
    }
    #mainHeader .main-menu > li {
        display: block;
        width: 100%;
    }
    #mainHeader .main-menu > li > a {
        display: block;
        padding: 6px 0;
        height: auto;
    }
    #mainHeader .bloc_login {
        justify-content: flex-end;
        display: flex;
        gap: 25px;
        align-items: center;
    }
    #mainHeader .bloc_login a {
        margin: 0;
    }
    #mainHeader .main-menu .sub-menu {
        margin: 0;
        list-style: none;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        max-width: 100%;
        align-items: flex-start;
    }
    #mainHeader .submenu-wrapper {
        position: relative;
        top:0;
        left: 0;
        width: 100%;
        transition: all 400ms ease-in-out;
        opacity: 1;
        visibility: visible;
        display: none;
        padding: 15px 10px;
        border-radius: 10px;
        margin:.5rem 0 1rem;
    }
    #mainHeader .submenu-wrapper > div {
        padding: 0
    }
    #mainHeader .main-menu .sub-menu li {
        width: 100%;
    }
    #mainHeader .main-menu .sub-menu a {
        display: block;
        padding: 5px 10px;
    }
    #mainHeader .main-menu > li:hover > .submenu-wrapper > div {
        padding: 0;
    }
    .ms-section-content {
        max-width: 100% !important;
        transform: inherit;
    }
    .custom-multiscroll-container{
        height: auto !important;
    }
    html, body{
        overflow: auto !important;
    }
    .ms-section-footer-fullwidth,
    .ms-section-footer-empty {
        display: none;
    }
}

@media screen and (max-width: 991px) {
    #mainHeader .bloc_logo {
        flex: 0 0 130px;
    }
    #mainHeader .bloc_logo img{
        display: inline-block;
        width: 110px;
    }
    #mainHeader .bloc_login img {
        max-width: 36px;
    }
    #mainFooter #menu-footer li, #mainFooter #menu-footer-1 li {
        text-align: center;
    }
    #mainFooter #menu-footer li ~ li::before, #mainFooter #menu-footer-1 li ~ li::before {
        display: none;
    }
    #mainFooter ul.list-icon svg {
        width: 20px;
    }
    #sectionHero::before,
    #banner-page::before{
        display: none;
    }
}

@media screen and (max-width: 767px) {
    #mainFooter .footer-text {
        text-align: center;
        display: block;
    }
    #mainFooter #menu-footer,
    #mainFooter #menu-footer-1,
    #mainFooter .footer-top > .wrap{
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        gap: .6rem;
    }
    #mainFooter .wrap-logo-footer {
        justify-content: center;
    }
    #mainFooter .wrapper {
        max-width: 96%;
        display: flex;
        flex-direction: column;
    }
    #mainFooter .footer-top {
        border: 0;
        padding: 0;
    }
    #mainFooter .wrap-logo-footer {
        padding: 30px 10px;
    }
    .service-item::before,
    .service-item::after,
    .service-item.balisage > div::before,
    .service-item.store-audit > div::before{
        display: none;
    }
    #mainFooter .footer-text a{
        margin: 5px 0 0;
    }
}

@media screen and (max-width: 600px) {
    .wrap_contact {
        padding: 20px;
        flex-direction: column;
    }
    .wrap_contact > div {
        width: 100% !important;
    }
    .wrap_contact > div.right-bloc textarea {
        height: 230px;
    }
    .service-card .service-content{
        min-height:100px
    }
}