/**** begin responsive style ****/
@media (min-width: 993px) {
    header .header-wrapper .logo-wrapper {
        max-width: 250px;
    }
    header .header-wrapper .menu-wrapper {
        margin-right: 60px;
        padding: 0 15px;
    }
    header .header-wrapper .menu-wrapper::before {
        left: -30px;
    }
    header .header-wrapper .menu-wrapper::after {
        right: -30px;
    }
    header .header-wrapper .menu-wrapper .navbar .navbar-nav > .nav-item > .nav-link {
        padding: 0 10px;
        font-size: 18px;
        line-height: 64px;
        text-transform: uppercase;
    }
}

@media (min-width: 1200px) {
}
/**** endof responsive style ****/