.cd-dropdown-wrapper {
    display: none;
}

/* DESKTOP NAV -- DESKTOP NAV -- DESKTOP NAV -- DESKTOP NAV -- DESKTOP NAV -- DESKTOP NAV -- DESKTOP NAV */
@media screen and (min-width: 1025px) {

    .cd-dropdown-wrapper {
        display: block;
        max-width: 90%;
        letter-spacing: 0.04em;
        /* font-family: 'Montserrat'; */
    }

    .cd-dropdown-wrapper .cd-dropdown {
        display: flex;
        height: 100%;
    }

    .cd-dropdown-wrapper .cd-dropdown h2 {
        display: none;
    }

    .cd-dropdown-wrapper .cd-dropdown .cd-close {
        display: none;
    }

    .cd-dropdown-wrapper .cd-dropdown .cd-dropdown-content {
        display: flex;
        align-items: stretch;
        justify-content: flex-start;
        height: 100%;
        text-align: left;
    }

    .cd-dropdown-wrapper .cd-dropdown .cd-dropdown-content > li {
        display: block;

    }

    .cd-dropdown-wrapper .cd-dropdown .cd-dropdown-content > li.spec,
    .homepage .cd-dropdown-wrapper .cd-dropdown .cd-dropdown-content > li.home {
        display: none;
    }


    .cd-dropdown-wrapper .cd-dropdown .cd-dropdown-content > li.home {
        display: none;
    }

    /*
    .cd-dropdown-wrapper .cd-dropdown .cd-dropdown-content > li.spec.sales {
      display: block;
    }
    */
    .cd-dropdown-wrapper .cd-dropdown .cd-dropdown-content {
        margin-left: calc(-3px - 0.5vw);
    }

    .cd-dropdown-wrapper .cd-dropdown .cd-dropdown-content > li > a {
        position: relative;
        display: flex;
        align-items: center;
        height: 100%;
        padding: 0;
        padding-left: calc(2px + 0.8vw);
        padding-right: calc(2px + 0.8vw);
        padding: 0;
        margin-left: 20px;
        margin-right: 20px;
        font-size: calc(11px + 0.1vw);
        font-size: 13px;
        font-size: calc(14px + 0.02vw);
        color: #000;
        color: #fff;
        font-weight: 500;
        letter-spacing: 0.08em;
        transition: all 0.3s ease-in-out;
        text-transform: uppercase;
    }

     .cd-dropdown-wrapper .cd-dropdown .cd-dropdown-content > li > a::before  {
        content: '';
        border-left: 30px solid transparent;
        border-top: 0 solid transparent;
        border-bottom: 60px solid transparent;
        position: absolute;
        top: 0;
        right: -30px;
        transition: all 0.3s ease-in-out;
     }

     .homepage .cd-dropdown-wrapper .cd-dropdown .cd-dropdown-content > li > a::before  {
     	border-bottom: 81px solid transparent;
     }

     .cd-dropdown-wrapper .cd-dropdown .cd-dropdown-content > li > a::after  {
        content: '';
        border-right: 30px solid transparent;
        border-bottom: 0 solid transparent;
        border-top: 60px solid transparent;
        position: absolute;
        top: 0;
        left:-30px;
        transition: all 0.3s ease-in-out;
     }

     .homepage .cd-dropdown-wrapper .cd-dropdown .cd-dropdown-content > li > a::after  {
     	border-top: 81px solid transparent;
     }





    /*.cd-dropdown-wrapper:hover .cd-dropdown .cd-dropdown-content > li > a {
        color: rgba(255, 255, 255, 0.7);
    } */

    .cd-dropdown-wrapper .cd-dropdown .cd-dropdown-content > li.home > a {
        font-size: 0;
        color: #888;
    }

    /*.cd-dropdown-wrapper .cd-dropdown .cd-dropdown-content > li.home > a::before {
        font-family: 'fontawesome';
        content: '\f015';
        font-size: calc(11px + 0.3vw);
        font-weight: normal;
    }*/

    /* .cd-dropdown-wrapper:hover .cd-dropdown .cd-dropdown-content > li:hover > a, */
    .cd-dropdown-wrapper .cd-dropdown .cd-dropdown-content > li:hover > a,
    .cd-dropdown-wrapper .cd-dropdown .cd-dropdown-content > li > a:hover {
        color: #ed1c24;
        background: rgba(0, 0, 0, 0.05);
        background: transparent;
        background: #00b19a;
        background: #01c4a6;
        background: #fafafa;
        color: #10243f;
        transition: all 0.3s ease-in-out 0s;
    }

    .cd-dropdown-wrapper .cd-dropdown .cd-dropdown-content > li:hover > a::before,
    .cd-dropdown-wrapper .cd-dropdown .cd-dropdown-content > li > a:hover:before {
        border-left: 30px solid #fafafa;
    }
    .cd-dropdown-wrapper .cd-dropdown .cd-dropdown-content > li:hover > a::after,
    .cd-dropdown-wrapper .cd-dropdown .cd-dropdown-content > li > a:hover::after {
        border-right: 30px solid #fafafa;
    }

    /*
    .cd-dropdown-wrapper .cd-dropdown .cd-dropdown-content > li > a::before {
        content: '';
        position: absolute;
        top: 0px;
        left: 50%;
        width: 0;
        height: 2px;
        transform: translateX(-50%);
        transition: all 0.4s ease 0s;
        border-radius: 0 5px 5px 0;
        z-index: 1;
        background: rgba(0, 0, 0, 0.4);

    }

    .cd-dropdown-wrapper .cd-dropdown .cd-dropdown-content > li:hover > a::before {
        width: 100%;
    }

    .cd-dropdown-wrapper .cd-dropdown .cd-dropdown-content > li.current > a::after {
        content: '';
        position: absolute;
        bottom: 10px;
        left: 50%;
        transform: translateX(-50%);
        width: 5px;
        height: 5px;
        border-radius: 50px;
        background: #fff;
    }*/

    /* Level 2 */
    .cd-dropdown-wrapper .cd-dropdown .cd-dropdown-content > li > ul {
        position: absolute;
        top: -1px;
        left: 50%;
        width: 100vw;
        opacity: 0;
        visibility: hidden;
        background: #e5e5e5;
        padding-left: calc(10px + 2vw);
        padding-right: calc(10px + 2vw);
        padding-top: calc(10px + 1.5vw);
        padding-bottom: 20px;
        box-shadow: 0 55px 50px rgba(0, 0, 0, 0.1);
        background: #fff;
        background: #00ac9a;
        background: #111;
        background: #007664;
        background: #00b19a;
        background: #fafafa;
        z-index: 9;
        /* border-top: 1px solid rgba(0, 0, 0, 0.1); */
        display: flex;
        justify-content: center;

        /*
        -webkit-column-count: 4;
        -moz-column-count: 4;
        column-count: 4;
        -webkit-column-gap: 1em;
        -moz-column-gap: 1em;
        column-gap: 1em;*/
        transition: all 0.2s ease-in-out 0.3s;
    }

    .cd-dropdown-wrapper .cd-dropdown .cd-dropdown-content > li:hover > ul {
        opacity: 1;
        visibility: visible;
        z-index: 9999;
        transition: all 0.1s ease-in-out 0.2s;
    }


    .cd-dropdown-wrapper .cd-dropdown .cd-dropdown-content > li > ul > li {
        display: inline-block;
        min-width: 200px;
        max-width: 33.33%;
        padding: 3px 15px 10px 15px;
        opacity: 0;
    }

    .cd-dropdown-wrapper .cd-dropdown .cd-dropdown-content > li:hover > ul > li {
        opacity: 1;
    }


    .cd-dropdown-wrapper .cd-dropdown .cd-dropdown-content > li > ul > li > a {
        position: relative;
        display: block;
        padding: 3px 0 6px 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.15);
        font-size: 15px;
        color: #10243f;
        font-weight: 600;
        transition: all 0.3s ease-in-out;
    }

    .cd-dropdown-wrapper .cd-dropdown .cd-dropdown-content > li > ul > li.current2 > a::after {
        content: '';
        position: absolute;
        top: 50%;
        left: -10px;
        transform: translateY(-50%);
        width: 5px;
        height: 5px;
        border-radius: 50px;
        background: #16d79a;
    }

    .cd-dropdown-wrapper .cd-dropdown .cd-dropdown-content > li > ul > li > a:hover,
    .cd-dropdown-wrapper .cd-dropdown .cd-dropdown-content > li > ul > li:hover > a {
        color: #000;
    }


    .cd-dropdown-wrapper .cd-dropdown .cd-dropdown-content > li.brands-box > ul > li > a {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
    }

    .cd-dropdown-wrapper .cd-dropdown .cd-dropdown-content > li.brands-box > ul {
    	display: flex;
    	flex-wrap: wrap;
    	justify-content: flex-start;
    }

    .cd-dropdown-wrapper .cd-dropdown .cd-dropdown-content > li.brands-box > ul > li > a img {
        width: 110px;
        transition: all 0.3s ease-in-out;
    }

    .cd-dropdown-wrapper .cd-dropdown .cd-dropdown-content > li.brands-box > ul > li > a:hover img {
        transform: scale(0.95);
    }

    .cd-dropdown-wrapper .cd-dropdown .cd-dropdown-content > li > ul > li > a::before {
        content: '';
        position: absolute;
        bottom: -1px;
        left: 50%;
        width: 0;
        height: 1px;
        background: rgba(0, 0, 0, 0.7);
        transform: translateX(-50%);
        transform: translateX(-50%);
        transition: all 0.4s ease 0s;
        border-radius: 0 5px 5px 0;
    }

    .cd-dropdown-wrapper .cd-dropdown .cd-dropdown-content > li > ul > li:hover > a::before {
        width: 100%;
    }


    /* LEVEL 3 */
    .cd-dropdown-wrapper .cd-dropdown .cd-dropdown-content > li > ul > li > ul {
        padding: 5px 0 15px 0;
    }

    .cd-dropdown-wrapper .cd-dropdown .cd-dropdown-content > li > ul > li > ul > li {
        padding: 2px 0;
    }

    .cd-dropdown-wrapper .cd-dropdown .cd-dropdown-content > li > ul > li > ul > li > a {
        position: relative;
        display: block;
        padding: 5px 0 3px 0;
        color: #10243f;
        font-size: 13px;
        font-weight: 400;
        transition: all 0.3s ease 0s;
    }

    .cd-dropdown-wrapper .cd-dropdown .cd-dropdown-content > li > ul > li > ul > li.current2 a {
        color: #000;
    }

    .cd-dropdown-wrapper .cd-dropdown .cd-dropdown-content > li > ul > li > ul > li.current2 > a::after {
        content: '';
        position: absolute;
        top: 50%;
        left: -8px;
        transform: translateY(-50%);
        width: 4px;
        height: 4px;
        border-radius: 50px;
        background: #16d79a;
    }

    .cd-dropdown-wrapper .cd-dropdown .cd-dropdown-content > li > ul > li > ul > li > a:hover {
        color: #000;
    }

    .cd-dropdown-wrapper .cd-dropdown .cd-dropdown-content .count,
    .cd-dropdown-wrapper .cd-dropdown .cd-dropdown-content .go-back,
    .cd-dropdown-wrapper .cd-dropdown .cd-dropdown-content .see-all {
        display: none;
    }
}


/* MOBILE NAV -- MOBILE NAV -- MOBILE NAV -- MOBILE NAV -- MOBILE NAV -- MOBILE NAV -- MOBILE NAV */
@media screen and (max-width: 1024px) {
    .cd-dropdown-wrapper {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 999;
        display: block;
    }

    .cd-dropdown-trigger {
        position: relative;
        display: none;

    }

    .cd-dropdown-trigger span {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateY(-50%) translateX(-50%);
        display: block;
        width: 25px;
        max-width: 25px;
        height: 2px;
        background: #000;
        transition: all 0.3s ease 0s;
    }

    .cd-dropdown-trigger span:nth-of-type(1) {
        margin-top: -8px;
    }

    .cd-dropdown-trigger span:nth-of-type(3) {
        margin-top: 8px;
    }

    .mobile-navigation .cd-dropdown h2,
    .mobile-navigation .cd-dropdown-content a,
    .mobile-navigation .cd-dropdown-content ul a {
        height: 50px;
        line-height: 50px;
    }

    .mobile-navigation .cd-dropdown h2,
    .mobile-navigation .cd-dropdown-content a,
    .mobile-navigation .cd-dropdown-content ul a,
    .mobile-navigation .cd-dropdown-content .cd-divider {
        padding: 0 20px;
    }

    .mobile-navigation .cd-dropdown {
        position: fixed;
        top: 0;
        left: 0;
        width: calc(100vw - 60px);
        max-width: calc(320px - 60px);
        height: 100%;
        background-color: #fff;
        color: #111;
        visibility: hidden;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        -ms-transform: translateZ(0);
        -o-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%);
        -webkit-transition: -webkit-transform 0.5s 0s, visibility 0s 0.5s;
        -moz-transition: -moz-transform 0.5s 0s, visibility 0s 0.5s;
        transition: transform 0.5s 0s, visibility 0s 0.5s;
        box-shadow: -70px 0 60px rgba(0, 0, 0, 0.6);
    }

    .mobile-navigation .cd-dropdown h2 {
        position: relative;
        z-index: 1;
        color: #999;
    }

    /* Button zamykania menu */
    .mobile-navigation .cd-close {
        position: absolute;
        top: 0;
        right: -60px;
        display: block;
        width: 60px;
        height: 200px;
        color: #fff;
        background: #000;
        font-size: 0;
        font-weight: 400;
        transition: all 0.5s ease-in-out 0.4s;
        transform: translateY(-120%);
        z-index: 9;
    }

    .mobile-navigation .cd-close::before {
        content: '\f060';
        font-family: 'fontawesome';
        position: absolute;
        top: 50%;
        left: 50%;
        display: block;
        font-size: 18px;
        font-weight: normal;
        transform: translateX(-50%) translateY(-50%);
    }

    .nav-open .mobile-navigation .cd-close {
        transform: translateY(0);
        transition: all 0.5s ease-in-out 0.4s;
    }

    .mobile-navigation .cd-dropdown.dropdown-is-active {
        visibility: visible;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
        -webkit-transition: -webkit-transform 0.5s 0s, visibility 0s 0s;
        -moz-transition: -moz-transform 0.5s 0s, visibility 0s 0s;
        transition: transform 0.5s 0s, visibility 0s 0s;
        box-shadow: 0 0 60px rgba(0, 0, 0, 0.6);
    }

    .mobile-navigation .cd-dropdown-content,
    .mobile-navigation .cd-dropdown-content ul {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        overflow-x: hidden;
        overflow-y: auto;
        -webkit-transition: -webkit-transform 0.3s;
        -moz-transition: -moz-transform 0.3s;
        transition: transform 0.3s;
        text-align: left;
    }

    .mobile-navigation .cd-dropdown-content li.has-children a {
        /*pointer-events: none;*/
    }

    .mobile-navigation .cd-dropdown-content a,
    .mobile-navigation .cd-dropdown-content ul a {
        display: block;
        color: #000;
        padding-left: 25px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        border-top-width: 1px;
        border-color: rgba(0, 0, 0, 0.15);
        border-style: solid;
        font-size: calc(13px);
        font-weight: 500;
    }

    .mobile-navigation .cd-dropdown-content li:first-of-type > a,
    .mobile-navigation .cd-dropdown-content ul li:first-of-type > a {
        border-top-width: 0;
    }

    .mobile-navigation .cd-dropdown-content li:last-of-type > a,
    .mobile-navigation .cd-dropdown-content ul li:last-of-type > a {
        border-bottom-width: 1px;
    }

    .mobile-navigation .cd-dropdown-content .cd-divider,
    .mobile-navigation .cd-dropdown-content ul .cd-divider {
        padding-top: 10px;
        padding-bottom: 10px;
        background-color: #0b0e23;
        font-size: 1.1rem;
        font-weight: bold;
        letter-spacing: 1px;
        color: #585a70;
        text-transform: uppercase;
    }

    .mobile-navigation .cd-dropdown-content .cd-divider + li > a,
    .mobile-navigation .cd-dropdown-content ul .cd-divider + li > a {
        border-top-width: 0;
    }

    .mobile-navigation .cd-dropdown-content a,
    .mobile-navigation .cd-dropdown-content .cd-search,
    .mobile-navigation .cd-dropdown-content .cd-divider,
    .mobile-navigation .cd-dropdown-content ul a,
    .mobile-navigation .cd-dropdown-content ul .cd-search,
    .mobile-navigation .cd-dropdown-content ul .cd-divider {
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        -ms-transform: translateZ(0);
        -o-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
        -moz-transition: opacity 0.3s, -moz-transform 0.3s;
        transition: opacity 0.3s, transform 0.3s;
    }

    .mobile-navigation .cd-dropdown-content.is-hidden,
    .mobile-navigation .cd-dropdown-content ul.is-hidden {
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%);
    }

    .mobile-navigation .cd-dropdown-content.is-hidden > li > a,
    .mobile-navigation .cd-dropdown-content.is-hidden > li > .cd-search,
    .mobile-navigation .cd-dropdown-content.is-hidden > .cd-divider,
    .mobile-navigation .cd-dropdown-content.move-out > li > a,
    .mobile-navigation .cd-dropdown-content.move-out > li > .cd-search,
    .mobile-navigation .cd-dropdown-content.move-out > .cd-divider,
    .mobile-navigation .cd-dropdown-content ul.is-hidden > li > a,
    .mobile-navigation .cd-dropdown-content ul.is-hidden > li > .cd-search,
    .mobile-navigation .cd-dropdown-content ul.is-hidden > .cd-divider,
    .mobile-navigation .cd-dropdown-content ul.move-out > li > a,
    .mobile-navigation .cd-dropdown-content ul.move-out > li > .cd-search,
    .mobile-navigation .cd-dropdown-content ul.move-out > .cd-divider {
        opacity: 0;
    }

    .mobile-navigation .cd-dropdown-content.move-out > li > a,
    .mobile-navigation .cd-dropdown-content.move-out > li > .cd-search,
    .mobile-navigation .cd-dropdown-content.move-out > .cd-divider,
    .mobile-navigation .cd-dropdown-content ul.move-out > li > a,
    .mobile-navigation .cd-dropdown-content ul.move-out > li > .cd-search,
    .mobile-navigation .cd-dropdown-content ul.move-out > .cd-divider {
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%);
    }

    .dropdown-is-active .mobile-navigation .cd-dropdown-content,
    .dropdown-is-active .mobile-navigation .cd-dropdown-content ul {
        -webkit-overflow-scrolling: touch;
    }

    .mobile-navigation .cd-dropdown-content .see-all a {
        color: #3f8654;
        font-weight: 600;
        padding-left: 15px;
    }

    @-webkit-keyframes cd-fade-in {
        0% {
            opacity: 0;
            visibility: visible;
        }
        100% {
            opacity: 1;
            visibility: visible;
        }
    }
    @-moz-keyframes cd-fade-in {
        0% {
            opacity: 0;
            visibility: visible;
        }
        100% {
            opacity: 1;
            visibility: visible;
        }
    }
    @keyframes cd-fade-in {
        0% {
            opacity: 0;
            visibility: visible;
        }
        100% {
            opacity: 1;
            visibility: visible;
        }
    }
    @-webkit-keyframes cd-fade-out {
        0% {
            opacity: 1;
            visibility: visible;
        }
        100% {
            opacity: 0;
            visibility: visible;
        }
    }
    @-moz-keyframes cd-fade-out {
        0% {
            opacity: 1;
            visibility: visible;
        }
        100% {
            opacity: 0;
            visibility: visible;
        }
    }
    @keyframes cd-fade-out {
        0% {
            opacity: 1;
            visibility: visible;
        }
        100% {
            opacity: 0;
            visibility: visible;
        }
    }
    .mobile-navigation .cd-search input[type="search"] {
        width: 100%;
        height: 50px;
        padding: 0 20px;
        -webkit-appearance: none;
        -moz-appearance: none;
        -ms-appearance: none;
        -o-appearance: none;
        appearance: none;
        background-color: #242643;
        color: #fff;
        border: none;
        border-radius: 0;
    }

    .mobile-navigation .cd-search input[type="search"]::-webkit-input-placeholder {
        color: #fff;
    }

    .mobile-navigation .cd-search input[type="search"]::-moz-placeholder {
        color: #fff;
    }

    .mobile-navigation .cd-search input[type="search"]:-moz-placeholder {
        color: #fff;
    }

    .mobile-navigation .cd-search input[type="search"]:-ms-input-placeholder {
        color: #fff;
    }

    .mobile-navigation .cd-search input[type="search"]:focus {
        background: #fff;
        color: #111433;
        outline: none;
    }

    .mobile-navigation .cd-search input[type="search"]:focus::-webkit-input-placeholder {
        color: rgba(17, 20, 51, 0.4);
    }

    .mobile-navigation .cd-search input[type="search"]:focus::-moz-placeholder {
        color: rgba(17, 20, 51, 0.4);
    }

    .mobile-navigation .cd-search input[type="search"]:focus:-moz-placeholder {
        color: rgba(17, 20, 51, 0.4);
    }

    .mobile-navigation .cd-search input[type="search"]:focus:-ms-input-placeholder {
        color: rgba(17, 20, 51, 0.4);
    }

    .mobile-navigation .has-children > a, .go-back a {
        position: relative;
    }

    .mobile-navigation .cd-dropdown-content .go-back a,
    .mobile-navigation .cd-dropdown-content ul .go-back a {
        color: #777;
        padding-left: 25px;
    }

    .mobile-navigation .has-children > a::before,
    .mobile-navigation .has-children > a::after,
    .mobile-navigation .go-back a::before,
    .mobile-navigation .go-back a::after {
        content: '';
        position: absolute;
        top: 50%;
        margin-top: -1px;
        display: inline-block;
        height: 1px;
        width: 6px;
        background: #999;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }

    .mobile-navigation .has-children > a::before,
    .mobile-navigation .go-back a::before {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .mobile-navigation .has-children > a::after,
    .mobile-navigation .go-back a::after {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    .mobile-navigation .has-children > a {
        padding-right: 40px;
    }

    .mobile-navigation .has-children > a::before,
    .mobile-navigation .has-children > a::after {
        right: 20px;
        -webkit-transform-origin: 6px 50%;
        -moz-transform-origin: 6px 50%;
        -ms-transform-origin: 6px 50%;
        -o-transform-origin: 6px 50%;
        transform-origin: 6px 50%;
    }


    .mobile-navigation .cd-dropdown-content .go-back a {
        padding-left: 40px;
    }

    .mobile-navigation .cd-dropdown-content .go-back a::before,
    .mobile-navigation .cd-dropdown-content .go-back a::after {
        left: 15px;
        -webkit-transform-origin: 1px 50%;
        -moz-transform-origin: 1px 50%;
        -ms-transform-origin: 1px 50%;
        -o-transform-origin: 1px 50%;
        transform-origin: 1px 50%;
    }

    .mobile-navigation .cd-main-content {
        background-color: #e6e6e6;
        min-height: calc(100vh - 100px);
        padding: 2em 5%;
        line-height: 2;
    }

    .no-js .cd-dropdown-wrapper.mobile-navigation:hover .cd-dropdown {
        visibility: visible;
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    .no-js .cd-dropdown-wrapper.mobile-navigation .cd-close {
        display: none;
    }

    .cd-dropdown-wrapper.mobile-navigation .brands-list {
        display: flex;
        flex-flow: row wrap;
        align-items: stretch;
        justify-content: space-around;
        width: 100%;
        padding: 0 5px;
    }

    .cd-dropdown-wrapper.mobile-navigation .brands-list > li.go-back {
        width: 100%;
    }

    .cd-dropdown-wrapper.mobile-navigation .brands-list > li.go-back a {
        border-bottom-width: 1px;
        border-bottom-color: rgba(0, 0, 0, 0.15);
    }

    .cd-dropdown-wrapper.mobile-navigation .brands-list > li.brand-logo {
        width: 50%;
        text-align: center;
    }

    .cd-dropdown-wrapper.mobile-navigation .brands-list > li.brand-logo a {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
        padding: 20px;
        border: none;
    }

    .mobile-navigation .cd-dropdown-content li.home {
        display: none;
    }

}

@media screen and (min-width: 1025px) {
    .cd-dropdown-wrapper .cd-dropdown .cd-dropdown-content > li > ul.has_banner {
        padding-right: 400px;
        min-height: 450px;
        border-left: 1px solid rgba(0, 0, 0, 0.15);
    }

    /*
    .cd-dropdown-wrapper .cd-dropdown .cd-dropdown-content > li > ul.has_banner > li {
      width: 25%;

    }*/
    .cd-dropdown-wrapper .cd-dropdown .cd-dropdown-content > li > ul.has_banner > li.category-benner-position {
        position: absolute;
        right: 0;
        top: 5%;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 400px;
        /* height: 90%; */
        padding: 0 15px;
        padding-left: calc(20px + 1.2vw);
        padding-right: calc(20px + 1.2vw);
        /* border-left: 1px solid rgba(0, 0, 0, 0.15); */
    }


    .cd-dropdown-wrapper .cd-dropdown .cd-dropdown-content > li > ul.has_banner > li.category-benner-position a {
        display: block;
        border-radius: 2px;
        max-height: 100%;
        overflow: hidden;
    }

    .cd-dropdown-wrapper .cd-dropdown .cd-dropdown-content > li > ul.has_banner > li.category-benner-position a img {
        display: inline-block;
        width: 100%;
        opacity: 0.85;
        transition: all .3s ease-in-out;
        filter: grayscale(20%);
    }

    .cd-dropdown-wrapper .cd-dropdown .cd-dropdown-content > li > ul.has_banner > li.category-benner-position a:hover {
    }

    .cd-dropdown-wrapper .cd-dropdown .cd-dropdown-content > li > ul.has_banner > li.category-benner-position a:hover img {
        opacity: 1;
        transition: all .5s ease-in-out;
        filter: grayscale(0);
    }
}

@media screen and (max-width: 1024px) {
    .cd-dropdown-wrapper .cd-dropdown .cd-dropdown-content > li > ul.has_banner li.category-benner-position {
        display: none;
    }
}