img {max-width: 100%;height: auto !important;}
.modal-backdrop {display: none;}
.modal {background: rgba(0, 0, 0, 0.5);}
.np {padding: 0 !important;}

.modal-coupon .modal-dialog {max-width: 370px;}
.modal-cart-list .modal-dialog {max-width: 1000px; width: 100%;}
.modal-cart-list .modal-title {font-weight: bold; font-size: 18px; padding-left: 15px; padding-top: 25px; padding-bottom: 10px;}

.modal-coupon .modal-content {background: url('../img/opcou.webp') no-repeat 0 0; background-size: cover; padding: 15px;}
.modal-coupon .modal-title {text-align: center;font-weight: 700;font-size: 18px;margin-top: 15px;margin-bottom: 0px;padding-bottom: 15px;position: relative;color: #000;}
.modal-coupon .modal-body {max-height: 336px;overflow-y: scroll;padding-top: 0;}
.modal-coupon .coupon-item {background: #fff; padding: 15px; margin-bottom: 15px; border-top: 3px solid #fa6338;}
.modal-coupon .coupon-item.last {margin-bottom: 0;}
.modal-coupon .coupon-item-code {text-transform: uppercase; font-weight: 700; font-size: 18px; color: #fa6338; margin-bottom: 5px;}
.modal-coupon .coupon-item-apply {color: #fa6338; margin-bottom: 25px;}
.modal-coupon .modal-footer {border: none;text-align: center;margin-top: 0;/* padding-top: 0; */padding-bottom: 4px;}
.modal-coupon .modal-footer span {display: inline-block; background: #222222; width: 100%; height: 40px; color: #fff; line-height: 40px; text-transform: uppercase; font-weight: 600;}
.modal-coupon .modal-footer a {color: #fff;}


#cart-page {margin-top: 30px; border-top: 1px solid #ccc; padding-top: 25px;}
.cart .cart-body input[type=text], .cart .cart-body textarea {border: 1px solid #ccc !important; border-radius: 0 !important; height: 32px !important; padding: 0 0 0 8px !important;}
.cart-title {font-weight: bold;margin-bottom: 15px;padding-bottom: 10px;border-bottom: 1px solid #ccc;/* width: 100%; *//* float: left; */font-size: 18px;}
.cart-title2 {font-size: 15px;font-weight: bold;margin-bottom: 10px;}
.cart-body-points {width: 100%;float: left;padding-bottom: 20px;border-bottom: 1px solid #ccc;margin-bottom: 20px;}
.cart-body-points span {float: left;}
.cart-body-points span.r {float: right;}
.cart-body-points span.r2 {font-size: 13px;}
.tbl-cart {width: 100%;}
#buyer_note {width: 100%;height: 145px !important;}
.cart-left {width: 100%;}
.form-cart-item {margin-bottom: 12px;}
.form-cart-item input {width: 100%;}

.user-tab-title {font-weight: 700;font-size: 21px;margin-bottom: 25px;}
.user-tab-content .coupon-item {max-width: 600px; background: #fff; padding: 15px; margin-bottom: 15px; border-bottom: 1px solid #e5e5e5}
.user-tab-content .coupon-item.last {margin-bottom: 0;}
.user-tab-content .coupon-item-code {text-transform: uppercase; font-weight: 700; font-size: 18px; color: #fa6338; margin-bottom: 5px;}
.user-tab-content .coupon-item-code2 {color: #000;}
.user-tab-content .coupon-item-apply {color: #333; margin-bottom: 25px;}

.header {padding-bottom: 0;position: relative;}
.header-logo {width: 400px;height: 100%;float: left;position: absolute;top: 0;vertical-align: middle;display: flex;align-items: center;}

li.carts, li.login {padding-top: 13px;margin-left: 15px;}
li.login a, li.carts a {padding: 0 !important;margin-left: 0px;margin-top: 3px;}
li.login a {margin-left: 25px;}
li.carts a i, li.login a i {font-size: 20px;color: #4a4a4a;padding: 0;}
li .cart-h {position: relative;}
li .cart-h span {position: absolute;top: -8px;left: 18px;z-index: 99;font-size: 10px;background: #ff0000;width: 12px;height: 13px;display: inline-block;border-radius: 50%;line-height: 13px;text-align: center;color: #fff;}
.user-info-head {margin-left: 10px; font-style: italic;}

.home-hangmoive-item {width: 20%;}
.header-banner {
    float: left;
    width: 100%;
}
.header-banner img {width: 100% !important;}
.header-banner p {margin-bottom: 0;padding: 0;float: left;width: 100%;}
.banner img {
    width: 100%;
}
.home-news-bottom .item {background: #0c79d5;/* border-radius: 61px; */}
.home-news-bottom .item .col-sm-5 {/* padding-left: 0; */}
.hpcontent {padding: 45px 40px 20px 60px;color: #fff;}
.home-news-bottom-title {font-size: 40px;line-height: 50px;margin-bottom: 15px;}
.home-news-bottom-des {margin-top: 30px; margin-bottom: 30px;}

.home-news-bottom-link {}
.home-news-bottom-link a {color: #333; background: #fff; height: 40px; line-height: 40px; display: inline-block; border-radius: 12px; padding: 0 35px;}
.home-news-bottom-link a:hover {background: #e5e5e5;}

.tietkiem {margin-top: 0;padding: 5px 0;}
.tietkiem_num {color: #ff0000;}
.tietkiem_percent {background: #f9cf19;padding: 5px 9px;margin-left: 15px;color: #333;font-size: 11px;font-weight: 600;}



.luotmua {margin-bottom: 4px;}

.modal-sizes .modal-title {text-align: center; font-weight: 700; color: #000; margin-top: 25px; margin-bottom: 15px; font-size: 18px;}
.modal-sizes table {width: 100% !important;}
.modal-sizes tr td {padding: 4px 8px;}
.modal-sizes tr:first-child {background: #e7e7e7; font-weight: bold;}

.chonsize {/* margin-top: 30px; *//* margin-bottom: 15px; */display: inline-block;margin-left: 15px;color: #0072d3;float: right;}
.chonsize img {height: 12px !important;}

.modal .modal-dialog {top: 40%;transform: translate(0, -50%) !important;}

.product-detail-related {margin-bottom: 35px;}

.product-related {margin-bottom: 45px;}

.modal-close:after {display: block;font-family: fontawesome;content: "\f00d";position: absolute;top: -20px;right: 2px;cursor: pointer;}
.res-msg {
    color: #ff0000;
    margin-top: 5px;
    margin-bottom: 20px;
    text-align: center;
    font-weight: 600;
}
.res-msg-done {
    text-align: center;
    margin-bottom: 210px;
    margin-top: 110px;
    color: #333;
}

h2, h3, h4, h5 {line-height: 22px;}

.ptab-content {line-height: 21px;}
.title-footer {
    color: #333;
    padding: 0;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 15px;
}
.body-footer {margin-bottom: 25px;}
.body-footer ul {margin: 0;padding: 0;list-style: none;}
.body-footer.body-cats li {width: 50%; float: left;}
.body-footer li {margin-bottom: 4px;}
.body-footer li a {color: #666;}
.body-footer li a:hover {color: #000;}
.body-footer img {height: 24px !important; margin-right: 10px;}


.footer .social-icons a {margin-right: 10px;}
.footer-subcriber form {position: relative;width: 100%;max-width: 590px;}
.footer-subcriber input {width: 100%; padding-left: 8px;}
.footer-subcriber button {position: absolute; top: 0; right: 0; padding: 0 15px; background: #0072d3; color: #fff;}
.footer-subcriber input, .footer-subcriber button {border: 1px solid #ccc; height: 32px; }
.footer-subcriber button {border: 1px solid #0072d3;}

.social-icons .youtube .icon {background: #ff0000; color: #fff;}
.copyright {font-size: 14px; margin-top: 45px;}
.copyright ul {list-style: none; padding: 0; margin-top: 10px;}
.copyright li {display: inline-block;}
.copyright li a {text-decoration: underline;}
.copyright li a:after {content:"|"; padding: 0 10px;}

.product-section {
    background-color: #fff;
    border-radius: 5px;
    padding: 15px;
    margin-bottom: 15px;
    border-radius: 3px;
    box-shadow: 0 1px 1px 0 rgb(0 0 0 / 5%);
    border-top: 15px solid #e5e5e5;
    margin-top: 30px;
}
.product-section .tabcontent {
    float: left;
    display: block;
    padding: 0px 12px;
    width: 100%;
    border-left: none;
    font-size: 1em;
    color: #777777;
    font-weight: 700;
    margin-top: 14px;
}
.padding-left-10 {
    padding-left: 10px;
}
.rating {
    width: 100%;
}
.rating .title {
    font-size: 1.2em;
    font-weight: 700;
}
.rating p {
    color: #222222;
}

.rating-stars ul {
    list-style-type: none;
    padding: 0;
    float: left;
    width: 100%;
    text-align: left;
}
.rating-stars ul li.star {
    display: inline-block;
    font-size: 17px;
}
.rating-stars ul li.star i {
    font-size: 1.2em;
    color: #ccc;
}
.rating-stars ul li.star.selected i {
    color: #ee4d2d;
}
.rating-stars ul li.star.hover i {
    color: #ee4d2d;
}

.product-section .send {
    border: none;
    color: white;
    width: 100px;
    height: 40px;
    font-size: 1.2em;
    text-transform: uppercase;
    background-color: #ee4d2d;
    margin: 20px 0 20px 0;
}
.txt1 p {
    font-weight: 700;
    font-size: 1em;
}
.tabcontent p {
    margin-top: 10px;
}
.product-section p {
    margin-bottom: 1.3em;
}
.f1 {
    width: 49%;
}
.product-section .info {
    display: flex;
    justify-content: space-between;
}
.product-section label {
    font-weight: 700;
    color: #222222;
}
.product-section h5 {
    font-weight: 700;
    color: rgba(0, 0, 0, 0.8);
    font-size: 16px;
    line-height: 1.5;
    text-transform: uppercase;
    margin-top: 30px;
}

.product-rate-list {border-top: 15px solid #e5e5e5;padding-top: 25px;margin-top: 35px;}
.rate-item  {
    display: flex;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 15px;
    margin-bottom: 15px;
}
.rate-item:last-child {border: none;}
.rate-item .avatar {width: 95px;/* display: inline-block; */}
.rate-item .avatar img, .rate-item .avatar span {width: 70px;height: 70px;border-radius: 50%;display: inline-block;background: #e5e5e5;}
.rate-item .rate-info {/* width: calc(100% - 55px); *//* float: left; */}
.rate-item .rate-info .fullname {width: 100%;font-weight: 300;}
.rate-item .rate-content {width: 100%;}
.rate-item .rate-content img {max-height: 120px;}

.rate-item .rate-stars ul {list-style: none;padding: 0;}
.rate-item .rate-stars li {display: inline-block;}
.rate-item .rate-stars li i { color: #ccc;}
.rate-item .rate-stars li.active i { color: #ee4d2d;}


.luotmua  ul {list-style: none;padding: 0;display: inline-block;margin-left: 15px;}
.luotmua  li {display: inline-block;margin-right: 3px;}
.luotmua  li i { color: #ccc;}
.luotmua  li.active i { color: #ee4d2d;}

.image-sizes .imgicon.active, .image-colors .imgicon.active {border: 1px solid #ff0000;}
.image-colors .imgicon:before {border: 1px solid #fff;width: 28px;height: 28px;display: inline-block;content: '';border-radius: 50%;}
.extra-data-cart {font-size: 13px; margin-top: 7px;}
.select-quantity {margin-top: 10px;width: 110px;float: left;}
.select-quantity input, .select-quantity a {width: 30px;height: 30px;display: inline-block;text-align: center;border: 1px solid #3f3f3f;float: left;margin-right: 3px;line-height: 30px;}

.home-menu .child-list-product {width: 200px;}
.home-menu .child-list-product li {width: 200px;position: relative;}
.home-menu .child2-list-product {position: absolute;left: 163px;top: 0;display: none;}
.home-menu .child-list-product li:hover .child2-list-product {display: block;}
.image-sizes .imgicon {margin-bottom: 5px;}

.add-to-cart-span {width: 100%;display: inline-block;text-align: center;margin-bottom: 25px;color: #333;}
.add-to-cart-span span {background: #0c79d5; color: #fff; padding: 5px 9px; border-radius: 5px;}
.add-to-cart-span:hover span {background: #ee4d2d;}

.size_label {width: 100%; float: left; }
.add_quan {width: 100%; float: left;}
.tiktok img {width: 34px;height: 34px !important;}
.fixed-chats {position: fixed;bottom: 25px;left: 15px;z-index: 9999;}
.fixed-chats img {max-width: 48px;margin-bottom: 15px;}
.banner {text-align: center;}
.sidebar-product a {color: #333;}
.sidebar-product a:hover {color: #ee4d2d;}

.owl-carousel-flashsale {position: relative;}
.owl-carousel-flashsale .owl-nav.disabled {display: block;}
.owl-carousel-flashsale .owl-nav.disabled button {position: absolute;top: 30%;width: 40px;height: 40px;line-height: 40px;text-align: center;background: #dbdbdb;}
.owl-carousel-flashsale .owl-nav.disabled button:hover {background: #ee4d2d; color: #fff;}
.owl-carousel-flashsale .owl-nav .owl-prev {left: 0;}
.owl-carousel-flashsale .owl-nav .owl-next {right: 0;}
.preview-image {max-width: 100px;}

.adm-absolute {position: relative;}
.adm-absolute .adm-glyphicon {position: absolute;top: 0;right: -10px;z-index: 999;/* left: 50%; */}
.copyright.adm-absolute .adm-glyphicon {bottom: -10px;top: auto;left: 50%;}
.header-panel {width: 90px;position: absolute;top: 25px;right: 0; z-index: 99999;}
.header-panel ul {list-style: none;width: 100%;padding: 0;}
.header-panel ul li {float: left;margin-left: 12px;}
.header-panel ul li:first-child {margin: 0;}
.header-panel ul li .fa {font-size: 18px;}


@media all and (max-width: 768px) {
.sort-products select::-ms-expand {
    display: none !important;
}
.sort-products select {
    -moz-appearance: none;
    appearance: none;

    text-overflow: ''; /* this is important! */
    width: 100%;
}
    .swipe-pop-term {padding-bottom: 15px;float: left;display: none;}
    .flashsale-count {width: 100%;}
    .rate-item .avatar {display: none;}
    .rate-item .rate-info {width: 100%;}
    .rate-item .rate-dated {float: right;font-size: 12px;}
    .rate-item .rate-content {width: 100%; float: left;}
    .rate-item .rate-info .fullname, .rate-item .rate-info .rate-stars {float: left;width: auto;}
    .rate-item .rate-info .fullname {margin-right: 10px;}
    .rate-item .rate-info .rate-stars i {font-size: 12px;}
    .home-hangmoive-item {width: 50%;float: left;}
    .hpcontent {padding: 0 15px;}
    .home-news-bottom-title {font-size: 21px;line-height: 28px;margin-top: 20px;}
    .home-news-bottom-des {padding: 0;margin-top: 15px;margin-bottom: 15px;}
    .home-news-bottom-link {margin-bottom: 25px;}
    .swipe-pop {height: 36px !important;position: fixed;top: auto;bottom: 0;left: 0;z-index: 999999;background-size: cover !important;width: 100%;max-width: 100%;display: inline-block;}

    .swipe-pop.active {
        height: 205px !important;
    }
        
   .outside-txt {
        position: absolute;
        cursor: pointer;
        top: 0 !important;
        left: 0;
        bottom: 0;
        width: 324px;
        height: 36px;
        line-height: 36px;
        letter-spacing: 5px;
        font-size: 22px;
        color: #faeff3;
        font-weight: 700;
        text-transform: uppercase;
        -webkit-transform: translate(-50%,-50%) rotate(-90deg);
        transform: translate(0) rotate(0);
        overflow: hidden;
        background: rgb(74, 74, 74);
        text-align: center;
    }

    .swipe-pop-form {margin-top: 142px !important;position: relative;}
    .swipe-pop-form button {width: 100px !important;}
    .swipe-pop-form input {width: calc(100% - 109px) !important;margin-bottom: 3px;}
    .header-logo {width: 100%;}
    .detail-product .image-list img {margin: 0 0 15px 0;padding: 0;max-width: 100%;}
    .tbl-cart-responsive table {min-width: 800px;}
    .fixed .header-panel, .fixed .mobile_icon {top: 11px;}
    .form-mb-search .form-horizontal .form-group-nav {margin: 0;}
    .borderFilterMobile label {display: none;}
    .filterSmallScreen {display: none !important;}
     .borderFilterMobile {width: 100%; margin-bottom: 20px; position: initial;}
    .outerSort-body {float: left;width: 68%;right: 16%;/* position: relative; */}
    .outerSort {height: 60px;}
    .product-list-page-title, .news-list-page-title {
    margin-bottom: 25px;
    margin-top: 15px;
}

.float-panel {position: relative;}
.header-panel, .mobile_icon {position: absolute; top: 50% !important; transform: translate(0,-50%);}
.header {border: none;}
}