/* Mobile - Tablet Style */
@media(max-width: 991px){
    /* Header Style */
    .header-mobile{
        background: #222;
    }
    .header-logo{
        padding: 10px 0;
    }
    .header-logo img{
        width: 20%;
    }
    .header-logo .header-search{
        display: none;
    }
    .header-logo.sticky{
        background: #222;
        z-index: 2;
        display: flex;
        justify-content: center;
    }
    .header-logo.sticky img{
        display: none;
    }
    .header-logo.sticky .header-search{
        width: 65%;
        padding: 0;
        display: block;
    }
    .menu-mobile-bar{
        color: #fff;
        position: absolute;
        top: 50%;
        transform: translateY(-50%) rotate(270deg) rotateX(180deg);
        left: 20px;
        font-size: 1.93rem;
    }
    .header-main-control{
        color: #fff;
        position: absolute;
        right: 20px;
        top: 50%;
        transform: translateY(-50%);
        width: 40px;
    }
    .header-main-cart{
        width: 40px;
    }
    .header-main-cart-count{
        width: 19px;
        height: 19px;
        top: -8px;
        right: -2px;
    }
    header #searchForm{
        border-radius: 5px;
        border: 1px solid #fff;
    }
    .header-search{
        padding: 0 15px 15px;
    }
    header #searchForm .search-button{
        position: absolute;
        color: #acacac;
    }
    header #searchForm input{
        width: 100%;
        padding: 7px 10px 7px 34px;
    }
    .header-bottom{
        padding: 10px 15px;
        font-size: .86rem;
        display: block;
    }
    .header-bottom a{
        padding: 0 8px;
    }

    /* Header Navigation Mobile Style */
    .menu-mobile-header{
        padding: 25px;
    }
    .close-button{
        color: #fff;
        font-size: 1.21rem;
        position: absolute;
        top: 25px;
        right: 25px;
    }
    .menu-mobile-info{
        color: #fff;
    }
    .menu-mobile-info a{
        color: #d4ae80;
    }
    .menu-mobile-info-hotline{
        font-weight: 700;
    }
    .menu-mobile-control{
        padding: 25px 0 30px;
    }
    .menu-mobile-check-order a{
        color: #d4ae80;
        border: 1px solid #d4ae80;
        padding: 5px 15px;
        border-radius: 17px;
        font-size: .86rem;
    }
    .menu-mobile-control-right{
        padding-right: 0;
        color: #fff;
    }
    .menu-mobile-control i{
        font-size: 1.57rem;
    }
    .menu-mobile-wish-list{
        padding-right: 25px;
    }
    .menu-mobile-wish-list-count{
        background: #fe491a;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        width: 20px;
        height: 20px;
        position: absolute;
        top: -10px;
        right: 15px;
    }
    .menu-mobile-cart{
        padding-right: 10px;
    }
    .menu-mobile-cart-count{
        background: #fe491a;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        width: 20px;
        height: 20px;
        position: absolute;
        top: -10px;
        right: 0;
    }
    .menu-mobile-search{
        padding-bottom: 30px;
    }
    .menu-mobile-control-bottom{
        margin-left: 0;
        margin-right: 0;
    }
    .menu-mobile-sign-in, .menu-mobile-sign-up{
        padding-left: 0;
        padding-right: 10px;
    }
    .menu-mobile-sign-in a{
        background: #d4ae80;
        padding: 4px;
        border-radius: 17px;
        display: block;
        text-align: center;
    }
    .menu-mobile-sign-up a{
        background: #fff;
        padding: 4px;
        border-radius: 17px;
        display: block;
        text-align: center;
    }
    .menu-mobile-social a{
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 25%;
        background: #acacac;
        border-radius: 50%;
    }
    .menu-mobile-social a:not(:last-child):not(:first-child){
        margin: 0 10px;
    }
    .menu-mobile-social img{
        padding: 7px;
    }
    .ul-mobile.ul-mobile-1{
        padding: 0 15px;
    }
    .li-mobile{
        width: 100%;
    }
    .link-span{
        color: #d4ae80;
    }
    .link-span i{
        margin: 0 5px;
    }
    .link-mobile{
        color: #acacac;
    }
    .ul-mobile-2{
        display: none;
    }
    .link-span.active{
        background-color: transparent!important;
        color: #d4ae80!important;
    }
    .header-navigation{
        background: #222;
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 3;
        transform: translateX(-100%);
        transition: .7s;
        overflow-y: scroll;
    }
    .header-navigation::-webkit-scrollbar{
        width: 0;
    }

    /* Footer Style */
    .footer-logo img{
        width: 150px;
    }
    .footer-left-title{
        height: auto;
        padding: 17px 0;
        text-align: center;
        text-transform: none;
        position: relative;
    }
    .footer-left .footer-left-title:after, .footer-right .footer-left-title:after{
        content: '';
        background: #d4ae80;
        width: 100px;
        height: 4px;
        position: absolute;
        bottom: 7px;
        left: 50%;
        transform: translateX(-50%);
        border-radius: 100px;
    }
    .footer-fanpage .footer-left-title{
        padding-bottom: 5px;
    }

    /* Index Style */
    .index-banner-intro{
        display: none;
    }
    .section-product .header-bottom a{
        color: #000;
        padding: 0;
    }
    .section-product .header-bottom a p{
        margin: 0;
    }
    .index-product-block{
        padding-top: 10px;
    }
    .index-product-icon-lotus img{
        width: 45%;
    }
    .index-product-title{
        font-size: 1.79rem;
        letter-spacing: 4px;
        padding: 20px;
    }
    .index-news-title{
        text-align: center;
        margin-bottom: 25px;
        font-size: 2rem;
        line-height: 1.2;
    }
    .news-item:not(:last-child){
        margin-bottom: 20px;
    }
    .index-email-subscribe .container{
        padding: 20px;
    }
    .index-email-subscribe .container .row{
        padding: 0;
    }
    .index-email-subscribe-content{
        padding-bottom: 20px;
    }

    /* Product Box Style */
    .product-box{
        padding-bottom: 20px;
    }
    .product-show-new, .product-show-hot{
        top: 6px;
        right: 6px;
        width: 30px;
        height: 30px;
        font-size: .57rem;
    }
    .product-show-new-title, .product-show-hot-title{
        width: 26px;
        height: 26px;
    }
    .product-percent-discount{
        top: 8px;
        left: 8px;
        width: 25px;
        height: 25px;
        font-size: .7rem;
        box-shadow: 0 0 0 4px rgba(227, 227, 227, .7),
                    0 1px 0 0 rgba(227, 227, 227, .7);
    }
    .product-box-control{
        top: -27px;
    }
    .add-to-wish-list, .quick-cart{
        width: 25px;
        height: 25px;
        box-shadow: 0 0 0 4px rgba(227, 227, 227, .7),
                    0 1px 0 0 rgba(227, 227, 227, .7);
    }
    .out-of-stock{
        font-size: .79rem
    }
    .product-name{
        max-height: 75px;
    }

    /* News Style */
    .news-category{
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }
    .news-category-list{
        width: 50%;
        margin-right: 0!important;
        margin-bottom: 10px;
        text-align: center;
    }
    .section-news .news-name{
        margin-bottom: 0;
    }
    .news-view-title div{
        width: 100%;
    }
    .news-title{
        text-align: center;
        margin-bottom: 20px;
    }

    /* Section Product Style */
    .product-list .row{
        margin-left: -15px;
    }
    .section-product .product-box{
        padding: 0 15px 20px;
    }
    .paginator .labelPages{
        float: none;
        text-align: right;
        display: block;
    }

    /* Product View Style */
    .section-product-view .site-breadcrumb{
        padding: 15px;
    }
    .product-view .row{
        margin-left: 0;
        margin-right: 0;
    }
    .product-view-img{
        padding: 0;
    }
    .product-view-main-info{
        padding: 20px 0 0;
    }
    .product-view-information-list{
        padding: 20px 0;
    }
    .product-view-information-label{
        text-align: center;
        padding: 0 5px 7px;
    }
    .product-view-vote{
        margin-left: -15px;
        margin-right: -15px;
    }
    .product-view-vote-percent-star{
        width: 145px;
        font-size: 0.93rem;
    }
    .product-view-vote-right-title{
        margin: 15px 0;
        text-align: center!important;
    }
    .product-view-cote-right-content{
        height: 88px;
    }
    .product-view-information-item{
        padding: 25px 0;
    }
    .product-view-information-block{
        order: 2;
        margin-top: 25px;
    }
    .product-view-more-info{
        display: block;
        padding: 15px;
    }
    .product-view-related-list-mobile img{
        height: auto!important;
    }

    /* Product Style */
    .product-banner{
        margin-bottom: 0!important;
        height: 77px;
    }
    .product-banner img{
        height: 100%;
        max-height: 100%;
        object-fit: cover;
    }
    .product-sidebar-filter-price{
        margin: 20px 0;
    }

    /* Checkout Style */
    .checkout-title{
        margin: 25px 0;
    }
    .checkout-cart-mobile-item{
        padding-bottom: 25px;
        margin-bottom: 25px;
        border-bottom: 1px solid #acacac;
    }
    .item-info{
        padding-right: 0;
    }
    .item-price{
        margin: 7px 0;
    }
    .item-quantity .number-minus{
        left: 0;
    }
    .item-quantity .number-plus{
        right: 0;
    }
    .item-total{
        font-weight: 600;
    }
    .checkout-cart-delete{
        position: absolute;
        top: -15px;
        right: 10px;
    }
    .checkout-cart-mobile-total-money{
        font-weight: 600;
        margin-bottom: 20px;
    }
    .control-shopping-more{
        padding-right: 3px;
        padding-left: 0;
    }
    .continue-shopping{
        width: 100%;
        display: block;
        padding: 7px 5px;
        text-align: center;
    }
    .control-remove-all{
        padding-left: 3px;
        padding-right: 0;
    }
    .remove-all{
        width: 100%;
        display: block;
        padding: 7px 5px;
        text-align: center;
    }
    #formCheckout.row{
        padding: 30px 0 70px;
    }
    .checkout-form-information-list.row .col-5{
        padding-left: 10px;
    }
    .checkout-form-select-city{
        margin-bottom: 25px;
    }
    .payment-method input{
        width: auto!important;
    }
    #formCheckout input{
        padding-bottom: 0;
    }

    /* User Style */
    .profile-history-order-title{
        margin-top: 20px;
    }
    .profile-history-order{
        padding: 0 15px;
    }
    .profile-history-order-table .row{
        margin-left: 0;
        margin-right: 0;
    }

    /* Her Recruit Style */
    .recruit-item-content{
        padding: 10px;
    }
    .fixed_mobile{
        display: block;
        position: fixed;
        width: 100%;
        background-color: white;
        bottom: 0;
        left: 0;
        z-index: 999;
    }
    .combo-shopping .style-list .imge_combo{
        display: block;
    }
    .combo-shopping .imge_item{
        display: inline-block;
    }
    .btn_combo{
        padding-top: 15px;
        width: 100%;
        text-align: left;
    }
    .btn_combo p{
        text-align: left;
    }
    .childs-cate {
        display: block;
    }
}

/*****----- Mobile S Screen -----*****/
@media(max-width: 320px){}

/*****----- Mobile M Screen -----*****/
@media(min-width: 321px) and (max-width: 375px){}

/*****----- Mobile L Screen -----*****/
@media(min-width: 376px) and (max-width: 425px){}

/*****----- Tablet Screen -----*****/
@media(min-width: 426px) and (max-width: 768px){}

/*****----- Laptop S Screen -----*****/
@media(min-width: 769px) and (max-width: 991px){}

/*****----- Laptop M Screen -----*****/
@media(min-width: 992px) and (max-width: 1024px){
    .header-top-middle input{
        width: 100%;
    }
}

/*****----- laptop L Screen -----*****/
@media(min-width: 1025px) and (max-width: 1440px){}

/*****----- Laptop XL screen -----*****/
@media(min-width: 1441px) and (max-width: 1920px){}

/*****----- 4K Screen -----*****/
@media(min-width: 1921px) and (max-width: 2560px){}