@charset "UTF-8";

@media screen and (min-width: 1200px){
    .language-header{
        position: absolute;
        bottom: 0;
        z-index: 0;
    }
    .slide-banner img{
        max-width: 38%;
        margin: 0 auto;
    }
}
/* Mobile Styles */
@media only screen and (max-width: 420px) {
    body {
        font-size: 12px;
    }
    .v-mobile {
        display: flex;
    }
    .header-mobile {
        display: flex;
    }
    .header-info {
        z-index: 1;
        white-space: nowrap;
        font-size: 12px !important;
    }
    .header-info .text-link {
        font-weight: normal
    }

    .search-box {
        width: 100%;
        margin: 10px;
        margin-top: 0;
    }
    .menu-mobile.v-mobile {
        display: none;
        position: fixed;
        background-color: white;
        top: 0;
        bottom: 0;
        min-height: 100%;
        width: 100%;
        opacity: 0;
        overflow-y: scroll;
        padding-bottom: 100px;
    }
    .menu-mobile.menu-open {
        display: block;
        opacity: 1;
        z-index: 2;
        font-size: 1rem;
    }
    .sub-menu-mobile>ul {
        opacity: 1 !important;
        visibility: visible !important;
        box-shadow: 0 2px 8px 0 rgba(174, 192, 191, 0.2) !important;
        background-color: #ffffff !important;
        z-index: 1 !important;
    }
    .row-mobile.row {
        margin-right: 0;
        margin-left: 0;
        justify-content: space-between;
    }
    .row-mobile.row>[class*="col-"] {
        padding-right: 0;
        padding-left: 0;
    }
    .col-xs-6 {
        width: 49%;
    }
    .product-item .product-name {
        font-size: 14px;
    }
    .product-item .sale-price, .fa.fa-heart {
        font-size: 12px;
    }
    .product-item .original-price, .product-item .product-brand {
        font-size: 10px;
    }
    .order-detail {
        padding-top: 35px;
    }
    .product-image .image {
        width: 167.5px;
        height: 252px;
    }
    .v-mobile.block {
        display: block;
    }
    .product-size {
        width: 38px;
        height: 36px;
        margin-left: 15px;
    }
    .product-size>.text-main {
        font-size: 1.05rem;
        font-weight: bold;
    }
    .product-sales {
        width: 38px;
        height: 36px;
        margin-right: 10px;
        padding: 0;
    }
    .product-sales>.text-main {
        font-size: 1.05rem;
        font-weight: bold;
    }
}

/* Mobile Plus Styles */
@media only screen and (max-width: 414px) {
    .product-image .image {
        width: 187.5px;
        height: 282px;
    }
}
@media screen and (min-width: 680px){
    .v-mobile{
        display: none;
    }
}
/* Tablet Styles */
@media only screen and (min-width: 426px) and (max-width: 950px) {
    body {
        font-size: 12px;
    }

    /*.v-mobile {*/
    /*    display: none;*/
    /*}*/
    /*.v-desktop {*/
    /*    display: flex;*/
    /*}*/
    /* 	.v-desktop.block { */
    /* 		display: block !important; */
    /* 	} */
    .product-image .image {
        width: 187px;
        height: 280px;
    }
    .menu-mobile{
        display: none;
    }
    .menu-mobile.menu-open{
        display: block;
    }
}

/* Desktop Styles */
@media only screen and (min-width: 961px) {
    /*   body { */
    /*     background-color: #B2D6FF; Blue */
    /*   } */
    .v-mobile {
        display: none;
    }
    .v-desktop {
        display: flex;
    }
    .v-desktop.block {
        display: block !important;
    }
    .product-image .image {
        object-fit: scale-down;
        width: 263px;
        height: 379px;
    }
    .item-sub, .item-sub-girl, .sub-menu div.item {
        font-size: 13px !important;
    }


}

/* Mobile Plus Styles */
@media only screen and (min-width: 768px) and (max-width: 960px) {
    .product-image .image {
        width: 207.5px;
        height: 312px;
    }
}

@media (max-width: 576px) {
    .main {
        max-width: 540px;
    }
    header.header-top {
        /*position: fixed;*/
        width: 100%;
        background-color: #fff;
        z-index: 10;
        /*height: 80px;*/
        top: 0;
    }
    header.header-top.menu-logged {
        height: 110px;
    }

    .user-logged {
        padding-top: 110px;
    }
    .menu-desktop {
        font-size: 12px;
    }
    .shopping-content {
        margin-top: 3rem !important;
    }
    body {
        font-size: 12px;
    }
    .v-mobile {
        display: flex;
    }
    .v-desktop {
        display: none;
    }
    .header-mobile {
        display: flex;
    }
    .header-info {
        z-index: 1;
        white-space: nowrap;
        font-size: 12px !important;
    }
    .header-info .text-link {
        font-weight: normal
    }
    .search-box {
        width: 100%;
        margin: 10px;
        margin-top: 0;
    }
    .menu-mobile.v-mobile {
        display: none;
        position: fixed;
        background-color: white;
        top: 0;
        bottom: 0;
        min-height: 100%;
        width: 100%;
        opacity: 0;
        overflow-y: scroll;
        padding-bottom: 100px;
    }
    .menu-mobile.menu-open {
        display: block;
        opacity: 1;
        z-index: 2;
        font-size: 1rem;
    }
    .sub-menu-mobile>ul {
        opacity: 1 !important;
        visibility: visible !important;
        box-shadow: 0 2px 8px 0 rgba(174, 192, 191, 0.2) !important;
        background-color: #ffffff !important;
        z-index: 1 !important;
    }
    .row-mobile.row {
        margin-right: 0;
        margin-left: 0;
        justify-content: space-between;
    }
    .row-mobile.row>[class*="col-"] {
        padding-right: 0;
        padding-left: 0;
    }
    .col-xs-6 {
        width: 49%;
    }
    .product-item .product-name {
        font-size: 14px;
    }
    .product-item .sale-price, .fa.fa-heart {
        font-size: 12px;
    }
    .product-item .original-price, .product-item .product-brand {
        font-size: 10px;
    }
    .order-detail {
        padding-top: 35px;
    }
    .product-image .image {
        width: 167.5px;
        height: 252px;
    }
    .v-mobile.block {
        display: block;
    }
    .product-size {
        width: 38px;
        height: 36px;
        margin-left: 15px;
    }
    .product-size>.text-main {
        font-size: 1.05rem;
        font-weight: bold;
    }
    .product-sales {
        width: 38px;
        height: 36px;
        margin-right: 10px;
        padding: 0;
    }
    .product-sales>.text-main {
        font-size: 1.05rem;
        font-weight: bold;
    }
}

@media (min-width: 576px) {
    .main {
        max-width: 720px;
    }
    .menu-desktop {
        font-size: 10px;
    }

    .home-banner {
        padding-top: 0px;
    }
    .container-menu {
        max-width: 540px;
    }
}

@media screen and (max-width: 767px){
    .menuChilds > div{
        padding-bottom: 10px;
    }
    .carousel-indicators .item img {
        opacity: 1;
    }
    .percent-product{
        display: inline-block;
        width: 100%;
    }
    .percent-product span{
        display: block;
    }
    .bg-outstock .outstock{
        font-size: 20px;
    }
    .r-at-r .btn-js-add-cart{
        padding: 5px 0;
        font-size: 13px;
    }
    .percent-product span{
        font-size: 11px;
    }
    .menu-mobile ul{
        padding: 0 15px;
    }
    .banner-promotion{
        padding-bottom: 20px;
        border-radius: 0;
        height: auto;
        width: auto;
        overflow: hidden;
    }
    .left_promotion_index{
        text-align: center;
    }
    a.view_promotion{
        margin: auto;
        display: inline-block;
        padding-top: 20px;
    }
    .right_promotion_index{
        border-bottom: 1px solid #fff;
        margin: 0 20px 20px;
        padding-bottom: 20px;
    }
    .p-mobile .item:last-child{
        padding-bottom: 0;
    }
    .p-mobile .item{
        padding-bottom: 30px;
    }
    .policy_index .list_item_policy .line{
        display: none;
    }
    .policy_index .list_item_policy>div:not(:first-child){
        padding-top: 30px;
    }
    .list_item_footer > div{
        padding-bottom: 35px;
    }
    .right_banner_footer{
        text-align: center;
    }
    .banner-promotion .content_banner_promotion{
        height: auto;
        padding-bottom: 21px;
    }
    #searchBox .search_header{
        width: 100%;
    }
    #searchBox.active .search_header{
        z-index: 999;
    }
    .top_search.active .suggest-header{
        width: 100%;
        left: 0;
        right: 0;
        top: 57px;
    }
    #searchBox{
        border: none;
        position: relative;
        width: auto;
    }
    #tabSearch i {
        font-weight: 600;
    }
    .widget-header .label{
        display: none;
    }
    header.header-fixed .slogan_top_header{
        display: none;
    }
    header.header-fixed {
        box-shadow: 0 0 5px 0px #ccc;
    }
    header.header-top{
        position: -webkit-sticky;
        position: sticky;
        top: 0;
    }
    header.header-fixed.header-top {
        padding: 0;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 10;
        background: #fff;
        box-shadow: 0 0 0 1px #eee;
    }
    .menu-desktop{
        overflow: hidden;
    }
    .search-box-desk {
        width: auto;
        margin-right: 0;
    }
}


@media screen and (max-width: 1099px){
    .product5, .product6, .product7, .product8,.product9,.product10,.product11
    ,.product12,.product13,.product14,.product15,.product16,.product17
    ,.product18,.product19,.product20{
        display: none;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1100px){
    .menu-desktop div.dropdown .dropbtn span{
        padding: 6px;
    }

    .user-header .user-name, .user-header span{
        font-size: 9px;
    }
    .product-price > div{
        max-width: 100%;
    }
    .percent-product span{
        font-size: 10px;
    }
}
@media (max-width: 991px) {
    .p-mobile #banner-category-mobile-home .item{
        padding: 0;
    }
    #banner-category-mobile-home{
        margin-right: 0;
        margin-left: 0;
    }

    #banner-category-mobile-home.owl-theme .owl-dots .owl-dot.active span{
        background: #e2715f;
    }
    #banner-category-mobile-home.owl-theme .owl-dots .owl-dot span {
        background: #f4d5d0;
    }

}
#btnFilter{
    display: none;
}
.main.no-logged{
    display: none;
}
@media (max-width: 767px) {
    #btnFilter, .main.no-logged{
        display: block;
    }
    .v-desktop {
        display: none;
    }
}
@media (min-width: 768px) {
    .main {
        max-width: 768px;
    }

    header.header-top.menu-logged {
        height: 110px;
    }
    .menu-desktop {
        font-size: 12px;
    }
    .user-logged {
        padding-top: 110px;
    }
    .shopping-content {
        margin-top: 3rem !important;
    }
    .container-menu {
        max-width: 720px;
    }
    .no-logged {
        line-height: 80px;
    }
}

@media (min-width: 992px) {
    .main {
        max-width: 960px;
    }

    header.header-top.menu-logged {
        height: 110px;
    }
    .menu-desktop {
        font-size: 16px;
    }

    .user-logged {
        padding-top: 110px;
    }
    .shopping-content {
        margin-top: 3rem !important;
    }
    .container-menu {
        max-width: 960px;
    }
    .no-logged {
        line-height: 80px;
    }
}

/* Mobile Plus Styles */
@media (max-width: 325px) {

    .percent-product span{
        font-size: 7px;
    }
    .text-link-pink{
        font-size: 10px;
    }
    .product-image .image {
        width: 140.5px;
        height: 211px;
    }
    .header-info {
        z-index: 1;
        white-space: nowrap;
        font-size: 10px !important;
    }
    .section-title{
        font-size: 15px;
    }
}

@media (min-width: 1200px) {
    .main {
        max-width: 1140px;
    }
    header.header-top.menu-logged {
        height: 110px;
    }
    .menu-desktop {
        font-size: 18px;
    }
    .container-menu {
        max-width: 1140px;
    }

    .user-logged {
        padding-top: 110px;
    }
    .shopping-content {
        margin-top: 3rem !important;
    }
    .sticky {
        position: unset !important;
    }
    .sticky>.payment-body {
        margin: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
    }
    .no-logged {
        line-height: normal;
    }
}