@media all and (min-width: 1200px) {
    #mega-menu .navbar-brand img {
        display: block;
        background-color: transparent;
        width: 70px;
        height: 70px;
        overflow: hidden;
        border-radius: 100%;
        object-fit: cover;
    }

    #mega-menu .navbar-nav .nav-link,
    #mega-menu .navbar-nav .nav-search {
        padding: 1.5rem .75rem;
    }

    #mega-menu .navbar-nav .nav-link {
        text-transform: uppercase;
        font-weight: 600;
        font-size: .875rem;
    }

    #mega-menu .navbar-nav .nav-search {
        background-color: transparent;
    }

    #mega-menu .navbar-nav .nav-search .form-control,
    #mega-menu .navbar-nav .nav-search .btn {
        background-color: var(--bs-white);
        color: var(--bs-dark);
        overflow: hidden;
    }

    #mega-menu .navbar-nav .nav-search .btn {
        border-radius: 0 50rem 50rem 0;
    }

    #mega-menu .navbar-nav .nav-search .form-control {
        border-radius: 50rem 0 0 50rem;
    }

    #mega-menu .navbar-nav .nav-search .form-control:focus {
        border-color: var(--bs-white);
    }

    #mega-menu .navbar-nav .mega-sub-title,
    #mega-menu .navbar-nav .mega-menu-link {
        display: block;
        padding: .5rem 0;
    }

    #mega-menu .navbar-nav .mega-sub-title a,
    #mega-menu .navbar-nav .mega-menu-link a {
        color: var(--bs-dark);
        text-decoration: none;
        transition: all .25s ease-in-out;
    }

    #mega-menu .navbar-nav .mega-menu-link a::before {
        display: inline-block;
        content: '\F285';
        font-family: 'bootstrap-icons';
        font-size: .8125rem;
        margin-right: .5rem;
    }

    #mega-menu .navbar-nav .mega-sub-title a:hover,
    #mega-menu .navbar-nav .mega-menu-link a:hover {
        color: var(--bs-primary);
    }

    #mega-menu .navbar-nav .mega-sub-title a {
        font-weight: 700;
        text-transform: uppercase;
    }

    #mega-menu .navbar-nav .mega-menu-link a {
        font-weight: 400;
    }

    #mega-menu .dropdown-menu {
        min-width: 13rem;
        border: 2px solid var(--bs-light);
        left: auto;
        padding-top: 1rem;
        padding-bottom: 1rem;
    }

    #mega-menu .mega-submenu {
        left: 100%;
        top: 0;
        min-width: 25rem;
    }

    #mega-menu .ktm-mega-menu {
        position: static !important;
    }

    #mega-menu .mega-menu {
        width: 65%;
    }

    #mega-menu .dropdown-menu.dropdown-menu-end {
        left: auto;
        right: 0;
        min-width: 0;
    }

    #mega-menu .dropdown-menu::before {
        content: '';
        display: block;
        position: absolute;
        left: 2rem;
        top: -9px;
        width: 16px;
        height: 16px;
        border-color: var(--bs-light);
        border-style: solid;
        border-width: 2px 0 0 2px;
        background-color: var(--bs-white);
        transform: rotate(45deg);
        z-index: 10;
    }

    #mega-menu .dropdown-menu.dropdown-menu-end::before {
        left: auto;
        right: 2rem;
    }

    #mega-menu .dropdown-menu li {
        position: relative;
    }

    #mega-menu .dropdown-menu .submenu {
        display: none;
        left: 100%;
        top: 0;
    }

    #mega-menu .dropdown-menu>li:hover>.submenu,
    #mega-menu .dropdown:hover>.dropdown-menu {
        display: block;
    }

    #mega-menu .mega-menu .menu-sub-list {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 2rem 1rem;
        padding: 1rem 2rem;
    }

    #mega-menu .mega-menu .menu-sub-list .menu-sub-item {
        display: block;
        border: 1px solid var(--bs-light);
        padding: .5rem;
        border-radius: .5rem;
        transition: all .25s;
    }

    #mega-menu .mega-menu .menu-sub-list .menu-sub-item:hover {
        box-shadow: 0 0 5px var(--bs-light);
    }

    #mega-menu .mega-menu .menu-sub-list .img-thumb {
        margin-bottom: .5rem;
        margin-left: auto;
        margin-right: .5rem;
        border-radius: 0;
    }

    #mega-menu .mega-menu .menu-sub-list .menu-sub-title {
        display: block;
        text-align: center;
        color: var(--bs-white);
        font-size: .875rem;
        font-weight: 600;
    }

    #mega-menu .mega-menu .fit-content {
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }

    #mega-menu .mega-menu img.fit-content {
        object-fit: contain;
        object-position: top center;
    }

    #mega-menu .main-nav {
        display: block;
        padding: 1rem 0;
        min-height: 70vh;
    }

    #mega-menu .main-nav .main-nav-link {
        display: block;
        color: var(--dark);
        transition: all .5s;
        font-weight: 600;
        font-size: .875rem;
        text-transform: uppercase;
    }

    #mega-menu .main-nav .main-nav-link+.main-nav-link {
        margin-top: 1rem;
        padding-top: 1rem;
        display: flex;
        justify-content: flex-start;
        border-top: 1px solid var(--bs-light);
    }

    #mega-menu .main-nav .main-nav-link::before {
        content: '\F309';
        font-family: 'bootstrap-icons';
        margin-right: .25rem;
    }

    #mega-menu .main-nav .main-nav-link.active,
    #mega-menu .main-nav .main-nav-link:hover {
        color: var(--bs-primary);
    }

    #mega-menu .sub-nav,
    #mega-menu .mega-menu img.main-nav-thumb {
        opacity: 0;
        z-index: 0;
        transition: all .5s;
    }

    #mega-menu .sub-nav.active,
    #mega-menu .mega-menu img.main-nav-thumb.active {
        opacity: 1;
        z-index: 10;
    }

    #mega-menu {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    #mega-menu .container {
        max-width: calc(100% - 5rem);
    }

    #mega-menu .navbar-nav {
        padding: .5rem 0;
    }

    #mega-menu .navbar-nav .nav-link {
        position: relative;
    }

    #mega-menu .dropdown:hover .nav-link,
    #mega-menu .navbar-nav .nav-link:hover {
        color: var(--bs-warning) !important;
    }
}