@media screen and (max-width: 1200px) {
    .group-site .offcanvas {
        background-color: #ffffff;
    }
    .offcanvas .mobile-nav {
        width: 100%;
    }
    .offcanvas .mobile-nav .responsive-logo-wrapper {
        padding: 20px 20px 20px 30px;
    }
    .offcanvas .mobile-nav .responsive-logo-wrapper .responsive-logo,
    .offcanvas .mobile-nav .responsive-logo-wrapper .responsive-menu-close {
        display: inline-block;
    }
    .offcanvas .mobile-nav .responsive-logo-wrapper .responsive-menu-close {
        float: right;
        cursor: pointer;
    }
    .offcanvas .mobile-nav .responsive-logo-wrapper .responsive-menu-close i {
        font-size: 24px;
        font-weight: normal;
    }
    .offcanvas .mobile-nav .responsive-logo-wrapper a.header__logo {
        padding: 0px;
    }
    .group-site .offcanvas .mobile-nav ul li a,
    .group-site .offcanvas .mobile-nav ul li a:focus {
        color: #000000;
        font-size: 16px;
        font-weight: normal;
    }
    .group-site.mobile-nav-active .header,
    .group-site.mobile-nav-active .offcanvas__content,
    .group-site.mobile-nav-active .navigation__close {
        left: 100%;
    }
    .offcanvas .mobile-nav ul {
        margin-top: 50px;
    }
    .group-site header.header {
        border-bottom: 1px solid #e6e6e6;
    }
}