.categories,
.top-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.top-menu>li {
    white-space: nowrap;
    padding: 10px
}

body.hid {
    overflow: hidden
}

.categories,
.top-menu {
    margin: 0
}

ul.categories>li>ul {
    max-height: 0;
    position: absolute;
    background: #fff;
    overflow: hidden
}

.categories {
    width: 100%
}

ul.categories>li {
    font-weight: 700;
    cursor: pointer
}

ul.child-sub {
    padding-left: 0
}

ul.child-sub>li {
    text-transform: capitalize;
    font-weight: 400;
    list-style: none
}

ul.categories>li.all-categories>ul>li {
    font-weight: 700;
    line-height: 2em
}

.row.row-for-product ol li,
.row.row-for-product ul,
.row.row-for-product ul li {
    list-style: unset !important;
    margin-left: 10px
}

.row.row-for-product ul:not(.fm-menu-category) {
    -webkit-padding-start: 40px;
    -moz-padding-start: 40px;
    padding-inline-start: 40px
}

.mobile-dev a,
.top-menu a,
ul.categories a {
    color: #000
}

.list-group-item.active,
.list-group-item.active:focus,
.list-group-item.active:hover {
    z-index: unset
}

ul.categories>li>ul::-webkit-scrollbar {
    width: .4em
}

ul.categories>li>ul::-webkit-scrollbar-thumb {
    background: #666;
    border-radius: 10px
}

ul.categories>li>ul::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 0, 0, .75)
}

ul.categories>li>ul::-moz-scrollbar {
    width: .4em
}

ul.categories>li>ul::-moz-scrollbar-thumb {
    background: #666;
    border-radius: 10px
}

ul.categories>li>ul::-moz-scrollbar-thumb:hover {
    background: rgba(0, 0, 0, .75)
}

ul.categories>li>ul::-o-scrollbar {
    width: .4em
}

ul.categories>li>ul::-o-scrollbar-thumb {
    background: #666;
    border-radius: 10px
}

ul.categories>li>ul::-o-scrollbar-thumb:hover {
    background: rgba(0, 0, 0, .75)
}

.topmobile {
    display: none
}

.border-cat {
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, .1);
    box-shadow: inset 0 0 5px rgba(0, 0, 0, .1)
}

@media only screen and (min-width:768px) {
    ul.categories>li.all-categories>ul>li {
        padding: 10px;
        list-style: none
    }
    ul.categories>li.top-product>ul>li>a {
        padding: 10px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
    ul.categories {
        text-align: center;
        display: block;
        max-height: 329px;
        overflow: hidden
    }
    ul.categories>li>ul {
        -webkit-transition: opacity .2s cubic-bezier(0, 0, 0, .1);
        transition: opacity .2s cubic-bezier(0, 0, 0, .1);
        opacity: 0
    }
    .top-menu a {
        font-size: 16px !important;
        text-transform: capitalize;
        color: #000 !important;
        margin-bottom: 0;
        font-weight: 500
    }
    .top-menu-pad {
        padding-bottom: 1em;
        padding-top: 1em
    }
    ul.categories>li {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        background-color: transparent
    }
    ul.categories>li>a {
        font-size: 13px;
        text-decoration: none;
        padding: 10px;
        text-transform: uppercase
    }
    li.top-product a {
        text-decoration: none
    }
    ul.categories>li:hover {
        background-color: #f5f5f5
    }
    ul.categories>li.all-categories>ul,
    ul.categories>li.top-product>ul {
        z-index: 999;
        text-align: left;
        -webkit-box-shadow: 0 9px 18px -9px rgba(0, 0, 0, .75);
        box-shadow: 0 9px 18px -9px rgba(0, 0, 0, .75)
    }
    ul.categories>li.all-categories>ul {
        margin: auto;
        left: 0;
        width: 100%
    }
    .all-categories hr {
        margin-top: 5px;
        margin-bottom: 5px
    }
    ul.categories>li.top-product>ul {
        min-width: 200px
    }
    .icon-arrow-desktop::after {
        font-family: "Material Icons";
        content: "\e5c5";
        padding-left: 5px;
        display: inline-block;
        vertical-align: bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transition: all .2s cubic-bezier(0, 0, 0, .1);
        transition: all .2s cubic-bezier(0, 0, 0, .1)
    }
    .icon-none-desktop::after {
        font-family: "Material Icons";
        content: " ";
        padding-left: 5px;
        display: inline-block;
        vertical-align: bottom
    }
    .icon-arrow-desktop:hover::after {
        -webkit-transition: all .2s cubic-bezier(0, 0, 0, .1);
        transition: all .2s cubic-bezier(0, 0, 0, .1);
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
        padding-left: 0;
        padding-right: 5px
    }
    .icon-arrow-desktop-rt::after {
        -webkit-transform: rotate(180deg) !important;
        transform: rotate(180deg) !important
    }
    ul.categories>li:hover>ul {
        max-height: 70vh;
        overflow: scroll;
        border: 1px solid #ddd;
        opacity: 1
    }
    .iconpws.icon-menu,
    .mobile-dev,
    .top-mobile-menu {
        display: none
    }
    ul.categories>li.all-categories:hover>ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap
    }
    ul.categories>li.top-product:hover>ul {
        display: block
    }
    ul.categories>li.top-product>ul>li:hover {
        background-color: #f9f9f9
    }
    ul.top-menu.new-category-menu li.has-sub ul.collapse li.subCat>div {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    ul.top-menu.new-category-menu li.has-sub ul.collapse li>div {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    ul.top-menu.new-category-menu li.has-sub ul.collapse li.subCat a {
        margin-left: -1px;
        padding-left: 1.0625em !important;
        border-left: 3px solid transparent;
        display: block;
        padding-top: 10px !important;
        padding-bottom: 10px !important;
        text-align: left;
        line-height: 1;
        -webkit-transition: color .3s !important;
        transition: color .3s !important;
        width: 85%
    }
    ul.top-menu.new-category-menu li.has-sub ul.collapse li a {
        margin-left: -1px;
        padding-left: 1.0625em !important;
        border-left: 3px solid transparent;
        display: block;
        padding-top: 10px !important;
        padding-bottom: 10px !important;
        text-align: left;
        line-height: 1;
        -webkit-transition: color .3s !important;
        transition: color .3s !important;
        width: 85%
    }
    ul.top-menu.new-category-menu li.has-sub ul li a {
        padding-left: 1.0625em !important
    }
}

@media only screen and (max-width:768px) {
    .sub-child-container {
        padding: 0 0 0 30px !important
    }
}

@media only screen and (max-width:767px) {
    ul.categories>li>ul>li {
        padding: 10px
    }
    ul.categories>li.all-categories>ul>li,
    ul.categories>li.top-product>ul>li {
        padding: 10px
    }
    .categories,
    .top-menu {
        width: 100%
    }
    .categories .top-product {
        display: none !important
    }
    .new-category-menu {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .mobile-dev.open ul.categories>.all-categories {
        width: 100%
    }
    .categories li {
        display: block;
        padding: 0 0 5px 0 !important;
        font-size: 15px;
        margin-bottom: 10px;
        border-bottom: 1px solid #ddd
    }
    .top-menu li {
        display: block;
        padding: 6px 0;
        font-size: 15px
    }
    .categories li:last-child,
    .top-menu li:last-child {
        margin-bottom: 0
    }
    .mobile-dev a,
    ul.categories a {
        font-weight: 400;
        color: #000 !important
    }
    span.hide-text-search {
        display: none
    }
    .iconpws.icon-menu,
    .top-mobile-menu,
    ul.categories>li.all-categories>ul {
        display: block;
        color: #000 !important
    }
    ul.categories>li.all-categories>ul,
    ul.categories>li.top-product>ul {
        width: 90%;
        margin-top: 2em
    }
    .back,
    .back2,
    .mobile-dev {
        z-index: 999;
        width: 40%;
        top: 0;
        position: fixed
    }
    .opened {
        max-height: 1000vh !important
    }
    .closed {
        max-height: 0
    }
    .displayed {
        display: block !important
    }
    .none-dis {
        display: none !important
    }
    .child-sub {
        display: none;
        margin-top: 0;
        padding-left: 10px;
        height: auto
    }
    .icon-arrow-mobile:before {
        font-family: "Material Icons";
        content: "\e315";
        float: right
    }
    ul.categories>li.change:before,
    ul.categories>li>ul>li.change:before {
        font-family: "Material Icons";
        float: right;
        content: attr(data-content)
    }
    .child-sub>li {
        padding: 10px
    }
    .topmobile .fa-shopping-cart,
    .topmobile .icon-menu {
        font-size: 20px
    }
    .icon-menu,
    .icon-phone {
        display: block;
        font-size: 2em;
        color: #000
    }
    .mobile-dev {
        height: 100%;
        max-height: 1000vh;
        margin-left: -100%;
        -webkit-box-shadow: 2px 0 10px 0 rgba(0, 0, 0, .75);
        box-shadow: 2px 0 10px 0 rgba(0, 0, 0, .75);
        background-color: #fff !important;
        overflow-y: auto;
        overflow-x: hidden;
        -webkit-transition: all .2s cubic-bezier(0, 0, 0, .1);
        transition: all .2s cubic-bezier(0, 0, 0, .1)
    }
    .mobile-dev.open {
        margin-left: 0;
        left: -1px;
        background-color: #fff;
        -webkit-transition: all .2s cubic-bezier(0, 0, 0, .1);
        transition: all .2s cubic-bezier(0, 0, 0, .1);
        width: 100%
    }
    .logo {
        display: inline-block
    }
    .back,
    .back2 {
        padding: 15px;
        background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f2f2f2));
        background: linear-gradient(#f8f8f8, #f2f2f2);
        -webkit-box-shadow: 0 5px 2px -5px rgba(0, 0, 0, .15);
        box-shadow: 0 5px 2px -5px rgba(0, 0, 0, .15);
        border-bottom: 1px solid #e4e4e4
    }
    .topmobile {
        font-family: Montserrat, sans-serif, serif;
        background: #fff;
        width: 100%;
        -webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 2px 4px -1px rgba(0, 0, 0, .2);
        box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 2px 4px -1px rgba(0, 0, 0, .2)
    }
    .topmobile>.container-fluid {
        padding: 0
    }
    .topmobile .col-10 {
        padding-left: 0
    }
    .iconpws.icon-back {
        vertical-align: middle;
        top: 0
    }
    .close-content,
    .mobile-search {
        text-align: center;
        font-size: 2em;
        padding: 10px
    }
    .close-content {
        top: 3px
    }
    .new-searchbar {
        position: relative
    }
    .new-searchbar .icon-close {
        font-size: 30px
    }
    .new-searchbar .close-menu-container {
        position: absolute;
        right: 0;
        top: 0;
        padding: 0;
        width: 35px;
        height: 35px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 10px 20px
    }
    .new-searchbar .btnGoSearch {
        color: #000;
        width: 10%;
        padding: 0;
        margin-left: 10px
    }
    .new-searchbar .btnGoSearch i {
        font-size: 17px
    }
    .mobile-search .txtSearch {
        width: 80%
    }
    .search-close {
        margin: 0
    }
    .topmobile {
        padding: 12px 8px;
        position: fixed;
        z-index: 100;
        height: auto;
        display: block;
        top: 0
    }
    .topmobile>.container-fluid>.col-10>p,
    .topmobile>.container-fluid>.col-10>p>marquee>a {
        color: #000;
        margin: 0;
        font-size: 16px;
        font-weight: 700
    }
    .mobile-logo {
        padding: 10px 0
    }
    .mobile-search .btn {
        background-color: #ccc;
        border-radius: 0 5px 5px 0;
        width: 20%;
        margin-left: -5px;
        border: none
    }
    .mobile-search input.form-control.txtSearch {
        border-radius: 5px;
        background-color: #fff;
        height: 3em;
        line-height: unset;
        font-size: small
    }
    .mobile-dev::-webkit-scrollbar {
        width: .5em
    }
    .mobile-dev::-webkit-scrollbar-thumb {
        background: #666;
        border-radius: 10px
    }
    .mobile-dev::-webkit-scrollbar-thumb:hover {
        background: #b30000
    }
    ul.categories>li.all-categories>ul>li {
        line-height: unset
    }
    ul.dropdownmenu.opened {
        padding-bottom: 10px
    }
    .bg-mobile-menu.on-displayed {
        width: 100%;
        height: 100%;
        position: fixed;
        background: #000;
        z-index: 999;
        opacity: .7;
        top: 0
    }
    .border-cat {
        display: none
    }
    .all-categories hr {
        display: none
    }
}

@media (max-width:560px) {
    .back,
    .back2,
    .mobile-dev {
        width: 85%
    }
}

.mobile-dev.open {
    display: block !important
}

ul.dropdownmenu {
    list-style: none;
    padding: 0
}

ul.dropdownmenu li {
    list-style: none
}

@media only screen and (max-width:767px) {
    .mobile-dev {
        right: 0;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        display: block
    }
    .open {
        -webkit-transform: translateX(0) !important;
        transform: translateX(0) !important
    }
    .top-menu a {
        font-size: 14px !important;
        text-transform: capitalize;
        color: #000 !important;
        margin-bottom: 0;
        font-weight: 500
    }
    ul.top-menu.new-category-menu li.has-sub .chevron-down::before {
        font-family: "Material Icons";
        content: "\e315";
        float: right;
        font-size: 20px;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }
    ul.top-menu.new-category-menu li.has-sub.active .chevron-down::before {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }
    ul.top-menu.new-category-menu li.has-sub ul.collapse li.subCat.has-sub.openChild>div::after {
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg);
        text-align: left
    }
    ul.top-menu.new-category-menu li.has-sub ul.collapse li.has-sub.openChild>div::after {
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg);
        text-align: left
    }
    ul.top-menu.new-category-menu li.has-sub ul.collapse li.subCat.has-sub.openChild ul.sub-child-container {
        display: block
    }
    ul.top-menu.new-category-menu li.has-sub ul.collapse li.has-sub.openChild ul.sub-child-container {
        display: block
    }
    ul.top-menu.new-category-menu li.has-sub ul.collapse li.subCat.has-sub ul.sub-child-container {
        display: none
    }
    ul.top-menu.new-category-menu li.has-sub ul.collapse li.has-sub ul.sub-child-container {
        display: none
    }
    ul.top-menu.new-category-menu li.has-sub ul.collapse li.subCat {
        margin-bottom: 0;
        padding: 0 !important
    }
    ul.top-menu.new-category-menu li.has-sub ul.collapse li {
        margin-bottom: 0;
        padding: 0 !important
    }
    ul.top-menu.new-category-menu li.has-sub ul.collapse li.subCat>div {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    ul.top-menu.new-category-menu li.has-sub ul.collapse li>div {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    ul.top-menu.new-category-menu li.has-sub ul.collapse li.subCat a {
        margin-left: -1px;
        padding-left: 1.0625em !important;
        border-left: 3px solid transparent;
        display: block;
        padding-top: 10px !important;
        padding-bottom: 10px !important;
        text-align: left;
        line-height: 1.25;
        -webkit-transition: color .3s !important;
        transition: color .3s !important;
        width: 85%;
        white-space: normal;
        overflow-wrap: break-word
    }
    ul.top-menu.new-category-menu li.has-sub ul.collapse li a {
        margin-left: -1px;
        padding-left: 1.0625em !important;
        border-left: 3px solid transparent;
        display: block;
        padding-top: 10px !important;
        padding-bottom: 10px !important;
        text-align: left;
        line-height: 1.25;
        -webkit-transition: color .3s !important;
        transition: color .3s !important;
        width: 85%;
        white-space: normal;
        overflow-wrap: break-word
    }
    ul.top-menu.new-category-menu li.has-sub ul.collapse li.subCat.has-sub.openChild ul.sub-child-container {
        margin-left: 22px
    }
    ul.top-menu.new-category-menu li.has-sub ul.collapse li.has-sub.openChild ul.sub-child-container {
        margin-left: 22px
    }
    ul.top-menu.new-category-menu li.has-sub ul li {
        margin-bottom: 0;
        padding: 0 0 0 30px
    }
    ul.top-menu.new-category-menu li.has-sub ul.collapse li.subCat.has-sub.openChild ul.sub-child-container li.sub-child:first-child {
        margin-top: 0
    }
    ul.top-menu.new-category-menu li.has-sub ul.collapse li.has-sub.openChild ul.sub-child-container li.sub-child:first-child {
        margin-top: 0
    }
    ul.top-menu.new-category-menu li.has-sub ul.collapse li.subCat.has-sub.openChild ul.sub-child-container li.sub-child {
        margin-bottom: 0
    }
    ul.top-menu.new-category-menu li.has-sub ul.collapse li.has-sub.openChild ul.sub-child-container li.sub-child {
        margin-bottom: 0
    }
    ul.top-menu.new-category-menu li.has-sub ul.collapse li.subCat.has-sub.openChild ul.sub-child-container li.sub-child a:first-child {
        padding-top: 0 !important;
        padding-bottom: 2px !important
    }
    ul.top-menu.new-category-menu li.has-sub ul.collapse li.has-sub.openChild ul.sub-child-container li.sub-child a:first-child {
        padding-top: 0 !important;
        padding-bottom: 2px !important
    }
    ul.top-menu.new-category-menu li.has-sub ul li a {
        padding-left: 1.0625em !important
    }
    .row .login-navbar {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
        opacity: 1;
        padding: 12px 22px
    }
    .login-navbar .btn {
        border-radius: 4px
    }
    .login-navbar .login-mobile a.btn {
        color: #000 !important;
        background: #fff;
        border: 1px solid #d00c0c;
        font-size: 14px;
        font-weight: 700;
        padding: 6px 25px
    }
    .login-navbar .login-mobile a.btn i {
        color: #d00c0c
    }
    .login-navbar .reg-mobile a.btn {
        color: #fff !important;
        background: #d00c0c;
        font-size: 14px;
        font-weight: 700
    }
    .sub-child-container {
        padding: 0 0 0 30px !important
    }
    .bottom-panel {
        font-size: 14px
    }
}