.subcategorys-img .sub-cat{
    text-align: center;
}
.subcategorys-img .sub-cat:hover {
    cursor: pointer;
}
.subcategorys-img .sub-cat .subcat-title {
    font-weight: 500;
    font-size: 14px;
    margin: 15px 0 0;
    text-transform: capitalize;
}
.subcategorys-img .sub-cat:hover .subcat-title {
    font-weight: 600;
}
.sw-megamenu.navigation li.level0.fullwidth>.submenu{
    background: #fff;
    border-top: 1px #ccc solid;
    padding-bottom: 30px;
    padding-left: 15px;
    padding-right: 15;
    padding-top: 15px;
    box-shadow: 0 3px 8px rgb(0 0 0 / 10%);
    width: 100%;
    left: 0;
    margin-top: -1px;
}


#nav ul.level0>li {
    display: block;
    float: none;
    vertical-align: top;
}
.sw-megamenu.navigation li.level0.fullwidth .submenu a, .sw-megamenu.navigation li.level0.staticwidth .submenu a {
    font-size: 14px;
    color: #000;
    padding: 0 0 10px 0;
    font-weight: 500;
    white-space: nowrap;
}
.header-top-message .container{column-gap: 5px;}
.header-top-message a{font-weight: 400;}
em.offer-code{font-size: 16px;}
em.offer-code strong{font-weight: 700;}
.category-view .page-title{
    text-transform: capitalize;
}

@media(min-width:769px) {
    .sw-megamenu.navigation li.level0.fullwidth:nth-child(5) .submenu{
        max-width: 300px;
        margin: 0 auto !important;
        position: absolute;
        left: 20%;
        right: 35%;
    }
}
@media(min-width:1024px) {
    .mob-img{
        display: none;
    }
    .navigation{
        background: #fff;
    }
    .sw-megamenu.navigation li.level0.fullwidth>.submenu ul.subchildmenu.mega-columns.columns4 {
        display: block !important;
        flex-wrap: wrap;
        justify-content: space-between
    }

    .sw-megamenu.navigation h3 {
        text-align: left !important;
        font-weight: 700;
        color: #000
    }
    .sw-megamenu.navigation hr {
        float: left
    }
    ul.subchildmenu.col-md-12.mega-columns.columns4>li {
/*        max-width: 25%;*/
        width: 100%;
        text-align: left
    }

    .navigation-wrapper .nav-minicart-outer .nav-sections {
        background: 0 0;
        width: 100%;
        margin: 0
    }

    .navigation-wrapper .container {
        max-width: 100%
    }

    .sw-megamenu.navigation li.level0 .submenu {
        display: block;
        visibility: hidden;
        opacity: 0;
        transition: .2s opacity;
        color: #777
    }

    .sw-megamenu.navigation li.level0.fullwidth>.submenu {
        width: 100%;
        padding: 0;
        position: fixed;
        z-index: 99;
    }

    .sw-megamenu.navigation li.level0.fullwidth>.submenu .menu-left-block+ul.subchildmenu.mega-columns {
        display: none !important
    }

    .level0.submenu>.container {
        /*max-width: 100%*/
    }

    .sw-megamenu.navigation>ul {
        position: static
    }

    .navigation {
        position: static
    }

    .nav-sections .nav-sections-items .navigation ul li.level0 .submenu h3 a {
        color: #000;
        font-size: 1.75rem
    }

    .nav-sections .nav-sections-items .navigation ul li.level0 .submenu h3 a:hover,
    .nav-sections .nav-sections-items .navigation ul li.level0 .submenu a:hover {
        background: 0 0;
        color: #000
    }

    .sw-megamenu.navigation li.level0.fullwidth>.submenu ul.subchildmenu.mega-columns.col-md-6{
        width: 50%;
        border-right: 1px solid #ccc;
    }
    .menu-right-block.col-md-6{
        width: 50%;
    }
    .sw-megamenu.navigation li.level0 .col-md-2 {
        width: 16.66666667%;
    }
    .sw-megamenu.navigation li.level0 .col-md-3 {
        width: 25%;
    }
    .menu-right-block.col-md-6 {
        width: 50%;
        border-left: 0;
    }
    .menu-right-block.col-md-8 {
        width: 66.66666667%;
        border-left: 1px solid #ccc;
    }
    .menu-right-block.col-md-9 {
        width: 75%;
        border-left: 1px solid #ccc;
    }
    .menu-right-block .subcategorys-img {
        display: flex;
        flex-wrap: wrap;
    }
    .menu-right-block .subcategorys-img .sub-cat {
        padding-left: 0;
        padding-right: 0;
    }
    .menu-right-block .subcategorys-img .sub-cat.col-sm-4 {
        width: 33.33333333%;
    }
    .menu-right-block .subcategorys-img .sub-cat.col-sm-6 {
        width: 50%;
    }
    .subcategorys-img{
        display: flex;
        flex-wrap: wrap;
    }
    .sw-megamenu.navigation>ul {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        column-gap: 15px;
        position: relative;
        padding: 0 0;
    }

    .sw-megamenu.navigation>ul:after {
        disaply: table;
        content: '';
        clear: both
    }

    .sw-megamenu.navigation .open-children-toggle {
        display: none
    }

    .sw-megamenu.navigation span.cat-label {
        position: absolute;
        text-transform: uppercase;
        font: inherit;
        font-size: 9px;
        padding: 2px;
        border-radius: 2px;
        line-height: 1;
        color: #fff
    }

    .sw-megamenu.navigation span.cat-label:before {
        content: "";
        position: absolute;
        width: 3px;
        height: 3px;
        border: 3px solid transparent
    }

    .sw-megamenu.navigation span.cat-label.cat-label-label1 {
        background-color: #0cc485
    }

    .sw-megamenu.navigation span.cat-label.cat-label-label2 {
        background-color: #eb2771
    }

    .sw-megamenu.navigation span.cat-label.cat-label-label3 {
        background-color: #0ae3eb
    }

    .sw-megamenu.navigation a:hover>span>span.cat-label {
        text-decoration: none
    }

    .sw-megamenu.navigation li>a>span {
        position: relative
    }
    .sw-megamenu.navigation .submenu li>a:hover>span:after {
        width: 100%;
    }
    .sw-megamenu.navigation .subchildmenu.mega-columns > li{
        width: 100%;
    }
    .menu-right-block .subcategorys-img a {
        padding: 10px 5px !important;
    }
    
    .menu-right-block .subcategorys-img a p:after {
        content: "";
        background: #000;
        height: 1px;
        width: 0;
        position: absolute;
        bottom: -4px;
        left: 0;
        transition: all 300ms;
        -webkit-transition: all 300ms;
        -moz-transition: all 300ms;
        -o-transition: all 300ms;
        display: inline-block;
        border: none;
    }
    
        
    .sw-megamenu.navigation .submenu li>a>span:after {
        content: "";
        background: #000;
        height: 1px;
        width: 0;
        position: absolute;
        bottom: -4px;
        left: 0;
        transition: all 300ms;
        -webkit-transition: all 300ms;
        -moz-transition: all 300ms;
        -o-transition: all 300ms;
        display: inline-block;
        border: none;
    }
    .sw-megamenu.navigation li.level0>.level-top {
        transition-delay: 0s !important;
        font-size: 14px;
        padding: 10px 8px;
        text-transform: uppercase;
        font-weight: 500;
        border-bottom: 1px solid transparent;
        line-height: 1;
        color: #000;
    }
    .sw-megamenu.navigation li.level0>.level-top:hover{
        border-bottom: 1px solid #000;
    }

    .sw-megamenu.navigation li.level0>a>span.cat-label {
        top: -13px;
        right: 14px
    }

    .sw-megamenu.navigation li.level0>a>span.cat-label:before {
        left: 3px;
        bottom: -6px
    }
    .sw-megamenu.navigation li .subchildmenu{
        display: block;
    }

    .sw-megamenu.navigation li.level0>a>span.cat-label.cat-label-label1:before {
        border-top-color: #0cc485
    }

    .sw-megamenu.navigation li.level0>a>span.cat-label.cat-label-label2:before {
        border-top-color: #eb2771
    }

    .sw-megamenu.navigation li.level0>a>span.cat-label.cat-label-label3:before {
        border-top-color: #0ae3eb
    }

    .sw-megamenu.navigation li .subchildmenu li>a>span>span.cat-label {
        top: 3px;
        right: -35px
    }

    .sw-megamenu.navigation li .subchildmenu li>a>span>span.cat-label:before {
        left: -6px;
        bottom: 3px
    }

    .sw-megamenu.navigation li .subchildmenu li>a>span>span.cat-label.cat-label-label1:before {
        border-right-color: #0cc485
    }

    .sw-megamenu.navigation li .subchildmenu li>a>span>span.cat-label.cat-label-label2:before {
        border-right-color: #eb2771
    }

    .sw-megamenu.navigation li .subchildmenu li>a>span>span.cat-label.cat-label-label3:before {
        border-right-color: #0ae3eb
    }

    .sw-megamenu.navigation .subchildmenu.mega-columns>li {
        /*float: left;*/
        padding: 0 5px
    }

    .sw-megamenu.navigation .subchildmenu.mega-columns.columns1>li {
/*        float: none*/
    }

    .sw-megamenu.navigation .subchildmenu.mega-columns.columns2>li {
        /*width: 50%*/
    }

    .sw-megamenu.navigation .subchildmenu.mega-columns.columns2>li:nth-child(2n+1) {
        clear: both
    }
    .sw-megamenu.navigation .subchildmenu.mega-columns.columns3>li.parent ul.subchildmenu {
        display: none;
    }
    .sw-megamenu.navigation .subchildmenu.mega-columns.columns3>li:nth-child(3n+1) {
        clear: both
    }

    .sw-megamenu.navigation .subchildmenu.mega-columns.columns4>li {
        width: 100%;
    }

    .sw-megamenu.navigation .subchildmenu.mega-columns.columns4>li:nth-child(4n+1) {
        clear: both
    }

    .sw-megamenu.navigation .subchildmenu.mega-columns.columns5>li {
        width: 20%
    }

    .sw-megamenu.navigation .subchildmenu.mega-columns.columns5>li:nth-child(5n+1) {
        clear: both
    }

    .sw-megamenu.navigation .subchildmenu.mega-columns.columns6>li {
        width: 16.66%
    }

    .sw-megamenu.navigation .subchildmenu.mega-columns.columns6>li:nth-child(6n+1) {
        clear: both
    }

    .sw-megamenu.navigation li.level0 {
        margin: 0 0;
        transition-delay: 0s;
        transition: .2s opacity
    }

    .sw-megamenu.navigation li.level0.fl-left {
        float: left
    }

    .sw-megamenu.navigation li.level0.fl-right {
        float: right
    }

    .sw-megamenu.navigation li.level0.fl-right.staticwidth .submenu {
        left: auto;
        right: 0;
        border-radius: 0
    }

    .sw-megamenu.navigation li.level0 .submenu {
        display: block;
        visibility: hidden;
        opacity: 0;
        transition: .2s opacity;
        color: #777
    }

    .sw-megamenu.navigation li.level0 .submenu>ul {
        margin-top: 0
    }

    .sw-megamenu.navigation li.level0 .submenu>ul:before,
    .sw-megamenu.navigation li.level0 .submenu>ul:after {
        display: none
    }

    .sw-megamenu.navigation li.level0.parent>.submenu.popup-left {
        left: auto;
        right: 0;
        border-radius: 6px 0 6px 6px
    }

    .sw-megamenu.navigation li.level0 .row {
        /*margin-left: -5px;
        margin-right: -5px*/
    }

    .sw-megamenu.navigation li.level0.fullwidth {
        position: static
    }

    .sw-megamenu.navigation li.level0.fullwidth>.submenu {
        width: 100%
    }

    .sw-megamenu.navigation li.level0.fullwidth>.submenu,
    .sw-megamenu.navigation li.level0.staticwidth>.submenu {
        padding: 5px 8px 10px;
        left: 0;
        z-index: 2;
    }

    .sw-megamenu.navigation li.level0.fullwidth.opened-active>.submenu,
    .sw-megamenu.navigation li.level0.staticwidth.opened-active>.submenu {
        visibility: visible;
        opacity: 1
    }

    .sw-megamenu.navigation li.level0.fullwidth .submenu li.parent>a:after,
    .sw-megamenu.navigation li.level0.staticwidth .submenu li.parent>a:after {
        display: none
    }

    .sw-megamenu.navigation li.level0.fullwidth .submenu li.level1>a:hover,
    .sw-megamenu.navigation li.level0.staticwidth .submenu li.level1>a:hover{
        font-weight: 500;
    }
    .sw-megamenu.navigation li.level0.fullwidth .submenu li.level1 .subchildmenu .subchildmenu,
    .sw-megamenu.navigation li.level0.staticwidth .submenu li.level1 .subchildmenu .subchildmenu {
        padding-left: 10px
    }

    .sw-megamenu.navigation li.level0.fullwidth .submenu li.level1>.menu-thumb-img,
    .sw-megamenu.navigation li.level0.staticwidth .submenu li.level1>.menu-thumb-img {
        margin: 10px 0 -5px
    }

    .sw-megamenu.navigation li.level0.fullwidth .submenu .subchildmenu .subchildmenu,
    .sw-megamenu.navigation li.level0.staticwidth .submenu .subchildmenu .subchildmenu {
        padding: 5px 0
    }

    .sw-megamenu.navigation li.level0.fullwidth .submenu a:hover,
    .sw-megamenu.navigation li.level0.staticwidth .submenu a:hover {
        background: 0 0
    }

    .sw-megamenu.navigation li.level0.fullwidth .submenu a:hover>span,
    .sw-megamenu.navigation li.level0.staticwidth .submenu a:hover>span {
        text-decoration: none;
    }

    .sw-megamenu.navigation li.level0.fullwidth .submenu .menu-top-block a:hover,
    .sw-megamenu.navigation li.level0.staticwidth .submenu .menu-top-block a:hover,
    .sw-megamenu.navigation li.level0.fullwidth .submenu .menu-left-block a:hover,
    .sw-megamenu.navigation li.level0.staticwidth .submenu .menu-left-block a:hover,
    .sw-megamenu.navigation li.level0.fullwidth .submenu .menu-right-block a:hover,
    .sw-megamenu.navigation li.level0.staticwidth .submenu .menu-right-block a:hover,
    .sw-megamenu.navigation li.level0.fullwidth .submenu .menu-bottom-block a:hover,
    .sw-megamenu.navigation li.level0.staticwidth .submenu .menu-bottom-block a:hover {
        text-decoration: underline
    }

    .sw-megamenu.navigation li.level0.fullwidth .submenu .menu-top-block a.btn-default,
    .sw-megamenu.navigation li.level0.staticwidth .submenu .menu-top-block a.btn-default,
    .sw-megamenu.navigation li.level0.fullwidth .submenu .menu-left-block a.btn-default,
    .sw-megamenu.navigation li.level0.staticwidth .submenu .menu-left-block a.btn-default,
    .sw-megamenu.navigation li.level0.fullwidth .submenu .menu-right-block a.btn-default,
    .sw-megamenu.navigation li.level0.staticwidth .submenu .menu-right-block a.btn-default,
    .sw-megamenu.navigation li.level0.fullwidth .submenu .menu-bottom-block a.btn-default,
    .sw-megamenu.navigation li.level0.staticwidth .submenu .menu-bottom-block a.btn-default {
        background-color: #08c;
        color: #fff
    }

    .sw-megamenu.navigation li.level0.fullwidth .submenu .menu-top-block a.btn-default:hover,
    .sw-megamenu.navigation li.level0.staticwidth .submenu .menu-top-block a.btn-default:hover,
    .sw-megamenu.navigation li.level0.fullwidth .submenu .menu-left-block a.btn-default:hover,
    .sw-megamenu.navigation li.level0.staticwidth .submenu .menu-left-block a.btn-default:hover,
    .sw-megamenu.navigation li.level0.fullwidth .submenu .menu-right-block a.btn-default:hover,
    .sw-megamenu.navigation li.level0.staticwidth .submenu .menu-right-block a.btn-default:hover,
    .sw-megamenu.navigation li.level0.fullwidth .submenu .menu-bottom-block a.btn-default:hover,
    .sw-megamenu.navigation li.level0.staticwidth .submenu .menu-bottom-block a.btn-default:hover,
    .sw-megamenu.navigation li.level0.fullwidth .submenu .menu-top-block a.btn-default:focus,
    .sw-megamenu.navigation li.level0.staticwidth .submenu .menu-top-block a.btn-default:focus,
    .sw-megamenu.navigation li.level0.fullwidth .submenu .menu-left-block a.btn-default:focus,
    .sw-megamenu.navigation li.level0.staticwidth .submenu .menu-left-block a.btn-default:focus,
    .sw-megamenu.navigation li.level0.fullwidth .submenu .menu-right-block a.btn-default:focus,
    .sw-megamenu.navigation li.level0.staticwidth .submenu .menu-right-block a.btn-default:focus,
    .sw-megamenu.navigation li.level0.fullwidth .submenu .menu-bottom-block a.btn-default:focus,
    .sw-megamenu.navigation li.level0.staticwidth .submenu .menu-bottom-block a.btn-default:focus {
        background-color: #08c;
        color: #fff;
        text-decoration: none;
        opacity: .8
    }

    .sw-megamenu.navigation li.level0.classic .submenu>.row {
        margin: 0
    }

    .sw-megamenu.navigation li.level0.classic .subchildmenu {
        min-width: 230px
    }

    .sw-megamenu.navigation li.level0.classic .subchildmenu .subchildmenu {
        visibility: hidden;
        opacity: 0;
        transition: .2s opacity;
        padding: 6px 8px;
        box-shadow: 0 0 3px rgba(0, 0, 0, .25);
        border-radius: 0 6px 6px 6px;
        position: absolute;
        left: 0;
        top: -6px;
        background: #fff;
        z-index: 1
    }

    .sw-megamenu.navigation li.level0.classic .subchildmenu>li:hover>.subchildmenu {
        visibility: visible;
        opacity: 1
    }

    .sw-megamenu.navigation li.level0.classic li.parent>.subchildmenu.popup-left {
        left: auto;
        right: 100%;
        border-radius: 6px 0 6px 6px
    }

    .sw-megamenu.navigation li.level0.classic .subchildmenu.popup-left .subchildmenu {
        left: auto;
        right: 100%;
        border-radius: 6px 0 6px 6px
    }

    .sw-megamenu.navigation li.level0.classic:hover>.submenu {
        visibility: visible;
        opacity: 1
    }

    .sw-megamenu.navigation li.level0.classic li:hover>.submenu {
        visibility: visible;
        opacity: 1
    }

    .sw-megamenu.navigation li.level0.classic .submenu,
    .sw-megamenu.navigation li.level0.classic .subchildmenu .subchildmenu {
        left: 0
    }

    .sw-megamenu.navigation li.level0.staticwidth .submenu {
        left: 0
    }

    .sw-megamenu.navigation.side-megamenu li {
        margin: 0;
        position: relative
    }

    .sw-megamenu.navigation.side-megamenu li.level0 {
        display: block;
        position: relative;
        border-radius: 0;
        margin: 0
    }

    .sw-megamenu.navigation.side-megamenu li.level0.parent>a:after {
        content: '\f801';
        display: inline-block;
        font-family: porto-icons;
        vertical-align: top;
        margin-left: 6px;
        line-height: 41px;
        float: right
    }

    .sw-megamenu.navigation.side-megamenu li.level0.classic .submenu li.parent>a:after {
        content: '\f801';
        display: inline-block;
        font-family: porto-icons;
        vertical-align: top;
        margin-left: 6px;
        margin-right: 5px;
        line-height: 15px;
        float: right
    }

    .sw-megamenu.navigation.side-megamenu li.level0.fullwidth>.submenu,
    .sw-megamenu.navigation.side-megamenu li.level0.staticwidth>.submenu {
        left: 100% !important;
        top: 0;
        padding-bottom: 15px
    }

    .sw-megamenu.navigation.side-megamenu li.level0.classic>.submenu {
        left: 100% !important;
        top: 0
    }

    .sw-megamenu.navigation.side-megamenu li.level0.fullwidth>.submenu {
        width: 871px
    }
    .sw-megamenu.navigation.side-megamenu li.level0>a {
        display: block;
        padding: 0 5px;
        margin: 0 10px;
        border-top: 1px solid #ddd;
        line-height: 41px;
        font-weight: 400;
        font-size: 14px
    }

    .sw-megamenu.navigation.side-megamenu li.level0>a>span.cat-label {
        position: relative;
        margin-left: 10px;
        padding: 0 2px;
        top: 0;
        right: 0
    }

    .sw-megamenu.navigation.side-megamenu li.level0>a>span.cat-label:before {
        left: -6px;
        top: 3px;
        bottom: auto;
        border-top-color: transparent
    }

    .sw-megamenu.navigation.side-megamenu li.level0>a>span.cat-label.cat-label-label1:before {
        border-right-color: #0cc485
    }

    .sw-megamenu.navigation.side-megamenu li.level0>a>span.cat-label.cat-label-label2:before {
        border-right-color: #eb2771
    }

    .sw-megamenu.navigation.side-megamenu li.level0>a>span.cat-label.cat-label-label3:before {
        border-right-color: #0ae3eb
    }

    .sw-megamenu.navigation.side-megamenu li.level0:first-child>a {
        border-top: 0
    }

    .sw-megamenu.navigation.side-megamenu li.level0:hover {
        background-color: #08c
    }

    .sw-megamenu.navigation.side-megamenu li.level0:hover>a {
        color: #fff;
        border-top-color: #08c
    }

    .sw-megamenu.navigation.side-megamenu li.level0>.submenu {
        border-left-width: 5px;
        border-top-width: 0;
        padding: 5px 8px;
        box-shadow: 0 0 3px rgba(0, 0, 0, .25);
        border-radius: 0 6px 6px 6px
    }
    /*end */




    .navigation .level0.parent>.level-top {
        padding-right: 10px
    }

    .sw-megamenu.navigation li.level0.fullwidth>.submenu,
    .sw-megamenu.navigation li.level0.staticwidth>.submenu {
        padding: 15px;
        transition: 0.3s;
    }

    .sw-megamenu.navigation li.level0.fullwidth:hover>.submenu,
    .sw-megamenu.navigation li.level0.staticwidth:hover>.submenu {
        opacity: 1;
        visibility: visible;
        transition: 0.3s;
    }

    .navigation-wrapper .nav-minicart-outer .nav-sections .nav-sections-items .navigation {
        padding: 0 !important;
    }

    .navigation-wrapper .nav-minicart-outer .nav-sections .nav-sections-items .navigation>ul>li>a {
        padding: 16.5px 15px;
        font-size: 13px;
        line-height: normal;
        font-family: open sans, sans-serif;
        border-bottom: none;
        font-weight: 500;
    }

    .menu-left-block {
        text-align: left;
        padding: 0 60px;
    }

    .navigation .level0 .submenu .menu-left-block a {
        padding: 0
    }

    .sw-megamenu.navigation .subchildmenu.mega-columns>li {
        display: block;
        padding: 0 0 !important;
        position: relative
    }

    .sw-megamenu.navigation .subchildmenu.mega-columns>li.level1>.open-children-toggle {
        display: block;
        position: absolute;
        top: 10px;
        width: 20px;
        height: 20px;
        right: 10px;
        text-align: center;
        line-height: 20px;
        font-size: 20px;
        font-weight: 400
    }

    .sw-megamenu.navigation .subchildmenu.mega-columns>li.level1>a:first-letter {
        text-transform: capitalize
    }

    .sw-megamenu.navigation .subchildmenu.mega-columns>li.level1 .container>.row>a {
        display: none
    }

    .sw-megamenu.navigation .subchildmenu.mega-columns>li.level1 .container>.row .subchildmenu .level2 a {
        font-size: 14px;
        color: #281737;
        padding: 8px 0;
        text-transform: capitalize
    }

    .sw-megamenu.navigation .subchildmenu.mega-columns>li.level1 .container>.row .subchildmenu .level2 a:first-letter {
        text-transform: capitalize
    }

    .sw-megamenu.navigation .subchildmenu.mega-columns>li.level1 .container>.row .subchildmenu .level2 a:hover {
        color: #281737
    }

    .sw-megamenu.navigation .subchildmenu.mega-columns.columns4>li .container {
        padding: 0
    }

    .sw-megamenu.navigation .subchildmenu.mega-columns.columns4>li .container .row {
        display: block;
        margin: 0
    }

    .sw-megamenu.navigation li.level0 .submenu li.level1 .subchildmenu {
        padding: 0 !important
    }

    .sw-megamenu.navigation li.level0 .submenu li.level1 .subchildmenu .subchildmenu {
        padding: 0 !important
    }

    .sw-megamenu.navigation .subchildmenu.mega-columns>li .container {
        padding: 0 !important
    }

    .sw-megamenu.navigation .subchildmenu.mega-columns>li .container .row {
        margin: 0
    }

    .menu-top-block {
        margin-bottom: 10px
    }

    .top-images {
        padding: 10px 0 0 !important
    }

    .top-images .col-md-3 {
        padding-left: 15px
    }

    .top-images a {
        padding: 0;
        display: block
    }

    .top-images div {
        position: relative
    }

    .top-images div>a {
        display: block !important;
        padding: 0 !important
    }

    .top-images div img {
        width: 100%
    }

    .top-images div h3 {
        margin: 0;
        position: absolute;
        bottom: 10px;
        background: #fff;
        left: 30px
    }

    .top-images div h3:hover {
        background: #281737
    }

    .top-images div h3 a {
        font-size: 12px !important;
        display: block !important;
        font-weight: 400;
        text-transform: uppercase;
        padding: 10px !important
    }

    .top-images div h3:hover a {
        color: #fff !important
    }
    .sw-megamenu.navigation li.level0.fullwidth>.submenu {
        padding: 15px 0 20px !important
    }

    .top-images div .small-img:first-child {
        margin-bottom: 12px
    }

    .level0.submenu>.container {
        padding: 0
    }

/*    .sw-megamenu.navigation li.level0 .row {
        justify-content: center;
    }*/

    .sw-megamenu.navigation li.level0.fullwidth:nth-child(7)>.submenu ul.subchildmenu {
        max-height: 477px;
        display: flex;
        flex-flow: column wrap
    }

    .top-images h2 {
        margin-bottom: 20px;
        font-size: 16px;
        text-transform: capitalize;
        color: #000;
        padding-left: 15px;
        font-weight: 700
    }
}
@media(min-width:1400px) {
    .sw-megamenu.navigation li.level0>.level-top {
        font-size: 16px;
    }
}


@media(max-width:1023px) {
    .mobile-logo span.action.nav-toggle {
        display: none;
        background: url(../images/menu-toggle.png) no-repeat center center;
        background-size: 25px auto
    }

    .sw-megamenu.navigation li.ui-menu-item>a,
    .nav-sections .navigation li.level0 .level-top,
    .nav-sections .navigation .level0.left-menu .level-top,
    .nav-sections .navigation .subchildmenu li.ui-menu-item a {
        padding: 18px 40px 18px 20px !important;
    }

    .page-header .sw-megamenu.navigation li.level0.classic .submenu{
        position: absolute;
        right: 0;
        top: 60px !important;
        width: 100%;
        height: 100%;
        padding: 0 !important;
        background: #fff !important;
        color: #1e1e1e;
        z-index: 100;
        overflow-y: scroll;
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%);
        -o-transition: -o-transform .5s ease;
        transition: -webkit-transform .5s ease;
        transition: transform .5s ease;
        text-align: center;
        border-top: 0;
        overflow: hidden;
        max-height: inherit;
        min-height: auto;
    }

    .sw-megamenu .level0 .row {
        display: block;
        margin: 0px !important;
    }

    /*.navigation .submenu ul > li.level2 .open-children-toggle{ display: none; }
    .navigation .submenu ul > li.level2 .container{ display: none !important; }*/    

    .sw-megamenu.navigation .menu-left-block {
        display: none
    }

    .nav-toggle:before {
        color: #fff;
        display: none
    }

    .nav-sections {
        -webkit-overflow-scrolling: touch;
        -webkit-transition: left .3s;
        -moz-transition: left .3s;
        -ms-transition: left .3s;
        transition: left .3s;
        height: 100% !important;
        left: -100% !important;
        overflow: auto;
        position: fixed;
        top: 0 !important;
        width: 100% !important;
        max-width: 300px
    }

    .nav-sections-items div:nth-of-type(5) {
        display: none
    }

    .page-header.fixed-header .nav-sections {
        top: 0 !important
    }

    .nav-sections-item-content {
        padding: 0 !important
    }

    .nav-sections .navigation .level0.first {
        padding-left: 0;
        background: 0 0
    }

    .nav-sections .navigation .level0.left-menu {
        float: none
    }

    .navigation li.level0.fullwidth .submenu,
    .navigation li.level0 li.level1>.container {
        position: absolute;
        right: 0;
        top: 60px !important;
        width: 100%;
        height: 100%;
        padding: 0 !important;
        background: #fff !important;
        color: #1e1e1e;
        z-index: 100;
        overflow-y: scroll;
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%);
        -o-transition: -o-transform .5s ease;
        transition: -webkit-transform .5s ease;
        transition: transform .5s ease;
        text-align: center;
        border-top: 0;
        max-height: inherit;
        min-height: 84vh
    }

    .navigation li.level0 li.level1>.container {
        top: 0 !important
    }

    header.page-header .nav-sections {
        border-right: 1px solid #e4e4e4
    }

    .navigation li.level0.fullwidth .submenu.opened,
    .navigation li.level0 li.level1>.container.opened {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0)
    }

    .sw-megamenu.navigation li.active-parent {
        position: static !important
    }

    .navigation li.level0 .subchildmenu {
        padding-left: 0;
        text-align: left
    }

    .navigation .back {
        font-size: 17px;
        margin-bottom: 10px;
        text-align: left;
        margin-left: -9px
    }

    .navigation .submenu .back:after {
        content: "\f855";
        right: 0;
        font-size: 13px;
        color: #000;
        display: inline-block;
        font-family: porto-icons;
        margin-left: 20px
    }

    .navigation .submenu.opened .back:before {
        content: "\f855";
        right: 0;
        font-size: 13px;
        color: #000;
        display: inline-block;
        font-family: porto-icons;
        margin-right: 10px
    }

    .navigation .submenu:not(:first-child) ul>li.level2 {
        padding: 2px 0
    }

    .navigation .submenu:not(:first-child) ul>li.level2 a {
        font-size: 15px;
        font-weight: 500;
        text-transform: capitalize;
        color: #000;
        letter-spacing: 0;
        padding: 18px 40px 18px 0;
        text-align: left
    }

    .navigation .submenu:not(:first-child) ul>li.level2:last-child {
        border-bottom: none;
        padding-bottom: 5px
    }

    .navigation .submenu.opened .back:after {
        display: none
    }

    .navigation li.level0 li.level1 .open-children-toggle {
        width: 30px;
        height: 30px;
        text-align: right;
        cursor: pointer;
        top: auto;
        margin-top: 15px;
        left: 86%;
        top: auto;
        right: 0;
        left: 0;
        margin-top: 16px;
        width: 100% !important;
        padding-right: 30px
    }

    .navigation li.level0 li.level1 .open-children-toggle::before {
        position: absolute;
        right: 15px !important;
        top: -1px !important;
        color: #000000;
        opacity: .25;
        margin-top: 15px;
        left: auto;
        background: transparent;
        width: 23px;
        height: 30px;
        font-size: 23px;
        font-weight: 600;
        opacity: 1;
        content: "\2b";
        font-family: "Font Awesome 6 Free";
    }

    .navigation li.level0 li.level1.active-parent .open-children-toggle::before {
        content: "\f105";
        font-size: 12px;
        font-weight: 700;
        font: normal normal normal 14px/1 FontAwesome
    }

    .sw-megamenu.navigation li.ui-menu-item>.open-children-toggle {
        top: auto;
        right: 0;
        left: 230px;
/*        left: 0;*/
        margin-top: 0;
/*        width: auto;*/
        width: 20%;
        position: absolute;
        display: block;
        height: 63px;
        z-index: 99
    }

    .navigation .parent .level-top:after {
        position: absolute;
        right: 15px !important;
        top: -1px !important;
        color: #000000;
        opacity: .25;
        margin-top: 15px;
        left: auto;
        background: transparent;
        width: 23px;
        height: 30px;
        font-size: 23px;
        font-weight: 600;
        opacity: 1;
        content: "\2b";
        font-family: "Font Awesome 6 Free";
    }

    .nav-sections.menu-open2.menu-open1,
    .nav-sections.menu-open2 {
        left: 0 !important;
        z-index: 9999;
        overflow-x: hidden
    }

    .level0.active-parent>.open-children-toggle {
        position: absolute !important;
        top: 0 !important;
        z-index: 999 !important;
        width: 100% !important;
        left: 0 !important;
        right: 54px !important;
        padding-left: 24px;
        background: #264653;
        padding-top: 20px;
        height: 60px !important;
        margin-top: 0 !important
    }

    .level0.active-parent>.open-children-toggle::before {
        content: "";
        font-family: FontAwesome;
        display: inline-block;
        color: #fff;
        font-size: 0;
        background: url(../images/icon-arrow-right-white.svg) no-repeat center center;
        background-size: 9px auto;
        width: 15px;
        height: 15px
    }

    .hide-back {
        display: none
    }

    .navigation li.level0 .ui-menu-item>a:before {
        vertical-align: inherit;
        color: #000;
        display: none
    }

    .sw-megamenu.navigation .submenu.level0.opened .container {
        max-width: inherit;
        padding: 0
    }

    .sw-megamenu.navigation .submenu.level0.opened .container .row .subchildmenu {
        padding: 0
    }

    .navigation .submenu:not(:first-child) ul>li a {
        color: #000
    }

    .navigation .ui-menu-item.level0.active-level1>.open-children-toggle {
        display: none
    }

    .navigation .ui-menu-item.level0.active-level1 .subchildmenu .ui-menu-item.level1.active-parent>.open-children-toggle {
        position: fixed !important;
        top: 0 !important;
        z-index: 999 !important;
        width: auto !important;
        left: 0 !important;
        right: 0 !important;
        padding-left: 24px;
        background: #264653;
        padding-top: 20px;
        text-align: left;
        height: 60px !important;
        margin-top: 0 !important
    }

    .navigation .ui-menu-item.level0.active-level1 .subchildmenu .ui-menu-item.level1.active-parent>.open-children-toggle::before {
        content: "\f104";
        font-family: FontAwesome;
        display: inline-block;
        color: #fff;
        font-size: 0 !important;
        float: left;
        opacity: 1;
        margin-top: 3px;
        width: auto;
        background: url(../images/icon-arrow-right-white.svg) no-repeat center center;
        background-size: 9px auto;
        width: 15px;
        height: 15px
    }

    .sw-megamenu.navigation li.ui-menu-item>.open-children-toggle>span {
        color: #fff;
        font-size: 15px;
        font-weight: 500;
        padding-left: 20px;
        display: none
    }

    .nav-sections .navigation li.ui-menu-item.active-parent>.open-children-toggle>span {
        display: inline-block
    }

    .sw-megamenu.navigation .submenu.level0.opened .container>.row>a {
        border-bottom: 1px solid #d1d1d1
    }

    .navigation .ui-menu-item.level0.active-level1 .level0.submenu.opened {
        top: 0 !important
    }

    .navigation li.level0 li.level1>.container.opened {
        padding-top: 68px !important
    }

    .nav-sections-item-content .dropdown-menu {
        list-style: none;
        padding-left: 0
    }

    .nav-sections-item-content .dropdown-menu .switcher-option {
        margin-bottom: 0
    }

    .nav-sections-item-content .dropdown-menu .switcher-option a {
        color: #000;
        display: block;
        border-bottom: 1px solid #d1d1d1;
        font-size: 18px;
        font-weight: 500;
        text-transform: capitalize;
        color: #000;
        letter-spacing: 0;
        padding: 18px 40px 18px 20px
    }

    .nav-sections-item-content .dropdown-menu .switcher-option a img {
        display: inline-block;
        margin-right: 15px;
        vertical-align: middle;
        max-width: 22px
    }

    .switcher-language .switcher-toggle {
        border: 0;
        border-bottom: 1px solid #d1d1d1;
        border-radius: 2px;
        padding: 5px;
        width: 100%;
        max-width: 100%;
        box-shadow: none;
        position: relative;
        background: #fff;
        text-align: left;
        padding-left: 30px;
        margin-bottom: 0;
        font-size: 18px;
        font-weight: 500;
        text-transform: capitalize;
        color: #000;
        letter-spacing: 0;
        padding: 18px 40px 18px 20px;
        font-family: roboto, sans-serif
    }

    .switcher-language .switcher-toggle img {
        margin-right: 10px;
        vertical-align: middle;
        max-width: 22px;
        display: inline-block
    }

    .switcher-language .switcher-toggle .fa-angle-down {
        display: none
    }

    body.active-toggle header:after {
        background: rgba(0, 0, 0, .82);
        content: '';
        display: block;
        height: 100%;
        position: fixed;
        right: 0;
        top: 0;
        width: 100%;
        z-index: 99
    }

    body.active-toggle header:before {
        content: '';
        width: 20px;
        height: 20px;
        position: fixed;
        right: 15px;
        top: 22px;
        color: #fff;
        z-index: 9999;
        font-size: 24px;
        background: url(../images/icon-close-white.svg) no-repeat center center;
        background-size: 16px auto
    }

    .switcher-dropdown li a {
        color: #000
    }

    .nav-sections-item-title {
        border: 1px solid #264653 !important;
        width: 50% !important;
        height: 60px;
        padding: 0;
        line-height: 60px;
        background: #fff
    }

    .nav-sections-item-title a {
        font-size: 14px;
        text-transform: uppercase;
        color: #264653
    }

    .nav-sections-item-title.active a {
        /*color: #fff*/
    }

    .sw-megamenu.navigation li.ui-menu-item>a,
    .nav-sections .navigation li.level0 .level-top,
    .nav-sections .navigation .level0.left-menu .level-top,
    .nav-sections .navigation .subchildmenu li.ui-menu-item a {
        text-align: left;
        line-height: 20px;
        font-size: 18px;
        font-weight: 700;
        color: #333;
        display: block;
        text-decoration: none;
        font-family: "Raleway",serif;
        letter-spacing: .4px;
    }

    .sw-megamenu {
        margin: 0;
        padding: 0 !important
    }

    .sw-megamenu.navigation .subchildmenu.mega-columns.columns4>li {
        width: 100% !important
    }

    .navigation li.level0 .subchildmenu .level1 .open-children-toggle+a {
        font-size: 15px !important;
        font-weight: 500 !important;
        text-transform: capitalize !important;
        color: #000 !important;
        letter-spacing: 0 !important;
        padding: 18px 40px 18px 20px !important;
        text-align: left !important
    }

    .sw-megamenu .level0 .row {
        display: block;
        margin: 0 !important
    }

    .navigation .submenu ul>li.level2 .open-children-toggle {
        display: none
    }

    .navigation .submenu ul>li.level2 .container {
        display: none !important
    }

    .header.content .header-logo .header-review img.mob-img {
        display: none;
    }
}
@media(max-width:767px) {
    .nav-sections {
        top: 0 !important
    }

    .nav-sections .header.links li.greet.welcome {
        border-top: 0;
        padding: 4px 15px;
    }
    .block-search{
        margin-top: 0;
    }
    .minicart-wrapper{
        margin-top: 0;
    }
}
@media(max-width:568px) {
    .header.content .header-logo .header-review{
        margin-left: auto;
    }
    .header.content .header-logo .logo{
        left: 0;
    }
    .header-link-account{
        display: block;
    }
}