@font-face {
    font-family: IK;
    src: url("../fonts/ik_bold.ttf");
    font-weight: bold;
}

@font-face {
    font-family: IK;
    src: url("../fonts/ik_regular.ttf");
    font-weight: normal;
}

* {
    font-family: IK;
}

.navbar-brand {
    font-weight: bold;
}

.category-item {
    margin-bottom: 8px;
    border-radius: 5px;
}

.category-item:hover {
    cursor: pointer;
    background-color: #ebebeb;
}

#mItem:hover {
    border-radius: 10px;
    cursor: pointer;
    background-color: #ebebeb;
}

.navbar .megamenu {
    padding: 1rem;
}


/* ============ desktop view ============ */
@media all and (min-width: 992px) {

    .navbar .has-megamenu {
        position: static !important;
    }

    .navbar .megamenu {
        left: 0;
        right: 0;
        width: 90%;
        margin: 0 auto
    }

    .sidebar li {
        position: relative;
    }

    .sidebar li .submenu {
        display: none;
        position: absolute;
        right: 100%;
        top: -7px;
        min-width: 240px;
    }

    .sidebar li:hover>.submenu {
        display: block;
    }
}

/* ============ desktop view .end// ============ */

/* ============ small devices ============ */
@media (max-width: 991px) {

    #footer-text {
        font-size: 0.8rem
    }
    
    .margins {
        margin-left: 10px !important;
        margin-right: 10px !important;
    }

    .navbar.fixed-top .navbar-collapse,
    .navbar.sticky-top .navbar-collapse {
        overflow-y: auto;
        max-height: 90vh;
        margin-top: 10px;
    }

    .nav-item {
        margin-top: 10px;
    }

    #cartMain {
        margin-left: 4px;
        margin-top: 10px;
    }

    .sidebar .submenu,
    .sidebar .dropdown-menu {
        position: static !important;
        margin-left: 0.7rem;
        margin-right: 0.7rem;
        margin-bottom: .5rem;
    }

}