.visible-phone {
    display: none;
}
.viewsearchlist {
    text-align: right;
    margin-top: 12px;
    margin-right: 12px;
}
.viewsearchlist a {
    padding: 8px 30px;
}
.site-nav li.dropdown .icon-dropdown.full-d-none {
    display: none;
}
/* Mega Menu */
.wrapper-container .site-nav li.mega-menu .site-nav-dropdown {
    width: 100%;
    position: fixed;
    left: 0;
    top: 108px;
    right: auto;
    padding: 0px 0px 4px;
    border-top: 2px solid #0e3053;
    background: #fff;
}

.have-fixed .wrapper-container .site-nav li.mega-menu .site-nav-dropdown {
    width: 100%;
    left: 0;
    top: 54px;
}

.site-nav > li.mega-menu {
    position: static;
}

.site-nav li.dropdown:hover .site-nav-dropdown {
    display: block;
    z-index: 999;
}

/* .site-nav li.mega-menu .site-nav-dropdown .container .row{margin:0px;}
.site-nav li.mega-menu .site-nav-dropdown .container { padding:0;}  */
/* .wrapper-container .site-nav li.mega-menu .site-nav-dropdown { width: 200%; padding: 20px 50%; left} */
.sub-mega-menu .parent-link {
    border-bottom: 1px solid #3d4549;
    color: #fff;
    font-weight: var(--font-semi-bold);
    padding-bottom: 20px;
    margin-bottom: 15px;
}

    .sub-mega-menu .parent-link a {
        text-transform: uppercase;
        color: #fff;
        font-weight: var(--font-semi-bold);
        letter-spacing: 0.05em;
        display: inline-block;
        padding: 0;
        margin: 0;
    }

    .sub-mega-menu .parent-link > span.up {
        text-indent: -999em;
        display: block;
        opacity: 0.5;
        width: 9px;
        height: 6px;
        position: absolute;
        left: 50%;
        top: 6px;
        cursor: pointer;
    }

        .sub-mega-menu .parent-link > span.up:hover {
            opacity: 1;
        }

    .sub-mega-menu .parent-link > span {
        padding: 0 10px;
    }

.site-nav-dropdown .col-1 .inner > .current,
.site-nav-dropdown .col .inner > .current {
    color: #db2769;
    font-weight: var(--font-bold);
}

.site-nav-dropdown .col-sm-7 .col-sm-4 {
    padding-left: 0px;
    padding-right: 20px;
}

.site-nav-dropdown .col-1 {
    float: left;
    width: 60%;
}

.site-nav-dropdown.style_1 .col-2 {
    float: left;
    width: 18%;
    padding: 0 10px 8px;
}

.site-nav-dropdown.style_1 .col-3 {
    padding-right: 0;
    text-align: right !important;
}

.site-nav-dropdown.style_1 .col-1 {
    width: 62%;
}

.site-nav-dropdown .widget-featured-product {
    margin-bottom: 0px;
}
/* .site-nav-dropdown.style_2 .col-1, .site-nav-dropdown.style_1 .col-1{margin-right:24px;} */
.site-nav-dropdown.style_2 .col-3 {
    max-width: 224px;
    padding-right: 6px;
    text-align: left;
}

.site-nav-dropdown .col-3 {
    float: left;
    width: 20%;
}

.site-nav-dropdown.style_2 .col-3 img {
    margin-bottom: 7px;
}

.site-nav-dropdown.style_1 p.sale {
    text-align: center;
}

.site-nav-dropdown.style_3 .col-1 {
    width: 100%
}

.style_2 .second .col-sm-6 {
    padding: 0;
}

.site-nav-dropdown div.first {
    padding-bottom: 20px;
    float: right;
    width: 50%
}

.site-nav-dropdown div.second {
    padding: 0;
    float: right;
    width: 50%;
}

    .site-nav-dropdown div.second .b1 {
        padding-bottom: 8px;
    }

.site-nav-dropdown .col-1 .inner,
.site-nav-dropdown .col .inner {
    float: left;
    position: relative
}

.site-nav-dropdown.style_3 {
    letter-spacing: -0.31em;
}

.col-style3 {
    width: 20%;
    padding-left: 0 !important;
    float: none !important;
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
}

.site-nav-dropdown.style_3 .col .inner:after {
    display: none;
}

.site-nav-dropdown.style_4 .col-3 {
    width: 40%;
}

.site-nav-dropdown .col-1 .inner > a,
.site-nav-dropdown .col .inner > a {
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: 0;
    font-weight: var(--font-medium);
}

.site-nav-dropdown .col-1 .inner .dropdown,
.site-nav-dropdown .col .inner .dropdown {
    margin: 0px 0 15px;
}

.site-nav-dropdown .col .inner > a > img {
    margin: 10px 0 5px;
}

.site-nav-dropdown .col-1 .inner p.toogleClick {
    display: none !important;
}

.site-nav-dropdown .col-1 ul.dropdown {
    display: block;
    position: static;
    padding: 0;
}

    .site-nav-dropdown .col-1 ul.dropdown li:hover > a,
    .site-nav-dropdown .col ul.dropdown li:hover > a {
        padding-left: 5px;
    }

        .site-nav-dropdown .col-1 ul.dropdown li:hover > a:before,
        .site-nav-dropdown .col ul.dropdown li:hover > a:before {
            left: 0;
            top: 15px;
        }

    .site-nav-dropdown .col-1 ul.dropdown li a,
    .site-nav-dropdown .col ul.dropdown li > a {
        display: inline-block;
        padding: 5px 0;
        background: none
    }

.col-1 ul.dropdown li .icon-dropdown {
    margin-left: 20px;
}

.site-nav-dropdown .col-1 ul.dropdown li a:hover span {
    border-bottom: 1px solid;
}

.site-nav li.mega-menu > .dropdown:hover > .site-nav-dropdown,
.site-nav li.mega-menu > .dropdown.open > .site-nav-dropdown {
    display: block;
}

.site-nav-dropdown ul.dropdown {
    list-style: none;
    display: block;
    position: static;
    padding: 0;
    margin-bottom: 25px;
}

.site-nav-dropdown .grid-view-item h3.title {
    font-size: 12px;
    margin: 0 0 10px;
}

.site-nav-dropdown .grid-view-item {
    text-align: center;
}

    .site-nav-dropdown .grid-view-item a.img {
        display: inline-block;
        margin-bottom: 10px;
    }

    .site-nav-dropdown .grid-view-item .grid-view-item_title {
        display: block;
        margin: 0 0 10px;
    }

.site-nav li.dropdown .icon-dropdown {
    margin-left: 0px;
    margin-right: 4px;
    display: inline-block;
    cursor: pointer;
}


.site-nav .widget-featured-product {
    float: left;
    width: 100%;
    text-align: center;
}

    .site-nav .widget-featured-product .widget-product {
        overflow: hidden;
    }

        .site-nav .widget-featured-product .widget-product .products-grid {
            margin: 0;
        }

    .site-nav .widget-featured-product .widget-title {
        margin-bottom: 15px;
    }

        .site-nav .widget-featured-product .widget-title h3 {
            font-size: 12px;
            letter-spacing: 0.05em;
            line-height: 20px;
            font-weight: var(--font-semi-bold);
        }

    .site-nav .widget-featured-product .products-grid .grid-item {
        width: 100%;
        padding: 0;
        margin: 0;
    }

.site-nav .products-grid .grid-item .product-grid-image {
    display: inline-block;
    padding: 0;
    margin-bottom: 21px;
}

.site-nav .widget-featured-product .grid-item .product-grid-image img {
    width: 160px;
    max-height: 213px;
}

.site-nav .widget-featured-product .product-title {
    padding: 0;
}

.site-nav .widget-featured-product .spr-badge {
    margin-bottom: 6px;
}

.site-nav .widget-featured-product .price-box {
    margin: 0;
}

.site-nav .widget-featured-product .btn {
    padding: 0;
    border: 0;
    letter-spacing: 0.05em;
    border-bottom: 1px solid transparent;
    height: 25px;
    background: none;
}

    .site-nav .widget-featured-product .btn:hover {
        border: 0;
        border: 0;
        background: none !important;
        color: var(--color-black);
    }

.cbp-spmenu .site-nav-dropdown .col-1 {
    padding: 0;
}

    .cbp-spmenu .site-nav-dropdown .col-1 .inner {
        position: relative;
    }

        .cbp-spmenu .site-nav-dropdown .col-1 .inner > a {
            margin: 0;
            padding: 11px 0 13px;
            font-size: 11px;
            letter-spacing: 0.05em;
            border-top: 1px solid #e5e5e5;
        }

    .cbp-spmenu .site-nav-dropdown .col-1 ul.dropdown {
        display: none;
        padding: 0;
        margin-bottom: 27px;
    }

.cbp-spmenu .site-nav li.mega-menu li li a {
    font-size: 12px;
    padding: 9px 35px;
}

    .cbp-spmenu .site-nav li.mega-menu li li a:hover span {
        border-bottom: 1px solid #fff;
    }

.cbp-spmenu .site-nav li.mega-menu .site-nav-dropdown li:hover > a:hover,
.cbp-spmenu .site-nav li.mega-menu .site-nav-dropdown li:hover > a,
.cbp-spmenu .site-nav li.mega-menu .site-nav-dropdown a:active {
    background: none;
}

.cbp-spmenu .site-nav li.mega-menu .site-nav-dropdown > p.toogleClick {
    top: 0;
}

.sub-mega-menu {
    display: none;
}

.gf-menu-device-wrapper .close-menu {
    font-size: 28px;
    padding: 0px 16px;
    text-align: right;
    display: block;
    color: #fc0000;
    border-bottom: 1px solid #e5e5e5;
    background: #ffe2e2a6;
}


/**/
.wrapper-container .site-nav li.dropdown .site-nav-dropdown .col-1 .inner {
    width: 100%;
    margin: 0px 0px;
}

.wrapper-container .site-nav li.mega-menu .site-nav-dropdown .col-1 .inner {
    margin: 0px;
    float: none;
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
    width: 22%;
    padding: 0px 10px;
    margin-left: 30px;
}

.site-nav-dropdown.style_3 .col-1 .inner {
    width: 20%;
}

.have-fixed .site-nav > li > a {
    padding: 17px 14px;
}

.have-fixed .nav-bar {
    border-width: 0;
}

.have-fixed .header-bottom .search-bar input.input-group-field {
    width: 320px;
}

/* header ------------------------------------------------------------------------- */
.header-top {
    text-align: center;
    text-transform: uppercase;
    font-size: 11px;
    padding: 9px 0 6px;
    letter-spacing: 0.05em;
}

    .header-top a.link {
        color: #b05d5d;
        border-bottom: 1px solid #b05d5d;
    }

        .header-top a.link:hover {
            text-decoration: none;
            border-bottom: 0;
        }

    .header-top .close {
        text-indent: -999em;
        display: block;
        width: 9px;
        height: 9px;
        opacity: 1;
        margin-top: 3px;
    }

.header {
    padding: 16px 0 0;
}

.header-mobile {
    display: none;
}

    .header-mobile #showLeftPush {
        line-height: 46px;
        display: block;
        text-align: center;
        border-right: 1px solid #fff;
        cursor: pointer;
        color: #fff;
        font-size: 18px
    }

    .header-mobile .customer-area {
        float: right;
        width: auto;
        position: static;
        text-align: center;
        padding-top: 1px;
    }

        .header-mobile .customer-area i {
            font-size: var(--font-base);
            margin-right: 7px;
        }

        .header-mobile .customer-area .dropdown-menu i {
            display: none
        }

        .header-mobile .customer-area span {
            position: relative;
        }

    .header-mobile .opt-area {
        float: right;
        width: auto;
        text-align: center;
        cursor: pointer;
        padding-top: 1px;
    }

        .header-mobile .opt-area i {
            font-size: var(--font-base);
            color: #fff;
        }

    .header-mobile .dropdown-menu {
        font-size: 12px;
        margin: 0;
        width: 200%;
        padding: 10px 15px;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

        .header-mobile .dropdown-menu ul {
            overflow: hidden;
            margin: 0 0 10px;
            padding-left: 0;
            list-style: none;
        }

.free-shipping {
    letter-spacing: 0.05em
}

.header-panel {
    clear: both;
    margin: 5px auto;
    display: inline-block;
    width: 100%;
    min-height: 50px;
    height: 40px;
}



    .header-panel-top .free-shipping img {
        float: left;
        margin-top: 7px;
        margin-right: 10px; 
    }

    .lang-block, .header-panel-top .currency {
        float: right;
    }

.lang-block {
    margin-right: 20px;
}

.site-header p.text_order {
    float: right;
    margin: 0;
    line-height: 30px;
    letter-spacing: 0.05em;
    opacity: 0.7;
}

#currencies {
    float: left;
    height: 22px;
    line-height: 22px;
    padding: 0;
}

#currencies-modal {
    float: left;
}

    #currencies-modal div {
        display: inline-block;
        margin-left: 10px;
    }

.header-bottom .selectize-input.full {
    border: 0;
    margin-top: 0px;
    padding: 0;
}

.header-bottom .selectize-control {
    float: left;
    height: 36px;
}
    /* .header-bottom .selectize-control.single .selectize-input:after { font-family: FontAwesome; content: "\f107"; position: absolute; right: 12px;top: 3px;pointer-events: none; border-width: 0; font-size:12px; color:#959595; }  */
    .header-bottom .selectize-control div.item:after {
        content: "\f107";
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        margin: 0px 0 0 10px;
        font-size: 13px;
        color: #959595;
        font-weight: var(--font-semi-bold);
    }

.header-panel-top .selectize-control.single .selectize-input input {
    display: none !important;
}

.header-bottom .selectize-control.single .selectize-input:after {
    display: none;
}

.header-bottom .selectize-control.single .selectize-input.dropdown-active:after {
    content: "\f106 ";
    border-width: 0;
}

.header-bottom .selectize-input.focus {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.header-bottom .selectize-control div.item {
    background-position: 0 12px !important;
    letter-spacing: 0.04em;
}

.header-bottom .selectize-control div.option {
    background-position: 12px 7px !important;
}

.header-bottom .selectize-dropdown {
    min-width: 50px;
}

.header-bottom .selectize-dropdown,
.header-bottom .selectize-input,
.header-bottom .selectize-input input {
    text-transform: capitalize;
}

.header-bottom .selectize-control.single .selectize-input,
.header-bottom .selectize-control.single .selectize-input input {
    height: 36px;
    line-height: 36px;
    text-align: left;
}

.header-panel-bottom {
    min-height: 80px;
    height: auto
}


.customer-links {
    text-align: center;
    float: right;
    margin: 0;
    padding-left: 0;
    margin-top: 15px;
}

    .customer-links li {
        float: left;
        list-style: none;
        height: 40px;
        line-height: 40px;
    }

        .customer-links li.wishlist .fa-heart {
            margin-right: 7px;
            color: #d1d1d1;
        }

    .customer-links a {
        text-decoration: none;
        text-transform: capitalize;
    }

#my-account {
    margin-left: 5px
}

.phone-number {
    color: white;
    display: inline-block;
    padding: 0 11px;
    height: 40px;
    line-height: 39px;
    font-weight: 300;
    letter-spacing: 0.05em;
}

    .phone-number .fa-phone-square {
        margin-right: 8px;
        font-size: 18px;
    }

    .phone-number:hover {
        text-decoration: none;
        color: white;
    }

.inline-list {
    text-align: right;
}

    .inline-list li {
        display: inline;
    }

    .inline-list a {
        padding-left: 10px;
    }

.header-bottom .header-search {
    display: inline-block;
    float: right;
    width: 40%;
}

.header-bottom .nav-search {
    float: right
}

.header-bottom .search-bar input.input-group-field {
    border: 0;
    width: 450px;
    padding: 0 0px 0 14px;
    height: 40px;
    font-size: var(--font-base);
}
/* .dropdown-menu .input-group:before{ content:"\f002"; position:absolute; width:40px; height:40px; top:0; text-align:center; line-height:40px; left:0; font-family:FontAwesome; font-size: var(--font-base); text-rendering: auto; -webkit-font-smoothing: antialiased;  color:#ee1c25; } */
.search-bar .submit-btn {
    border: 0;
    text-align: center;
    font-weight: bold;
    width: 40px;
    height: 40px;
    float: right;
    line-height: 40px;
    margin: 0;
    padding: 0;
    font-family: Roboto Condensed;
    text-transform: uppercase;
}

.header-bottom .search-bar .input-group-btn input.btn {
    background: none;
    text-indent: -999em;
    width: 30px;
    height: 20px;
    display: block;
    padding: 0;
    position: absolute;
    top: 6px;
    right: 0;
    margin: 0;
    border: 0;
    border-left: 1px solid #eaeaea
}

.header-bottom .nav-search-fix .search-bar .input-group-btn input.btn {
    top: -4px;
    right: -10px;
}

.have-fixed .phone-number {
    display: none;
}

.nav-search .dropdown-menu {
    margin: 0;
    padding: 0;
    width: 100%;
    min-width: 40px;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    font-size: inherit;
}

.header-logo {
    margin: 0;
    padding: 0;
    text-align: left;
    max-height: 59px
}

.logo-title {
    display: block;
    padding: 16px 0;
}

.header-bottom .top-cart {
    float: right;
    text-align: right;
    margin: 0;
    padding: 8px 12px;
    height: 40px;
    line-height: 22px;
    width: auto;
}

    .header-bottom .top-cart a {
        text-align: center;
        position: relative;
        display: block;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }

        .header-bottom .top-cart a span.first {
            position: relative;
            text-transform: capitalize;
            letter-spacing: 0.05em;
            font-weight: var(--font-semi-bold);
        }

        .header-bottom .top-cart a:hover,
        .header-bottom .top-cart a:focus {
            text-decoration: none;
        }

    .header-bottom .top-cart #cartCount {
        width: 23px;
        height: 23px;
        padding: 0;
        border-radius: 50%;
        display: block;
        float: right;
        margin-left: 12px;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
    }

    .header-bottom .top-cart .icon {
        width: 16px;
        display: inline-block;
        margin-right: 10px;
        font-size: 17px;
    }

.customer-links li > a {
    letter-spacing: 0.05em;
    padding-top: 0px;
    padding-bottom: 2px;
}

.top-header {
    position: relative;
    float: right;
    margin: 0 0 0 15px;
}

.nav-search-mb .btn-search .fa,
.header-bottom .dropdown-menu .btn-search .fa {
    font-size: 15px;
}

#dropdown-cart {
    width: 360px;
    border: 1px solid rgba(0,0,0,0.3);
    padding: 20px;
    z-index: 1111;
    position: absolute;
    top: 50px;
    right: 0px;
    background: #fff;
    z-index: 33333;
    line-height: 20px;
}

.nav-search-mb .input-group-field {
    width: 100% !important;
}
#dropdown-cart .no-items {
    text-align: center;
}
.have-fixed .header-bottom .search-bar input.input-group-field {
    border-bottom: 1px solid #787F8D;
    border-left: 1px solid #787F8D;
}
.site-nav {
    width: 100%;
    margin: 0;
    padding: 0;
    position: static;
    list-style: none;
    display: inline-block;
    text-align: right;
}

    .site-nav li {
        display: block;
        margin: 0;
    }

    .site-nav a {
        display: block;
        text-decoration: none; /* white-space: nowrap; */
    }

    .site-nav > li {
        position: relative;
        display: inline-block;
        list-style: none;
        padding: 0;
    }

        .site-nav > li > a {
            border-bottom: 0;
            position: relative;
            z-index: 302;
            letter-spacing: 0.05em;
            -webkit-transition: all 0s;
            -moz-transition: all 0s;
            -o-transition: all 0s;
            transition: all 0s;
            margin: 0 -3px;
            font-weight: var(--font-semi-bold);
            line-height: 1.35em;
        }

        .site-nav > li:first-child > a {
            padding-left: 0;
            margin: 0;
        }

.fa.icon-drop {
    float: right;
    padding: 0px 15px;
    line-height: 30px;
    opacity: 1;
}

.site-nav-dropdown {
    z-index: 1111;
    text-align: left;
    display: none;
    position: absolute;
    top: auto;
    left: 0;
    min-width: 273px;
    z-index: 202;
    padding: 0;
    margin-bottom: 0;
    border: 1px solid transparent;
    padding: 5px 0 10px
}

.mega-menu .site-nav-dropdown {
    border: 0;
    left: -50%;
}

.nav-bar .site-nav-dropdown li a {
    padding: 8px 20px;
    position: relative;
}

.site-nav > li > a:after {
    position: absolute;
    content: "";
    width: 1px;
    height: 18px;
    top: 50%;
    right: 6px;
    display: block;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.nav-bar .site-nav-dropdown li a .icon-dropdown {
    float: right;
}

    .nav-bar .site-nav-dropdown li a .icon-dropdown .level-1 {
        font-size: 15px;
    }

.site-nav > li:last-child > a:after {
    display: none !important;
    width: 0;
    height: 0;
    visibility: hidden;
    opacity: 0;
}

.mega-menu .site-nav-dropdown li a {
    padding-left: 0
}

.nav-bar .container {
    position: relative;
    width: 100%;
}

.wrapper-container .site-nav-dropdown ul {
    left: 100%;
    top: -1px;
    display: none;
    padding-left: 0;
    list-style: none;
}

.wrapper-container .site-nav > .dropdown:hover > ul,
.wrapper-container .site-nav > .dropdown.open > ul {
    display: block;
}

.wrapper-container .site-nav > li > ul > .dropdown:hover > ul,
.wrapper-container .site-nav > li > ul > .dropdown.open > ul {
    display: block;
}

.wrapper-container .site-nav > li > ul > li > ul > .dropdown:hover > ul,
.wrapper-container .site-nav > li > ul > li > ul > .dropdown.open > ul {
    display: block;
}

.wrapper-container .site-nav > li > ul > li > ul > li > ul > .dropdown:hover > ul,
.wrapper-container .site-nav > li > ul > li > ul > ul > li > .dropdown.open > ul {
    display: block;
}

.site-nav-dropdown li:hover > a {
    padding-left: 40px;
    color: #fff;
}
/*.site-nav-dropdown li:hover > a:before { content:""; width: 15px; height: 1px; position: absolute; top: 16px; left: 20px; }*/
.menuicon {
    float: left;
    padding: 0px 4px;
    margin-right: 8px;
}
    .menuicon img {
        width: 40px;
    }


.site-nav-dropdown .col-1 .inner .dropdown li a .menuicon {
    display: none;
    border: none;
}

.site-nav-dropdown .col-1 .inner .dropdown li a:hover .menuicon {
    display: block;
    border: none;
}

.site-nav-dropdown li:hover > a.mm-next:before {
    display: none
}
.nav-bar {
    border-bottom: 2px solid #F7F7F7;
}

.template-index .nav-bar {
    border-width: 0;
}
.nav-bar .item .container {
    padding-right: 0;
    width: 96%;
    margin: 0px !important;
}
.header-bottom .header-search {
    display: none;
    position: relative;
    z-index: 1000;
}
.header-bottom .nav-search-fix .input-group-btn,
.header-bottom .nav-search .input-group-btn {
    position: absolute;
    right: 0;
    top: 0;
}

    .header-bottom .nav-search-fix .input-group-btn,
    .header-bottom .nav-search .input-group-btn.fa-search:before {
        position: absolute;
        top: 11px;
        right: 9px;
        font-size: 11px;
    }

.header-logo-fix {
    display: none;
    position: fixed;
    z-index: 100;
    padding: 0;
    width: 300px;
    top: 1px;
    left: 30px;
}

.nav-search .icon-search {
    display: none;
}
/**/
.nav-search-fix {
    display: none
}

.header-bottom.on .nav-search-fix {
    position: absolute;
    top: 0;
    right: 70px;
    display: block
}

.icon-search {
    display: block;
    width: 100%;
    height: 48px;
    text-align: center;
}

    .icon-search .fa-search {
        font-size: var(--font-base);
    }

.header-bottom.on .nav-search-fix .search-bar {
    display: none;
    position: absolute;
    right: -1px;
    top: 40px;
}

    .header-bottom.on .nav-search-fix .search-bar input.input-group-field {
        font-style: italic;
        background: #fff;
        border: 1px solid rgba(0,0,0,0.2);
        border-top: 0;
    }
.have-fixed .site-nav > li:last-child > a:after,
.site-nav > li:last-child > a:after {
    display: none;
}

.nav-search-mb .btn-search,
.header-bottom .dropdown-menu .btn-search {
    height: 40px;
    width: 40px;
    padding: 0px;
    border: 0px;
}

.have-fixed .button-menu {
    display: none;
}

.have-fixed .site-nav {
    text-align: right;
    padding-right: 60px;
}

.have-fixed .dropdown.open .search-bar {
    display: block;
    position: absolute !important;
}

.nav-search-mb .btn-search,
.header-bottom .dropdown-menu .btn-search {
    position: absolute;
    top: 0;
    right: 0;
}

.search-results {
    max-height: 60vh;
    overflow-y: auto !important;
}

.have-fixed .search-results {
    width: 320px;
}

    .have-fixed .search-results .title {
        width: 270px;
    }

.site-nav-dropdown .col-1 .inner > a {
    text-transform: uppercase;
    font-weight: var(--font-semi-bold);
    display: flex;
}

.wrapper-container .site-nav li.dropdown .site-nav-dropdown.style_2 .col-2 {
    display: none;
}

.wrapper-container .site-nav li.mega-menu .site-nav-dropdown.style_2 .col-2 {
    width: 38%;
    float: left;
    display: block;
}

.wrapper-container .site-nav li.mega-menu .site-nav-dropdown.style_2 .col-left,
.wrapper-container .site-nav li.mega-menu .site-nav-dropdown.style_2 .col-right {
    padding: 0px;
    text-align: right;
}

    .wrapper-container .site-nav li.mega-menu .site-nav-dropdown.style_2 .col-left a {
        padding: 0 3px 7px 0;
    }

    .wrapper-container .site-nav li.mega-menu .site-nav-dropdown.style_2 .col-right a {
        padding-left: 2px;
    }

.wrapper-container .site-nav li.dropdown .site-nav-dropdown.style_2 .col-1 {
    width: 100%;
}
/*.wrapper-container .site-nav li.mega-menu .site-nav-dropdown.style_2 .col-1 {
    width: 62%;
}*/
.site-nav .style_3 .col-1 {
    width: 100%;
    padding: 0;
    margin: 0 -10px;
    width: calc(100% + 20px);
}

.site-nav-dropdown.style_3 .col-1 .inner {
    padding: 0 10px;
}

    .site-nav-dropdown.style_3 .col-1 .inner img {
        margin: 10px 0 2px 0;
    }
.site-nav-dropdown.style_4 .zi-banner .zi-banner-image {
    text-align: left;
}

.site-nav-dropdown.style_1 .zi-banner .zi-banner-image {
    text-align: right;
}

.nav-search-mb {
    display: none;
}
.site-nav-dropdown.style_2 .col-right .zi-banner-image .placeholder-svg,
.site-nav-dropdown.style_1 .zi-banner-image .placeholder-svg {
    height: 337px;
    width: 224px;
}

.site-nav-dropdown.style_2 .col-left .zi-banner-image .placeholder-svg {
    height: 164px;
    width: 224px;
}

.site-nav-dropdown.style_4 .zi-banner-image .placeholder-svg {
    height: 320px;
    width: 370px;
}
.header-bottom .nav-search {
    position: static;
}
.dropdown-menu > li > span {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}

.dropdown-menu > li > span {
    color: #505050;
    font-size: 12px;
    text-transform: capitalize;
    padding: 3px 10px;
    cursor: pointer;
}

.dropdown-menu > .active > span, .dropdown-menu > .active > span:hover, .dropdown-menu > .active > span:focus {
    background-color: #f5f5f5;
    color: #66787f;
}

a.button-menu {
    border-width: 1px;
    border-style: solid;
    padding: 3px 6px;
    letter-spacing: 0.04em;
    font-weight: var(--font-medium);
}

    a.button-menu:hover {
        text-decoration: none;
    }

.header-logo {
    width: 44%;
}

a.meanmenu-reveal {
    display: none;
}

/* when under viewport size, .mean-container is added to body */
.mean-container .mean-bar {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    float: left;
    position: relative;
    width: 100%;
    z-index: 99;
}

.mean-container a.meanmenu-reveal {
    border: 2px solid #ff4800;
    color: #ff4800;
    cursor: pointer;
    display: block;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1px;
    font-weight: var(--font-bold);
    height: 22px;
    line-height: 22px;
    margin-top: -46px;
    padding: 8px 9px;
    position: absolute;
    right: 0;
    text-decoration: none;
    top: 0;
    width: 22px;
}

    .mean-container a.meanmenu-reveal span {
        background: #ff4800 none repeat scroll 0 0;
        display: block;
        height: 3px;
        margin-top: 3px;
    }

.mean-container .mean-nav {
    background: #810b17 none repeat scroll 0 0;
    float: left;
    margin-top: 15px;
    width: 100%;
}

    .mean-container .mean-nav ul {
        padding: 0;
        margin: 0;
        width: 100%;
        list-style-type: none;
    }

        .mean-container .mean-nav ul li {
            position: relative;
            float: left;
            width: 100%;
        }

            .mean-container .mean-nav ul li a {
                border-top: 1px solid rgba(255, 255, 255, 0.5);
                color: var(--color-black);
                display: block;
                float: none;
                margin: 0;
                padding: 10px 0px;
                text-align: left;
                text-decoration: none;
                text-transform: capitalize;
                width: 100%;
                font-size: var(--font-base);
            }

            .mean-container .mean-nav ul li li a {
                border-top: 1px solid rgba(255, 255, 255, 0.25);
                opacity: 0.75;
                padding: 10px 10%;
                text-shadow: none;
                visibility: visible;
                width: 80%;
            }

            .mean-container .mean-nav ul li.mean-last a {
                border-bottom: none;
                margin-bottom: 0;
            }

            .mean-container .mean-nav ul li li li a {
                width: 70%;
                padding: 1em 15%;
            }

            .mean-container .mean-nav ul li li li li a {
                width: 60%;
                padding: 1em 20%;
            }

            .mean-container .mean-nav ul li li li li li a {
                width: 50%;
                padding: 1em 25%;
            }

            .mean-container .mean-nav ul li a:hover {
                background: #252525;
                background: rgba(255,255,255,0.1);
            }

            .mean-container .mean-nav ul li a.mean-expand {
                -moz-border-bottom-colors: none;
                -moz-border-left-colors: none;
                -moz-border-right-colors: none;
                -moz-border-top-colors: none;
                background: rgba(255, 255, 255, 0.1) none repeat scroll 0 0;
                border-color: currentcolor currentcolor rgba(255, 255, 255, 0.2) rgba(255, 255, 255, 0.4);
                border-image: none;
                border-style: none none solid solid;
                border-width: medium medium 1px 1px;
                font-weight: var(--font-bold);
                height: 27px;
                margin-top: 1px;
                padding: 8px 12px;
                position: absolute;
                right: 0;
                text-align: center;
                top: 0;
                width: 26px;
                z-index: 2;
            }

                .mean-container .mean-nav ul li a.mean-expand:hover {
                    background: rgba(0,0,0,0.9);
                }

.mean-container .mean-push {
    float: left; 
    width: 100%;   
    padding: 0;
    margin: 0;
    clear: both;
}

.mean-nav .wrapper {
    width: 100%; 
    padding: 0;
    margin: 0;
}

/* Fix for box sizing on Foundation Framework etc. */
.mean-container .mean-bar, .mean-container .mean-bar * {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

/* -----------------------------------------
    Menu CSS
----------------------------------------- */
.menu-area {
    position: relative;
    overflow: hidden;
    z-index: 999999;
}

    .menu-area .menu {
        display: flex;
        align-items: center;
        gap: 20px;
        border: 2px dashed var(--border-color);
        transition: all 0.3s;
        z-index: 1;
    }

    .menu-area .menu-img {
        flex: 0 0 auto;
        width: 140px;
        position: relative;
        overflow: hidden;
        background-color: var(--bg-1);
    }

    .menu-area .menu .menu-title-price {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
    }

        .menu-area .menu .menu-title-price * {
            flex: 0 0 auto;
            width: -moz-fit-content;
            width: fit-content;
            margin-bottom: 0;
        }

        .menu-area .menu .menu-title-price .hr {
            width: 100px;
            border-bottom: 2px dashed var(--color-primary);
        }

        .menu-area .menu .menu-title-price .menu-price {
            position: relative;
            overflow: hidden;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 5px;
            padding-inline-start: 110px;
        }

            .menu-area .menu .menu-title-price .menu-price::before {
                position: absolute;
                content: "";
                top: 50%;
                left: 0;
                right: 0;
                bottom: 0;
                transform: translateY(-50%);
                margin-inline-start: 0;
                margin-inline-end: auto;
                width: 90px;
                height: 2px;
                border-top: 2px dashed var(--color-primary);
            }

            .menu-area .menu .menu-title-price .menu-price * {
                margin-bottom: 0;
            }

            .menu-area .menu .menu-title-price .menu-price .new-price {
                margin-bottom: 0;
                color: var(--color-primary);
            }

            .menu-area .menu .menu-title-price .menu-price .prev-price {
                text-decoration: line-through;
                font-weight: var(--font-semi-bold);
                font-family: var(--font-heading);
            }

    .menu-area .menu .btn-icon {
        background-color: var(--color-primary);
        color: var(--text-white);
    }

    .menu-area .menu .hover-show {
        position: absolute;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-inline: auto;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        opacity: 0;
        transform: translateY(-100%);
        transition: all 0.3s;
        z-index: 4;
    }

    .menu-area .menu:hover {
        border-color: transparent;
        box-shadow: var(--shadow-md);
    }

        .menu-area .menu:hover .hover-show {
            opacity: 1;
            transform: none;
        }
.mean-remove {
    display: none !important;
}
#maindiv-section-navigation.menu-area {
    overflow: visible;
    display: flex !important;
}
.menu-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
#maindiv-section-navigation .nav-bar {
    border-bottom: none;
}
.maindiv-section .main-menu ul li {
    margin-left: 22px;
}
.main-menu ul.site-nav li a {
    font-size: var(--font-base);
    font-weight: var(--font-normal);
    padding: 28px 0px 28px 0px;
    color: var(--color-black);
    position: relative;
}


    .main-menu ul li a:before {
        content: "";
        position: absolute;
        height: 1px;
        width: 0;
        background-color: #b8b8b8;
        bottom: 20px;
        left: 0px;
        transition: .3s;
    }

    .main-menu ul li a:hover:before {
        width: calc(100% - 2rem);
        display: block;
    }

.main-menu ul li .inner a:before {
    bottom: -1px;
    left: 8px;
}


    .site-nav > li > a:hover:before {
        width: calc(100% - 2rem);
        display: none;
    }

    .site-nav > li > a:before {
        content: "";
        position: absolute;
        height: 1px;
        width: 0;
        background-color: #b8b8b8;
        bottom: 20px;
        left: 14px;
        transition: .3s;
    }

.site-nav > li:first-child > a:before {
    left: 0px;
}

.site-nav > li:hover > a {
    color: #797c81;
}

.site-nav li.dropdown .icon-dropdown {
    border-top-color: #ffffff;
}

.site-nav-dropdown .col-3 a {
    padding: 0 !important;
}

.nav-bar .site-nav-dropdown li a .icon-dropdown .level-1 {
    color: #b1b1b1;
}

.nav-bar .site-nav-dropdown li a:hover .icon-dropdown .level-1 {
    color: #093a74;
}

.icon-dropdown .fa-angle-down {
    color: #333;
    font-size: 15px;
    font-weight: var(--font-bold);
}

.have-fixed .nav-bar .site-nav > li > a .icon-dropdown .fa-angle-down {
    color: #333;
}

.nav-bar .site-nav li.dropdown:hover > a > .icon-dropdown {
    border-top-color: #093a74;
}

.have-fixed .nav-bar {
    background: #fffffffa;
    box-shadow: none;
    padding: 0;
    height: auto;
}

.have-fixed .mrg-src {
    position: fixed;
    right: 14%;
    z-index: 999;
}

.have-fixed .nav-bar .site-nav-dropdown .container {
    width: 96%;
}

.have-fixed .header-bottom .top-cart .icon .fa-shopping-cart,
.have-fixed .nav-bar .site-nav > li > a {
    color: #333;
}

.have-fixed .site-nav > li > a:hover {
    color: #fff;
}

.have-fixed .nav-bar .site-nav > li:hover > a {
    color: #fff;
}

.have-fixed .nav-search .icon-search .fa-search {
    color: #ffffff;
}

.have-fixed .site-nav > li > a:after {
    background: #787f8d !important;
}

.have-fixed .nav-search {
    border: 1px solid #787f8d;
    border-top: none;
    border-bottom: none;
}
/* dropdown menu */
.site-nav-dropdown {
    border-radius: 8px;
    background: #fefefe;
    border: none;
    box-shadow: -3px 6px 6px #e2e2e233;
    padding: 0;
    border-top: none;
}

    .site-nav-dropdown li:hover > a:before {
        background: #093a74;
    }

    .site-nav-dropdown .menuwdth .inner .dropdown li a:hover {
        color: #093a74;
    }

.nav-bar .item.mega-menu .container {
    padding-right: 15px;
    width: 96%;
    margin: auto !important;
}

.site-nav .widget-featured-product .widget-title h3,
.site-nav-dropdown .menuwdth .inner > a {
    display: flex;
    color: #000000;
    border-bottom: none;
    font-weight: normal;
    padding: 5px 8px;
    font-size: 15px;
    text-transform: capitalize;
    border-bottom: none;
    background: #fcfcfc;
}

    .site-nav .widget-featured-product .widget-title h3,
    .site-nav-dropdown .menuwdth .inner > a:hover {
        color: var(--color-black);
        background: #fcfcfc;
        border-bottom: none;
    }


.nav-bar .site-nav li.dropdown .site-nav-dropdown .menuwdth .inner {
    position: relative;
}

    .nav-bar .site-nav li.dropdown .site-nav-dropdown .menuwdth .inner a {
        display: flex;
        width: 100%;
        padding: 8px 6px;
        clear: both;
        font-weight: var(--font-normal);
        color: var(--color-black);
        text-align: inherit;
        text-decoration: none;
        white-space: pre-wrap;
        background-color: transparent;
        border: 0;
        border-bottom: 1px solid #3333;
    }

.site-nav-dropdown ul.dropdown.submenu {
    display: none;
    position: absolute;
    left: 100%;
    top: -7px;
}

.nav-bar .site-nav li.dropdown.mega-menu .site-nav-dropdown .menuwdth .inner ul.dropdown.submenu {
    display: block;
    position: relative;
    left: 0;
    top: 0px;
    border-bottom: none;
    width:100%;
}
.mega-menu .site-nav-dropdown .inner .dropdown li .menuicon {
    display:none;
}
.mega-menu .site-nav-dropdown .inner .dropdown li a:hover .menuicon img {
    display: block;
    width: 35px
}
    .nav-bar .site-nav li.dropdown.mega-menu .site-nav-dropdown ul.dropdown.submenu li a {
        border-bottom: none;
    }

.nav-bar .site-nav li.dropdown.mega-menu .site-nav-dropdown .menuwdth .inner:hover ul.dropdown.submenu {
    background-color: #fff;
    top: 0px;
    width: auto;
}

    .nav-bar .site-nav li.dropdown.mega-menu .site-nav-dropdown .menuwdth .inner:hover ul.dropdown.submenu li {
        margin-left: 0px;
        line-height: 20px;
    }

.nav-bar .site-nav li.dropdown.mega-menu .site-nav-dropdown .menuwdth .inner ul.dropdown.submenu li {
    margin-left: 0px;
    line-height: 20px;
}

.nav-bar .site-nav li.dropdown.mega-menu .site-nav-dropdown .menuwdth .inner:hover ul.dropdown.submenu li a {
    font-size: var(--font-base);
    border-bottom: none;
    padding: 8px 6px;
}

.nav-bar .site-nav li.dropdown .site-nav-dropdown .menuwdth .inner ul.dropdown.submenu {
    background-color: #ffffff;
    margin: 0;
    top: -2px;
    width: 234px;
    overflow-x: auto;
    overflow-y: auto;
    max-height: 252px;
}
.nav-bar .site-nav li.dropdown .site-nav-dropdown .menuwdth .inner:hover ul.dropdown.submenu {
    display: block;
}
.site-nav > li > a:after {
    background: #c7c7c7;
    display: none;
}

    .nav-bar .site-nav li.dropdown .site-nav-dropdown .menuwdth .inner:hover ul.dropdown.submenu li {
        line-height: 22px;
    }

    .nav-bar .site-nav li.dropdown .site-nav-dropdown .menuwdth .inner:hover ul.dropdown.submenu li {
        margin-left: 0px;
        line-height: 22px;
    }

        .nav-bar .site-nav li.dropdown .site-nav-dropdown .menuwdth .inner:hover ul.dropdown.submenu li a {
            padding: 8px 8px;
            font-size: 15px;
            border-bottom: 1px solid #3333330d;
        }

.site-nav-dropdown .menuwdth .inner > a:hover .menudesc {
    color: var(--color-black);
}

.site-nav-dropdown .inner > .current,
.site-nav-dropdown .inner > .current,
.site-nav-dropdown .grid-view-item h3.title {
    color: #093a74;
    font-weight: var(--font-semi-bold);
    font-size: 13px;
    text-transform: uppercase;
}

.site-nav-dropdown .menuwdth ul.dropdown li a,
.site-nav-dropdown .col ul.dropdown li a,
.grid-view-item_title a,
.nav-bar .site-nav-dropdown li a {
    color: #2d2d2d;
}

.site-nav > li:hover > a > span > span {
    border-bottom: 1px dotted #093a74;
}

.site-nav-dropdown li:hover > a {
    color: #093a74;
}

@media (min-width: 768px) {
    .have-fixed .header-bottom .top-cart {
        border: 0;
        padding-left: 0
    }

    ;
    .have-fixed .nav-search .icon-search {
        color: #787f8d;
    }
}

@media (max-width: 1024px) {
    .header-bottom .top-cart #cartCount {
        background: #093a74;
    }
}

a.button-menu {
    border-width: 1px;
    border-style: solid;
    padding: 3px 6px;
    letter-spacing: 0.1em;
    font-weight: var(--font-medium);
}

    a.button-menu:hover {
        text-decoration: none;
    }

.site-nav > li.mega-menu {
    display: inline-block;
    position: relative;
}
.wrapper-container .site-nav li.mega-menu .site-nav-dropdown {
    top: auto;
}
.site-nav li.dropdown.mega-menu:hover::before {
    top: 54px;
    left: 30%;
}
li.mega-menu .site-nav-dropdown {
    width: 100%;
    position: fixed;
    left: 0;
    top: 108px;
    right: auto;
    padding: 0px 0px 4px;
    border-top: 2px solid #0e3053;
    background: #fff;
}
.mega-menu .menuwdth {
    padding: 0px 85px;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    gap: 0px 15px
}
.menu-area .icon-dropdown .fa-angle-down {
    color: #3333339c;
}

.main-menu ul li:hover::before {
    left: -15px;
}
.menuwdesc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.wrapper-container .site-nav li.mega-menu .site-nav-dropdown .inner {
    margin: 0px;
    float: none;
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
    width: 22%;
    padding: 0px 10px;
    margin-left: 30px;
}

.header-btn .btn {
    float: right;
}

.main-header.sticky-menu {
    -webkit-animation: 1000ms ease-in-out 0s normal none 1 running fadeInDown;
    animation: 1000ms ease-in-out 0s normal none 1 running fadeInDown;
    -webkit-box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);
    box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);
    border-radius: 0;
    transition: top 0.2s ease-in-out;
}

.site-header.sticky .header-panel-top {
    display: none !important;
}

.main-header.sticky-menu .site-nav li.mega-menu .site-nav-dropdown {
    top: auto;
    width: 100%;
    border-top: 5px solid #dedede;
}

.site-header.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
    background: #fff;
}
.menuwdth {
    margin: 0px;
    margin-top: 0;
    display: -ms-flexbox;
    display: inherit;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    width: 100%;
}

.main-menu ul li:hover::before {
    left: -22px !important;
    font-size: var(--font-base);
    color: #2b146a;
}

.nav-bar .site-nav li.dropdown:hover > a > .icon-dropdown i {
    color: #2b146a !important;
}

.main-menu ul li:hover > a, .main-header .main-menu ul li .submenu li:hover > a {
    color: #2b146a !important;
}


.mega-menu .menuicon img {
    width: 45px;
}


.site-nav-dropdown .menuwdth .inner .dropdown li a:hover {
    color: #093a74;
}

.site-nav-dropdown .menuwdth ul.dropdown li:hover > a, .site-nav-dropdown .col ul.dropdown li:hover > a {
    padding-left: 5px;
}


.site-nav-dropdown .menuwdth .inner .dropdown li a:hover .menuicon {
    display: block;
    border: none;
}
.main-menu ul li:hover::before {
    left: -15px;
}
.wrapper-container .site-nav li.mega-menu .site-nav-dropdown .inner {
    margin: 0px;
    float: none;
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
    width: 22%;
    padding: 0px 10px;
    margin-left: 30px;
}


.submenuname {
    font-size: var(--font-base);
    display: block;
    width: 100%;
    white-space: normal;
}

.menudesc {
    font-size: var(--font-xxsm);
    color: #333;
    line-height: 12px;
    margin-top: 2px;
    font-weight: normal;
    overflow: hidden;
    width: 90%;
    height: 26px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.header-btn .btn {
    float: right;
}

.main-header.sticky-menu {
    -webkit-animation: 1000ms ease-in-out 0s normal none 1 running fadeInDown;
    animation: 1000ms ease-in-out 0s normal none 1 running fadeInDown;
    -webkit-box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);
    box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);
    border-radius: 0;
    transition: top 0.2s ease-in-out;
}

.site-header.sticky .header-panel-top {
    display: none !important;
}

.main-header.sticky-menu .site-nav li.mega-menu .site-nav-dropdown {
    top: auto;
    width: 100%;
    border-top: 5px solid #dedede;
}

.site-header.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
    background: #fff;
}

.wrapper-container .site-nav li.mega-menu .site-nav-dropdown .menuwdth .inner {
    margin: 0px;
    float: none;
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
    padding: 0px 0px;
    margin-left: 0px;
    margin-bottom: 15px;
    text-align: left;
    position: relative;
    transform: scale(1);
    transition: all 0.4s ease-out;
    overflow: visible;
    width: calc(25% - 1.50455rem);
}


.menuwdth {
    margin: 0px;
    margin-top: 0;
    display: -ms-flexbox;
    display: inherit;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    width: 100%;
}

.main-menu ul li:hover::before {
    left: 0px !important;
    font-size: var(--font-base);
    color: #2b146a;
}

.nav-bar .site-nav li.dropdown:hover > a > .icon-dropdown i {
    color: #2b146a !important;
}

.main-menu ul li:hover > a, .main-header .main-menu ul li .submenu li:hover > a {
    color: #2b146a !important;
}

.mega-menu .submenuname {
    line-height: 25px;
    font-size: 18px;
    letter-spacing: 0.9px;
    font-weight: var(--font-medium);
}

.mega-menu .menuicon {
    padding: 0px;
    margin-right: 9px;
    float: left;
}



.site-nav-dropdown .menuwdth ul.dropdown li a, .site-nav-dropdown .col ul.dropdown li a, .grid-view-item_title a, .nav-bar .site-nav-dropdown li a {
    color: #2d2d2d;
    display: block;
    padding: 5px 0;
    background: none;
}

.site-nav-dropdown .menuwdth .inner .dropdown li a:hover {
    color: #093a74;
}

.site-nav-dropdown .menuwdth ul.dropdown li:hover > a, .site-nav-dropdown .col ul.dropdown li:hover > a {
    padding-left: 5px;
}


.site-nav-dropdown .menuwdth .inner .dropdown li a:hover .menuicon {
    display: block;
    border: none;
}

.site-nav-dropdown .col-1 ul.dropdown li a:hover span {
    border-color: #093a74;
    line-height: 34px;
}


.site-nav-dropdown .menuwdth ul.dropdown li a:hover span {
    border-color: #093a74;
}

.site-nav-dropdown li:hover > a:before {
    background: #093a74;
}

.site-nav-dropdown .menuwdth .inner .dropdown li a:hover {
    color: #093a74;
}
.site-nav .widget-featured-product .widget-title h3,
.site-nav-dropdown .menuwdth .inner > a {
    color: #093a74;
}
.site-nav-dropdown .menuwdth ul.dropdown li a,
.site-nav-dropdown .col ul.dropdown li a,
.grid-view-item_title a,
.nav-bar .site-nav-dropdown li a {
    color: #2d2d2d;
}

a.button-menu {
    border-width: 1px;
    border-style: solid;
    padding: 3px 6px;
    letter-spacing: 0.1em;
    font-weight: var(--font-medium);
}

    a.button-menu:hover {
        text-decoration: none;
    }
.have-fixed .nav-bar {
    top: 0px;
}
.have-fixed .nav-bar {
    background: none;
}
.have-fixed .site-nav-dropdown {
    top: auto;
}
.have-fixed .site-nav > li.dropdown:nth-child(5):hover .site-nav-dropdown {
    top: auto;
}
.have-fixed .site-nav li.dropdown:hover::before {
    top: 50px;
}
.have-fixed .site-nav li.dropdown.mega-menu:hover::before {
    top: 50px;
    left: 60%;
}
.main-header.sticky-menu .site-nav li.mega-menu .site-nav-dropdown {
    width: 100%;
    position: fixed;
    left: 0;
    top: 60px;
    right: auto;
    padding: 0px 0px 4px;
    border-top: 2px solid #0e3053;
    background: #fff;
}

    .have-fixed .header-bottom .top-cart .icon .fa-shopping-cart,
    .have-fixed .nav-bar .site-nav > li > a {
        color: var(--color-black);
        /*padding: 28px 0px 28px 0px;*/
    }
.have-fixed .site-nav {
    padding-right: 0;
    text-align: right;
}

/*    .have-fixed .site-nav > li > a {
        padding: 30px 10px 30px 10px;
    }*/
.respshow {
    display: none;
}
.header-flex {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: 100%;
}




/* --------------------------  Responsive Start ------------------------------ */

/* --------------------------  Responsive Desktop *1280X1400* Start ------------------------------ */
@media only screen and (min-width: 1280px) and (max-width: 1400px) {
    .main-menu ul.site-nav li a {
        padding: 26px 0px 26px 0px;
    }
    .logo.main-menu__shape-1 img {
        padding: 12px 0px 12px;
    }
}
/* --------------------------  Responsive Desktop *1280X1400* Start ------------------------------ */

/* --------------------------  Responsive Mobile Horizontal Start ------------------------------ */
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    .container {
        padding: 0 30px !important;
    }
    .mega-menu .menuwdth {
        padding: 0px 18px;
    }
    .wrapper-container .site-nav li.mega-menu .site-nav-dropdown .menuwdth .inner {
        width: calc(26% - 1.40455rem);
    }
        #maindiv-section-navigation .nav-bar {
        display:block !important;
    }
    .main-menu ul.site-nav li a {
        font-size: 12px !important;
        padding: 14px 0px 14px 0px;
    }
        .icon-dropdown .fa-angle-down {
        font-size: 11px;
    }
    .site-nav li.dropdown .icon-dropdown {
        margin-right: 0px;
    }
    .maindiv-section .main-menu ul li {
        margin-left: 9px !important;
    }
    .mobile-menu {
        display:none;
    }
    button#show-search-box .fa {
        width: 25px;
        height: 25px;
        font-size: 10px;
        line-height: 23px;
    }
    .header-contact ul li::before {
        display: none;
    }
    .productdetailspagedesign .product-shop a.btn {
        width: 100%;
        margin-bottom: 15px;
    }
    .product-shop .btnwhatsapp {
        margin-left: 0;
    }


    }



@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .mobile-email {
        padding: 16px 20px;
        margin-top: 24px;
    }

    .respshow ul {
        display: block !important;
    }

    .respshow.mobile-email span {
        margin-bottom: 14px;
        display: block;
        font-weight: 600;
    }

    .mean-container .mean-nav .mobile-email li {
        margin-bottom: 15px;
        display: flex;
    }

    .mobile-email li i {
        line-height: 28px;
        color: #333;
        font-size: 18px;
        margin-right: 8px;
    }

    .mean-container .mean-nav .mobile-email li a {
        color: #333;
        padding: 0;
    }

    .mean-container a.meanmenu-reveal.meanclose ~ nav.mean-nav {
        height: 100vh;
        overflow: hidden;
        overflow-y: scroll;
        max-height: auto;
    }

    .respshow {
        display: inline-block;
        margin-bottom: 150px;
    }

    .search_btn {
        z-index: 333;
    }

    .header-panel-top .header-social {
        text-align: center;
    }

    .header-panel-top .header-contact {
        text-align: center;
    }

   

    button#show-search-box .fa {
        top: 0px;
        position: relative;
        width: auto;
        height: auto;
        font-size: 18px;
        line-height: 26px;
        background: none;
        border: none;
    }

    .site-nav li.dropdown .icon-dropdown.full-d-none {
        display: block;
    }

    .site-nav li.dropdown a .icon-dropdown.rs-d-none {
        display: none;
    }

    

    .header-search-area .header-search {
        position: fixed;
        top: 106px;
        bottom: auto;
        width: 100%;
    }

    .sticky .header-search-area .header-search {
        top: 50px;
    }

    .site-nav li.dropdown:hover .site-nav-dropdown {
        background: #ffffff;
    }

    .site-nav .widget-featured-product .widget-title h3, .site-nav-dropdown .menuwdth .inner > a {
        background: #fff;
        width: 76%;
    }

    button #show-search-box {
        padding: 0px 0px;
    }

    .header-search-area {
        margin-top: 0px;
    }

    .mobile-menu {
        opacity: inherit;
        visibility: inherit;
        width: auto;
    }

        .mobile-menu.mean-container .mean-bar:last-child {
            display: none;
        }
    .mean-container a.meanmenu-reveal {
        border: none;
        cursor: pointer;
        display: block;
        margin-top: 0px !important;
        right: 5px !important;
        top: auto;
        bottom: auto;
        padding: 0px;
        color: #00328f;
        position: initial;
    }
    .header-search-area {
        margin-right: 25px;
    }
        .mean-container a.meanmenu-reveal span {
            background: #00328f;
            height: 2px;
            margin-top: 0;
        }

            .mean-container a.meanmenu-reveal span span {
                background: #00328f none repeat scroll 0 0 !important;
                display: block;
                height: 2px;
                margin-top: 3px;
                position: relative;
                top: 6px;
                z-index: 999999;
                width: 23px;
            }

    .mean-container .mean-nav {
        background: #ffffff none repeat scroll 0 0;
        height: 100vh;
        width: 0;
        position: fixed;
        z-index: 999999;
        top: 105px;
        left: 0;
        margin: 0;
        background-color: #fff;
        overflow-x: hidden;
        overflow: hidden;
        transition: 0.5s;
        padding: 0;
        box-shadow: 7px 1px 13px #dfdfdf3b;
    }

    .mean-container a.meanmenu-reveal.meanclose ~ nav.mean-nav {
        width: 100%;
        top: 105px;
    }

    .sticky .mean-container a.meanmenu-reveal.meanclose ~ nav.mean-nav {
        top: 50px;
    }

    .site-nav li.dropdown .icon-dropdown {
        float: right;
        position: absolute;
        right: 0;
        margin: 0;
        top: 0;
        z-index: 999999;
    }

    .icon-dropdown .fa-angle-down {
        padding: 13px;
        background: no-repeat;
        border-bottom: none;
        color: #bcbcbc;
    }

    .mean-container .mean-nav ul li a {
        padding: 10px 0px 10px 15px;
        font-weight: 100;
        border-bottom: 1px solid #e5e5e5;
    }

    .site-nav li.dropdown:hover .site-nav-dropdown {
        position: relative;
        background: #fff;
        left: auto;
        right: 0;
        top: 0;
        float: left;
        width: 100%;
        border-radius: 0;
        box-shadow: none;
    }

    .site-nav-dropdown ul.dropdown.submenu {
        position: relative;
        left: 0;
        top: 0;
    }

    .mega-menu .menuwdth {
        gap: 0px 0px;
        padding: 0;
    }

    .wrapper-container .site-nav li.mega-menu .site-nav-dropdown .menuwdth .inner {
        width: calc(100% - 0rem);
    }

    .site-nav-dropdown .menuwdth ul.dropdown li:hover > a, .site-nav-dropdown .col ul.dropdown li:hover > a {
        padding-left: 15px;
    }


    .mean-container .mean-nav ul li a.mean-expand:hover {
        background: rgb(252 252 252);
    }

    /* .wrapper-container .site-nav li.mega-menu .site-nav-dropdown {
        overflow: hidden;
        overflow-y: scroll;
        max-height: 280px;
    }*/

    .submenuname {
        font-size: 15px;
    }

    .site-nav li.dropdown:hover .site-nav-dropdown .menuwdth {
        clear: both;
        display: inline-block;
    }

        .site-nav li.dropdown:hover .site-nav-dropdown .menuwdth .inner {
            position: relative;
            clear: both;
            overflow-x: hidden;
        }

            .site-nav li.dropdown:hover .site-nav-dropdown .menuwdth .inner ul.dropdown.submenu {
                margin-bottom: 0;
                position: relative;
                left: 0;
                top: 0;
            }


    .site-nav .widget-featured-product .widget-title h3, .site-nav-dropdown .menuwdth .inner > a {
        width: 90%;
        border-bottom: 1px solid #dcdcdc;
        padding: 8px 8px;
        color: #ffffff;
        padding-left: 18px;
    }

    .mean-container .mean-nav ul li a.mean-expand {
        color: #000000;
        background: #fff;
        height: auto;
        padding: 8px 8px !important;
        display: inline-block;
        border: none;
    }

    .menudesc {
        font-size: 11px;
        color: #000000;
    }

    .submenuname {
        color: #000000;
    }

    .site-nav-dropdown .menuwdth ul.dropdown li a, .site-nav-dropdown .col ul.dropdown li a, .grid-view-item_title a, .nav-bar .site-nav-dropdown li a {
        padding: 8px 12px;
        display: block;
        width: 100%;
        padding-left: 10px;
        color: var(--color-black);
        border-bottom: none;
        font-size: 13px;
    }

    .mega-menu .site-nav-dropdown .inner .dropdown li .menuicon {
        display: block;
        margin-right: 8px;
    }

        .mega-menu .site-nav-dropdown .inner .dropdown li .menuicon img {
            width: 26px;
        }

    .main-header.sticky-menu .site-nav li.mega-menu .site-nav-dropdown {
        position: relative !important;
        top: 0px !important;
        border-top: none !important;
    }

    .mega-menu .submenuname {
        font-size: 14px;
        line-height: 18px;
    }

    .mean-container .mean-nav ul li li a {
        border-top: 1px solid rgb(248 248 248 / 79%);
    }

    .site-nav li.dropdown:hover::before {
        display: none;
    }
}
/* --------------------------  Responsive Mobile Horizontal End ------------------------------ */


    /* --------------------------  Responsive Mobile Horizontal Start ------------------------------ */
    @media only screen and (min-width: 481px) and (max-width: 767px) {
        .mobile-email {
            padding: 16px 20px;
            margin-top: 24px;
        }

        .respshow ul {
            display: block !important;
        }

        .respshow.mobile-email span {
            margin-bottom: 14px;
            display: block;
            font-weight: 600;
        }

        .mean-container .mean-nav .mobile-email li {
            margin-bottom: 15px;
            display: flex;
        }

        .mobile-email li i {
            line-height: 28px;
            color: #333;
            font-size: 18px;
            margin-right: 8px;
        }

        .mean-container .mean-nav .mobile-email li a {
            color: #333;
            padding: 0;
        }

        .mean-container a.meanmenu-reveal.meanclose ~ nav.mean-nav {
            height: 100vh;
            overflow: hidden;
            overflow-y: scroll;
            max-height: auto;
        }

        .respshow {
            display: inline-block;
            margin-bottom: 150px;
        }

        .search_btn {
            z-index: 333;
        }

        .header-panel-top .header-social {
            text-align: center;
        }

        .header-panel-top .header-contact {
            text-align: center;
        }

        .block-slider .hero-slider .carousel-caption h2.campus-banner-heading {
            font-size: 14px !important;
            letter-spacing: 0px;
        }

        .block-slider .hero-slider .mts.mt1 span.letters {
            font-size: 13px;
            line-height: 16px;
            word-wrap: break-word;
            width: 55%;
        }

        button#show-search-box .fa {
            top: -1px;
            position: relative;
            width: auto;
            height: auto;
            font-size: 18px;
            line-height: 26px;
            background: none;
            border: none;
        }

        .site-nav li.dropdown .icon-dropdown.full-d-none {
            display: block;
        }

        .site-nav li.dropdown a .icon-dropdown.rs-d-none {
            display: none;
        }


        .header-search-area .header-search {
            position: fixed;
            top: 106px;
            bottom: auto;
            width: 100%;
        }

        .sticky .header-search-area .header-search {
            top: 50px;
        }

        .site-nav li.dropdown:hover .site-nav-dropdown {
            background: #ffffff;
        }

        .site-nav .widget-featured-product .widget-title h3, .site-nav-dropdown .menuwdth .inner > a {
            background: #fff;
            width: 76%;
        }

        button #show-search-box {
            padding: 0px 0px;
        }

        .header-search-area {
            margin-top: 0;
            margin-right: 20px;
            margin-left: 0;
        }

        .mobile-menu {
            opacity: inherit;
            visibility: inherit;
            width: auto;
        }
            .mobile-menu.mean-container .mean-bar:last-child {
                display: none;
            }
        .mean-container a.meanmenu-reveal {
            border: none;
            cursor: pointer;
            display: block;
            margin-top: 0px !important;
            right: 5px !important;
            top: auto;
            bottom: -10px;
            padding: 0px;
            color: #00328f;
            position:initial;
        }

            .mean-container a.meanmenu-reveal span {
                background: #00328f;
                height: 2px;
                margin-top: 0;
            }

                .mean-container a.meanmenu-reveal span span {
                    background: #00328f none repeat scroll 0 0 !important;
                    display: block;
                    height: 2px;
                    margin-top: 3px;
                    position: relative;
                    top: 6px;
                    z-index: 999999;
                    width: 23px;
                }

        .mean-container .mean-nav {
            background: #ffffff none repeat scroll 0 0;
            height: 100vh;
            width: 0;
            position: fixed;
            z-index: 999999;
            top: 105px;
            left: 0;
            margin: 0;
            background-color: #fff;
            overflow-x: hidden;
            overflow: hidden;
            transition: 0.5s;
            padding: 0;
            box-shadow: 7px 1px 13px #dfdfdf3b;
        }

        .mean-container a.meanmenu-reveal.meanclose ~ nav.mean-nav {
            width: 100%;
            top: 105px;
        }

        .sticky .mean-container a.meanmenu-reveal.meanclose ~ nav.mean-nav {
            top: 50px;
        }

        .site-nav li.dropdown .icon-dropdown {
            float: right;
            position: absolute;
            right: 0;
            margin: 0;
            top: 0;
            z-index: 999999;
        }

        .icon-dropdown .fa-angle-down {
            padding: 13px;
            background: no-repeat;
            border-bottom: none;
            color: #bcbcbc;
        }

        .mean-container .mean-nav ul li a {
            padding: 10px 0px 10px 15px;
            font-weight: 100;
            border-bottom: 1px solid #e5e5e5;
        }

        .site-nav li.dropdown:hover .site-nav-dropdown {
            position: relative;
            background: #fff;
            left: auto;
            right: 0;
            top: 0;
            float: left;
            width: 100%;
            border-radius: 0;
            box-shadow: none;
        }

        .site-nav-dropdown ul.dropdown.submenu {
            position: relative;
            left: 0;
            top: 0;
        }

        .mega-menu .menuwdth {
            gap: 0px 0px;
            padding: 0;
        }

        .wrapper-container .site-nav li.mega-menu .site-nav-dropdown .menuwdth .inner {
            width: calc(100% - 0rem);
        }

        .site-nav-dropdown .menuwdth ul.dropdown li:hover > a, .site-nav-dropdown .col ul.dropdown li:hover > a {
            padding-left: 15px;
        }


        .mean-container .mean-nav ul li a.mean-expand:hover {
            background: rgb(252 252 252);
        }

        /* .wrapper-container .site-nav li.mega-menu .site-nav-dropdown {
        overflow: hidden;
        overflow-y: scroll;
        max-height: 280px;
    }*/

        .submenuname {
            font-size: 15px;
        }

        .site-nav li.dropdown:hover .site-nav-dropdown .menuwdth {
            clear: both;
            display: inline-block;
        }

            .site-nav li.dropdown:hover .site-nav-dropdown .menuwdth .inner {
                position: relative;
                clear: both;
                overflow-x: hidden;
            }

                .site-nav li.dropdown:hover .site-nav-dropdown .menuwdth .inner ul.dropdown.submenu {
                    margin-bottom: 0;
                    position: relative;
                    left: 0;
                    top: 0;
                }


        .site-nav .widget-featured-product .widget-title h3, .site-nav-dropdown .menuwdth .inner > a {
            width: 90%;
            border-bottom: 1px solid #dcdcdc;
            padding: 8px 8px;
            color: #ffffff;
            padding-left: 18px;
        }

        .mean-container .mean-nav ul li a.mean-expand {
            color: #000000;
            background: #fff;
            height: auto;
            padding: 8px 8px !important;
            display: inline-block;
            border: none;
        }

        .menudesc {
            font-size: 11px;
            color: #000000;
        }

        .submenuname {
            color: #000000;
        }

        .site-nav-dropdown .menuwdth ul.dropdown li a, .site-nav-dropdown .col ul.dropdown li a, .grid-view-item_title a, .nav-bar .site-nav-dropdown li a {
            padding: 8px 12px;
            display: block;
            width: 100%;
            padding-left: 10px;
            color: var(--color-black);
            border-bottom: none;
            font-size: 13px;
        }

        .mega-menu .site-nav-dropdown .inner .dropdown li .menuicon {
            display: block;
            margin-right: 8px;
        }

            .mega-menu .site-nav-dropdown .inner .dropdown li .menuicon img {
                width: 26px;
            }

        .main-header.sticky-menu .site-nav li.mega-menu .site-nav-dropdown {
            position: relative !important;
            top: 0px !important;
            border-top: none !important;
        }

        .mega-menu .submenuname {
            font-size: 14px;
            line-height: 18px;
        }

        .mean-container .mean-nav ul li li a {
            border-top: 1px solid rgb(248 248 248 / 79%);
        }

        .site-nav li.dropdown:hover::before {
            display: none;
        }
    }
    /* --------------------------  Responsive Mobile Horizontal End ------------------------------ */


    /* --------------------------  Responsive Mobile Start ------------------------------ */
    @media only screen and (min-width: 320px) and (max-width: 480px) {
        .mobile-menu.mean-container .mean-bar:last-child {
            display: none;
        }
       
        .header-search-area {
            margin-left: 0px;
            margin-right: 12px;
        }
        /* --------------------------  responsive dropdown arrow css start------------------------------ */ 
        .site-nav li.dropdown .site-nav-dropdown, .site-nav li.dropdown:hover .site-nav-dropdown {
            display: none;
        }
            .site-nav li.dropdown .site-nav-dropdown.active {
                display: block;
                box-shadow: none;
            }
        .wrapper-container .site-nav li.mega-menu .site-nav-dropdown {
            position: relative;
            top: 0;
        }
        .site-nav li.dropdown:hover .site-nav-dropdown {
            position: relative;
            top: 0;
        }
        .site-nav-dropdown {
            position: relative !important;
            top: 0px !important;
        }
        /* --------------------------  responsive dropdown arrow css end------------------------------ */ 
        .mobile-email {
            padding: 16px 20px;
            margin-top: 24px;
        }

        .respshow ul {
            display: block !important;
        }

        .respshow.mobile-email span {
            margin-bottom: 14px;
            display: block;
            font-weight: 600;
        }

        .mean-container .mean-nav .mobile-email li {
            margin-bottom: 15px;
            display: flex;
        }

        .mobile-email li i {
            line-height: 28px;
            color: #333;
            font-size: 18px;
            margin-right: 8px;
        }

        .mean-container .mean-nav .mobile-email li a {
            color: #333;
            padding: 0;
        }

        .mean-container a.meanmenu-reveal.meanclose ~ nav.mean-nav {
            height: 100vh;
            overflow: hidden;
            overflow-y: scroll;
            max-height: auto;
        }

        .respshow {
            display: inline-block;
            margin-bottom: 150px;
        }

        .search_btn {
            z-index: 333;
        }

        button#show-search-box .fa {
            background: none;
            border: none;
        }

        .site-nav li.dropdown .icon-dropdown.full-d-none {
            display: block;
        }

        .site-nav li.dropdown a .icon-dropdown.rs-d-none {
            display: none;
        }

       

        .header-search-area .header-search {
            position: fixed;
            top: 106px;
            bottom: auto;
            width: 100%;
        }

        .sticky .header-search-area .header-search {
            top: 50px;
        }

        .site-nav li.dropdown:hover .site-nav-dropdown {
            background: #ffffff;
        }

        .site-nav .widget-featured-product .widget-title h3, .site-nav-dropdown .menuwdth .inner > a {
            background: #fff;
            width: 76%;
        }

        button #show-search-box {
            padding: 0px 0px;
        }

     

        .mobile-menu {
            opacity: inherit;
            visibility: inherit;
        }

        .mean-container a.meanmenu-reveal {
            border: none;
            cursor: pointer;
            display: block;
            margin-top: 0px !important;
            right: 5px !important;
            top: auto;
            bottom: auto;
            padding: 0px;
            color: #00328f;
            position:initial;
        }

            .mean-container a.meanmenu-reveal span {
                background: #00328f;
                height: 2px;
                margin-top: 0;
            }

                .mean-container a.meanmenu-reveal span span {
                    background: #00328f none repeat scroll 0 0 !important;
                    display: block;
                    height: 2px;
                    margin-top: 3px;
                    position: relative;
                    top: 6px;
                    z-index: 999999;
                    width: 23px;
                }

        .mean-container .mean-nav {
            background: #ffffff none repeat scroll 0 0;
            height: 100vh;
            width: 0;
            position: fixed;
            z-index: 999999;
            top: 105px;
            left: 0;
            margin: 0;
            background-color: #fff;
            overflow-x: hidden;
            overflow: hidden;
            transition: 0.5s;
            padding: 0;
            box-shadow: none;
        }

        .mean-container a.meanmenu-reveal.meanclose ~ nav.mean-nav {
            width: 100%;
            top: 105px;
        }

        .sticky .mean-container a.meanmenu-reveal.meanclose ~ nav.mean-nav {
            top: 50px;
        }

        .site-nav li.dropdown .icon-dropdown {
            float: right;
            position: absolute;
            right: 0;
            margin: 0;
            top: 0;
            z-index: 999999;
        }

        .icon-dropdown .fa-angle-down {
            padding: 13px;
            background: no-repeat;
            border-bottom: none;
            color: #bcbcbc;
        }

        .mean-container .mean-nav ul li a {
            padding: 10px 0px 10px 15px;
            font-weight: 100;
            border-bottom: 1px solid #e5e5e5;
        }

        .site-nav li.dropdown:hover .site-nav-dropdown {
            position: relative;
            background: #fff;
            left: auto;
            right: 0;
            top: 0;
            float: left;
            width: 100%;
            border-radius: 0;
            box-shadow: none;
        }

        .site-nav-dropdown ul.dropdown.submenu {
            position: relative;
            left: 0;
            top: 0;
        }

        .mega-menu .menuwdth {
            gap: 0px 0px;
            padding: 0;
        }

        .wrapper-container .site-nav li.mega-menu .site-nav-dropdown .menuwdth .inner {
            width: calc(100% - 0rem);
        }

        .site-nav-dropdown .menuwdth ul.dropdown li:hover > a, .site-nav-dropdown .col ul.dropdown li:hover > a {
            padding-left: 15px;
        }


        .mean-container .mean-nav ul li a.mean-expand:hover {
            background: rgb(252 252 252);
        }

        /* .wrapper-container .site-nav li.mega-menu .site-nav-dropdown {
        overflow: hidden;
        overflow-y: scroll;
        max-height: 280px;
    }*/

        .submenuname {
            font-size: 15px;
        }

        .site-nav li.dropdown:hover .site-nav-dropdown .menuwdth {
            clear: both;
            display: inline-block;
        }

            .site-nav li.dropdown:hover .site-nav-dropdown .menuwdth .inner {
                position: relative;
                clear: both;
                overflow-x: hidden;
            }

                .site-nav li.dropdown:hover .site-nav-dropdown .menuwdth .inner ul.dropdown.submenu {
                    margin-bottom: 0;
                    position: relative;
                    left: 0;
                    top: 0;
                }

        .site-nav .widget-featured-product .widget-title h3, .site-nav-dropdown .menuwdth .inner > a {
            background: #fff;
        }

        .site-nav .widget-featured-product .widget-title h3, .site-nav-dropdown .menuwdth .inner > a {
            width: 90%;
            border-bottom: 1px solid #dcdcdc;
            padding: 8px 8px;
            color: #ffffff;
            background: #fff;
            padding-left: 18px;
        }

        .mean-container .mean-nav ul li a.mean-expand {
            color: #000000;
            background: #fff;
            height: auto;
            padding: 8px 8px !important;
            display: inline-block;
            border: none;
        }

        .menudesc {
            font-size: 11px;
            color: #000000;
        }

        .submenuname {
            color: #000000;
        }

        .site-nav-dropdown .menuwdth ul.dropdown li a, .site-nav-dropdown .col ul.dropdown li a, .grid-view-item_title a, .nav-bar .site-nav-dropdown li a {
            padding: 8px 12px;
            display: block;
            width: 100%;
            padding-left: 10px;
            color: var(--color-black);
            border-bottom: none;
            font-size: 13px;
        }

        .mega-menu .site-nav-dropdown .inner .dropdown li .menuicon {
            display: block;
            margin-right: 8px;
        }

            .mega-menu .site-nav-dropdown .inner .dropdown li .menuicon img {
                width: 26px;
            }

        .main-header.sticky-menu .site-nav li.mega-menu .site-nav-dropdown {
            position: relative !important;
            top: 0px !important;
            border-top: none !important;
        }

        .mega-menu .submenuname {
            font-size: 14px;
            line-height: 18px;
        }

        .mean-container .mean-nav ul li li a {
            border-top: 1px solid rgb(248 248 248 / 79%);
        }

        .site-nav li.dropdown:hover::before {
            display: none;
        }
    }
    /* --------------------------  Responsive Mobile Start ------------------------------ */

    /* --------------------------  Responsive End ------------------------------ */