@media screen and (min-width: 1200px) {
    .mega-menu__inner .mega-menu__title {
        text-transform: initial;
        font-size: var(--alink-text-l);
        font-weight: 500
    }

    .search-box-icon {
        cursor: pointer
    }

    .super-search-box {
        position: absolute;
        transition: all .4s;
        top: 0;
        left: 0;
        width: 100%;
        background-color: #FFFFFF;
        max-height: 0;
        overflow: hidden;
        opacity: 0;
        padding: 0;
        box-shadow: 0px 0px 12px #d2d2d2
    }

    .super-search-box .view-all-box {
        position: absolute;
        background-color: #65b2ff;
        padding: 15px 20px;
        color: #FFFFFF;
        bottom: 15px;
        right: 51px;
        z-index: 9;
        opacity: 0.9;
        border-radius: 10px;
        transition: all .4s
    }

    .super-search-box .view-all-box:hover {
        opacity: 1
    }

    .super-search-box .view-all-over {
        opacity: 0 !important;
        transition: none !important;
        display: none !important
    }

    .super-search-box .view-all-show {
        opacity: 0.9
    }

    .super-search-box .search-close {
        cursor: pointer
    }

    .super-search-box .input-box {
        max-width: 750px;
        display: flex;
        align-items: center;
        margin: 0 auto;
        border: 1px solid #BFBFBF;
        border-radius: 100px;
        padding: 13px 24px
    }

    .super-search-box .input-box svg * {
        fill: #BFBFBF !important
    }

    .super-search-box .input-box .input {
        color: #000;
        padding-left: 15px;
        flex: 1;
        background: none;
        outline: none;
        border: none;
        height: 16px;
        line-height: 16px;
        font-size: 16px
    }

    .super-search-box .result-box {
        max-height: 0;
        overflow: hidden;
        opacity: 0;
        transition: all .4s
    }

    .super-search-box .result-box .result-header-swiper {
        text-align: center;
        margin-top: 15px
    }

    .super-search-box .result-box .result-header-swiper .swiper-slide {
        cursor: pointer
    }

    .super-search-box .result-box .result-header-swiper .swiper-slide span {
        color: #000;
        display: inline-block;
        padding: 0 5px;
        border-bottom: 2px solid #00000000
    }

    .super-search-box .result-box .result-header-swiper .active {
        font-weight: 500;
        border-bottom: 2px solid #000 !important
    }

    .super-search-box .result-box .result-list-swiper {
        margin-top: 20px;
        color: #000
    }

    .super-search-box .result-box .result-list-swiper .slide-page {
        max-height: 60vh;
        overflow-y: scroll;
        display: flex;
        flex-wrap: wrap
    }

    .super-search-box .result-box .result-list-swiper .slide-page::-webkit-scrollbar {
        width: 0 !important
    }

    .super-search-box .result-box .result-list-swiper .product-page .item {
        width: 20%;
        margin-bottom: 20px;
        padding: 0 15px
    }
}

@media screen and (min-width: 1200px) and (max-width: 1500px) {
    .super-search-box .result-box .result-list-swiper .product-page .item {
        width: 25%
    }
}

@media screen and (min-width: 1200px) {
    .super-search-box .result-box .result-list-swiper .product-page .item .title {
        padding-top: 10px;
        font-size: var(--alink-h4);
        text-align: center
    }

    .super-search-box .result-box .result-list-swiper .product-page .item .price-box {
        display: flex;
        justify-content: center;
        align-items: flex-end
    }

    .super-search-box .result-box .result-list-swiper .product-page .item .price-box .now-price {
        margin: 0 5px;
        color: red;
        font-size: var(--alink-text-s)
    }

    .super-search-box .result-box .result-list-swiper .product-page .item .price-box .comparison-price {
        margin: 0 5px;
        color: #282828;
        font-size: calc(var(--alink-text-s) - 1px);
        text-decoration: line-through
    }

    .super-search-box .result-box .result-list-swiper .journal-page .item {
        width: 20%;
        margin-bottom: 20px;
        padding: 0 15px
    }
}

@media screen and (min-width: 1200px) and (max-width: 1500px) {
    .super-search-box .result-box .result-list-swiper .journal-page .item {
        width: 25%
    }
}

@media screen and (min-width: 1200px) {
    .super-search-box .result-box .result-list-swiper .journal-page .item .img-box {
        width: 100%;
        height: 120px;
        display: flex;
        align-items: center;
        overflow: hidden
    }

    .super-search-box .result-box .result-list-swiper .journal-page .item .title {
        padding-top: 15px;
        font-size: var(--alink-h4);
        text-align: center
    }

    .super-search-box .result-box .result-list-swiper .journal-page .item .price-box {
        display: flex;
        justify-content: center;
        align-items: flex-end
    }

    .super-search-box .result-box .result-list-swiper .journal-page .item .price-box .now-price {
        margin: 0 5px;
        color: red;
        font-size: var(--alink-text-s)
    }

    .super-search-box .result-box .result-list-swiper .journal-page .item .price-box .comparison-price {
        margin: 0 5px;
        color: #282828;
        font-size: calc(var(--alink-text-s) - 1px);
        text-decoration: line-through
    }

    .super-search-box .result-box .result-list-swiper .collecrion-page {
        flex-direction: column
    }

    .super-search-box .result-box .result-list-swiper .collecrion-page .item {
        font-size: var(--alink-text-l);
        padding: 15px 0;
        border-bottom: 1px solid #ebebeb;
        margin: 0 5px
    }

    .super-search-box .active-show {
        max-height: 80vh;
        opacity: 1
    }

    .super-search-box-show {
        max-height: 80vh;
        padding: 15px 0;
        opacity: 1
    }

    .mega-menu__images-wrapper {
        display: flex;
        justify-content: space-between;
        gap: revert
    }

    .mega-menu__images-wrapper .mega-menu__image-push {
        text-align: center;
        width: 49%
    }

    .mega-menu__columns-wrapper {
        flex-wrap: nowrap
    }

    .header__linklist-link {
        display: flex;
        align-items: center;
        font-weight: 500
    }

    .header__linklist-link::after {
        content: none
    }

    .header__linklist-link svg {
        margin-left: 3px;
        transition: all .4s;
        transform: rotate(90deg)
    }

    .header__linklist-link:hover svg {
        transform: rotate(180deg)
    }

    .mega-menu__inner {
        max-height: 90vh;
        padding: 10px 0 30px
    }

    .mega-menu__inner .mega-menu__title {
        margin: 0
    }

    .mega-menu__inner .linklist__item {
        line-height: 1.2;
        margin-top: 20px;
        padding: 0
    }

    .drawer__overlay {
        display: none
    }

    body {
        position: relative;
        overflow-x: hidden;
    }

    .predictive-search {
        max-width: none;
        max-height: none;
        height: auto;
        width: 100%;
        height: 150px;
        display: flex;
        justify-content: center
    }

    .predictive-search .drawer__header {
        border: none
    }

    .predictive-search .drawer__content {
        display: none
    }
}

@media screen and (max-width: 1200px) {
    .announcement-bar {
        background-color: #151515
    }

    .social_media_title.heading {
        margin-top: 50px !important
    }

    .footer__aside_box {
        border: none !important;
        margin: 0 !important;
        padding: 0 !important
    }

    .footer__aside {
        margin-top: 0
    }

    .footer__aside span {
        display: none
    }

    .footer__aside .footer__payment-methods {
        margin-top: 0
    }

    .footer__aside .payment-methods-list {
        display: flex
    }

    .header__icon-list {
        grid-gap: 10px;
        gap: 10px
    }

    .header__logo-text svg {
        width: 66px
    }

    .header {
        background: #000000;
        color: #FFFFFF
    }

    .header .mobile-menu-icon .show-icon,
    .header .mobile-menu-icon .close-icon {
        display: none
    }

    .header .mobile-menu-icon .active {
        display: block
    }

    .header svg * {
        fill: #FFFFFF !important
    }

    .header .mobile-menu {
        max-height: 0;
        overflow: hidden;
        padding: 0;
        transition: all .4s;
        background-color: #000000;
        color: #FFFFFF
    }

    .header .mobile-menu .container {
        transition: all .4s;
        margin-top: -30px;
        max-height: 0;
        overflow: hidden
    }

    .header .mobile-menu .container::-webkit-scrollbar {
        width: 0 !important
    }

    .header .mobile-menu .container .menu-lists {
        margin-top: 30px
    }

    .header .mobile-menu .container .menu-lists .title {
        font-weight: 500;
        font-size: var(--alink-h5);
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    .header .mobile-menu .container .menu-lists .title svg {
        transition: all .4s
    }

    .header .mobile-menu .container .menu-lists .title .plus {
        flex: 1;
        display: flex;
        justify-content: flex-end
    }

    .header .mobile-menu .container .menu-lists .list {
        max-height: 0;
        overflow: hidden
    }

    .header .mobile-menu .container .menu-lists .list .item {
        margin-top: 24px
    }

    .header .mobile-menu .container .menu-lists .list .item .title {
        font-weight: 400;
        font-size: var(--alink-m-s-text)
    }

    .header .mobile-menu .container .menu-lists .list .item .title .plus-2 {
        flex: 1;
        display: flex;
        justify-content: flex-end
    }

    .header .mobile-menu .container .menu-lists .list .item .second-list {
        max-height: 0;
        overflow: hidden
    }

    .header .mobile-menu .container .menu-lists .list .item .second-list .second-item {
        margin-left: 13px;
        margin-top: 16px
    }

    .header .mobile-menu .container .active-1 .list {
        transition: all 2s;
        max-height: 2500px;
        overflow-y: scroll
    }

    .header .mobile-menu .container .active-1 .list::-webkit-scrollbar {
        width: 0 !important
    }

    .header .mobile-menu .container .active-1 .active-2 .title svg {
        transform: rotate(90deg)
    }

    .header .mobile-menu .container .active-1 .active-2 .second-list {
        transition: all 2s;
        max-height: 2500px !important;
        overflow-y: scroll !important
    }

    .header .mobile-menu .container .active-1 .active-2 .second-list::-webkit-scrollbar {
        width: 0 !important
    }

    .header .active-menu {
        padding: 40px 0;
        max-height: none
    }

    .header .active-menu .container {
        max-height: 60vh;
        overflow: scroll
    }

    .header--transparent {
        background: #00000000;
        color: #FFFFFF
    }

    .super-menu-box {
        display: none
    }

    .footer__item {
        width: 100%;
        max-width: none
    }

    .footer .plus,
    .footer .minus_sign {
        font-size: 20px
    }
}

/*# sourceMappingURL=header.min.css.map */