@media (pointer:none), (pointer:coarse) {

    .navbar-brand img {
        width: 41px;
    }

    .navbar-light .navbar-toggler {
        border-color: white;
    }
    .navbar-toggler:focus {
        text-decoration: none;
        outline: 0;
        box-shadow: unset;
    }

    .site_header #navbar {
        justify-content: center;
        z-index: 1;
        background-color: white;
        margin-left: -11px;
    }

    .site_header #navbar li {
        position: relative;
    }

    .site_header #navbar > ul > li > a:before {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 4px;
        background: #c30e59;
        content: "";
        opacity: 0;
        visibility: hidden;
        transition: all 0.3s;
        border-radius: 3px;
    }

    .site_header #navbar > ul > li > a:hover:before,
    .site_header #navbar > ul > li.current-menu-item a:before,
    .site_header #navbar > ul > li > a.active:before {
        opacity: 1;
        visibility: visible;
    }

    .site_header #navbar > ul > li > .sub-menu > .menu-item-has-children > a {
        position: relative;
    }

    .site_header #navbar > ul > li:hover > .sub-menu {
        top: 100%;
        visibility: visible;
        opacity: 1;
    }

    .site_header #navbar .sub-menu > li:hover > .sub-menu {
        left: 100%;
        visibility: visible;
        opacity: 1;
    }

    .site_header #navbar li {
        position: relative;
    }

    .site_header #navbar > ul > li > a {
        font-size: 16px;
        padding: 10px 10px;
        display: block;
        color: #c30e59;
        font-weight: 600;
        position: relative;
        text-transform: uppercase;
        width: fit-content;
    }

    .site_header #navbar > ul .sub-menu {
        background-color: #fff;
        box-shadow: 0px 2px 20px 0px rgba(62, 65, 159, 0.09);
        width: 240px;
        position: absolute;
        padding: 20px;
        left: 0;
        top: 110%;
        z-index: 10;
        visibility: hidden;
        opacity: 0;
        transition: all 0.3s;
    }

    .site_header #navbar > ul > li .sub-menu a {
        font-size: 1.0666666667rem;
        display: inline-block;
        padding: 5px 0px;
        color: #c30e59;
        position: relative;
        overflow: hidden;
        font-weight: 500;
        transition: all 0.5s;
    }

    .site_header #navbar > ul > li .sub-menu a:after {
        position: absolute;
        left: 0px;
        bottom: 5px;
        width: 0px;
        height: 1px;
        content: "";
        background: #c30e59;
        transition: all 0.3s;
        opacity: 0;
        visibility: hidden;
    }

    .site_header #navbar > ul > li .sub-menu a.active {
        color: #c30e59;
        font-weight: 700;
    }

    .site_header #navbar > ul > li .sub-menu a:hover:after {
        width: 100%;
        opacity: 1;
        visibility: visible;
    }

    .site_header #navbar > ul > li > .sub-menu .sub-menu {
        left: 120%;
        top: 0;
    }

    .site_header #navbar > ul > li > .sub-menu > .menu-item-has-children {
        position: relative;
    }

    .site_header #navbar > ul > li > .sub-menu > .menu-item-has-children:before {
        font-family: "themify";
        content: "øª";
        font-size: 11px;
        font-size: 0.7333333333rem;
        position: absolute;
        right: 15px;
        top: 50%;
        transform: translateY(-50%);
    }

    .site_header #navbar > ul > li:hover > .sub-menu {
        top: 100%;
        visibility: visible;
        opacity: 1;
    }

    .site_header #navbar .sub-menu > li:hover > .sub-menu {
        left: 110%;
        visibility: visible;
        opacity: 1;
    }

    .site_header .navbar-header .open-btn {
        display: none;
    }
}