a{moz-transition:all .3s;ms-transition:all .3s;o-transition:all .3s;transition:all .3s;webkit-transition:all .3s}
a:hover,a:active,a:focus{text-decoration:none!important;color: #cf949a;}
img{max-width: 100%;}
body{font-size: 15px;margin:0;font-family: 'Open Sans', sans-serif; right: 0px;position: relative;}
body p{font-size:15px;margin:0;font-family: 'Open Sans', sans-serif;}
.clear60{clear:both;height:60px}
.clear40{clear:both;height:40px}
.clear20{clear:both;height:20px}
.clear10{clear:both;height:10px}
.center{text-align:center}
.left{text-align:left}
.right{text-align:right}
.nopadding{padding:0!important}
.nomargin{margin:0}
.fullwidth{width: 100%;}
.clwhite{color: #fff;}
.clblack{color: #000;}
.bold{font-weight: bold;}
.flex{display: flex;align-items: center;}
.flex-n{display: flex;}
.flex-bw{display: flex;align-items: center;justify-content: space-between;}
.flex-wrap{display: flex;flex-wrap: wrap;}
.show1199{display: none;}
.show991{display: none;}
.show767{display: none;}
.show480{display: none;}
.row:before{content: unset;}
.editer img{
    height: auto !important;
}
.editer p{
    margin-bottom: 10px;
}
.header-top{
    background: #e9cbcd;
    padding: 7px 0;
}
.ul-main-menu{
    display: flex;
    align-items: center;
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.ul-main-menu > li > a{
    display: inline-block;
    padding: 40px 0;
    margin: 0 20px;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 18px;
    color: #000;
    border-top: 4px solid #fff;
    border-bottom: 4px solid #fff;
    
}
.ul-main-menu > li:hover > a{
    border-bottom: 4px solid #cf949a;
    color: #cf949a;
}
.has-sub{
    position: relative;
}
.ul-sub-menu{
    position: absolute;
    top: 100%;
    left: 20px;
    background: #cf949a;
    list-style-type: none;
    padding: 0;
    margin: 0;
    z-index: 9999;
    min-width: 200px;
    display: none;
}
.ul-sub-menu > li > a {
    display: block;
    color: #fff;
    text-transform: uppercase;
    padding: 10px 20px;
    white-space: nowrap;
}
.ul-sub-menu > li:hover > a{
    background: #f1f1f1;
    color: #cf949a;
}
.has-sub-2{
    position: relative;
}
.ul-sub-menu-2{
    position: absolute;
    top: 0;
    left: 100%;
    background: #cf949a;
    list-style-type: none;
    padding: 0;
    margin: 0;
    z-index: 9999;
    min-width: 200px;
    display: none;
    border-left: 1px solid #f1f1f1;
}
.ul-sub-menu-2 > li > a {
    display: block;
    color: #fff;
    text-transform: uppercase;
    padding: 10px 20px;
    white-space: nowrap;
}
.ul-sub-menu-2 > li:hover > a{
    background: #f1f1f1;
    color: #cf949a;
}
.has-sub-2:hover .ul-sub-menu-2{
    display: block;
}
.has-sub:hover .ul-sub-menu{
    display: block;
}
.ge-language{
    position: relative;
}
.a-ge-pub {
    color: #000;
    font-size: 18px;
    text-transform: uppercase;
    display: inline-block;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}
.a-lang.adline{
    border-bottom: 1px solid #cf949a;
}
.ul-language {
    position: absolute;
    margin: 0;
    list-style-type: none;
    background: #cf949a;
    padding: 3px 10px;
    border-radius: 6px;
    width: 40px;
    left: calc(50% - 20px);
    top: calc(100% + 10px);
    display: none;
    z-index: 9999;
}
.ul-language > li > a {
    color: #fff;
    border-bottom: 1px solid #fff;
    margin-bottom: 3px;
    display: inline-block;
    padding-bottom: 3px;
}
.ul-language > li:last-child > a{
    border-bottom: none;
    margin: 0;
    padding: 0;
}
.ul-language:before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(102, 102, 102, 0);
    border-bottom-color: #cf949a;
    border-width: 6px;
    margin-left: -6px;
}
.flex-end{
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}
.group-exten {
    width: 120px;
}
.ul-user {
    position: absolute;
    margin: 0;
    list-style-type: none;
    background: #cf949a;
    padding: 3px 10px;
    border-radius: 6px;
    left: calc(50% - 53px);
    top: calc(100% + 10px);
    width: 106px;
    display: none;
    z-index: 9999;
}
.ul-user > li > a {
    color: #fff;
    display: inline-block;
    white-space: nowrap;
    padding: 5px;
}
.ul-user > li{
    border-bottom: 1px solid #fff;
}
.ul-user > li:last-child{
    border-bottom: unset;
}
.ul-user:before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(102, 102, 102, 0);
    border-bottom-color: #cf949a;
    border-width: 6px;
    margin-left: -6px;
}
.form-search-head{
    position: absolute;
    margin: 0;
    list-style-type: none;
    background: #cf949a;
    padding: 3px 10px;
    border-radius: 6px;
    /*left: calc(50% - 100px);*/
    right: -25px;
    top: calc(100% + 10px);
    width: 200px;
    display: none;
    z-index: 9999;
}
.form-search-head:before {
    bottom: 100%;
    /*left: 50%;*/
    right: 28px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(102, 102, 102, 0);
    border-bottom-color: #cf949a;
    border-width: 6px;
    margin-left: -6px;
}
.form-search-head form{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.form-search-head input {
    border: none;
    box-shadow: unset;
    outline: unset;
    width: calc(100% - 40px);
    background: none;
    color: #fff;
    font-style: italic;
    padding: 5px 0;
}
.form-search-head button{
    width: 40px;
    background: none;
    border: none;
}
.form-search-head input::-webkit-input-placeholder {
  color: #fff;
}
.form-search-head input:-ms-input-placeholder {
  color: #fff;
}
.form-search-head input::placeholder {
  color: #fff;
}
.a-cart {
    position: relative;
}
.a-cart span{
    position: absolute;
    top: -8px;
    right: -15px;
    font-size: 11px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    background: #cf949a;
    border-radius: 50%;
    color: #fff;
    font-weight: 700;
}
.flex-start{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.left-sp-cart{
    width: calc(100% - 30px);
}
.img-sp-cart{
    width: 60px;
}
.info-sp-cart{
    width: calc(100% - 70px);
}
.name-sp-cart{
    font-size: 13px;
    font-weight: 700;
    margin: 0;
    margin-bottom: 5px;
}
.name-sp-cart a{
    color: #fff !important;
}
.price-sp-cart{
    font-size: 13px;
    color: #fff;
}
.block-cart-head{
    position: absolute;
    margin: 0;
    list-style-type: none;
    background: #cf949a;
    padding: 20px;
    border-radius: 6px;
    /*left: calc(50% - 150px);*/
    right: -25px;
    top: calc(100% + 10px);
    width: 300px;
    display: none;
    z-index: 9999;
}
.block-cart-head:before {
    bottom: 100%;
    /*left: 50%;*/
    right: 28px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(102, 102, 102, 0);
    border-bottom-color: #cf949a;
    border-width: 6px;
    margin-left: -6px;
}
.item-cart-head{
    border-bottom: 1px solid #fff;
    margin-bottom: 10px;
    padding-bottom: 10px;
}
.tamtinh{
    text-align: center;
    color: #fff;
    margin-bottom: 10px;
}
.mgbt10{
    margin-bottom: 10px;
}
.mgbt20{
    margin-bottom: 20px;
}
.control-cart a{
    display: inline-block;
    font-size: 14px;
    background: #f2f2f2;
    color: #cf949a;
    padding: 7px 10px;
    font-weight: 700;
    border-radius: 4px;
}
.main-banner{
    position: relative;
}
.main-banner .owl-theme .owl-nav{
    margin-top: 0 !important;
}
.main-banner .owl-carousel .owl-nav button.owl-next {
    position: absolute;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 68px;
    height: 68px;
    background: rgba(233, 203, 205, 0.7) !important;
    color: #fff;
    top: calc(50% - 34px);
    right: calc(50% - 700px);
    z-index: 9;
    margin: 0;
    font-size: 30px;
    outline: unset;
}
.main-banner .owl-carousel .owl-nav button.owl-prev{
    position: absolute;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 68px;
    height: 68px;
    background: rgba(233, 203, 205, 0.7) !important;
    color: #fff;
    top: calc(50% - 34px);
    left: calc(50% - 700px);
    z-index: 9;
    margin: 0;
    font-size: 30px;
    outline: unset;
}
.tit-pub{
    font-size: 30px;
    margin: 0;
    margin-bottom: 40px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
}
.tit-pub:after{
    content: "";
    display: block;
    width: 60px;
    height: 2px;
    margin: 0 auto;
    background: #cf949a;
    margin-top: 20px;
}
.col20{
    width: 20%;
    padding: 0 15px;
}
.img-prod{
    display: block;
    text-align: center;
    position: relative;
    z-index: -1;
}
.item-prod{
    border: 1px solid #ccc;
    padding: 15px;
    position: relative;
    margin-bottom: 30px;
}
.name-prod{
    margin: 15px 0;
    text-align: center;
    font-weight: 700;
}
.price-prod{
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.price-prod-new{
    font-size: 16px;
    font-weight: 700;
    color: #f00;
}
.price-prod-old{
    font-size: 16px;
    color: #a7a7a7;
    text-decoration: line-through;
}
.item-prod:hover{
    border: 1px solid #cf949a;
}
.item-prod:hover:before{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(255, 255, 255, 0.7);
    z-index: 2;
}
.item-prod:hover .block-view-addtocart{
    display: flex;
}
.block-view-addtocart {
    position: absolute;
    z-index: 99;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    display: none;
}
.block-view-addtocart a{
    display: inline-block;
    background: #cf949a;
    padding: 7px 15px;
    color: #fff;
    border-radius: 50px;
    margin-bottom: 10px;
}
.block-view-addtocart a i{
    margin-right: 7px;
}
.block-view-addtocart a:last-child{
    margin: 0;
}
.block-cate-home{
    width: calc(33.333333% - 20px);
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.block-cate-home:before{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    background: rgba(0,0,0,0.2);
}
.main-category{
    padding: 0 20px;
}
.name-cate{
    position: absolute;
    font-size: 36px;
    margin: 0;
    font-weight: 700;
    z-index: 99;
}
.name-cate a{
    color: #fff;
}
.block-cate-home:hover:before{
    background: rgba(207, 148, 154, 0.5);
}
.block-cate-home:hover:after{
    content: "";
    position: absolute;
    width: calc(100% - 40px);
    height: calc(100% - 40px);
    border: 1px solid #fff;
    z-index: 2;
}
.block-slider-sale{
    position: relative;
}
.block-slider-sale .owl-carousel .owl-nav button.owl-next {
    position: absolute;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    background: #fff !important;
    color: #000;
    top: calc(50% - 25px);
    right: -25px;
    z-index: 9;
    margin: 0;
    font-size: 30px;
    outline: unset;
    box-shadow: 0 0 15px #ccc;
    border-radius: 50%;
}
.block-slider-sale .owl-carousel .owl-nav button.owl-prev{
    position: absolute;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    background: #fff !important;
    color: #000;
    top: calc(50% - 25px);
    left: -25px;
    z-index: 9;
    margin: 0;
    font-size: 30px;
    outline: unset;
    box-shadow: 0 0 15px #ccc;
    border-radius: 50%;
}
.sp-sale{
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    padding: 0 5px;
    border-radius: 4px;
    background: #cf949a;
    color: #fff;
    font-weight: 700;
}
.sp-sale:before {
    top: 100%;
    left: 0;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(102, 102, 102, 0);
    border-top-color: #cf949a;
    border-width: 6px;
    margin-left: 5px;
}
.date-post{
    text-align: center;
    font-size: 14px;
    text-transform: uppercase;
    margin-top: 15px;
}
.tit-post{
    text-align: center;
    margin: 0;
    font-size: 22px;
    font-weight: 700;
    margin: 15px 0;
}
.tit-post:after{
    content: "";
    display: block;
    width: 50px;
    height: 2px;
    margin: 0 auto;
    background: #cf949a;
    margin-top: 15px;
}
.des-post{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.clpink{
    color: #cf949a;
}
.tit-newslet{
    text-align: center;
    font-size: 24px;
    margin: 0;
    margin-bottom: 20px;
    color: #cf949a;
    font-weight: 700;
}
.main-newsleter{
    background: url(../img/bg-contact.jpg) center center no-repeat;
    background-size: cover;
    padding: 40px 0;
}
.div-f-newslet{
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid #ccc;
    width: 240px;
    border-radius: 2px;
    overflow: hidden;
    padding: 5px;
}
.div-f-newslet span{
    width: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.div-f-newslet input{
    width: calc(100% - 40px);
    border: none;
    box-shadow: unset;
    outline: unset;  
}
.form-newslet form{
    display: flex;
    align-items: center;
    justify-content: center;
}
.div-f-newslet{
    margin-right: 20px;
}
.btn-newslet{
    width: 240px;
    height: 35px;
    background: #cf949a;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    text-align: center;
    border: none;
    border-radius: 2px;
}
.btn-newslet i{
    margin-right: 10px;
}
footer{
    background: #f9f9f9;
}
.tit-ft{
    margin: 0;
    margin-bottom: 20px;
    font-weight: 700;
    text-transform: uppercase;
}
.ul-ft{
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.ul-ft > li{
    margin-bottom: 7px;
}
.ul-ft > li > a{
    color: #000;
}
.ul-ft > li > a:hover{
    color: #cf949a;
}
.social-ft a{
    display: inline-block;
    margin-right: 15px;
    color: #e9cbcd;
    font-size: 18px;
}
.social-ft a:last-child{
    margin-right: 0;
}
.main-breac img{
    min-height: 200px;
    object-fit: cover;
}
.main-breac{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.breac{
    position: absolute;
    z-index: 2;
    bottom: 40px;
    width: 1400px;
}
.tit-breac{
    font-size: 36px;
    font-weight: 700;
    color: #cf949a;
    text-transform: uppercase;
    border-left: 9px solid #cf949a;
    margin: 0;
    margin-bottom: 20px;
    padding-left: 15px;
}
.tit-asd {
    font-size: 20px;
    font-weight: 700;
    color: #000;
    text-transform: uppercase;
}
.asd-dm a {
    margin-bottom: 5px;
    display: block;
    text-transform: uppercase;
    font-weight: 600;
}
.asd-dm .dm-sub a {
    color: #000;
    margin-bottom: 0;
    margin-top: 10px;
}
.asd-dm .dm-sub a{
    color: #000;
}
.asd-dm .dm-sub a:hover{
    color: #cf949a;
}
.asd-dm .flex-cate a{
    margin-bottom: 0;
}
.asd-dm a i {
    margin-right: 10px;
    display: inline-block;
    width: 10px;
}
.asd-dm{
    margin-bottom: 10px;
}
.side-block {
    background: #fff;
    margin-bottom: 10px;
}
.asd-dm .dm-sub a i{
    margin-right: 0;
}
.dm-sub{
    padding-left: 20px;
}
.price-ranger {
    margin-top: 24px;
}
.price-ammounts {
    margin: 15px 0;
    text-align: center;
}
.side-block .ui-slider-horizontal {
    height: 6px!important;
    border: 0px!important;
    background: #f4f4f4 !important;
    border-radius: 100px !important;
}
.side-block .ui-widget-header {
    background: #cf949a !important;
}
.side-block .ui-state-default, .side-block .ui-widget-content .ui-state-default, .side-block .ui-widget-header .ui-state-default, .side-block .ui-widget-header .ui-state-focus {
    background: #cf949a !important;
    border-radius: 100px !important;
    border: 1px solid #cf949a !important;
    cursor: pointer !important;
    top: -6px;
    width: 17px;
    height: 17px;
    outline: unset !important;
}
.side-block .ui-state-default, .side-block .ui-widget-content .ui-state-default:last-child {
    background: #fff !important;
}
.search-aside input {
    border-radius: 50px;
}
.ul-filter {
    list-style-type: none;
    padding: 0;
    margin: 0;
    margin-top: 10px;
    padding-left: 2px;
    height: 140px;
    overflow: auto;
}
.ul-filter .form-check {
    padding: 8px 0;
}
.form-check input[type="radio"],
.form-check input[type="checkbox"]{
    position: absolute;
    right: 9000px;
}
.form-check input[type="radio"] + .label-text:before,
.form-check input[type="checkbox"] + .label-text:before{
    content: "\f0c8";
    font-family: "Font Awesome 5 Free";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing:antialiased;
    width: 1em;
    display: inline-block;
    margin-right: 5px;
}
.form-check input[type="radio"]:checked + .label-text:before,
.form-check input[type="checkbox"]:checked + .label-text:before{
    font-family: "Font Awesome 5 Free";
    content: "\f14a";
    font-style: normal;
    font-weight: 900;
    font-variant: normal;
    color: #cf949a;
    animation: effect 250ms ease-in;
}
.ul-filter {
    list-style-type: none;
    padding: 0;
    margin: 0;
    margin-top: 10px;
    padding-left: 2px;
    height: 140px;
    overflow: auto;
}
.ul-filter .form-check{
    padding: 8px 0;
}
.form-check label{
    margin: 0;
    font-weight: 700;
    font-weight: unset;
}
@keyframes effect{
    0%{transform: scale(0);}
    25%{transform: scale(1.3);}
    75%{transform: scale(1.4);}
    100%{transform: scale(1);}
}
.nicescroll-rails{
    width: 6px !important;
}
.item-bsl {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}
.img-bsl {
    width: 100px;
    margin-right: 15px;
}
.ct-bsl {
    width: calc(100% - 115px);
}
.name-bsl {
    margin-bottom: 10px;
    font-weight: 600;
}
.name-bsl a {
    color: #000;
}
.new-pri-bsl {
    color: #000;
    font-weight: 800;
}
.old-pri-bsl {
    color: #c5c5c5;
    font-size: 12px;
    text-decoration: line-through;
    margin-left: 10px;
}
.img-bsl img {
    border-radius: 5px;
}
.rating-pro {
    font-size: 12px;
    margin-bottom: 10px;
}
.checked {
    color: #cf949a;
}
.smart-asd img{
    border-radius: 5px;
}
.pagi-list {
    border-top: 1px solid #ccc;
    padding: 20px 0;
    text-align: right;
}
.pagi-list a.active {
    background: #cf949a;
    border: 1px solid #cf949a;
    font-weight: 700;
    color: #fff;
}
.pagi-list a {
    display: inline-flex;
    width: 35px;
    height: 35px;
    align-items: center;
    justify-content: center;
    border: 1px solid #ccc;
    border-radius: 50%;
    color: #000;
    margin-left: 5px;
}
.tit-prod-detail{
    font-size: 48px;
    margin: 0;
    margin-bottom: 15px;
    color: #fff;
    font-weight: 700;
}
.block-prod-top{
    background: url(../img/bg-spct.jpg) center center no-repeat;
    background-size: cover;
    padding: 40px 0;
}
.cate-prod-detail{
    color: #fff;
    margin: 0;
    margin-bottom: 20px;
    font-size: 24px;
    font-weight: 700;
}
.des-prod-detail {
    font-size: 18px;
    color: #fff;
    margin-bottom: 20px;
}
.tag-prod-detail a{
    display: inline-block;
    padding: 5px 15px;
    background: #fff;
    color: #000;
    margin-right: 10px;
    margin-bottom: 10px;
    border-radius: 4px;
}
.tag-prod-detail a:hover{
    color: #cf949a;
}
.block-img-prod-detail {
    background: #fff;
    padding: 20px;
    position: relative;
}
.block-img-prod-detail .sp-sale{
    z-index: 9;
    right: 10px;
    top: 10px;
}
#sync2 {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
#sync2 .owl-item{
    border: 2px solid #cf949a;
}
.left-info-prod-detail{
    margin-right: 30px;
}
.tit-info-spct{
    font-weight: 700;
    width: 150px;
}
.block-prod-bottom{
    background: #fff;
    padding: 20px 0;
}
.soluong {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    margin: 0;
}
.btn-minus, .btn-plus {
    border: none;
    background: none;
    outline: unset;
}
.ip-soluong {
    width: 30px;
    text-align: center;
    border: none;
}
.flex.price{
    margin-left: 80px;
}
.pri-new-spct{
    font-size: 18px;
    font-weight: 700;
    color: #f00;
}
.pri-old-spct{
    font-size: 18px;
    color: #8f8f8f;
    text-decoration: line-through;
    margin-left: 20px;
}
.right-info-prod-detail .block-countdown-sale{
    margin: 20px 0;
}
.group-btn {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.group-btn .share-blog{
    padding: 0;
    margin-right: 20px;
    border: none;
}
.muangay{
    display: inline-block;
    font-size: 18px;
    font-weight: 700;
    color: #cf949a;
    border: 1px solid #cf949a;
    background: #fff;
    margin-right: 20px;
    padding: 10px;
}
.muangay:hover{
    color: #fff;
    background: #cf949a;
}
.chovaogio{
    display: inline-flex;
    align-items: center;
    font-size: 18px;
    font-weight: 700;
    color: #fff !important;
    background: #cf949a;
    border: 1px solid #fff;
    padding: 10px;
}
.chovaogio img{
    margin-right: 10px;
}
.danhgia-prod{
    background: #f2f2f2;
    padding: 15px 0;
    border-top: 1px solid #d7d7d7;
}
.danhgia-prod .rating-pro{
    margin: 0;
    font-size: 15px;
}
.point-rat{
    font-size: 18px;
    font-weight: 700;
    margin-left: 15px;
    color: #cf949a;
}
.tab-full-des .nav-tabs>li>a{
    border: none !important;
    border-radius: 0;
    margin: 0;
    font-size: 18px;
    text-transform: uppercase;
    color: #000;
    background: none !important;
    padding: 10px 20px;
}
.tab-full-des .nav-tabs>li>a:after{
    content: "";
    display: block;
    width: 100px;
    height: 3px;
    background: #fff;
    margin: 0 auto;
    margin-top: 10px;
}
.tab-full-des .nav-tabs{
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
}
.tab-full-des .nav-tabs>li.active>a, 
.tab-full-des .nav-tabs>li.active>a:focus, 
.tab-full-des .nav-tabs>li.active>a:hover{
    color: #cf949a;
}
.tab-full-des .nav-tabs>li.active>a:after{
    content: "";
    display: block;
    width: 100px;
    height: 3px;
    background: #cf949a;
    margin: 0 auto;
    margin-top: 10px;
}
.font18{
    font-size: 18px;
}
.p-point-danhgia {
    font-size: 100px;
    font-weight: 700;
    color: #cf949a;
    line-height: 1;
    margin-bottom: 20px;
    text-align: center;
}
.point-danhgia .rating-pro{
    margin: 0;
    font-size: 15px;
}
.rating-bar {
    margin-bottom: 15px;
}
.rating-bar-line {
    width: 200px;
    height: 10px;
    background-color: #ebebeb;
}
.rating-percentage {
    height: 100%;
    background-color: #cf949a;
    display: block;
}
.rating-histogram {
    margin-left: 50px;
}
.vietbinhluan{
    display: inline-block;
    padding: 10px 30px;
    font-size: 18px;
    color: #fff !important;
    font-weight: 700;
    background: #cf949a;
    border-radius: 4px;
}
.rating { 
    border: none;
    float: left;
}
.rating > input { display: none; } 
.rating > label:before { 
    margin: 0 5px;
    font-size: 1.25em;
    font-family: "Font Awesome 5 Free";
    display: inline-block;
    content: "\f06c";
}
.rating > label { 
    color: #444444; 
    float: right; 
    margin: 0;
}
.rating > input:checked ~ label,
.rating:not(:checked) > label:hover,
.rating:not(:checked) > label:hover ~ label { color: #cf949a;  }
.rating > input:checked + label:hover,
.rating > input:checked ~ label:hover,
.rating > label:hover ~ input:checked ~ label,
.rating > input:checked ~ label:hover ~ label { color: #cf949a;  } 
.rat-star .checked {
    color: #cf949a;
}
.form-danhgia {
    background: #f2f2f2;
    padding: 20px;
}
.multi-upload
{
    margin:auto;
    margin-top:10px;
}
.thumbnail{
    width: 150px;
    margin-right: 10px; 
    margin-bottom: 10px; 
}
#clear {
    display: none;
    border: 1px solid #cf949a;
    background-color: #cf949a;
    padding: 5px 0;
    font-size: 15px;
    color: #fff;
    border-radius: 4px;
    width: 100px;
    align-items: center;
    justify-content: center;
}
#result {
    display: none;
    flex-wrap: wrap;
    padding: 0;
    margin-top: 20px;
}
.upload-btn-wrapper {
    position: relative;
    overflow: hidden;
    display: inline-block;
    width: 100px;
}
.btn-apply {
    border: 1px solid #cf949a;
    background-color: #cf949a;
    padding: 5px 0;
    font-size: 15px;
    color: #fff;
    border-radius: 4px;
    width: 100%;
}
.upload-btn-wrapper input[type=file] {
    font-size: 100px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}
.boqua{
    display: inline-block;
    padding: 5px 15px;
    border-radius: 4px;
    margin-right: 15px;
    background: #a1a1a1;
    color: #fff !important;
    font-weight: 700;
    min-width: 100px;
    text-align: center;
}
.gui-danhgia{
    display: inline-block;
    padding: 5px 15px;
    border-radius: 4px;
    background: #cf949a;
    color: #fff !important;
    font-weight: 700;
    min-width: 100px;
    border: none;
    text-align: center;
}
.block-btn-danhgia {
    text-align: right;
    margin-top: 20px;
}
.list-danhgia{
    margin-top: 20px;
}
.count-comment{
    background: #f2f2f2;
    padding: 10px;
}
.items-comment .rating-pro {
    margin: 0;
    font-size: 15px;
}
.items-comment{
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.img-comment {
    margin-top: 20px;
}
.img-comment img{
    width: 100px;
}
.img-comment a{
    display: inline-block;
    margin-right: 15px;
    margin-bottom: 10px;
}
.img-comment img:last-child{
    margin-right: 0;
}
.charac-brand a{
    display: inline-block;
    font-size: 24px;
    margin-right: 40px;
    color: #4e7542;
    text-transform: uppercase;
    font-weight: 700;
}
.tit-brand{
    font-size: 30px;
    color: #cf949a;
    font-weight: 700;
    margin: 0;
    margin-bottom: 20px;
    border-bottom: 1px solid #eee;
    padding-bottom: 20px;
}
.img-brand{
    display: block;
    padding: 10px;
    border: 1px solid #ccc;
}
.img-brand img{
    box-shadow: 0 0 5px #ccc;
    width: 100%;
}
.name-brand{
    text-transform: uppercase;
    font-weight: 700;
    margin-top: 10px;
    text-align: center;
}
.name-brand a{
    color: #cf949a;
}
.items-brand{
    margin-bottom: 30px;
}
.filter-prod{
    float: right;
}
.breacrumb{
    padding: 15px 0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
.tit-news {
    font-weight: 700;
    margin: 15px 0 10px 0;
}
.view-news{
    display: inline-block;
    padding: 10px 20px;
    border: 1px solid #ccc;
    border-radius: 50px;
    color: #000;
}
.view-news i{
    margin-left: 10px;
}
.view-news:hover{
    background: #cf949a;
    color: #fff;
}
.block-news{
    margin-bottom: 30px;
}
.des-news{
    margin-bottom: 15px;
}
.img-news{
    display: block;
    border-radius: 4px;
    overflow: hidden;
}
.pagina {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px 0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
.pagina > a {
    border: 2px solid #ccc;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #000;
    margin: 0 7px;
}
.pagina > a:first-child {
    border: none;
    width: auto;
    height: auto;
    background: none !important;
    color: #000 !important;
}
.pagina > a:last-child {
    border: none;
    width: auto;
    height: auto;
    background: none !important;
    color: #000 !important;
}
.pagina > a.active, .pagina > a:hover {
    background: #cf949a;
    border-color: #cf949a;
    color: #fff;
}
.tit-aside-r{
    margin: 0;
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
}
.block-cate-post .asd-dm{
    margin-bottom: 15px;
}
.a-xuhuong {
    display: inline-flex;
    align-items: center;
    background: #e8e8e8;
    padding: 7px 15px;
    color: #000;
    position: relative;
    height: 36px;
    white-space: nowrap;
    margin-right: 10px;
    margin-bottom: 10px;
    font-size: 11px;
    font-weight: 700;
    transition: unset;
}
.a-xuhuong i{
    font-size: 10px;
    margin-right: 10px;
    text-shadow: 0 0 1px #000,0 0 1px #000,0 0 1px #000,0 0 1px #000;
    color: #fff;
}
.a-xuhuong:before {
    content: "";
    position: absolute;
    border-right: 10px solid #e8e8e8;
    border-top: 18px solid white;
    top: 0;
    left: 0;
}
.a-xuhuong:after {
    content: "";
    position: absolute;
    border-right: 10px solid #e8e8e8;
    border-bottom: 18px solid white;
    bottom: 0;
    left: 0;
}
.a-xuhuong:hover{
    background: #cf949a;
    color: #fff;
    transition: unset;
}
.a-xuhuong:hover:before,
.a-xuhuong:hover:after{
    border-right: 10px solid #cf949a;
    transition: unset;
}
.share-blog{
    border-top: 1px solid #ccc;
    padding: 20px 0;
    display: flex;
    align-items: center;
}
.share-blog a {
    display: inline-block;
    margin-right: 15px;
    color: #c3c3c3;
}
.share-blog a:hover{
    color: #cf949a;
}
.post-prev-next{
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 20px 0;
}
.tit-fl-sale{
    font-size: 28px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0;
}
.tit-fl-sale span{
    display: inline-block;
    margin-left: 100px;
    color: #cf949a;
}
.flas-sale .price-prod{
    margin-bottom: 15px;
}
.countdown-sale {
    text-align: center;
    color: #fff;
    font-size: 12px;
    position: relative;
    z-index: 9;
}
.block-line-countdown {
    background: #ffb9cb;
    border-radius: 50px;
    position: relative;
    padding: 2px 5px;
    overflow: hidden;
    z-index: 1;
    width: calc(100% - 40px);
}
.line-cd{
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    background: #cf949a;
    border-radius: 50px;
}
.phantram{
    font-size: 12px;
    color: #cf949a;
    width: 31px;
    display: inline-block;
    text-align: right;
}
.send {
    background: #cf949a;
    color: #fff;
    padding: 10px 20px;
    text-align: center;
    border: none;
    border-radius: 50px;
    width: 200px;
    font-weight: 700;
}
.right-lh {
    background: #f5f5f5;
    padding: 30px;
    border-radius: 6px;
}
.bl-right-lh {
    margin-bottom: 20px;
}
.tab-giohang table{
    width: 100%;
    border-bottom: 1px solid #ccc;
}
.tab-giohang table tr:first-child{
    border-bottom: 1px solid #ccc;
}
.tab-giohang table tr td{
    padding: 20px 10px;
}
.a-img-cart{
    margin-right: 15px;
    display: block;
    overflow: hidden;
    border-radius: 5px;
}
.tab-giohang .soluong {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #ccc;
    border-radius: 50px;
    width: 125px;
    margin: 0 auto;
}
.tab-giohang .ip-soluong {
    width: 50px;
    text-align: center;
    border: none;
    padding: 5px 0;
}
.tab-giohang .btn-minus, .tab-giohang .btn-plus {
    border: none;
    background: none;
    outline: unset;
}
.continue-shop{
    display: inline-block;
    padding: 10px 20px;
    border: 1px solid #cf949a;
    border-radius: 50px;
    color: #cf949a;
    font-size: 18px;
    font-weight: 700;
}
.continue-shop i{
    margin-right: 10px;
}
.continue-shop:hover{
    color: #fff;
    background: #cf949a;
}
.right-cart {
    background: #f5f5f5;
    border-radius: 4px;
    padding: 30px;
}
.thanhtoan {
    display: block;
    background: #cf949a;
    padding: 10px 20px;
    border-radius: 50px;
    color: #fff;
    font-weight: 800;
    text-align: center;
    border: 1px solid #cf949a;
}
.thanhtoan:hover{
    color: #cf949a;
    background: #fff;
}
.goto-dn {
    padding: 15px;
    border: 1px dashed #ccc;
    border-radius: 10px;
}
.block-thanhtoan .tit-asd{
    font-size: 16px;
    text-transform: none;
}
.create-acc-new .ul-filter{
    height: auto;
    margin-bottom: 15px;
}
.box-cre-acc{
    display: none;
}
.tab-spthanhtoan table{
    width: 100%;
}
.tab-spthanhtoan table tr td{
    padding: 10px;
}
.tab-spthanhtoan table tr td:first-child{
    padding-left: 0;
}
.tab-spthanhtoan table tr td:last-child{
    padding-left: 0;
    white-space: nowrap;
    text-align: center;
}
.block-payment .ul-filter{
    height: auto;
    margin: 0;
}
.tit-aa{
    margin: 0;
    margin-bottom: 15px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 15px;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 700;
}
.col80{
    width: 80%;
    padding: 0 15px;
}
.block-aside-acc {
    background: #f2f2f2;
    padding: 20px 15px;
    border-radius: 5px;
}
.ul-tab-control{
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.ul-tab-control > li > a{
    display: inline-block;
    color: #000;
}
.ul-tab-control > li > i{
    font-size: 10px;
    margin-right: 10px;
    position: relative;
    top: -1px;
}
.ul-tab-control > li{
    margin-bottom: 15px;
}
.ul-tab-control > li:last-child{
    margin-bottom: 0;
}
.ul-tab-control > li > a:hover{
    color: #cf949a;
}
.ul-tab-control > li.active > a{
    font-weight: 700;
    color: #cf949a;
}
.tab-donhang-tk table{
    width: 100%;
}
.tab-donhang-tk table tr td{
    padding: 20px 10px;
}
.img-dh{
    border-radius: 4px;
}
.ip-spyt {
    width: 70px;
    padding: 4px 10px;
    border-radius: 50px;
    border: 1px solid #ccc;
    text-align: center;
    margin-bottom: 10px;
}
.tab-donhang-tk table tr:first-child td{
    white-space: nowrap;
}
.tab-donhang-tk table tr:first-child{
    border-bottom: none;
}
.tab-donhang-tk table tr{
    border-bottom: 1px solid #ccc;
}
.block-login{
    border: 1px solid #ccc;
    border-top: none;
    border-radius: 0 0 5px 5px;
    padding: 30px;
    box-shadow: 0px 2px 2px #ccc;
}
.tit-login{
    text-transform: uppercase;
    font-size: 20px;
    margin: 0;
    margin-bottom: 40px;
    text-align: center;
}
.back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 50px;
    right: 20px;
    display: none;
    background: #cf949a !important;
    border: none;
    border-radius: 50%;
    height: 50px;
    padding: 0;
    width: 50px;
    z-index: 999;
}
.back-to-top span {
    position: relative;
    top: 15px;
}
.logo img{
    max-width: 165px;
}
.p-rep{
    margin-top: 10px;
}
.inputreply {
    background: #fbfbfb;
    padding: 20px;
    margin-top: 10px;
    display: none;
}
.block-repcomment {
    background: #f3f3f3;
    padding: 20px;
    margin-top: 10px;
}
.des-comment p{
    margin-bottom: 10px;
}
.flex-cate {
    display: flex;
    align-items: center;
}






@media (min-width: 1200px){
    .container-wrap{
        width: 1170px;
        padding: 0 15px;
        margin: 0 auto;
    }
}

@media (min-width: 1450px){
    .container-wrap{
        width: 1430px;
        padding: 0 15px;
        margin: 0 auto;
    }
}

@media (max-width: 1449px){
    .ul-main-menu > li > a{
        font-size: 15px;
    }
    .block-cart-head,
    .form-search-head{
        left: unset;
        right: -25px;
    }
    .block-cart-head:before,
    .form-search-head:before{
        left: unset;
        right: 28px;
    }
    .main-banner .owl-carousel .owl-nav button.owl-prev{
        left: calc(50% - 570px);
    }
    .main-banner .owl-carousel .owl-nav button.owl-next{
        right: calc(50% - 570px);
    }
    .item-prod {
        padding: 10px;
    }
    .block-line-countdown {
        white-space: nowrap;
    }
    .breac{
        width: 1140px;
    }
    .tit-prod-detail{
        font-size: 44px;
    }
}

@media (max-width: 1199px){
    .show1199{display: block;}
    .hide1199{display: none;}
    .tit-asd{
        font-size: 17px;
    }
    .container-wrap{
        width: 970px;
        padding: 0 15px;
        margin: 0 auto;
    }
    .logo img{
        width: 120px;
    }
    .ul-main-menu > li > a{
        font-size: 13px;
        margin: 0 15px;
    }
    .main-banner .owl-carousel .owl-nav button.owl-prev {
        left: calc(50% - 470px);
        width: 50px;
        height: 50px;
        top: calc(50% - 25px);
    }
    .main-banner .owl-carousel .owl-nav button.owl-next {
        right: calc(50% - 470px);
        width: 50px;
        height: 50px;
        top: calc(50% - 25px);
    }
    .main-sanphambanchay .col20,
    .blflash-sale > .col20,
    .list-brand-cate > .col20{
        width: 25%;
    }
    .container-wrap > .row.flex-n > .col20{
        width: 25%;
    }
    .container-wrap > .row.flex-n > .col80{
        width: 75%;
    }
    .right-cart {
        padding: 30px 10px;
    }
    .breac {
        width: 940px;
    }
    .tit-prod-detail{
        font-size: 36px;
    }
    .des-prod-detail{
        font-size: 16px;
    }
    .khachhangnhanxet > .row > .col-md-8,
    .khachhangnhanxet > .row > .col-md-4{
        width: 100%;
    }
    .flex.danhgia{
        margin-bottom: 20px;
    }
    .list-all-pro .col-md-3{
        width: 33.333333%;
    }
}

@media (max-width: 991px){
    .show991{display: block;}
    .hide991{display: none;}
    body{transition: all 0.3s;}
    .btn-login-mb {
        margin: 15px 0;
        padding: 0 15px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .login-mb{
        display: inline-block;
        width: calc(50% - 10px);
        padding: 7px 15px;
        font-weight: 700;
        background: #cf949a;
        color: #fff !important;
        border-radius: 4px;
        text-align: center;
        white-space: nowrap;
    }
    .lang-mb {
        padding: 0 15px;
        margin-bottom: 15px;
    }
    .lang-mb select{
        width: auto;
    }
    .container-wrap {
        width: 750px;
        padding: 0 15px;
        margin: 0 auto;
    }
    .header-bottom{
        padding: 10px 0;
    }
    .sidenav {
        height: 100%;
        width: 0;
        position: fixed;
        top: 0;
        right: 0;
        background-color: #fddbe1;
        overflow-x: hidden;
        transition: 0.3s;
        z-index: 99999;
        padding: 0;
    }
    .sidenav .closebtn {
        font-size: 25px;
        display: block;
        align-items: center;
        width: 40px;
        background: #f5821f;
        color: #fff;
        margin: 0 auto;
        text-align: center;
        padding: 5px 0;
    }
    .menu-mobile {
        padding: 0;
        text-decoration: none;
        color: #818181;
        transition: 0.3s;
        list-style-type: none !important;
    }
    .menu-mobile li {
        margin: 0;
        background: unset;
        border: none;
        border-radius: 0;
        box-shadow: unset;
        border-bottom: 1px solid #000;
    }
    .menu-mobile a {
        padding: 15px 0 15px 20px;
        display: inline-block;
        width: calc(100% - 50px);
        color: #000;
        font-size: 15px;
        font-weight: 700;
        text-transform: capitalize;
    }
    .menu-mobile a >img{
        width: 25px;
        margin-right: 10px;
    }
    .menu-mobile .sub-menu-mb .phelp a:first-child{
        padding: 15px 0 15px 15px;
        width: calc(100% - 50px);
    }
    .menu-mobile .sub-menu-mb a{
        width: 100%;
        padding: 15px;
    }
    .hassub-mb .phelp .a-icon {
        position: absolute;
        right: 15px;
        top: calc(50% - 7.5px);
        z-index: 9999;
        text-align: center;
        width: 20px;
        padding: 0;
    }
    .phelp {
        position: relative;
    }
    .phelp > a:first-child{
        border-right: 1px solid #000;
    }
    .sub-menu-mb{
        padding: 0;
        list-style-type: none;
        margin: 0;
    }
    .sub-menu-mb > li{
        border-top: 1px solid #000;
        border-bottom: none;
        background: #fbfbfb;
    }
    .sub-menu-mb > li:last-child{
        border-bottom: none;
    }
    .sub-menu-mb > li > .sub-menu-mb > li{
        background: #000;
    }
    .push-left {
        position: relative;
        right: 280px;
        transition: all 0.3s;
        left: unset;
    }
    .group-exten .flex-end{
        align-items: center;
    }
    .main-banner .owl-carousel .owl-nav button.owl-prev {
        left: calc(50% - 360px);
    }
    .main-banner .owl-carousel .owl-nav button.owl-next {
        right: calc(50% - 360px);
    }
    .main-sanphambanchay .col20,
    .blflash-sale > .col20,
    .list-brand-cate > .col20{
        width: 33.333333%;
    }
    .name-cate{
        font-size: 30px;
    }
    .container-wrap > .row.flex-n{
        display: block;
    }
    .container-wrap > .row.flex-n > .col20{
        width: 100%;
    }
    .block-aside-acc{
        margin-bottom: 20px;
    }
    .container-wrap > .row.flex-n > .col80{
        width: 100%;
    }
    .tab-donhang-tk{
        overflow: auto;
    }
    .tab-donhang-tk table{
        width: 700px;
    }
    .breac {
        width: 720px;
    }
    .mapgg iframe{
        height: 450px;
    }
    .des-prod-detail{
        font-size: 15px;
    }
    .qty-price p{
        font-size: 16px !important;
    }
    .flex.price {
        margin-left: 30px;
    }
    .tab-full-des .nav-tabs>li>a{
        font-size: 15px;
        padding: 10px;
    }
    .multi-upload > .flex{
        display: block;
    }
    .multi-upload > .flex > p{
        margin: 0 !important;
        margin-bottom: 15px !important;
    }
    .upload-btn-wrapper{
        margin-bottom: 15px;
    }
    .flex-order{
        display: flex;
        flex-wrap: wrap;
    }
    .order-1{
        width: 100%;
        order: 1;
    }
    .order-2{
        width: 100%;
        order: 2;
    }
    .group-btn{
        display: block;
        text-align: right;
    }
    .group-btn .share-blog {
        margin-right: 0;
        display: flex;
        justify-content: flex-end;
        margin-bottom: 15px;
    }
}

@media (max-width: 767px){
    .show767{display: block;}
    .hide767{display: none;}
    .tag-prod-detail{
        margin-bottom: 20px;
    }
    .container-wrap {
        width: 100%;
        padding: 0 15px;
        margin: 0 auto;
    }
    .main-banner .owl-carousel .owl-nav button.owl-prev {
        left: 15px;
        width: 40px;
        height: 40px;
        top: calc(50% - 20px);
    }
    .main-banner .owl-carousel .owl-nav button.owl-next {
        right: 15px;
        width: 40px;
        height: 40px;
        top: calc(50% - 20px);
    }
    .main-sanphambanchay .col20,
    .blflash-sale > .col20,
    .list-brand-cate > .col20{
        width: 50%;
    }
    .item-prod{
        padding: 10px;
    }
    .price-prod-new{
        font-size: 14px;
    }
    .price-prod-old{
        font-size: 14px;
    }
    .main-category .flex-bw{
        display: block;
    }
    .block-cate-home{
        width: 100%;
        margin-bottom: 20px;
    }
    .tit-pub{
        font-size: 24px;
    }
    .block-slider-sale .owl-carousel .owl-nav button.owl-next{
        right: 5px;
    }
    .block-slider-sale .owl-carousel .owl-nav button.owl-prev{
        left: 5px;
    }
    .form-newslet form{
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .div-f-newslet{
        margin: 0;
        width: calc(50% - 10px);
    }
    .btn-newslet{
        width: 100%;
        margin-top: 15px;
    }
    .tit-fl-sale{
        font-size: 24px;
    }
    .tab-giohang table tr:first-child{
        display: none;
    }
    .tab-giohang table tr{
        border: 1px solid #ccc;
        padding: 15px;
        display: block;
        margin-bottom: 10px;
    }
    .tab-giohang table tr td{
        display: block;
        padding: 0;
        margin-bottom: 10px;
        text-align: center;
    }
    .breac {
        width: 100%;
        padding: 0 15px;
    }
    .mapgg iframe{
        height: 400px;
    }
    .block-prod-bottom .flex-start{
        display: block;
    }
    .left-info-prod-detail {
        margin: 0;
        margin-bottom: 15px;
    }
    .flex.qty-price{
        display: block;
    }
    .flex.price {
        margin-left: 0;
        margin-top: 15px;
    }
    .tab-full-des .nav-tabs{
        flex-wrap: wrap;
    }
    .tab-full-des .nav-tabs>li {
        float: none;
        width: 50%;
        text-align: center;
        background: #fbfbfb;
        border: 1px solid #ccc;
    }
    .flex.danhgia{
        display: block;
    }
    .p-point-danhgia{
        font-size: 70px;
        text-align: left;
    }
    .point-danhgia .flex{
        margin-bottom: 20px;
    }
    .rating-histogram{
        margin-left: 0;
    }
    .list-all-pro .col-md-3{
        width: 50%;
    }
}

@media (max-width: 480px){
    .show480{display: block;}
    .hide480{display: none;}
    .fwmb{width: 100%;}
    .price-prod{
        display: block;
        text-align: center;
    }
    .price-prod-new{
        margin-bottom: 10px;
    }
    .main-sanphambanchay .row.flex-wrap .col20:nth-child(odd),
    .list-all-pro .col-md-3:nth-child(odd),
    .list-brand-cate > .col20:nth-child(odd){
        padding-right: 7px;
    }
    .main-sanphambanchay .row.flex-wrap .col20:nth-child(even),
    .list-all-pro .col-md-3:nth-child(even),
    .list-brand-cate > .col20:nth-child(even){
        padding-left: 7px;
    }
    .clear40{
        height: 20px;
    }
    .div-f-newslet{
        margin: 0;
        width: 100%;
        margin-bottom: 15px;
    }
    .btn-newslet{
        margin-top: 0;
    }
    .blflash-sale > .col20{
        width: 100%;
    }
    .tit-fl-sale{
        font-size: 20px;
    }
    .tit-fl-sale span {
        display: block;
        margin-left: 0;
        margin-top: 10px;
    }
    .mapgg iframe{
        height: 300px;
    }
    .block-login{
        padding: 15px;
    }
    .forgetpass{
        margin-left: 20px !important;
    }
    .group-btn {
        display: block;
        margin-top: 20px;
    }
    .muangay{
        display: block;
        margin: 0;
        margin-bottom: 10px;
        text-align: center;
    }
    .chovaogio{
        display: block;
        margin: 0;
        text-align: center;
    }
    .tab-full-des .nav-tabs>li{
        width: 100%;
    }
    .tab-full-des .nav-tabs>li.active>a:after,
    .tab-full-des .nav-tabs>li>a:after{
        content: unset;
    }
    .tab-full-des .nav-tabs>li.active{
        background: #cf949a;
    }
    .tab-full-des .nav-tabs>li.active>a{
        color: #fff !important;
    }
    .rating-bar-line{
        width: 130px;
    }
    .saodanhgia{
        font-size: 13px;
        margin-right: 10px !important;
    }
    .soluotchon{
        font-size: 13px;
        margin: 0 10px !important;
    }
    .camxuc{
        font-size: 13px;
    }
    #result > div{
        width: calc(50% - 5px);
    }
    #result{
        justify-content: space-between;
    }
    .thumbnail{
        width: 100%;
    }
    .items-comment > .flex-bw{
        display: block;
    }
    .date-comment{
        margin-top: 10px;
    }
    h3{
        font-size: 20px;
    }
    .danhgia-prod > .container-wrap > .flex{
        display: block;
    }
}