/* Dev Anh Nguyen */
.home-slider .slick-arrow.slick-prev:hover:before,
.home-slider .slick-arrow.slick-next:hover:before {
    color: white;
}

.slick-prev,
.slick-next {
    z-index: 1;
}

.box-category .content-products .products .slick-arrow.slick-next,
.content-products .products .slick-arrow.slick-next {
    right: 0;
}

.box-category .content-products .products .slick-arrow.slick-prev,
.content-products .products .slick-arrow.slick-prev {
    left: 0;
}

.magicmenu .nav-desktop .level0 .level-top-mega,
.magicmenu .nav-desktop .level0:hover .level-top-mega {
    left: 50% !important;
    transform: translateX(-50%);
}

.hover-actions .add-to-links,
.hover-actions .link-view {
    float: left;
}
.suggest-slider .x-close {
    top: 0;
    left: 0;
    right: auto;
    width: 25px;
    height: 25px;
    line-height: 25px;
    cursor: pointer;
}
.suggest-slider .x-close:before {
    font-size: 25px;
}
.notify-slider-wrapper .products.wrapper.grid .product-item .product-item-info .product-item-details .product-name a {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.notify-slider-wrapper .products.wrapper.grid .product-item .product-item-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
}
.content-cart .minicart-wrapper:hover .showcart .crat-icon:before {
    color: #e14646;
}
.header .form-search .catalogsearch-box {
    cursor: pointer;
}
.mage-column.mega-block-right{
    padding: 0;
}
.vmagicmenu .level0 .level-top-mega .mage-column .children {
    width: 200px;
    padding: 0;
}
.cms-static-banner-position {
    bottom: 0;
    right: 0;
    opacity: 0.5;
}
.vmagicmenu .level0 .level-top-mega .children a {
    padding-left: 20px;
    padding-right: 20px;
}

/* menu mobile */

@media (max-width: 992px) {
    .nav-open .nav-sections-item-content>.navigation .nav-mobile {
        display: block !important;
    }
    .nav-open .nav-sections-items {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .nav-open .nav-sections {
        transform: translate(0, 0);
    }

    .nav-open .nav-sections .nav-sections-item-title {
        display: block;
        width: 40%;
        text-align: center;
    }

    .nav-open .nav-sections .top-form-language .toggle strong span {
        background-repeat: no-repeat;
        background-position: center left;
        padding-left: 23px;
    }

    .nav-open .nav-sections .top-form-language .switcher .switcher-options .switcher-dropdown {
        padding: 0 8px;
    }

    .nav-open .nav-sections .top-form-language .switcher .switcher-options .switcher-dropdown li a {
        background-repeat: no-repeat;
        background-position: center left;
        padding-left: 23px;
    }

    .nav-open .nav-sections .top-form-language .switcher-trigger strong:after,
    .nav-open .nav-sections .currency_top .switcher-trigger strong:after {
        display: none;
    }

    .nav-open .nav-sections .top-form-language .switcher,
    .nav-open .nav-sections .currency_top .switcher {
        width: 100%;
        border: none;
    }

    .nav-open .nav-sections .top-form-language .switcher li a,
    .nav-open .nav-sections .currency_top .switcher li a {
        font-weight: 500;
        font-size: 1.4rem;
    }

    .nav-open .nav-sections .top-form-language .switcher .switcher-options .action.toggle,
    .nav-open .nav-sections .currency_top .switcher .switcher-options .action.toggle {
        position: relative;
        cursor: pointer;
        color: #000;
        width: 100%;
    }

    .nav-open .nav-sections .top-form-language .switcher .switcher-options .action.toggle:before,
    .nav-open .nav-sections .currency_top .switcher .switcher-options .action.toggle:before {
        content: "\f107";
        font-family: 'FontAwesome';
        position: absolute;
        right: 0;
        font-size: 18px;
        top: 50%;
        transform: translateY(-50%);
        color: #333333;
    }

    .nav-open .nav-sections .top-form-language .switcher .switcher-options .switcher-dropdown,
    .nav-open .nav-sections .currency_top .switcher .switcher-options .switcher-dropdown {
        padding-left: 0;
        margin-bottom: 0;
        background-color: transparent;
    }

    .nav-open .nav-sections-item-title {
        display: none;
        order: 0;
        margin: 20px 0;
        border: 0;
        width: auto;
        background-color: transparent;
        padding-top: 0;
        height: auto;
    }

    .nav-open .nav-sections-item-title.active+.nav-sections-item-content {
        display: block !important;
    }

    .nav-open .nav-sections-item-title.active a,
    .nav-open .nav-sections-item-title.active a:hover,
    .nav-open .nav-sections-item-title.active a:focus {
        text-decoration: underline !important;
        color: #000000;
    }

    .nav-open .nav-sections-item-title a {
        font-size: 16px;
        color: #222222;
        font-weight: 600;
        text-transform: uppercase;
    }

    .nav-open .nav-sections-item-title:not(:first-child) {
        margin-left: 15px;
    }

    .nav-open .nav-sections-item-content {
        width: 100%;
        order: 1;
        display: none !important;
    }

    .nav-open .nav-sections-item-content script {
        display: none !important;
    }

    .nav-open .nav-sections-item-content>* {
        display: block !important;
    }
    
    .nav-open .nav-sections-item-content .vmagicmenu {
        display: none !important;
    }

    .nav-open .page-header .switcher .options:before,
    .nav-open .nav-sections-item-content>script {
        display: none;
    }

    .nav-open .nav-sections-item-content>div {
        padding: 0 15px;
    }

    .nav-open .nav-toggle:after {
        content: "";
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 90;
        background: rgba(0, 0, 0, 0.3);
    }

    .nav-open .notify-slider-wrapper {
        z-index: 1;
    }

    .nav-open body {
        overflow: hidden;
    }

    .nav-open .nav-sections .top-form-language .switcher .switcher-options .switcher-dropdown,
    .nav-open .nav-sections .currency_top .switcher .switcher-options .switcher-dropdown {
        position: static;
    }

    .nav-open .page-header a:hover,
    .nav-open .switcher-options strong span {
        color: #222222;
    }

    .nav-open .nav-sections {
        background: rgb(255 255 255) none repeat scroll 0 0;
    }

    .nav-open .nav-sections .navigation .level0>.level-top img {
        display: none;
    }

    .nav-open .page-header .switcher .options,
    .nav-open .page-footer .switcher .options {
        padding: 5px 0;
    }

    .nav-open .nav-sections .navigation .level0>.level-top {
        padding: 0 15px;
        height: 30px;
        line-height: 30px;
    }

    .nav-open .notify-slider-wrapper {
        opacity: 0;
        visibility: hidden;
    }

    .nav-open .nav-sections .navigation-mobile ul li {
        position: relative;
        float: left;
        width: 100%;
        margin: 0;
    }

    .nav-open .nav-sections .navigation-mobile ul li .expand,
    .nav-open .nav-sections .navigation-mobile ul li .collapse {
        cursor: pointer;
        top: 0;
        right: 5px;
        width: 30px;
        height: 30px;
        line-height: 30px;
        padding: 0px !important;
        text-align: center;
        position: absolute;
        z-index: 2;
        font-weight: 300;
        border: none !important;
        display: block;
        font-size: 0;
    }

    .nav-open .nav-sections .navigation-mobile ul li .collapse::before {
        content: "\f107";
        font-family: 'FontAwesome';
        font-size: 18px;
        color: #333333;
    }

    .nav-open .nav-sections .navigation-mobile ul li .expand::before {
        content: "\f106";
        font-family: 'FontAwesome';
        font-size: 14px;
        color: #333333;
    }

    .nav-open .page-header .nav-sections-item-content .magicmenu {
        padding: 0;
    }

    .nav-open .nav-sections .navigation-mobile ul li li a {
        margin-left: 20px;
        display: inline-block;
        height: 30px;
        line-height: 30px;
    }

    .nav-open .navigation .level0 .submenu {
        padding: 0;
    }

    .nav-open .page-header .switcher .options .action.toggle:after,
    .nav-open .page-footer .switcher .options .action.toggle:after {
        opacity: 0;
        visibility: hidden;
    }

    .nav-open .nav-sections-item-content>.navigation .nav-mobile {
        margin: 0;
    }
}

@media (max-width: 767px) {
    .nav-open header.page-header .nav-sections-item-content {
        margin-left: 0;
    }

    .nav-open .navigation .parent .level-top:after {
        display: none;
    }

    .nav-open header.page-header .nav-sections .nav-sections-item-title {
        display: block !important;
        visibility: visible;
        width: calc(100%/2 - 15px/2);
        height: 40px;
        line-height: 40px;
        margin-top: 0;
    }

    .nav-open header.page-header .nav-sections .switcher-options strong span,
    .nav-open header.page-header .nav-sections .switcher .options .action,
    .nav-open header.page-header .nav-sections .section-item-title.active .nav-sections-item-switch,
    .nav-open header.page-header .nav-sections .section-item-title .nav-sections-item-switch {
        color: #222222;
    }

    .nav-open header.page-header .nav-sections .switcher {
        padding: 0;
    }

    .nav-open .nav-sections .navigation-mobile ul li li li a {
        margin-left: 29px;
    }
}

@media (max-width: 480px) {
    .box-products-one .products-textlink {
        padding: 0;
    }

    .box-products-one .timer-box {
        margin: 0 5px;
    }

    .notify-slider-wrapper .products.wrapper.grid .product-item .product-item-info .images-container,
    .notify-slider-wrapper .products.wrapper.grid .product-item .product-item-info .product-item-details {
        padding: 5px;
    }

    .suggest-slider .x-close {
        right: auto;
        left: 0;
        z-index: 999;
        width: 30px;
        height: 30px;
        line-height: 30px;
        background-color: #8080805c;
    }

    .notify-slider-wrapper {
        left: 50%;
        bottom: 0;
        transform: translateX(-50%);
    }
}