@media (max-width: 768px) {
    .slide-banner .owl-nav .owl-prev span, .slide-banner .owl-nav .owl-next span {
        width: 40px;
        height: 40px;
        font-size: 26px;
    }
    .bannercategory {
        padding-bottom: 30px;
    }
    .group-icon.iconSearch{
        text-align: right;
    }
    .btn-quickview{
        opacity: 0;
        -webkit-transition: all .5s;
         transition: all .5s;
         -webkit-transform: unset;
         transform: unset;
        visibility: unset;
        font-size: 13px;
        padding: 5px;
        text-transform: unset;
        bottom: -28px;
    }
    .box-product .box-text{
        padding: 0;
    }
    .xt-products{
        padding: 5px;
        font-size: 14px;
    }
    .m-t-20.text-right, .m-t-20.text-left{
        text-align: center;
    }
    .container-relative .box-product .p-image, #loadcategory .container-relative .box-product .p-image{
        padding: 0;
    }
    .main-products-content .container-relative .banner-top .title-banner h2 {
        margin-bottom: 0;
    }
    .main-products-content .container-relative .banner-top .title-banner h2 a{
        font-size: 14px;
    }
    .main-products-content .container-relative .banner-top .title-banner span{
        font-size: 13px;
        padding-top: 0;
    }
    .main-whynote{
        padding-top: 30px;
    }
    .main-products-content{
        padding: 20px 0 0;
    }
    .main-products-content .container-relative .banner-top{
        padding-top: 15px;
    }
    .main-logo-lk{
        padding: 0 0 20px ;
    }
    .m-t-20.text-right{
        padding-bottom: 20px;
    }
    .main-logo-lk .logo-lk img{
        width: 170px;
    }
    #quickview-cart-desktop {
        width: 100%;
        padding: 30px 15px;
    }
    .title-main .title-hd a:before, .title-main .title-hd a:after{
        display: none;
    }
    .footer-container .list-footer{
        padding-top: 0px;
        align-items: unset;
        margin-bottom: 0px;
    }
    .footer-container .list-footer .title-footer{
        padding-bottom: 0px;
    }
    .back-to-top.display{
        bottom: 70px;
    }
    /*/view*/
    .price-product{
        margin: 0;
    }
    .purchase-product{
        display: block;
    }
    .purchase-product .btn-addCart{
        font-size: 13px;
    }
    .purchase-product .cart-modal{
        padding: 10px 0;
    }
    .guide-size{
        margin-top: 10px;
    }
    #pContent .title>span{
        width: 130px;
        margin: 0 5px;
    }
    #pContent #tab2 .row .rate-content{
        border-right: none;
    }
    .footer-container .email-footer {
        padding-top: 10px;
    }
    .box-product .p-image{
        margin-bottom: 28px;
        padding: 0;
        height: 180px;
    }
    .box-product .price{
        height: 50px;
    }
    #quickview-cart-desktop #detail-product{
        padding: 0 30px;
    }
    #quickview-cart-desktop #price-preview{
        margin: 0;
    }
    .main-logo-lk .list_item_logo{
        margin-bottom: 25px;
    }
}
.mb-3, .my-3 {
    margin-bottom: 2rem!important;
}
.justify-content-end {
    -ms-flex-pack: end!important;
    justify-content: flex-end!important;
}

@media (max-width: 991px) {
    .main-whynote .img-note {
        position: relative;
        bottom: 0;
        width: 100%;
    }
    .main-products-content .container-relative .box-images-products {
        position: relative;
        bottom: 0;
        width: 100%;
    }
    .home-page #tab-caption{
        text-align: left;
    }
    .user-mobile li a{
        border-bottom: 1px solid #fff;
        font-size: 13px;
        text-transform: uppercase;
        padding: 14px 17px;
        font-weight: 700;
        position: relative;
        color: #fff;
        display: block;
    }
    .login-social{
        margin-bottom: 20px;
    }
    .header-wrap-icon .group-icon .row{
        align-items: center;
        display: flex;
    }
    #site-cart-handle:after{
        -webkit-transition: all .1s ease-out;
        transition: all .1s ease-out;
        bottom: 100%;
        margin-bottom: 0;
        margin-left: -7px;
        height: 8px;
        width: 14px;
        left: 50%;
        content: ' ';
        position: absolute;
        pointer-events: none;
        border: 2px solid #de0000;
        border-top-left-radius: 99px;
        border-top-right-radius: 99px;
        border-bottom: 0;
    }
    #site-cart-handle{
        border-radius: 0;
        font-weight: 700;
        border: 2px solid #de0000;
        color: #de0000;
        position: relative;
        display: inline-block;
        vertical-align: middle;
        text-align: center;
        width: 28px;
        height: 28px;
        font-size: 1em;
        line-height: 25px;
        cursor: pointer;
        margin-top: 4px;
    }
    .cart-menu .count-holder{
        color: #de0000;
        font-size: 14px;
         line-height: 1;
         font-weight: 700;
         position: unset;

    }
    .wrap-logo{
        float: unset;
    }
    #site-cart-handle .cart-menu {
        align-items: center;
        height: 100%;
        text-align: center;
        justify-content: center;
    }
    .header-wrap-icon .group-icon>div.header_mobile .iconLogo{
        text-align: left;
    }
    .header-wrap-icon .group-icon>div.header_mobile{
        padding: 0;
    }
    #nav-menu .main-nav-menu .menu__list--top>li.language_mobile{
        border-bottom: 1px solid #fff;
    }
    #nav-menu .main-nav-menu .menu__list--top>li.language_mobile>a{
        display: inline-block;
        border-bottom: none;
    }
}
@media (min-width: 1025px) {
    #quickview-cart-desktop #detail-product {
        max-height: 600px;
    }

    #quickview-cart-desktop #detail-product::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
        background-color: #F5F5F5;
    }

    #quickview-cart-desktop #detail-product::-webkit-scrollbar {
        width: 6px;
        height: 0;
        background-color: #F5F5F5;
    }

    #quickview-cart-desktop #detail-product::-webkit-scrollbar-thumb {
        background-color: #000000;
    }
}
/*menu*/
@media (max-width: 991px) {
    header nav .logo {
        margin: 0 !important
    }

    .head-menu {
        color: #333;
        border-bottom: 1px solid #ebebeb
    }
    .head-menu .list-inline {
        margin: 0;
        padding: 14px 17px;
    }
    .head-menu a {
        color: #333;
        font-weight: 400
    }
    .head-menu li.li-search {
        width: 100%;
        margin: 0;
        padding: 0
    }
    .head-menu .li-search .header_search button{
        background: #de0000;
        color: #fff;
        border-radius: 3px;
        padding: 7px 12px
    }
    .head-menu .li-search .header_search input{
        display: block;
        width: 100%;
        padding: 7px;
        color: #495057;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid #ced4da;
        border-radius: .25rem;
        transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    }
    .head-menu .li-search .header_search .input-group-btn{
        position: absolute;
        position: absolute;
        top: 0;
        right: 34px;
    }
    .head-menu .li-search .header_search {
        padding: 0;
        width: 100%;
        margin: 0;
        position: relative;
    }
    .head-menu .li-search .header_search .search_form {
        margin-bottom: 0;
        position: relative;
        width: 100%;
    }

    .header-content {
        padding: 5px 0;
    }
    header.header {
        webkit-box-shadow: 0 5px 10px 0 rgba(84, 84, 84, 0.15);
        -moz-box-shadow: 0 5px 10px 0 rgba(84, 84, 84, 0.15);
        box-shadow: 0 5px 10px 0 rgba(84, 84, 84, 0.15)
    }

    .topbar-mobile span{
        display: block;
        line-height: 25px;
        font-size: 15px;
        color: #333;
        padding-right: 15px
    }
    .topbar-mobile. {
        background: #f1f1f1;
        border-bottom: #f6f6f6;
    }
    #nav-mobile {
        text-align: left
    }

    #nav-mobile .h3 {
        margin-top: 10px;
        color: #252525;
        font-size: 18px
    }

    header>.container {
        position: relative
    }

    .menu-bar.hidden-md.hidden-lg {
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        z-index: 1000
    }

    .icon-cart-mobile.hidden-md.hidden-lg.f-left.absolute {
        right: 15px;
        top: 40%;
    }
    .icon-cart-mobile.hidden-md.hidden-lg.f-left.absolute .icon i.fa {
        font-size: 20px
    }
    .icon-cart-mobile.hidden-md.hidden-lg.f-left.absolute .cartCount {
        display: inline-block;
        width: 20px;
        height: 20px;
        line-height: 20px;
        text-align: center;
        border-radius: 50%;
        background: #e32124;
        position: absolute;
        font-size: 11px;
        right: -15px;
        top: -10px;
        color: #fff
    }

    header .logo a {
        display: inline-block;
        text-align: left
    }

    .heading-cart {
        position: absolute;
        right: 15px;
        top: 30px
    }

    header nav .nav-item {
        display: block;
        width: 100%;
        text-align: left;
        margin: 0
    }
    header nav .flex-grow-1 .nav-item .dropdown-menu {
        display: none !important;
        position: static;
        border: none
    }
    #nav-mobile ul li .dropdown-menu{
        display: none;
    }



    .header-main {
        padding: 10px 0
    }

    #nav {
        padding-right: 0;
        display: none;
        padding: 10px 0;
        margin-bottom: 15px
    }
    #nav.open {
        display: block
    }
    #nav .nav-link>.fa {
        float: right;
        line-height: 22px;
        width: 40px;
        text-align: center;
        transform: translateY(-5px);
        -webkit-transform: translateY(-5px);
        -moz-transform: translateY(-5px)
    }
    #nav-mobile.open {
        width: 100%
    }
    #nav-mobile a {
        color: #fff;
        border-bottom: 1px solid #fff;
        font-size: 13px;
        text-transform: uppercase;
        padding: 14px 17px;
        font-weight: 400;
        position: relative;
        display: block;
    }
    #nav-mobile .nav-item.open>.nav-link>.fa:before {
        content: "\f107"
    }
    #nav-mobile .nav-item-lv2.open>.nav-link>.fa:before {
        content: "\f107"
    }
    #nav-mobile .nav-link>.fa {
        float: right;
        line-height: 35px;
        width: 35px;
        text-align: center;
        transform: translateY(-2px);
        -webkit-transform: translateY(-2px);
        -moz-transform: translateY(-2px)
    }

    header nav .nav-item.active>a:before {
        display: none
    }
    header nav .nav-item li.dropdown-submenu .dropdown-menu {
        padding-left: 15px
    }

    #nav-mobile .nav-link>.fa {
        position: absolute;
        right: -12px;
        top: calc(50% - 16px) !important
    }
    .logo {
        display: inline-block;
        font-size: 30px;
        line-height: 40px;
    }

    .menu-offcanvas .nav-container{
        height: 100%;
    }
    .menu-offcanvas {
        height: 100%;
        overflow-y: auto;
        width: 90%;
        position: fixed !important;
        background-color: rgba(0,0,0,.95);
        -webkit-transition: -webkit-transform 0.5s;
        transition: transform 0.5s;
        z-index: 999999 !important;
        top: 0 !important;
        left: 0;
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%);
        color: #fff;
        font-size: 13px;
    }
    .menu-offcanvas.open {
        box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.2);
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
    .menu-offcanvas #nav-mobile {
        overflow: auto;
        max-height: calc(100vh - 136px)
    }
    .menuclose i{
        position: absolute;
        top: 8px;
        right: 8px;
        bottom: 0;
        text-align: center;
        cursor: pointer;
        transition: background .2s ease;
        font-size: 30px;
    }
    .menuclose {
        color: #fff;
        border-top: 1px solid #fff;
        border-bottom: 1px solid #fff;
        text-transform: uppercase;
        font-weight: 700;
        padding: 14px 17px;
        position: relative;
    }
    .main-nav-menu .menu__list{
        display: block;
    }
    .menu__item.mega.tp_menu_item{
        padding: 0;
    }
    #nav-menu .main-nav-menu .nav-next:before{
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        width: 8px;
        height: 8px;
        margin-left: -2px;
        box-sizing: border-box;
        border-top: 2px solid #fff;
        border-left: 2px solid #fff;
        transform-origin: center;
        transform: translate(-50%,-50%) rotate(135deg);
    }
    #nav-menu .main-nav-menu .nav-next label {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 10;
        cursor: pointer;
    }
    #nav-menu .main-nav-menu .nav-next{
        width: 45px;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        text-align: center;
        cursor: pointer;
        transition: background .2s ease;
    }
    #nav-menu .main-nav-menu .menu__list--top>li>a{
        color: #fff;
        border-bottom: 1px solid #fff;
        font-size: 13px;
        text-transform: uppercase;
        padding: 14px 17px;
        font-weight: 400;
        position: relative;
    }
    #nav-menu .main-nav-menu>ul>li:last-child>a{
        color: #fff;
    }
    .main-nav-menu .menu__list:not(.menu__list--second)>.menu__item.open>.menu__content{
        box-shadow: 0 0 15px 5px rgba(0,0,0,.2);
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        transition: transform .4s ease;
        visibility: visible;
    }
    .main-nav-menu .menu__list:not(.menu__list--second)>.menu__item>.menu__content{
        width: 85%;
        top: 0;
        background: rgba(0,0,0,.95);
        color: #fff;
        padding: 0;
        height: 100vh;
        /*display: block;*/
        box-shadow: 0 0 15px 5px rgba(0,0,0,.2);
        -webkit-transform: translateX(-300px);
        -ms-transform: translateX(-300px);
        transform: translateX(-300px);
        transition: transform .4s ease;
        visibility: hidden;
        bottom: 0;
        position: fixed;
    }
    .main-nav-menu .menu__list .menu-flex .menu__item{
        max-width: 100%;
        flex: unset;
    }
    .main-nav-menu .menu__list.transi.menu__list--second, menu__list.menu__list--third.transi{
        visibility: hidden;
    }
    .main-nav-menu .menu__list--second{
        padding: 0;
        height: 100vh;
    }
    .main-nav-menu .menu__list--second .menu__item .menu__link{
        border-bottom: 1px solid #fff;
        font-size: 13px;
        text-transform: uppercase;
    }
    .main-nav-menu .menu__list .menu__list .menu__item .menu__list.menu__list--third{
        margin: 0;
        -webkit-transform: translateX(-300px);
        -ms-transform: translateX(-300px);
        transform: translateX(-300px);
        transition: transform .4s ease;
        position: absolute;
        top: 0;
        bottom: 0;
        visibility: hidden;
        background: rgba(0,0,0,.95);
        z-index: 3;
        width: 100%;
    }
    .main-nav-menu .menu__list .menu__list .menu__item.open .menu__list.menu__list--third{
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        transition: transform .4s ease;
        box-shadow: 0 0 15px 5px rgba(0,0,0,.2);
        visibility: visible;
    }

    .nav-back a:before{
        content: '';
        position: absolute;
        top: 50%;
        left: 92%;
        width: 8px;
        height: 8px;
        margin-left: -2px;
        box-sizing: border-box;
        border-top: 2px solid #fff;
        border-left: 2px solid #fff;
        transform-origin: center;
        transform: translate(-50%,-50%) rotate(-45deg);
    }
    .nav-back a, .main-nav-menu .menu__list .menu__list--third li.nav-back a{
        padding: 14px 17px;
        text-transform: uppercase;
        border-top: 1px solid #fff;
        border-bottom: 1px solid #fff;
        font-size: 13px;
        font-weight: 700;
        position: relative;
    }
    h2.h2-menu{
        color: #fff;
        font-size: 15px;
        padding: 20px 17px;
        margin: 0;
    }
    .main-nav-menu .menu__list .menu__list--third li{
        padding: 0;
    }

    .main-nav-menu .menu__list .menu__item.four.open .menu__list.menu__list--four {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        transition: transform .4s ease;
        box-shadow: 0 0 15px 5px rgba(0,0,0,.2);
        visibility: visible;
    }
    .main-nav-menu .menu__list .menu__list .menu__list.menu__list--four {
        -webkit-transform: translateX(-300px);
        -ms-transform: translateX(-300px);
        transform: translateX(-300px);
        transition: transform .4s ease;
        position: absolute;
        top: 0;
        bottom: 0;
        visibility: hidden;
        background: rgba(0, 0, 0, .95);
        z-index: 4;
        width: 100%;
    }
}