/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

@font-face {
    font-family: "Roboto";
    src: url("../font/Roboto-Thin.ttf") format("truetype");
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Roboto";
    src: url("../font/Roboto-Light.ttf") format("truetype");
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Roboto";
    src: url("../font/Roboto-Regular.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Roboto";
    src: url("../font/Roboto-Medium.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    font-family: Roboto;
    /* font-weight: 300; */
}


/* HTML5 display-role reset for older browsers */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

/* body {
    line-height: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.menu-mobile{
    will-change: transform;
} */

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

a {
    text-decoration: none;
}

a:hover {
    color: #008ACE !important;
    transition: all 0.3s linear;
}

strong {
    font-weight: bold;
}

.nav-link:focus-visible{
   box-shadow: none;
    /* outline: none; */
}

.nav-link{
    /* color: red !important; */
}

/* Button scroll top */
#button-scrolltop {
    display: inline-block;
    background-color: #0084C8;
    width: 40px;
    height: 40px;
    text-align: center;
    border-radius: 30px;
    position: fixed;
    bottom: 102px;
    left: 30px;
    transition: background-color .3s, 
      opacity .5s, visibility .5s;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
    display: none;
  }
  #button-scrolltop::after {
    content: "\f077";
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    font-size: 14px;
    line-height: 44px;
    color: #fff;
  }
  #button-scrolltop:hover {
    cursor: pointer;
    background-color: #333;
  }
  #button-scrolltop:active {
    background-color: #555;
  }
  #button-scrolltop.show {
    opacity: 1;
    visibility: visible;
  }

  /*  */
  


/*  */


/* Chung */

.title-section h2 {
    font-size: 28px;
    font-weight: bold;
    color: #000;
    text-align: center;
}

.breadcrumb-center .breadcrumb {
    justify-content: center;
}

.breadcrumb-center {
    /* margin-top: 22px; */
}

.banner-home-slide-news .slick-dots{
    display: none !important;
}

/* Header */

.topbar-button-myacc:hover .myacc-child{
    display: block;
}

.myacc-child{
    position: absolute;
    bottom: -163px;
    box-shadow: 2px 8px 12px -6px #888888;
    background-color: #fff;
    z-index: 10;
    display: none;
}

.myacc-child-item {
    font-size: 14px;
    padding: 11px 16px;
    border-bottom: 1px solid #ddd4d4;
    display: flex;
    align-items: center;
}

.myacc-child-item img{
    height: 18px !important;
}


.modal-login .modal-body {
    padding-top: 0;
}

.modal-login .modal-content {
    /* height: 561px; */
    padding: 0 24px
}

.modal-login .modal-left {
    border-right: 1px solid #011436;
    padding-right: 29px;
}

.modal-login .modal-body .row {
    height: 100%;
}

.modal-left-heading {
    font-size: 37px;
    font-weight: 400;
    margin-bottom: 22px;
    margin-top: 30px;
}

.modal-left-login-social .login-social-item {
    display: flex;
    padding-top: 17px;
    padding-bottom: 17px;
    font-size: 21px;
    font-weight: 300;
    border: 1px solid #6D6E71;
    color: #000;
    padding-left: 23%;
    transition: all 0.3s linear;
    margin-bottom: 35px;
    align-items: center;
    border-radius: 10px;
}

.modal-left-login-social .login-social-item a {
    color: #000
}

.modal-left-login-social .login-social-item i {
    margin-right: 23px;
    font-size: 37px
}

.modal-login .modal-dialog {
    max-width: 63%;
}

.modal-right .form-control::placeholder {
    font-size: 20px;
    font-weight: 200;
}

.modal-right .form-control {
    padding: 0;
    padding-bottom: 7px;
    border-radius: 0;
    font-size: 20px;
    border: none;
    border-bottom: 1px solid #011436;
    line-height: normal;
    font-weight: 200;
}

.modal-right form button {
    margin-top: 44px;
    width: 100%;
    font-size: 21px;
    background-color: #011436;
    border-radius: 3px;
    border-color: transparent;
    padding-top: 11px;
    padding-bottom: 11px;
    margin-bottom: 21px;
}

.email-login {
    text-align: center;
    border: none;
    background-color: transparent;
}

.or-login {
    text-align: center;
    margin-bottom: 75px;
    font-size: 18px
}

.or-login span {
    position: relative;
}

.or-login span::after {
    content: "";
    position: absolute;
    width: 105px;
    height: 1px;
    background-color: #011436;
    right: 171px;
    bottom: 10px;
}

.or-login span::before {
    content: "";
    position: absolute;
    width: 105px;
    height: 1px;
    background-color: #011436;
    left: 171px;
    bottom: 10px;
}

.email-forgot {
    text-align: center;
}

.modal-right {
    padding-right: 37px;
    padding-left: 45px;
    margin-top: 90px;
    margin-bottom: 90px
}


/*  */

.modal-left .form-control::placeholder {
    font-size: 20px;
    font-weight: 200;
}

.modal-left .form-control {
    padding: 0;
    padding-bottom: 7px;
    border-radius: 0;
    font-size: 20px;
    border: none;
    border-bottom: 1px solid #011436;
    line-height: normal;
    font-weight: 200;
}


/* .modal-left button{
    margin-top: 6px;
    width: 100%;
    font-size: 21px;
    background-color: #011436;
    border-radius: 3px;
    border-color: transparent;
    padding-top: 11px;
    padding-bottom: 11px;
    margin-bottom: 46px;

} */

.modal-left-sub {
    margin-bottom: 83px;
}


/* ket thuc modal */

.modal-left-bottom button {
    border: none;
    background-color: transparent;
    color: #00325F;
    padding: 0
}

.modal-left-bottom {
    text-align: center;
}

.topbar {
    padding-top: 25px;
    padding-bottom: 12px;
    padding-left: 75px;
    padding-right: 75px;
    border-bottom: 1px solid #231F20;
}

.navbar-header {
    padding-left: 67px;
    padding-right: 67px;
}

.topbar-phone img {
    height: 19px;
}

.topbar-phone {
    display: flex;
    align-items: center;
}

.topbar-logo img {
    height: 40px;
    width: auto;
}

.topbar-logo {
    text-align: center;
}

.topbar-group-button img {
    height: 28px;
    width: auto;
}

.topbar-phone p {
    font-size: 13px;
}

.topbar-group-button {
    display: flex;
    justify-content: end;
}

.topbar-group-button a {
    font-size: 13px;
    display: block;
    margin-left: 10px;
}

.topbar-button {
    display: flex;
    align-items: center;
}

.topbar-button a {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.topbar-group-button .topbar-button:first-child {
    margin-right: 49px;
}

.header-inner {
    max-width: 1350px;
    margin: auto;
}

.navbar-header .nav-item .nav-link {
    font-size: 14px;
    padding: 8px 0;
    margin: 0 8px;
}

.navbar-header .nav-item {
    margin: auto;
}

.nav-item-last {
    background-color: #B71E2D;
    font-weight: bold;
    padding: 17px 0;
}

.nav-item-last a {
    color: #fff;
}

.navbar-header {
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 5px;
}

.navbar-header .nav-item .nav-link.show {
    border-bottom: 1px solid #0084C8;
}

.navbar-header .dropdown-item {
    font-size: 14px;
    padding: 11px 16px;
}

.navbar-header .dropdown-menu {
    border-radius: 0;
    border-color: transparent;
    padding-bottom: 31px;
    box-shadow: 2px 8px 12px -6px #888888;
    ;
}

.navbar-header .dropdown-menu li {
    margin: 0 10px;
    border-bottom: 1px solid #ddd4d4;
}

.navbar-header .dropdown-menu .dropdown-item:hover {
    background-color: transparent;
    color: #0084C8;
}

.dropdown-image-item .dropdown-image-item-main img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.dropdown-image-item .dropdown-image-item-main {
    height: 178px;
}

.dropdown-image-item-inner {
    background-color: #EAEBEB;
    border-radius: 9px;
    overflow: hidden;
    margin-bottom: 17px;
}

.dropdown-image-item-title {
    padding: 4px 0px;
    font-size: 12px;
    font-weight: 200;
    text-align: center;
}

.dropdown-image-item-title {
    color: #fff;
}

.dropdown-image {
    padding: 13px 26px !important;
}

.dropdown-image {
    width: 779px;
}

.button-search img {
    width: 16px;
}

.button-search {
    border-color: transparent;
    line-height: 1;
}

.button-search:hover {
    background-color: transparent;
    border-color: transparent;
}

.menu-form-search {
    background-color: #E6E6E6;
    width: 18%;
    border-radius: 15px;
}

.menu-form-search .form-control {
    background-color: transparent;
    border-color: transparent;
}


/* Home */

.banner-home-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.banner-home-item {
    height: 620px;
}

#section-banner-home .slick-dots {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0 8px;
}

#section-banner-home .slick-dots button {
    font-size: 0;
    width: 12px;
    height: 12px;
    border-radius: 7px;
    background-color: #fff;
    border: none;
}

#section-banner-home .slick-active button {
    background-color: #000;
}

.menu-mobile-box > ul {
    display: flex;
}

.menu-mobile-box ul li img {
    height: 100px;
    width: auto;
}

.menu-mobile-box ul li {
    margin: 0 60px;
}


/* Banner quảng cáo */

.advertisement-home-item img {
    width: 100%;
    /* height: auto; */
    object-fit: cover;
}

.advertisement-home-item {
    height: 247px;
}

/* .advertisement-home-inner {
    margin: auto;
    max-width: 1523px;
} */

#section-advertisement-home {
    margin-top: 30px;
    margin-bottom: 37px;
}

.top-search-item-image {
    width: 134px;
    height: 134px;
    background-color: #F0F0F0;
    border-radius: 50%;
    padding: 20px;
}

.top-search-item-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.top-serach-item-inner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.name-top-search {
    text-align: center;
    padding: 0 50px;
    font-size: 12px;
    margin-top: 15px;
    color: #000;
    display: block;
    text-decoration: none;
}

.top-search-slide .slick-prev {
    position: absolute;
    left: 0;
}

.top-search-slide .slick-next {
    position: absolute;
    right: 0;
}

.top-search-slide .slick-arrow {
    background-color: transparent;
    z-index: 1;
    width: 48px;
    height: 48px;
    color: #7a7777;
    border-radius: 50%;
    padding: 0;
    bottom: 74px;
    border: none;
}

.top-search-slide .slick-arrow i {
    font-size: 26px;
}

.top-search-slide {
    margin-top: 24px;
}

.top-search-slide {
    padding: 0 30px
}

#section-top-search {
    margin-bottom: 51px;
}


/* Flash sale */

#section-flash-sale {
    margin-bottom: 40px;
}

#section-flash-sale .best-sale-discount {
    margin-bottom: 11px;
}

.section-flash-sale-inner {
    background-color: #E2F3FD;
    padding-top: 40px;
    padding-bottom: 19px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 10px;
}

#section-flash-sale .time-flash-sale {
    display: flex;
    justify-content: center;
    margin-bottom: 40px;
    gap: 3px;
}

#section-flash-sale .flash-sale-title {
    text-align: center;
    font-size: 34px;
    font-weight: bold;
    color: #000;
    margin-bottom: 21px;
}

#section-flash-sale .flash-sale-title img{
    width: 36%;
}

#section-flash-sale .flash-sale-link {
    text-align: center;
    margin-bottom: 23px;
}

#section-flash-sale .flash-sale-link a {
    font-size: 16px;
    color: #000
}

#section-flash-sale .time-flash-item {
    background-color: #000;
    text-align: center;
    padding: 9px 23px;
    border-radius: 9px;
}

#section-flash-sale .time-flash-item .time-flash-number {
    color: #fff;
    font-size: 30px;
    margin-bottom: 5px;
}

#section-flash-sale .time-flash-item .time-flash-text {
    color: #fff;
    font-size: 11px
}

#section-flash-sale .time-flash-item-center {
    margin: 0 3px;
}


/* Ket thuc time */


/* Bán chạy */

.best-sale-name a {
    font-size: 16px;
    line-height: 1.3;
    margin-bottom: 16px;
    color: #000;
    text-decoration: none;
    overflow: hidden;
    /* white-space: nowrap; */
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    line-height: normal;
    margin-top: 12px;
}

.best-sale-price {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 14px;
}

.best-sale-discount {
    font-style: italic;
    font-size: 14px;
    margin-bottom: 40px;
}

.best-sale-img {
    height: 259px;
}

.best-sale-img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.rate-best-item img {
    width: 12px;
    height: 12px;
}

.rate-best-item {
    display: flex;
    align-items: center;
}

.best-sale-rate {
    display: flex;
    justify-content: space-between;
}

.best-sale-info {
    padding: 0 40px;
    text-align: center;
}

.best-sale-progress {
    margin: 0 10px;
    position: relative;
    height: 19px;
    background: #FFBBA4;
    border-radius: 2vw;
    margin-bottom: 24px;
}

.text-progress {
    position: absolute;
    text-transform: uppercase;
    font-size: 12px;
    color: #fff;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    display: flex;
    z-index: 3;
    justify-content: center;
    align-items: center;
}

.sale-progress-val {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    color: #fff;
    padding-left: 1.6vw;
    background: #E84136;
    border-radius: 2vw;
}

.rate-star p {
    margin-left: 8px;
}

.rate-sold p {
    margin-right: 8px;
}

.best-sale-item-inner {
    padding: 10px;
    transition: all 0.3s linear;
    background-color: #fff;
    position: relative;
}


/* ribbon */

.ribbon {
    width: 86px;
    height: 86px;
    overflow: hidden;
    position: absolute;
}

.ribbon::before,
.ribbon::after {
    position: absolute;
    z-index: -1;
    content: '';
    display: block;
    border: 3px solid #E84136;
}

.ribbon span {
    position: absolute;
    display: block;
    width: 165px;
    padding: 5px 0;
    background-color: #E84136;
}

.ribbon-top-right {
    top: 0px;
    right: 0;
}

.ribbon-top-right::before,
.ribbon-top-right::after {
    border-top-color: transparent;
    border-right-color: transparent;
}

.ribbon-top-right::before {
    top: 0;
    left: 0;
}

.ribbon-top-right::after {
    bottom: 0;
    right: 0;
}

.ribbon-top-right span {
    left: -22px;
    top: 13px;
    transform: rotate(45deg);
    text-align: center;
    color: #fff;
}


/*  */

.best-sale-item-inner:hover {
    box-shadow: 0px 4px 10px #888888;
    transition: all 0.3s linear;
}

#section-best-sale {
    margin-top: 26px;
}

.best-sale-list-inner {
    margin-top: 26px;
}


/* Chuyên muc anh */

#section-home-category {
    margin-top: 50px;
}

.home-category-big {
    margin-bottom: 14px;
}

.home-category-big .category-home-img {
    height: 661px;
    position: relative;
}

.home-category-small {
    padding: 0 6px
}

.home-category-small .category-home-img {
    height: 603px;
}

.home-category-overlay {
    background-color: #00325F;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0.5;
    display: none;
}

#section-home-category img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


/* Banner chinh sach cong ty */

#section-banner-policy {
    margin-top: 17px;
    margin-bottom: 60px;
}

#section-banner-policy .banner-policy {
    height: 515px;
}

#section-banner-policy .banner-policy img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


/* Báo chí nói gì về Bumas */

#section-tell .title-section {
    margin-bottom: 30px;
}

#section-tell {
    padding-top: 40px;
    padding-bottom: 40px;
    background-color: #EAEBEB;
}

.news-tell {
    display: flex;
    justify-content: center;
}

.news-tell .news-tell-item {
    max-height: 23px;
    margin: 0 21px;
    max-width: 100px;
}

.news-tell .news-tell-item img {
    width: auto;
    height: 100%;
}


/* Bình luận */

.comment-customer-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.comment-customer-img {
    height: 523px;
}

#section-comment-customer .container {
    max-width: 1454px;
}

.comment-customer-item{
    cursor: pointer;
}

.comment-customer-item.lt2 {
    opacity: .6;
    transform: translate(20%, 0) scale(.6);
}

.comment-customer-item.lt1 {
    opacity: .7;
    transform: scale(.85);
}

.comment-customer-item.gt1 {
    opacity: .7;
    transform: scale(.85);
}

.comment-customer-item.gt2 {
    opacity: .6;
    transform: translate(-20%, 0) scale(.6);
}

.comment-customer-item.slick-center {
    z-index: 1;
    transform: scale(1);
    opacity: 1;
}

.comment-customer-item {
    width: auto;
}

.comment-customer-slide .slick-prev,
.comment-customer-slide .slick-next {
    position: absolute;
    top: 43%;
    appearance: none;
    margin-top: -10px;
    padding: 0;
    border: 0;
    background: none;
    cursor: pointer;
    color: #7a7777;
    z-index: 3;
    border: 1px solid #7a7777;
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.comment-customer-slide .slick-prev {
    left: 0;
}

.comment-customer-slide .slick-next {
    right: 0;
}

#section-comment-customer {
    padding-top: 57px;
    padding-bottom: 62px;
    background-color: #EAEBEB;
    margin-bottom: 49px;
}

.title-section-sub {
    font-size: 14px;
    font-weight: 200;
    margin-top: 20px;
    margin-bottom: 65px;
    text-align: center;
}

.comment-customer-slide {
    margin-bottom: 74px;
}

.comment-text-description {
    padding: 0 296px;
    font-weight: 200;
    line-height: 19px;
    margin-bottom: 29px;
    text-align: center;
}

.comment-text-position {
    font-size: 16px;
    font-weight: 200;
    text-align: center;
}

.comment-text-name {
    text-align: center;
    color: #008BCF;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 12px;
}


/* Kết thúc bình luận */


/* footer */

#section-footer .container {
    padding-top: 40px;
    border-top: 1px solid #EAEBEB;
    margin-top: 100px;
}

.footer-info .copyright {
    font-size: 14px;
    margin-bottom: 20px;
}

.footer-info p {
    font-size: 11.5px;
    line-height: 20px;
}

.blue-text {
    color: #0084C8;
}

.footer-info .footer-info-item {
    margin-bottom: 13px;
}

.footer-center {
    display: flex;
    /* justify-content: space-between; */
    gap: 50px;
}

.footer-menu-name p{
    font-size: 15px;
    color: #0084C8;
    text-transform: uppercase;
    margin-bottom: 20px;
    /* font-weight: bold; */
}

.footer-center ul li {
    margin-bottom: 16px;
}

.footer-center ul li a {
    color: #282828;
    font-size: 13px;
    margin-bottom: 20px;
    font-weight: 300;
}

.footer-social {
    margin-bottom: 24px;
}

.group-social ul {
    display: flex;
}

.group-social ul li {
    width: 35px;
    height: 35px;
    margin-right: 12px;
}

.group-social ul li img {
    width: 100%;
    height: 100%;
}

.logo-footer {
    margin-bottom: 25px;
    width: 300px;
}

.logo-footer img {
    width: 100%;
}


/* Liên hệ */

#section-contact .contact-title h1 {
    font-size: 30px;
    font-weight: bold;
    margin-top: 52px;
    text-align: center;
}

#section-contact .contact-description {}

.footer-info {
    margin-right: 25px;
}

.contact-description {
    margin-top: 20px;
    margin-bottom: 23px;
    text-align: center;
}

.contact-description p {
    font-size: 16px;
    line-height: 1.3;
}

#section-contact .container {
    max-width: 592px;
}

.group-icon-item {
    display: flex;
    align-items: center;
    justify-content: center;
}

.group-icon-item img {
    height: 20px;
    width: auto;
    margin-right: 11px;
}

.group-icon {
    display: flex;
    justify-content: space-between;
    padding: 0 28px;
    margin-bottom: 48px;
}

.group-icon-item p {
    font-size: 14px;
}

.form-radius {
    display: flex;
}

.form-check {
    margin-right: 23px;
}

.form-check-label {
    margin-top: 4px;
}

.contact-form .form-control {
    border: 1px solid #0084C8;
}

.contact-form textarea {
    border: 1px solid #0084C8;
    width: 100%;
}

.contact-text {
    margin-bottom: 20px;
    text-align: center;
    padding: 0 112px;
    line-height: 1.3;
}

.contact-form button {
    display: block;
    margin: auto;
    width: 177px;
}

.breadcrumb-item a {
    color: #000
}

.breadcrumb-item.active {
    color: #000;
    font-weight: bold;
}


/* blog */

.banner-blog {
    width: 100%;
    height: 342px;
    margin-bottom: 21px;
}

.banner-blog img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.form-search-blog {
    max-width: 680px;
    margin: auto;
    margin-bottom: 43px;
}

.form-search-blog input::placeholder {
    font-size: 14px;
}

.form-search-blog .form-control {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
}

.main-blog-left .main-blog-left-item-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.main-blog-left .main-blog-left-item-img {
    height: 459px;
}

.main-blog-left-item-meta {
    display: flex;
    margin-top: 19px;
}

.main-blog-left-item-meta span {
    display: block;
    font-weight: 200;
    font-size: 14px;
    margin-right: 17px;
}

.main-blog-left-title a {
    font-size: 14px;
    color: #000;
    font-size: 30px;
    margin: 17px 0;
    font-weight: 400;
    display: block;
}

.main-blog-left-description {
    font-size: 15px;
    font-weight: 200;
    line-height: 1.4;
}

.main-blog-right-heading {
    font-size: 15px;
    margin-bottom: 30px;
}

.main-blog-right-img {
    height: 131px;
}

.main-blog-right-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    padding-right: 0;
    padding-left: 0;
}

.main-blog-right-category,
.main-blog-right-meta {
    font-weight: 200;
    font-size: 14px;
}

.main-blog-right-category {
    margin-bottom: 13px;
}

.main-blog-right-title a {
    font-size: 15px;
    line-height: 1.2;
    margin-bottom: 13px;
    font-weight: 400;
    color: #000;
    display: block;
}

.main-blog-right-list {
    background-color: #DBF7FE;
    padding-left: 24px;
    padding-right: 32px;
    padding-top: 21px;
    padding-bottom: 23px;
}

.main-blog-right-item:not(:last-child) {
    margin-bottom: 25px;
}

.main-blog-left {
    padding-right: 19px;
}

.main-blog-right {
    padding: 0
}


/* --Bài viết mới nhất */

#section-blog-new {
    padding-top: 49px;
    padding-bottom: 72px;
}

.section-blog-new-inner .title-section {
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 42px;
}

.section-blog-new-inner {
    background-color: #7AD1F1;
    padding-top: 39px;
    padding-bottom: 30px;
    padding-right: 30px;
    padding-left: 30px;
    border-radius: 22px;
}

.blog-slide-image {
    height: 257px;
    overflow: hidden;
    border-radius: 8px;
}

.blog-slide-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.blog-slide-item {
    margin: 0 10px;
}

.blog-slide-item .blog-slide-title a {
    font-size: 18px;
    line-height: 1.3;
    height: 48px;
    margin-bottom: 16px;
    font-weight: 400;
    display: block;
    color: #000000;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    line-height: normal;
}

.blog-slide-meta {
    display: flex;
    margin-bottom: 15px;
}

.blog-slide-meta p {
    font-weight: 200;
    font-size: 15px;
    margin-right: 14px;
}

.blog-slide-category {
    font-weight: 300 !important;
}

.blog-new-slide .slick-prev {
    position: absolute;
    top: 50%;
    left: -4px;
}

.blog-new-slide .slick-next {
    position: absolute;
    top: 50%;
    right: -4px;
}

.blog-new-slide .slick-arrow {
    transform: translateY(133%);
    background-color: #DBF7FE;
    border: none;
    z-index: 1;
    width: 23px;
    height: 23px;
    color: #dad6d6;
    border-radius: 50%;
    padding: 0;
}

.blog-new-slide {
    padding-right: 23px;
    padding-left: 23px;
}


/* Blog col */

.blog-col-item .title-section {
    font-size: 30px;
    border-bottom: 1px solid #7a7777;
    padding-bottom: 12px;
    margin-bottom: 42px;
}

.list-blog-col-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.list-blog-col-img-inner {
    height: 218px;
    border-radius: 8px;
    overflow: hidden;
}

.list-blog-col-title a {
    font-size: 20px;
    margin-bottom: 28px;
    line-height: 1.4;
    color: #000;
    display: block;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
}

.list-blog-col-category {
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 10px;
}

.list-blog-col-meta {
    font-size: 16px;
    font-weight: 200;
}

.list-blog-col-text {
    padding-top: 28px;
    padding-bottom: 40px
}

.list-blog-item {
    margin-bottom: 33px;
}

.blog-col-item {
    padding-right: 45px;
}


/* blog cuối */

.blog-last-image {
    height: 257px;
    overflow: hidden;
    border-radius: 8px;
}

.blog-last-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.blog-last-item .blog-last-title a {
    font-size: 20px;
    line-height: 1.3;
    height: 48px;
    margin-bottom: 16px;
    font-weight: 400;
    color: #000;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    line-height: normal;
}

.blog-last-meta {
    display: flex;
    margin-bottom: 15px;
}

.blog-last-meta p {
    font-weight: 200;
    font-size: 15px;
    margin-right: 14px;
}

#section-blog-last {
    margin-top: 30px;
}

.blog-last-item {
    margin-bottom: 60px;
}

.blog-last-category {
    font-weight: 300;
}


/* Đăng ký để nhận bản tin */

#section-blog-contact {
    margin-top: 10px;
}

.input-blog-contact {
    display: flex;
    align-items: center;
    justify-content: center;
}

.input-blog-contact input::placeholder {
    font-size: 14px;
    font-weight: 200;
    font-style: italic;
}

.input-blog-contact input {
    width: 274px;
    border: 1px solid #008BCF;
    border-radius: 0;
    padding-left: 14px;
    font-weight: 200;
}

.input-blog-contact button {
    width: 125px;
    background-color: #008BCF;
    border-radius: 0;
}

#section-blog-contact .title-section-sub {
    margin-bottom: 20px;
    line-height: 1.4;
}

#section-blog-contact .title-section h2 {
    color: #008BCF
}

.blog-last-title{
    margin-bottom: 15px;
}


/* Chi tiết bài viết */


#section-blog-like {
    background-color: #DBF7FE;
    padding-top: 61px;
    padding-bottom: 58px;
    margin-top: 41px;
}

.title-blog-like {
    font-size: 40px;
    font-weight: bold;
    margin-bottom: 70px;
}

#section-blog-detail .blog-detail-meta {
    display: flex;
}

#section-blog-detail .blog-detail-meta p {
    font-size: 14px;
    font-weight: 200;
    margin-right: 110px;
}

#section-blog-detail .title-blog-detail {
    font-size: 40px;
    font-weight: bold;
    margin-bottom: 20px;
    margin-top: 16px;
    line-height: 1.3;
}

#section-blog-detail .blog-detail-content {
    margin-top: 13px;
    line-height: 1.6;
    font-weight: 300;
}

#section-blog-detail .blog-detail-content h1{
    font-weight: 400;
    line-height: 1.7;
    margin: 15px 0;
}

#section-blog-detail .blog-detail-content img{
    width: 100% !important;
    margin: 20px 0;
}

#section-blog-detail .blog-detail-content p ,#section-blog-detail .blog-detail-content p span{
    color: #202020!important;
    line-height : 24px;
    font-size : 16px
}


/* chuyên mục sản phẩm  */

#section-cateogry-product {
    margin-top: 70px;
}

.product-name a {
    font-size: 14px;
    line-height: 1.3;
    margin-bottom: 8px;
    color: #000;
    text-decoration: none;
    font-weight: 200;
    white-space: initial;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}

.product-price {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 14px;
}

.product-discount {
    font-style: italic;
    font-size: 15px;
    margin-bottom: 8px;
    font-weight: 300;
}

.product-img {
    height: 221px;
    /* padding-top: 37px */
}

.product-img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.rate-best-item img {
    width: 12px;
    height: 12px;
}

.rate-best-item {
    display: flex;
    align-items: center;
}

.product-rate {
    display: flex;
    justify-content: space-between;
}

.product-info {
    padding: 0 12px;
    text-align: center;
}

.product-progress {
    margin: 0 10px;
    position: relative;
    height: 19px;
    background: #FFBBA4;
    border-radius: 2vw;
    margin-bottom: 24px;
}

.text-progress {
    position: absolute;
    text-transform: uppercase;
    font-size: 12px;
    color: #fff;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    display: flex;
    z-index: 3;
    justify-content: center;
    align-items: center;
}

.sale-progress-val {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    color: #fff;
    padding-left: 1.6vw;
    background: #E84136;
    border-radius: 2vw;
}

#section-cateogry-product .rate-star p {
    margin-left: 8px;
    font-weight: 200;
    font-size: 12px;
}

#section-cateogry-product .rate-sold p {
    margin-right: 8px;
    font-weight: 200;
    font-size: 12px;
}

.product-item-inner {
    padding: 10px;
    transition: all 0.3s linear;
    background-color: #fff;
    position: relative;
}


/*  */

.product-item-inner:hover {
    box-shadow: 0px 4px 10px #888888;
    transition: all 0.3s linear;
}

.product-item-inner {
    border: 1px solid #F0F1F1;
}

.product-list-inner {
    margin-top: 26px;
}

.product-item {
    padding: 0 5px;
    margin-bottom: 10px;
}

.search-category-product {
    position: relative;
}

.search-category-product img {
    position: absolute;
    bottom: 0;
    top: 16px;
    left: 21px;
    width: 11px;
    height: auto;
}

.search-category-product input {
    padding-top: 9px;
    padding-bottom: 9px;
    border: 1px solid #0B3380;
    padding-left: 20px;
    margin-bottom: 21px;
    border-radius: 4px;
    padding-left: 40px;
}

.search-category-product input::placeholder {
    font-size: 14px;
    font-weight: 200;
    font-style: italic;
}

.category-product-menu-title {
    margin-bottom: 17px;
    font-size: 16px;
}

.category-product-item {
    margin-bottom: 25px;
    margin-left: 22px;
}

.category-product-item li {
    margin-bottom: 17px;
    margin-left: 24px;
}

.category-product-item li a {
    color: #000;
    font-size: 14px;
    font-weight: 200;
}

.category-product-item li a:hover {}

.category-product-menu .banner-category-image img {
    width: 100%;
    object-fit: cover;
}

.product-select-box {
    display: flex;
    justify-content: space-between;
}

.product-select-box .product-select-item {
    display: flex;
    align-items: center;
}

.product-select-box .product-select-left .heading-check {
    margin-right: 10px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 300;
}

.product-select-box .product-select-right .heading-check {
    margin-right: 12px;
    font-size: 14px;
    font-weight: 300;
    white-space: nowrap;
}

.product-select-box {
    margin-bottom: 41px;
}


/* .product-select-box .form-check-input:checked{
    background-color: #fff;
    color: #7a7777;
    border: 1px solid #7a7777;
} */

.product-select-box .form-check-input {
    padding: 10px
}


/* Chi tiết sản phẩm */
.product-detail-rate-comment #commentinput{
    display: block;
    margin-bottom: 10px;
}

#section-pro-review{
    margin-bottom: 65px;
}

.info-col-description{
    
}

.product-detail-rate-comment-avata {
    display: flex;
    margin-bottom: 23px;
    gap: 15px;
}

.product-detail-comment-right-title {
    margin-bottom: 21px;
    font-size: 20px;
    font-weight: 300;
}

.product-detail-comment-right-title-small{
    font-size: 14px;
    font-weight: 200;
    line-height: 1.3;
    margin-bottom: 21px;
}

.product-detail-rate-comment .form-control{
    font-size: 12px;
    font-weight: 200;
}

.product-detail-rate-comment .form-control::placeholder{
    font-size: 12px;
    font-weight: 200;
}

.product-detail-rate-comment-avata img {
    width: 41px;
    height: 41px;
    border-radius: 50%;
    object-fit: cover;
}

.box-confirm-cart-price-real {
    font-weight: bold;
    font-size: 16px;
    margin-right: 10px;
}

.box-confirm-cart-price-discount {
    color: #808285;
    font-weight: 200;
    font-size: 9px;
}

.box-confirm-cart-top {
    /* display: flex; */
    display: grid;
    grid-template-columns: auto auto;
    margin-top: 12px;
}

.box-confirm-cart {
    width: 317px;
    /* height: 200px; */
    background-color: #F1F2F2;
    padding: 24px 10px;
    box-shadow: 5px 10px 8px -3px #888888;
    position: fixed;
    top: 143px;
    right: 12px;
    z-index: 99;
}

.box-confirm-cart-image {
    width: 98px;
    height: 98px;
    background-color: #fff;
}

.box-confirm-cart-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    padding: 10px
}

.box-confirm-cart-detail-name {
    font-size: 12px;
    font-weight: 300;
}

.box-confirm-cart-detail-price {
    display: flex;
    align-items: end;
}

.box-confirm-cart-detail-box {
    margin-left: 12px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.box-confirm-cart-title {
    /* margin-bottom: 13px; */
    font-size: 14px;
    font-weight: 400;
}

.close-button {}

.box-confirm-cart-title {
    display: flex;
    justify-content: space-between;
}

.box-confirm-cart-title .close-button {
    cursor: pointer;
    position: absolute;
    right: 7px;
    top: 8px;
}


/* .box-confirm-cart-detail{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
} */

.box-confirm-cart-bottom a {
    font-size: 14px;
    color: #fff;
    font-weight: 300;
}

.box-confirm-cart-bottom a {
    background-color: #00A9DC;
    text-align: center;
    margin-top: 29px;
    padding: 7px 0;
    display: block;
    width: 100%;
}

.box-confirm-cart-bottom a:hover {
    color: #fff !important
}

#section-product-detail {
    margin-bottom: 43px;
    position: relative;
}

#section-product-detail .container {
    padding-left: 100px;
    padding-right: 100px;
}

#section-product-detail .container .row {
    padding-bottom: 49px;
    border-bottom: 1px solid #EAEBEB;
}

.product-detail-slide-small {
    padding: 0
}

.product-slide-left-item {
    width: 86px !important;
}

.product-detail-rate-comment .btn{
    padding: 6px 35px;
    background-color: #008BCF;
    color: #fff;
    font-size: 12px;
    font-weight: 300;
    display: flex;
    margin-left: auto;
}

/* Tiêu đề */

/* .product-detail-info-category {
    font-size: 13px;
    font-weight: 200;
    margin-bottom: 6px;
} */

.product-detail-info-category {
    font-size: 13px;
    font-weight: 200;
    margin-bottom: 13px;
    display: none;
}

.product-detail-info-name {
    font-size: 22px;
    font-weight: 400;
    margin-bottom: 9px;
    line-height: 1.325;
}


/* Kết thúc tiêu đề */

.product-detail-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.product-slide-left-img img {
    width: 73px;
    height: 73px;
}

.product-slide-right-img img {
    height: 485px;
    width: 485px;
}

.product-slide-left-item {
    border: 0.5px solid #6D6E71 !important;
    border-radius: 4px;
    margin-bottom: 14px;
    padding: 2px 0;
}

.product-slide-right-img {
    background: linear-gradient(to top, rgba(197, 197, 199, 0.5), rgba(255, 255, 255, 0.7));
}

.pro-review-item .pro-review-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.pro-review-img {
    height: 562px;
    padding: 0 9px;
    position: relative;
}

.pro-review-img .pro-review-link{
    position: absolute;
    top: 42%;
    width: 40px;
    height: auto;
    right: 43%;
}

/* Play review */
.comment-customer-img{
    position: relative;
}

.comment-customer-img .pro-review-link{
    position: absolute;
    top: 42%;
    width: 40px;
    height: auto;
    right: 43%;
}






.pro-review-slide .slick-prev {
    position: absolute;
    left: -40px;
}

.pro-review-slide .slick-next {
    position: absolute;
    right: -40px;
}

.pro-review-slide .slick-arrow {
    background-color: transparent;
    z-index: 1;
    width: 30px;
    height: 30px;
    color: #fff;
    border-radius: 50%;
    padding: 0;
    bottom: 46%;
    border: none;
    background-color: #787878;
}

#section-info-col {
    margin-bottom: 41px;
}

.info-col-left .info-col-description {
    background-color: #DBF7FE;
}

.info-col-left .info-col-description li {
    list-style-type: disc;
    margin-bottom: 12px;
    line-height: 1.7;
    font-size: 14px;
    font-weight: 400;
}

.info-col-right .info-col-description {
    background-color: #B8DAE9;
}

#section-info-col .row{
    min-height: 328px;
}

.info-col .title-info-col {
    font-size: 28px;
    font-weight: 400;
}

.info-col-description li{
    font-size: 14px;
    font-weight: 400;
    line-height: 1.7;
}

.info-col-description {
    height: 100%;
    padding-left: 24px;
    padding-top: 20px;
    padding-right: 21px;
}

.info-col-description tr td:first-child {
    width: 143px;
}

.info-col-description tr {
    display: block;
    margin-bottom: 18px;
    font-size: 14px;
}

.info-col-left .info-col-description {
    padding-left: 40px !important;
}

.info-col {
    padding: 0;
}

.title-info-col {
    margin-bottom: 10px;
}


/* Mô tả */

#section-describe {
    margin-bottom: 109px;
}

.describe-inner .title-section h2 {
    text-align: left;
    margin-bottom: 30px;
    font-size: 28px;
    font-weight: 400;
}

#section-describe .describe-description img {
    width: 100%;
}

#section-describe .describe-more button {
    background-color: #fff;
    color: #00A9DC;
    border: 1px solid #00A9DC;
    width: 217px;
    border-radius: 30px;
    padding: 8px 0;
    transition: all 0.3s linear;
}

#section-describe .describe-more button:hover {
    color: #fff;
    transition: all 0.3s linear;
    background-color: #00A9DC;
}

#section-describe {
    text-align: center;
}

.describe-more {}


/* flash sale */


/* flash sale detail */

.product-detail-info-flash {
    display: flex;
    justify-content: space-between;
    background-color: #EF5B36;
    align-items: center;
    border-radius: 2.2px; 
    padding: 5px 10px; 
    margin-bottom: 15px; 
}

.product-detail-info-flash-number {
    display: flex;
    align-items: center;
}

.product-detail-info-flash .product-detail-info-flash-number>p {
    font-size: 12px;
    text-transform: uppercase;
    color: #fff;
    margin-right: 8px;
}

.product-detail-info-flash .product-info-flash-title {
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    text-transform: uppercase;
}

.product-detail-info-flash .time-flash-sale {
    display: flex;
    gap: 3px
}

.product-detail-info-flash .time-flash-number {
    background-color: #000;
    color: #fff;
    border-radius: 3px;
    overflow: hidden;
}

.product-detail-info-flash .time-flash-number p {
    font-size: 12px;
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
}


/*  */


/* Sao */

.product-detail-info-rate {
    display: flex;
    justify-content: space-between;
    margin-bottom: 13px;
}

.detail-info-rate-right img {
    width: auto;
    height: 10px;
}

.detail-info-rate-right span {
    font-size: 13px;
    font-weight: 300;
    margin-bottom: 13px;
}

.detail-info-rate-left {
    display: flex;
}

.detail-info-rate-left span {
    font-size: 13px;
    font-weight: 300;
}



.detail-info-rate-left a{
    color : #EF5B36;
    text-decoration: underline;
}


/* rate */

.stars {
    position: relative;
    white-space: nowrap;
}

.stars svg {
    width: 9px;
    height: 9px;
}

.stars .overlay {
    background: #c4c3c3;
    height: 100%;
    overflow: hidden;
    mix-blend-mode: lighten;
    position: absolute;
    top: 0;
    right: 0;
}

.stars{
    /* color: #000 !important; */
}

.stars svg {
    fill: #000;
}

.product-detail-info-price-left .price-left-real p {
    font-size: 26px; 
    font-weight: bold;  
    margin-right:12px ;
}

.product-detail-info-price-left .price-left-sale del {
    font-size: 16px; 
    font-weight: 300;
    line-height: 1.5;
}

.product-detail-info-price {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 15px;
}

.product-info-detail-title {
    font-size: 14px;
    font-weight: 300;
    width: 96px;
}

.product-detail-code-discount {
    display: flex;
    align-items: center;
    margin-bottom: 19px;
}

.product-code-discount-list {
    display: flex;
    gap: 7px;
    flex-wrap: wrap;
    margin-left: 15px;
}

.product-code-discount-item {
    font-size: 14px;
    font-weight: 300;
    padding: 6px 15px;
    background-color: #ef5b36;
    color: #fff;
    border-radius: 3.5px;
}

.product-detail-info-price-left {
    display: flex;
    align-items: flex-end;
}

.product-detail-info-price-right span {
    font-size: 12px;
    font-weight: 300;
    font-style: italic;
}

.product-detail-gift {
    display: flex;
    margin-bottom: 15px;
}

.product-detail-gift-list {
    display: flex;
    gap: 7px;
}

.product-detail-gift-item .gift-item-img {
    height: 100%;
    text-align: center;
}

.product-detail-gift-item .gift-item-img img {
    width: auto;
    height: 51px;
    object-fit: cover;
}

.gift-item-inner {
    padding-top: 2px;
    padding-bottom: 20px;
    width: 85px;
    height: 75px;
}

.product-detail-gift-item .gift-item-name {
    text-align: center;
    font-size: 12px;
    font-weight: 300;
}

.product-detail-gift-item {
    border: 1px solid #0084C8;
}

.product-detail-gift-item a {
    color: #000
}


/* F & A */

.product-detail-fa {
    display: flex;
    margin-bottom: 9px;
}

.product-detail-fa-list {
    width: 100%;
    margin-left: 13px;
}

.product-detail-fa-list .accordion-button {
    padding: 0;
    font-size: 14px;
    font-weight: 300;
    border: none;
    line-height: 1.4;
}

.product-detail-fa-list .accordion-item {
    margin-bottom: 13px;
}

.product-detail-fa-list .accordion-button::after {
    content: "+";
    background-image: none;
    width: auto;
    height: auto;
}

.product-detail-fa-list .accordion-button:focus {
    outline: none;
    border: none;
    box-shadow: none;
    background: none;
}

.product-detail-fa-list .accordion-item {
    border: 1px solid #9b9b9b;
    padding: 7px;
    font-size: 14px;
    border-radius: 6px;
    font-weight: 300;

}

.product-detail-fa-list .accordion-body {
    font-size: 14px;
    font-weight: 300;
    padding: 0;
    padding-top: 12px;
    padding-left: 7px;
    line-height: 1.4;
}

.accordion-button:not(.collapsed) {
    background-color: transparent;
}


/* Chính sách */

.product-detail-policy-list {
    display: grid;
    /* gap: 9px; */
    width: 100%;
    margin-left: 16px;
    justify-content: space-between;
    grid-template-rows: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
}

.policy-item-image img {
    width: auto;
    height: 37px;
    object-fit: cover;
}

.policy-item-image {
    text-align: center;
}

.product-detail-policy-list .policy-item-text {
    /* font-size: 12px;
    font-weight: 200;
    text-align: center;
    margin-top: 7px; */

    font-size: 12px;  
    font-weight: 300;  text-align: center; 
    margin-top: 5px;
    line-height: 1.5;  
}

.product-detail-policy {
    display: flex;
    margin-bottom: 17px;
}


/* Số lượng */

.product-detail-number {
    display: flex;
    align-items: center;
    margin-bottom: 14px;
}

.qty-input input {
    border: none;
    width: 35px;
    text-align: center;
}

.qty-input button {
    border: 1px solid #939598;
    background-color: transparent;
    font-size: 17px;
    border-top-color: transparent;
    border-bottom-color: transparent;

}

.qty-input {
    border: 1px solid #939598;
    font-size: 14px;
    border-left-color:transparent ;
    border-right-color:transparent ;
}

.cart-product-number .qty-input{
    border: 1px solid transparent;
}


.cart-product-number .qty-input button{
    border-bottom-color: #939598;
    border-top-color: #939598;
}

/* Button cuối */
.icon-phone-bottom{
    width: 30px;
    height: auto;
    transform: translateX(10px);
}

.product-detail-group-button {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.product-detail-button-cart {
    background-color: #F1F2F2;
    width: 167px;
    text-align: center;
    border-radius: 4px;
    padding-top: 11px;
    padding-bottom: 11px;
}

.product-detail-button-cart a {
    font-size: 14px;
    font-weight: 200;
    color: #000;
    display: block;
}

.product-detail-button-cart img {
    height: 15px;
    width: auto;
}

.product-detail-button-buy {
    background-color: #00A9DC;
    width: 167px;
    transition: all 0.3s linear;
    text-align: center;
    border-radius: 4px;
    padding-top: 11px;
    padding-bottom: 11px;
}

.product-detail-button-buy a {
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    display: block;
}

.product-detail-button-buy:hover {
    background-color: #065f7a;
    transition: all 0.3s linear;
}

.product-detail-button-buy:hover a {
    color: #fff !important
}

.product-detail-button-like {
    /* border: 1px solid #EAEBEB; */
}

.product-detail-button-like img {
    width: 17px;
    height: auto;
}

.product-detail-button-like button {
    padding: 9px 11px;
    background-color: transparent;
    border-radius: 4px;
    border: 1px solid #EAEBEB;
}

.product-detail-button-like button.change {
    background-color: #008BCF;
}


/* Faq dưới */

#section-product-question {
    background-color: #F1F2F2;
    padding-top: 48px;
    padding-bottom: 43px;
    min-height: 469px;
    margin-bottom: 56px;
}

.title-question-right {
    font-size: 28px;
    text-align: center;
    margin-bottom: 36px;
    font-weight: 400;
}

#section-product-question .accordion-button {
    padding: 13px 10px;
    font-size: 14px;
    font-weight: 200;
    border: none;
}

#section-product-question .accordion-item {
    margin-bottom: 23px;
}

#section-product-question .accordion-button::after {
    content: "+";
    background-image: none;
    width: auto;
    height: auto;
}

#section-product-question .accordion-button:focus {
    outline: none;
    border: none;
    box-shadow: none;
    background: none;
}

#section-product-question .accordion-item {
    border: none
}

#section-product-question .accordion-body {
    font-size: 13px;
    font-weight: 300;
    padding: 13px;
    padding-top: 12px;
    line-height: 1.4;
}

.describe-inner .title-section h2 {
    text-align: left;
    margin-bottom: 30px;
    font-size: 28px;
    font-weight: 400;
}


/* Có thể bạn sẽ thích */

#section-product-like {
    margin-bottom: 77px;
}

#section-product-like .title-section {
    text-align: left;
    margin-bottom: 30px;
    font-size: 28px;
    font-weight: 400;
}

.section-product-like-inner {
    padding-bottom: 65px;
    border-bottom: 1px solid #EAEBEB;
}


/* Đánh giá */

.product-detail-rate-inner .title-section h2 {
    text-align: left;
    margin-bottom: 30px;
    font-size: 28px;
    font-weight: 400;
}

.product-detail-rate-star .stars {
    margin-bottom: 13px;
}

.product-detail-rate-star .stars svg {
    fill: #235FD5
}

.product-detail-rate-star .stars svg.checked {
    fill: #E6E7E8;
}

.product-detail-rate-image img {
    width: 53px;
    height: 58px;
    object-fit: cover;
}

.video-comment-box{
    position: relative;
}

.video-comment-box::before{
    content: "\f04b";
    position: absolute;
    /* background-image: url('/themes/shopbanhang//asset/image/play.png'); */
    font-weight: 900;
    font-family: "Font Awesome 6 Free";
    color: #fff;
    right: 35%;
    top: 29%;
    padding: 6px;
    background: #000;
    font-size: 9px;
    border-radius: 30px;

}


.product-detail-rate-avata {
    width: 41px;
    height: 41px;
    border-radius: 50px;
    overflow: hidden;
    margin-right: 19px;
}

.product-detail-rate-avata img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.product-detail-rate-item {
    display: grid;
    grid-template-columns: 1fr 11fr;
    margin-bottom: 46px;
}

.product-detail-rate-item .comment-main {
    display: flex;
}

.product-detail-rate-name {
    font-size: 14px;
    font-weight: 400;
    margin-right: 19px;
    margin-bottom: 9px;
}

.product-detail-rate-heading {
    display: flex;
    justify-content: space-between;
}

.product-detail-rate-date {
    font-size: 14px;
    font-weight: 300;
    display: none;
}

.product-detail-rate-comment {
    margin-bottom: 13px;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.4;
}

.product-detail-rate-image {
    margin-bottom: 18px;
    display: flex;
    gap: 9px
}

.product-detail-rate-like span {
    font-size: 14px;
    font-weight: 300;
}

.product-detail-rate-like svg {
    cursor: pointer;
}

.product-detail-rate-like svg.changeRate {
    fill: #0084C8;
}


/* Đánh giá */

.people-comment {
    font-size: 12px;
    font-weight: 300;
}

#section-product-detail-comment .product-detail-rate-like {
    display: flex;
    align-items: center;
}

.people-like {
    margin-right: 29px;
}

.people-like a{
    color: #000
}

.product-detail-rate-like .people-comment span {
    display: block;
    margin-right: 15px;
    cursor: pointer;
}

.comment-extra {
    margin-left: 50px;
}

.people-time {
    font-size: 12px;
    font-weight: 200;
    display: none;
}

.box-comment textarea {
    width: 100%;
    border-radius: 5px;
    border: 1px solid #dee2d6;
}

.box-comment {
    margin-left: 50px;
    display: none;
}

.box-comment .input-group {
    gap: 4px;
}

.box-comment .input-group input {
    border-radius: 5px !important;
    font-size: 12px;
}

.box-comment button {
    border-radius: 5px !important;
    width: 86px;
    font-size: 12px;
    background-color: #008BCF;
    border: 1px solid #008BCF;
    color: #fff;
}

.product-detail-rate-right-point {
    display: flex;
    align-items: center;
    margin-bottom: 28px;
}

.product-detail-rate-right-point .product-detail-rate-right-number {
    font-size: 53px;
    font-weight: 400;
}

.list-filter-rate-item {
    min-width: 64px;
}

.list-filter-rate-item.active a{
    color: #0084C8 !important;
}

.item-star-rating.active a{
    color: #0084C8 !important;
}

.product-detail-rate-right-star .stars {
    margin-bottom: 14px;
}

.product-detail-rate-right-star {
    margin-left: 15px;
}


/* Điểm đánh giá */

.product-detail-rate-right .rate-image-item img {
    width: 53px;
    height: 58px;
    object-fit: cover;
}

.product-detail-rate-right .rate-image-title {
    font-size: 14px;
    font-weight: 300;
}

.product-detail-rate-right .list-rate-image {
    display: flex;
    gap: 9px;
    overflow-x: scroll;
}

.product-detail-rate-right .list-rate-image::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

.product-detail-rate-right .list-rate-image::-webkit-scrollbar
{   	
    width: 1px;
    height: 4px;
	background-color: #F5F5F5;
}

.product-detail-rate-right .list-rate-image::-webkit-scrollbar-thumb
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #b6b8be;
}

.product-detail-rate-right .rate-image-title {
    margin-bottom: 12px;
}

.product-detail-rate-right .list-filter-rate-list a {
    font-size: 14px;
    font-weight: 300;
    display: block;
    color: #000;
    border: 1px solid #EAEBEB;
    padding: 4px 13px;
    text-align: center;
    cursor: pointer;
}

.list-filter-rate-list {
    width: 68%;
    display: flex;
    gap: 3px;
    margin-bottom: 18px;
    flex-wrap: wrap;
}


/*  */


/* Giỏ hàng */
.product-mobile-top-table{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 30px;
    border-bottom: 2px dashed #949494;
}

.title-section-cart h1 {
    font-size: 28px;
    font-weight: 400;
    margin-bottom: 27px;
}

.cart-product-name-box .cart-product-image {
    width: 100px;
    height: 100px;
    background-color: #F1F2F2;
    /* padding: 5px; */
}

.cart-product-name-box .cart-product-image img {
    width: 100px;
    height: 100px;
    object-fit: cover;
}

.cart-product-price {
    display: flex;
    align-items: start;
    flex-direction: column;
}

.cart-product-price .cart-product-price-real {
    font-size: 14px;
    font-weight: 400;
    margin-right: 6px;
}

.cart-product-price .cart-product-price-discount {
    font-size: 11px;
    font-weight: 300;
    margin-top: 6px;
}

.cart-product-name-box {
    display: flex;
    align-items: center;
}

.cart-product-name {
    font-size: 14px;
    font-weight: 300;
    margin-left: 9px;
    line-height: 1.4;
}

.table-cart-body {
    display: flex;
    align-items: center;
}

.table-cart-heading {
    display: flex;
}

.table-cart-left tbody td {
    vertical-align: middle;
}

.table-cart-left tr th {
    vertical-align: middle;
}

.cart-product-number .qty-input {
    /* justify-content: space-between; */
    display: flex;
    /* width: 50%; */
}

.cart-product-number .qty-input input {
    font-size: 13px;
    font-weight: 200;
    border-bottom: 1px solid #939598;
    border-top: 1px solid #939598;

}

.cart-product-total {
    color: #BE1E2D;
    font-size: 14px;
    font-weight: 300;
}

.td-name {
    width: 28%;
}

.td-price {
    width: 17%;
}

.td-number{
    width: 20%;
}

.table-cart-left tbody {
    /* border: 1px solid #EAEBEB; */
}

.table-cart-left tbody tr:first-child td {
    padding-top: 10px !important;
}

.table-cart-left tbody tr:last-child td {
    padding-bottom: 20px !important;
}

.td-check {
    width: 3%;
    padding-left: 22px !important;
}

.table-cart-left tr th:first-child {
    padding-left: 22px;
    width: 3%;
}

tbody {
    padding: 40px !important
}

.table-cart-left thead {
    border: 1px solid #EAEBEB;
}

.td-delete i {
    color: #b1a8a8;
}


/* Table dưới */

.tr-gift .cart-product-name-box {
    flex-direction: column;
}

.tr-gift .cart-product-gift-text {
    color: #ED1C24;
    font-size: 12px;
    font-weight: 300;
    margin-bottom: 3px;
}

.tr-gift .cart-product-name-gift {
    color: #000;
    font-size: 12px;
    font-weight: 200;
}

.tr-gift .td-name {
    width: 58%;
    text-align: left;
    padding-left: 12%;
}

.tr-gift .cart-product-name-box {
    align-items: start;
}

.table-bottom {
    position: relative;
}

.cart-gift-image-inner {
    display: flex;
    align-items: center;
    gap: 8px
}

.tr-gift .cart-gift-image {
    height: 54px;
    width: 54px;
    object-fit: cover;
}

.tr-gift .cart-gift-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.table-bottom::before {
    content: "";
    background-color: #EAEBEB;
    display: block;
    height: 1px;
    width: 90%;
    position: absolute;
    right: 4%;
}

.table-bottom::after {
    content: "";
    background-color: #EAEBEB;
    display: block;
    height: 1px;
    width: 90%;
    position: absolute;
    right: 4%;
}


/*  */

.cart-product-gift-number {
    font-size: 20px;
    font-weight: 200;
}

.table-cart-left tr th i {
    color: #b1a8a8;
}

.table-border {
    border: 1px solid #EAEBEB;
    margin-bottom: 30px;
}

.col-name {
    width: 33%;
}

.col-check {
    width: 3%;
}

.list-code-discount .check-voucher {
    margin-left: 53px;
}

.voucher-disabled .logo-voucher h3 {
    color: #c4cfe9
}

.voucher-disabled .infor-voucher p {
    color: #a7a7a7;
}

.voucher-disabled .infor-voucher h4 {
    color: #a7a7a7;
}

.title-code-discount {
    margin-top: 18px;
    font-size: 14px;
    font-weight: 200;
}

.list-code-discount .voucher {
    margin-top: 8px;
}

.title-code-enter {
    margin-bottom: 14px;
    font-size: 14px;
    font-weight: 400;
}

.enter-code-discount input {
    font-size: 12px;
    font-weight: 200;
    font-style: italic;
    background-color: #F1F2F2;
    border-color: transparent;
    padding: 4px 11px;
    width: 67%;
}

.enter-code-discount button {
    border-color: transparent;
    font-size: 12px;
    font-weight: 200;
    background-color: #F1F2F2;
    padding: 4px 16px;
    width: 33%;
}

.cart-price-item {
    display: flex;
    justify-content: space-between;
    margin-bottom: 12px;
}

.cart-price-item {
    display: flex;
    justify-content: space-between;
}

.cart-price-item-title {
    font-size: 14px;
    font-weight: 200;
}

.cart-price-item-price {
    font-size: 14px;
    font-weight: 200;
}

.cart-price-sum-discount-item {
    display: flex;
    justify-content: space-between;
    margin-top: 4px;
    padding-top: 11px;
    border-top: 1px solid #000000;
}

.cart-price-sum-discount-title {
    color: #001E38;
    font-size: 14px;
    font-weight: 300;
}

.cart-price-sum-discount-price {
    color: #001E38;
    font-size: 14px;
    font-weight: 300;
}

.cart-price-total-item {
    display: flex;
    justify-content: space-between;
    align-items: end;
}

.cart-price-total-title {
    font-size: 14px;
    font-weight: 200;
}

.cart-price-total-price {
    color: #ED1C24;
    font-size: 20px;
    font-weight: 400;
}

.cart-price-total {
    padding-top: 9px;
    border-top: 1px solid #000000;
    margin-top: 14px;
}

.cart-total-box {
    margin-top: 18px;
    margin-bottom: 13px;
}

.cart-button-buy a {
    display: block;
    color: #fff;
    background-color: #008BCF;
    font-size: 20px;
    text-align: center;
    padding-top: 9px;
    padding-bottom: 9px;
}

.cart-button-buy a:hover {
    color: #fff !important;
}

.cart-code-discount-right {
    border: 1px solid #EAEBEB;
    padding: 9px 13px;
    padding-bottom: 23px
}

.cart-total-box {
    border: 1px solid #EAEBEB;
    padding: 9px 12px;
}

.table-cart-right {
    padding: 0 5px;
}

.title-cart-left-bottom {
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 22px;
}


/* sản phẩm trang giỏ hàng */

.cart-product-gift-item .product-deal{
    font-size: 9px;
    font-weight: 200;
    background-color: #eeaaa8;
    margin-bottom: 8px;
    padding: 3px 2px;
    text-align: center;
}

.cart-left-bottom .row{
    align-items: center;
}

.cart-product-gift-right-slide .product-img img{
    /* width: auto !important; */
}
.cart-product-gift-right-slide .slick-prev {
    position: absolute;
    left: 320px;
}

.cart-product-gift-right-slide .slick-next {
    position: absolute;
    right: 0;
}

.cart-product-gift-right-slide .slick-arrow {
    background-color: transparent;
    z-index: 1;
    width: 48px;
    height: 48px;
    color: #7a7777;
    border-radius: 50%;
    padding: 0;
    top: -32px;
    border: none;
}

.cart-product-gift-right-slide .slick-arrow i {
    font-size: 26px;
}

/* .cart-product-gift-right{
    display: flex;
    align-items: center;
} */

.cart-left-bottom {
    border: 1px solid #EAEBEB;
    padding: 22px 13px;
}

.cart-product-gift .cart-product-gift-inner .cart-product-gift-item-list {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    /* padding: 12px 17px; */
}

.title-cart-product-gift {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 14px;
}

.title-cart-product-gift {
    font-size: 14px;
    font-weight: 200;
}

.product-gift-text-or {
    font-size: 11px;
    font-weight: 200;
}

.cart-product-gift-inner {
    background-color: #B8DAE9;
    padding: 12px 17px;
}

.cart-product-gift-inner .product-item-inner {
    /* background-color: transparent; */
}

.cart-product-gift-inner .product-item-inner .product-img {
    background-color: #fff;
    padding-top: 0;
    height: 134px;
    text-align: center;
}

.cart-product-gift-inner .product-item-inner .product-button-cart a {
    font-size: 14px;
    font-weight: 200;
    display: block;
    text-align: center;
    color: #939598;
    padding: 4px 0;
}

.cart-product-gift-inner .product-item-inner .product-button-cart-delete a {
    background-color: #E6E7E8;
}

.cart-product-gift-inner .product-item-inner .product-button-cart-add a {
    border: 1px solid #E6E7E8;
}

.cart-product-gift-inner .product-price {
    margin-bottom: 8px;
    display: flex;
    align-items: end;
}

.cart-product-gift-inner .product-price del{
    font-size: 11px;
    font-weight: 200;
    margin-left: 6px;
}

.cart-product-gift-inner .product-name a {
    margin-bottom: 20px;
}

.cart-product-gift-inner .product-img img {
    margin-bottom: 12px;
    width: auto !important;
}


/* Quà bên phải */
.cart-product-gift-right-slide .product-item-inner .product-button-cart-delete a {
    background-color: #E6E7E8;
}

.cart-product-gift-right-slide .product-item-inner .product-button-cart-add a {
    border: 1px solid #E6E7E8;
}

.cart-product-gift-right-slide .product-item-inner .product-button-cart a {
    font-size: 14px;
    font-weight: 200;
    display: block;
    text-align: center;
    color: #939598;
    padding: 4px 0;
}

.cart-product-gift-right-slide .product-img {
    padding-top: 22px;
    height: 177px;
}

.cart-product-gift-right-slide .product-price {
    font-size: 18px;
    margin-bottom: 8px;
}

.cart-product-gift-right-slide .product-cart-bonus {
    font-size: 8px;
    background-color: #B8DAE9;
    padding: 5px 8px;
    margin-bottom: 10px
}

.cart-product-gift-right-slide .product-discount {
    font-size: 12px;
}

.modal-discount-group-button {
    display: flex;
    gap: 9px
}


/* modal  */

#modal-cart .modal-body {
    text-align: center;
}

.modal-discount-login {
    width: 50%;
}

.modal-discount-login button {
    width: 100%;
    background-color: #00325F;
    border-color: #00325F;
    color: #fff;
    font-size: 14px;
    padding: 6px 0;
}

.modal-discount-close {
    width: 50%;
}

.modal-discount-close button {
    width: 100%;
    background-color: #fff;
    border-color: 1px solid #000000;
    font-size: 14px;
    padding: 6px 0;
}

#section-modal-cart .modal-dialog {
    max-width: 405px;
}

#section-modal-cart .modal-content {
    padding: 25px 41px;
}

#section-modal-cart .modal-discount-text {
    margin-bottom: 25px;
    font-size: 20px;
    font-weight: 200;
    line-height: 1.3;
}

#section-modal-cart .modal-discount-text strong {
    font-size: 20px;
}

#section-modal-cart .modal-icon-discount {
    /* margin-bottom: 15px; */
}

#section-banner-home{
    /* margin-top: 117px; */
}

#section-modal-cart .modal-body {
    padding: 0;
}


/* Trang order */

#section-order .title-order-left {
    color: #00325F;
    font-size: 18px;
    font-weight: 400;
}

#section-order .product-order-item .product-order-image-inner {
    height: 117px;
    width: 117px;
    padding: 5px;
    background-color: #F1F2F2;
}

#section-order .product-order-item .product-order-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#section-order .product-order-item .product-order-image {}

#section-order .product-order-price {
    margin-bottom: 24px;
}

#section-order .product-order-number {
    margin-bottom: 41px;
}

#section-order .product-order-item {}

#section-order .product-order-flex {
    display: flex;
    justify-content: space-between;
}

#section-order .product-order-name {
    margin-bottom: 41px;
    font-size: 14px;
    font-weight: 200;
    line-height: 1.4;
}

.product-order-left-text {
    font-size: 14px;
    font-weight: 300;
}

.product-order-left-text a {
    font-size: 14px;
    color: #000000;
}

.product-order-left-number {
    font-size: 14px;
    font-weight: 300;
}

#section-order .product-order-item {
    border-bottom: 1px dashed #E6E7E8;
    display: flex;
    ;
    padding-bottom: 17px;
    padding-top: 17px;
}

#section-order .product-order-gift-img-inner {
    width: 120px;
    height: 120px;
}

#section-order .product-order-gift-img-inner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#section-order .product-order-gift-item {
    display: flex;
    /* align-items: center; */
    padding-top: 17px;
    flex-direction: column;
}

.product-order-gift-box-inner{
    display: flex;
    align-items: center;

}

.product-order-detail {
    margin-left: 25px;
}

.order-right-title-input {
    display: flex;
    align-items: center;
    gap: 12px;
    background-color: #F9F4EF;
    padding: 8px 20px;
    margin-bottom: 17px;
}

.order-right-info {
    margin-bottom: 46px;
}

.number-form-input {
    border: 1px solid #00325F;
    padding: 4px 9px;
    border-radius: 50%;
}

.title-form-input {
    font-size: 18px;
    font-weight: 400;
    color: #00325F
}

.order-right-group-input .input-group {
    gap: 10px
}

.order-right-group-button button {
    font-size: 20px;
    font-weight: 400;
    padding: 10px 82px;
    border-radius: 0;
    background-color: #00A9DC;
    border-color: #00A9DC;
    border-radius: 12px;
}

.order-right-group-button button:hover {
    background-color: #00A9DC;
    border-color: transparent;
}

.order-right-group-buttona a button:hover {
    background-color: #E5E5E5 !important;
    border-color: transparent;
}

.order-right-group-button a button {
    font-size: 20px;
    font-weight: 400;
    padding: 10px 82px;
    border-radius: 0;
    background-color: #E5E5E5;
    border-color: #E5E5E5;
    color: #B2B2B2;
    border-radius: 12px;
}

.order-left {
    padding-top: 26px;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
    border: 1px solid #E6E7E8;
}

.order-right-group-button {
    text-align: right;
}

.order-left .cart-total-box {
    border-color: transparent;
    margin-bottom: 0;
}

.order-right-group-input .input-group input {
    font-size: 12px;
    font-weight: 200;
    font-style: italic;
    padding-left: 20px;
    padding-top: 14px;
    padding-bottom: 14px;
}

.order-right {
    padding-left: 27px;
}


/* Hoàn thành thanh toán */

#section-order div:nth-child(4) > .order-right-group-input{
    padding-left: 20px;
}

#section-complete .icon-button-check {
    width: 62px;
    height: 62px;
}

#section-complete .icon-button-check img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


/* Chung */
/* Arrow review */
.list-product-review .slick-prev {
    position: absolute;
    left: 0px;
}

.list-product-review .slick-next {
    position: absolute;
    right: 0px;
}

.list-product-review .slick-arrow {
    background-color: transparent;
    z-index: 1;
    width: 30px;
    height: 30px;
    color: #fff;
    border-radius: 50%;
    padding: 0;
    bottom: 46%;
    border: none;
    background-color: #787878;
}

.slide-rate-image .slick-prev {
    position: absolute;
    left: 0px;
}

.slide-rate-image .slick-next {
    position: absolute;
    right: 0px;
}

.slide-rate-image .slick-arrow {
    background-color: transparent;
    z-index: 1;
    width: 45px;
    height: 45px;
    color: #fff;
    border-radius: 50%;
    padding: 0;
    bottom: 46%;
    border: none;
    background-color: #787878;
}


/* Icon play */
.image-unbox{
    position: relative;
}

.image-unbox .pro-review-link{
    position: absolute;
    top: 42%;
    width: 62px;
    height: auto;
    right: 43%;
}

.modal-header{
    border-color: transparent;
}

.input-required{
    position: relative;
}

.input-required::after{
    content: "";
    font-size: 14px;
    color: red;
    position: absolute;
    left: 0;
    z-index: 999999;

}

 /* Trang chủ */
 .forgot-text{
    font-size: 15px;
    font-weight: 300;
}

.section-flash-sale-inner .best-sale-price p{
    color: #e84136;
}

#sale99 .product-price {
    color: #e84136;
}

.about-misstion-box-mobile{
    display: none;
}


@media (min-width: 1400px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1211px;
    }
    #section-pro-review .container {
        max-width: 987px;
    }

    /* Chi tiết */
    #section-info-col .container{
        max-width: 840px;
    }

    #section-describe .container{
        max-width: 840px;
        padding: 0;
    }
}

@media(min-width: 992px) {
    .table-cart-left {
        width: 73%;
    }
}


/* responsive */

@media(min-width: 450px){
    .menu-mobile{
        display: none;
    }

    .banner-home-margin{
        margin-top: 120px;
    }
}


@media (max-width: 800px){
   
}



@media(max-width: 480px) {
    .list-product-review .item-slick-product {
        padding: 10px !important;
    }

    #review .nav-tabs{
        padding-top: 0 !important;
    }

    #video-review{
        margin-top: 25px !important;
    }

    .breadcrumb-center .breadcrumb{
        margin-bottom: 5px;
    }

    .news-tell .news-tell-item{
        text-align: center;
        margin: 0;
    }
    

    .margin-product{
        margin-left: 11px;
    }

    .box-video iframe{
        height: 315px !important;
    }

    .about-misstion-box-pc{
        display: none;
    }

    .about-misstion-box-mobile{
        display: block;
    }

    /* Chi tiết bài viết */
    #section-blog-detail .blog-detail-meta p{
        margin-right: 50px;
    }
    /*  */

    .box-confirm-cart {
        top: 100px
    }

    .title-review-product{
        padding-bottom: 20px !important;
    }

    header{
        background-color: transparent !important;
    }
    /* Sale trang chủ */
    #button-scrolltop{
        display: none;
    }

   

    #section-flash-sale .time-flash-sale{
        margin-bottom: 20px;
    }

    #section-flash-sale .flash-sale-link{
        margin-bottom: 16px;
    }

    /*  */

    /* Thanh toán */
    .list-code-discount .voucher{
        width: 100%;
    }

    .table-cart-right .infor-voucher {
        padding-top: 14px !important;
        padding-bottom: 10px;
    }


    .cart-total-box{
        padding: 15px 12px;
    }

    .order-left{
        border-color: transparent;
    }

    .order-right{
        padding: 0 20px;
    }
    /*  */

    #section-pro-review{
        margin-bottom: 10px;
    }

    .value-item-3{
        flex-direction: column;
        gap: 30px;
    }

    .value-item-2{
        flex-direction: column;
        gap: 30px;
    }

    #section-about-value .value-item-3{
        margin-bottom: 30px !important;
        gap: 40px
    }

    #section-about-value .value-item-text{
        margin-top: 10px;
    }

    .box-about-number .value-item-2{
        margin-bottom: 30px !important;
    }

    .icon-phone-bottom{
        display: none;
    }

    .value-item-icon-last{
        width: 146px;
    }


    .gift-item-inner {
        padding-top: 0;
        padding-bottom: 14px;
        width: 90px !important;
        height: 87px !important;
    }

    /* Trang chủ */
    .topbar-phone{
        display: none;
    }

    #section-product-detail .container{
        padding: 12px;
    }

    .best-sale-info {
        padding: 0 12px;
    }
    .news-tell {
        display: grid;
        grid-template-rows: repeat(2, 1fr);
        grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
        grid-gap: 10px;
        padding-left: 36px;
    }
    .best-sale-price {
        font-size: 16px;
    }
    .best-sale-discount {
        font-size: 14px;
        font-weight: 200;
    }
    .best-sale-name a {
        font-weight: 300;
        font-size: 14px;
        /* margin-top: 12px; */
    }
    .best-sale-img {
        height: 170px;
    }
    .best-sale-name a {
        margin-bottom: 7px;
    }
    .best-sale-price {
        margin-bottom: 7px;
    }
    /* Chuyên mục sản phẩm */
    .home-category-big .category-home-img {
        height: 354px;
    }
    .home-category-small .category-home-img {
        height: 248px;
        margin-bottom: 15px;
    }
    .category-home-img {
        border-radius: 19px;
        overflow: hidden;
    }
    #section-banner-policy .banner-policy {
        height: auto;
    }
    .advertisement-home-item {
        height: auto;
        /* margin-bottom: 10px; */
    }
    .rate-star p {
        font-size: 10px;
        font-weight: 200;
    }

    .rate-star p {
        margin-left: 5px;
    }

    .rate-sold p {
        font-size: 10px;
        font-weight: 200;
    }

    .rate-sold p {
        margin-right: 5px;
    }
    /* Flash sale */
    #section-flash-sale .container {
        padding: 0;
    }
    .best-sale-item {
        padding: 7px
    }
    .section-flash-sale-inner {
        padding-left: 18px;
        padding-right: 18px;
        padding-top: 30px;
    }
    #section-flash-sale .best-sale-discount {
        margin-bottom: 4px;
    }
    .text-progress {
        font-size: 10px;
    }
    .best-sale-progress {
        height: 20px;
    }
    #section-flash-sale .flash-sale-title {
        font-size: 22px;
        margin-bottom: 10px;
    }

    #section-flash-sale .flash-sale-title img{
        width: 70%;
    }

    .title-section h2 {
        font-size: 18px
    }

    #section-best-sale .title-section h2 {
        font-size: 22px;
    }

    .comment-customer-item.slick-center {
        /* width: 257px !important; */
    }
    .comment-text-description {
        padding: 0;
    }
    .comment-text-description {
        padding: 0;
    }
    .footer-center {
        flex-direction: column;
    }

    #section-footer .container{
        padding-bottom: 78px;
        margin-bottom: 22px;
        border-color: transparent;
    }


    /* header */
    .menu-mobile-box ul li img {
        height: 25px;
        width: auto;
    }

    .menu-mobile-box ul li{
        margin: 0;
        text-align: center;
    }

    .menu-mobile-box ul{
        gap: 18px;
        justify-content: space-around;
    }

    .menu-mobile{
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 4;
        background-color: #fff;
        box-shadow: 5px 14px 23px 13px #888888;
        padding: 19px 9px;
    }

   

    .menu-mobile-right{
        position: absolute;
        bottom: 0;
        top: 0;
        right: 0;
        left: 66px;
    }

    .menu-mobile-box ul li:last-child button{
        background-color: none;
        border: none;
        font-size: 12px;
        white-space: nowrap;
    }

    .menu-mobile-box ul li:last-child img{
        height: 23px;
    }

    .menu-mobile-box ul li:last-child button p{
        margin-top: 8px;
        font-size: 10px;
        font-weight: 300;

    }

    .menu-mobile-box .nav-mobile .offcanvas{
        /* left: 40px; */
        right: 0;
        top: 0;
        bottom: 0;
        width: 350px;
        
    }

    .menu-mobile-box .nav-mobile .offcanvas .dropdown-menu{
        right: 0 !important;
        border: none;
    }

    .menu-mobile-box ul .nav-item{
        border-bottom: 1px solid #F0F1F1;
    }

    .menu-mobile-box ul .nav-item .nav-link{
        padding-bottom: 0;
        font-size: 14px;
        font-weight: 200;
    }

    .nav-mobile .offcanvas-header{
        justify-content: end;
    }

    .menu-mobile-box ul {
        /* gap: 15px !important; */
    }

    .menu-mobile-box .nav-mobile .offcanvas .dropdown-menu.show{
        padding-top: 0;
        position: relative !important;
        transform: translate3d(0px, 0px, 0px) !important;
        padding-top: 23px;
    }

    .menu-mobile-box ul li .dropdown-item{
        padding-bottom: 22px;
        font-size: 14px;
        font-weight: 200;
        text-align: left;
    }

    .menu-mobile-box ul .nav-item{
        padding-bottom: 22px;
        border-bottom: 1px solid #F0F1F1;
    }

    .menu-mobile-box ul .nav-item:last-child{
        color: #000;
    }

    .number-phone-mobile{
        margin-top: 28px;
        font-size: 13px;
        font-weight: 200;
    }

    .number-phone-logout{
        background-color: #d4f3fd;
        border-radius: 10px;
        font-size: 15px;
        text-align: center !important;
        padding: 12px 0px;
    }

    .nav-mobile .dropdown-toggle::after{
        position: absolute;
        right: 0;
    }

    /* Chi tiết sản phẩm */
    .info-col-left{
        margin-bottom: 20px;
    }

    .hideContent {
        height: 1291px !important;
    }

    #section-info-col{
        padding: 12px
    }

    .product-like-slide .product-img{
        padding-top: 0;
        height: 150px;
    }

    .ribbon-top-right span{
        font-size: 13px;
    }

    .product-detail-info{
        margin-top: 30px;
    }

    .product-slide-right-img img {
        height: 100%;
        width: 100%;
    }

    .product-slide-left .slick-list{
        padding: 0 !important
    }

    .product-detail-slide-small{
        padding-left: 6px;
    }

    .product-detail-rate-item{
        margin-bottom: 20px;
    }

    #section-product-detail-comment{
        margin-top: 50px;
    }

    .main-blog-left{
        margin-bottom: 20px;
    }

    .footer-blog-contact .title-section-sub{
        /* font-size: 12px !important; */
    }

    /* .info-col .title-info-col {
        text-align: center;
    }

    .info-col .title-info-col {
        text-align: left;
    } */

    .info-col .title-info-col {
       font-size: 18px;
       position: relative;
       font-weight: 300;
    }

    .info-col .title-info-col::before{
        content: "+";
        position: absolute;
        right: 0;
    }

    .info-col{
        padding: 0;
        border-bottom: 1px solid #7a7777;
        margin-bottom: 10px;
    }

    #section-info-col .row{
        min-height: 1px;
    }

    .info-col-right{
        margin-top: 0;
    }

    .info-col-description {
        height: auto;
        /* padding-bottom: 15px; */
    }

    /* Chuyên mục blog */
    .section-blog-new-inner{
        padding-left: 0;
        padding-right: 0;
    }

    .section-blog-new-inner .title-section{
        padding-left: 30px;
    }

    .main-blog-left-title a {
        font-size: 23px;
    }

    .main-blog-left .main-blog-left-item-img {
        height: 231px;
    }

    .list-blog-col-text {
        padding-top: 28px;
        padding-bottom: 15px;
    }

    .blog-last-item .blog-last-title a{
        margin-bottom: 0;
    }
    /* Cập nhật */

    .modal-login .modal-left{
        border: none;
        padding-right: 12px;
    }

    .modal-login .modal-dialog{
        max-width: 100% !important;
    }

    .modal-left-sub {
        margin-bottom: 20px;
    }

    .modal-left-login-social .login-social-item {
        padding-left: 20px;
        padding-top: 11px;
        padding-bottom: 11px;
        margin-bottom: 11px;
    }

    .modal-left-login-social .login-social-item i{
        font-size: 24px;
    }

    .modal-left-login-social .login-social-item {
        font-size: 17px;
    }

    .modal-right {
        padding-right: 37px;
        padding-left: 45px;
        margin-top: 27px;
        margin-bottom: 25px;
    }

    .modal-right .form-control{
        font-size: 17px;
    }

    .modal-right .form-control::placeholder{
        font-size: 17px;
    }

    .or-login {
        margin-bottom: 24px;
    }

    .modal-login .modal-header{
        padding: 11px;
    }

    .modal-right form button {
        margin-top: 12px;
        margin-bottom: 4px;
        font-size: 16px;
        padding-top: 8px;
        padding-bottom: 8px;
    }

    .modal-left-heading{
        font-size: 27px;
        margin-top: 0;
    }

    .or-login span::before {
        width: 74px;
    }

    .or-login span::after{
        width: 74px;
    }

    .info-col-description{
        background-color: transparent !important;
    }

    .info-col-right{
        margin-bottom: 0;
    }

    .describe-inner .title-section h2{
        font-size: 18px;
        font-weight: 300;
    }

    .describe-inner .title-section h2{
        text-align: left;
    }


     .info-col-description li{
        font-weight: 300 !important;
    }


    /* Chi tiết blog */
    #section-blog-detail .title-blog-detail {
        font-size: 26px;
        line-height: 1.3;
    }

    .title-blog-like {
        margin-bottom: 30px;
    }

    .info-col-description{
        padding-top: 5px;
    }

    /* Thanh toán*/
    .order-right-group-button button{
        width: 100%;
        margin-bottom: 10px;
    }

    .order-right{
        /* padding-left: 12px; */
    }

    .order-right-group-button{
        display: flex;
        flex-direction: column;
    }

    /* bổ sung css */
    .detail-info-rate-right{
        display: none;
    }

    .blog-new-slide .slick-next{
        right: 5px;
    }

    .blog-new-slide .slick-prev{
        left: 5px;
    }
 
}


/* Review */
.modal-body .tiktok-embed{
    width: 323px;
}

.modal-video .modal-dialog{
    max-width: 357px;
}

#video-review .comment-text-slide{
    text-align: center;
}

.list-video{
    margin-top: 43px;
}

#video-review .comment-customer-slide{
    margin-bottom: 34px;
}

.comment-text-item .icon-video{
    display:flex ;
    gap: 10px;
    justify-content: center;
}

.comment-text-item .icon-video .time{
    display: flex;
}

.comment-text-item .icon-video .view{
    display: flex;
}

.form-control:focus{
    box-shadow: none;
}

/* SVg */
.menu-mobile-box .st126 {
    stroke: #000 !important;
    stroke-width: 1px;
}

.menu-mobile-box .active .st103{
    fill: #56a9dd;
    stroke: none;
}

.menu-mobile-box .active .st126 {
    stroke: #fff !important;
}

.menu-mobile-box .active a p{
    color: #56a9dd !important;
}

.menu-mobile-box svg{
    width: 28px;
}

.menu-mobile-box .cls-1{
    fill: #000;
}

.menu-mobile-box .svg-cart{
    width: 24px;
}

.menu-mobile-box .home-svg{
    width: 24px;
}

.menu-mobile-box .sale-svg{
    width: 27px;
}

.menu-mobile-box .active .cls-1{
    fill: #56a9dd;

}

#button-contact.active p{
    color: #56a9dd
}


.menu-mobile-box .home-svg .cls-1{
    stroke: #000;
    stroke-width: 1px;
    fill: none
}

.menu-mobile-box .active .home-svg .cls-1{
    fill: #56a9dd;
    stroke: none;
}

.menu-mobile-box .acc-svg .cls-1{
    stroke: #000;
    stroke-width: 1px;
    fill: none
}

.menu-mobile-box .active .acc-svg .cls-1{
    fill: #56a9dd;
    stroke: none;
}

.menu-mobile-box .sale-svg .cls-1{
    /* stroke: #000; */
    stroke-width: 1px;
    fill: none;
}

.menu-mobile-box .sale-svg .cls-2{
    fill: #000;

}

.menu-mobile-box .active .sale-svg .cls-2{
    fill: #fff;

}

.menu-mobile-box .active .sale-svg .cls-1{
    fill: #56a9dd;
    stroke: none;
}

.menu-mobile-box .active .sale-svg .cls-2{
    stroke: #fff;

}

.menu-mobile-box .active .sale-svg .cls-4{
    stroke: #56a9dd;
    fill: #56a9dd
}