#header #site-header-center{
  background: #e6e6e6  !important;
}
.wrap-filter .box_sidebar .shop-sidebar .title, .wrap-filter .box_sidebar .shop-sidebar > .group-filter:before {
  background: #25326e  !important;
}

.menu-active #menu-mobile {
    background: #ffe5e5  !important;
}

#header .header-group-icon li .group-icon-item .box-text, 
#header .header-account a.header-hotline, 
#header .header-account a.header-hotline i{
    color: #4c4c4c !important;
}

#header .header-group-icon li .group-icon-item .box-icon svg {
    fill: #4c4c4c !important;
}
.logo.col-md-3.col-xs-6.col-sm-4.pd-right-0 img {
    max-width: 100%;
}

@media(min-width: 990px){
  .tem-article img, .item-article img{
        object-fit: cover;
        width: 100%;
        height: 280px;
  }
}
@media(max-width: 889px){
  .tem-article img, .item-article img{
    object-fit: cover;
    height: 140px;
    width: 100%;
    max-width: 100%;
  }
}

.article-content .dt-content.col-lg-9 {
    width: 100%;
}
.article-content .left-content .aside-blog-promotion, .product-block .product-detail .pro-price .compare-price,
.product-sale, .pro-sale-qv, .pro-sale-detail, #product-template #pro-price{
  display: none !important;
}
#blog-template .col-xs-12 {
        width: 100%;
    }

section#section-home-product-tab h2.title-section span, section#section-home-product-tab-2 h2.title-section span{
  top: 0  !important;
}

@media(min-width: 768px){
  .d-flex.d-flex-wrap.row-left-list.mobile{
    display: none;
  }
}
@media(max-width: 767px){
.d-flex.d-flex-wrap.row-left-list.desktop{
    display: none;
  }
}
.product-block .product-detail .pro-price.no-tag, .product-block .product-detail .pro-price.no-tag span{
  display: none !important;
}

.footer-container .footer-bottom {
  text-align: center;
}

.content-news-project .artile-item:first-child{
    display: block;
}
.content-news-project .artile-item{
    display: block;
}
.detail-article h3{
  display: none;
}
.store-pages .row{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}
.store-pages .area-title {
    text-transform: uppercase;
    font-weight: bolder;
    margin-top: 2rem;
    margin-bottom: 1rem;
    font-size: large;
}
.store-pages .showroom-title {
    font-weight: bold;
    color: #ce2127;
}
.store-pages .line {
    margin: 0.7rem 0;
    background-color: #f7c910;
    height: 1px;
}
@media (max-width: 767px){
  .store-pages .row {
    flex-direction: column;
  }
}
.he-thong-cua-hang-showroom .heading-page{
  display: none;
}
.he-thong-cua-hang-showroom .bg-while{
  padding: 15px 0;
}
.product-block .product-detail .pro-name a{
  text-transform: uppercase;
}
/* tab */

@media  screen and (min-width: 769px){
  section#section-home-product-tab .wd-top-title.d-flex.d-flex-center, 
  section#section-home-product-tab-2 .wd-top-title.d-flex.d-flex-center {
      align-items: flex-start;
  }
  #section-home-product-tab .wd-top-title ul, #section-home-product-tab-2 .wd-top-title ul {
      position: relative;
      left: -65%;
  }
}

/* blogs */

@media screen and (min-width: 769px){
  .section-home-blog-new{
    display: grid;
    grid-template-columns: 1fr 1fr; 
    gap: 20px;
    display: grid; 
    grid-template-columns: 1fr 1fr; 
    grid-template-rows: 1fr 1fr 1fr; 
    gap: 0px 0px; 
  }
  .section-home-blog-new .artile-item:nth-child(1) {
    // grid-column: 1 / 2;
    grid-area: 1 / 1 / 4 / 2;
    justify-self: initial;
    align-self: initial;
  }
  .section-home-blog-new .artile-item:nth-child(1) img{
        height: 300px;
  }
  
  .section-home-blog-new .artile-item:nth-child(2) {
    grid-area: 1 / 2 / 2 / 3;
    justify-self: initial;
    align-self: initial;
  }
  .section-home-blog-new .artile-item:nth-child(3) {
    grid-area: 2 / 2 / 3 / 3;
    justify-self: initial;
    align-self: initial;
  }
  .section-home-blog-new .artile-item:nth-child(4) {
    grid-area: 3 / 2 / 4 / 3;
    justify-self: initial;
    align-self: initial;
  }
  .section-home-blog-new .item-article img {
        object-fit: cover;
        width: 100%;
        height: 180px;
    }
  .section-home-blog-new .item-article{
        margin-bottom: 20px;
  }

  
  
}
.section-home-blog-new .artile-item:nth-child(n+2) .item-article article {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
}

.section-home-blog-new .artile-item:nth-child(n+2) .item-article article .detail-article{
    color: #4f4f4f;
    padding: 0px;
    width: 53%;
    padding-left: 20px;
}
.section-home-blog-new .artile-item:nth-child(n+2) .item-article article .image{
    width: 47%;
    margin-bottom: 0px;
}
.section-home-blog-new .artile-item .item-article  .detail-article h3{
    display: none;
}
.section-home-blog-new .artile-item:nth-child(1) .detail-article p {
    margin-bottom: 10px;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
article#article-template .post-date{
  display: none;
}

/* brand */

div#owl-blog-wanda-new {
    position: absolute;
    top: 60px;
    right: 15px;
    left: 15px;
    z-index: 100;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    padding: 20px 0;
    background: #fff;
}
div#owl-blog-wanda-new .slick-list.draggable {
    background: #fff;
    position: relative;
    padding: 20px 0;
}
div#owl-blog-wanda-new .slick-list.draggable .image {
    padding: 0 15px;
    display: block;
    position: relative;
}
div#owl-blog-wanda-new .slick-list.draggable .image a.img-logo{
      display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    height: 40px;
}
div#owl-blog-wanda-new .slick-arrow.slick-next {
    right: 0 !important;
}


/* liên hệ */
.contact-note .row.flex.flex-wrap {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    align-items: flex-start;
      margin-top: 50px;
}
.contact-note .row.flex.flex-wrap h4 {
    font-size: 1.125rem;
    font-weight: 500;
    margin-bottom: 15px;
}
.contact-note h4:after {
    content: '';
    display: block;
    width: 50px;
    height: 1px;
    background: #c72127;
    margin: 5px 0 5px;
}
.contact-note ul li {
    position: relative;
    padding-left: 25px;
    margin-bottom: 7px;
}
.contact-note ul li .fa {
    position: absolute;
    top: 3px;
    left: 0;
    color: #c72127;
    width: 15px;
    text-align: center;
}
.contact-note ul + a{
    font-weight: 600;
    cursor: pointer !important;
    color: #dd2619 !important;
}
.contact-note .row .col-xs-12 {
    margin-bottom: 30px;
    padding-bottom: 30px;
    position: relative;
}
.contact-note .row .col-xs-12:before {
    content: "";
    position: absolute;
    right: 15px;
    bottom: 0;
    left: 15px;
    height: 1px;
    border-bottom: 1px dashed #e6e6e6;
}
.page-login #login h3.title-head {
    color: #595959;
    margin-bottom: 20px;
    position: relative;
    padding-left: 15px;
    font-weight: 600;
    text-align: left !important;
    display: inline-block;
}
.page-login #login h3.title-head:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 2px;
    background: #c72127;
}
.form-signup.clearfix .row{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: flex-start;
    align-content: center;
}

.form-signup .form-group {
    margin: 0;
    padding: 0 0 8px;
    border: 0;
}
.form-signup label {
    display: block;
    margin-bottom: 2px;
}
.form-signup .form-control {
       width: 100%;
    border: 1px solid #ebebeb;
    border-radius: 0px;
    color: #333;
    padding: 0 15px;
    height: 45px;
    line-height: 45px;
    font-style: italic;
    background: whitesmoke;
    margin-bottom: 20px;
}
.form-signup .form-group input,.form-signup .form-group textarea {
    width: 100%;
    border: 1px solid #ebebeb;
    border-radius: 0px;
    color: #333;
    padding: 0 15px;
    height: 45px;
    line-height: 45px;
    font-style: italic;
    background: whitesmoke;
    margin-bottom: 20px;
}
.form-signup .form-group textarea {
    height: 140px;
}

.page-login #login .btn-blues {
      display: inline-block;
    line-height: 38px;
    height: 40px;
    padding: 0 20px;
    color: #fff;
    text-transform: uppercase;
    font-size: 0.9375rem;
    min-width: 140px;
    text-align: center;
    background: #25326e  !important;
    border: none;
    padding: 0 30px;
    width: 140px;
}
.form-signup .form-group input:hover, .form-signup .form-group textarea:hover {
    border-color: #a3171c;
}

.fancybox__container
 {
    z-index: 10000 !important;
}
/* footer*/
.footer-container {
    margin-top: 90px;
}
.footer-copyright span {
    display: block;
}
 .footer-title h3:after {
    content: '';
    display: block;
    height: 1px;
    width: 60px;
    background: #333;
    margin: 10px 0 20px;
}
.footer-container .footer-address {
    margin-bottom: 30px;
    font-size: 0.8125rem;
}

.footer-container .footer-address li {
    position: relative;
    padding-left: 25px;
    margin-bottom: 5px;
    color: #666;
}

.footer-container .footer-address li .fa {
    position: absolute;
    top: 5px;
    left: 0;
    font-size: 0.9375rem;
}
.footer-container .footer-address li .fa-fax {
    top: 0px;
}
@media screen and (max-width: 768px){
  .footer-container .footer-top .footer-title {
      margin: 10px 0 0 0;
  }
  .footer-container .footer-address{
    margin-bottom: 10px;
  }
}

/* product-page */
.checkProduct.productAvailable {
    display: none;
}
#add-item-form .col-xs-12.selector-actions.clearfix.mg-top-10 {
    display: none;
}
.col-xs-12.selector-actions.d-flex.d-flex-center.pd-top-10 {
    display: none;
}

button#add-to-cart {
    display: none;
}
.color-option img , .color-option li{
    border-radius: 50%;
}
/* popup product page */

.contact-product .popup {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    padding: 20px;
    z-index: 30001;
    border-radius: 8px;
    width: 700px;
}

 .popup-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 3000;
}

.contact-product .popup-content {
    position: relative;
}

.contact-product .popup-content button {
    margin-top: 10px;
    padding: 10px;
    width: 100%;
    border: none;
    border-radius: 4px;
    cursor: pointer;
      text-transform: uppercase;
}

.contact-product .close-popup {
    background: #ccc;
  display: none;
}
#popupForm h3.title-head.text-center{
      text-transform: uppercase;
}
.store-pages .showroom-title {
    font-weight: bold;
    color: #ce2127;
    text-transform: uppercase;
}


/* mobile */
@media screen and (max-width: 768px){
  #menu-mobile .mb-menu li a, #menu-mobile .wanda-close-handle .mb-menu-cls .bar:before, #menu-mobile .wanda-close-handle .mb-menu-cls .bar:after, #menu-mobile .mb-menu li .cl-open{
    color: #213671;
  }
   #menu-mobile .wanda-close-handle .mb-menu-cls .bar:before, #menu-mobile .wanda-close-handle .mb-menu-cls .bar:after{
    background: #213671;
  }
  .footer-top {
    padding-top: 60px;
  }
   section#section-home-product-tab .wd-top-title.d-flex.d-flex-center, section#section-home-product-tab-2 .wd-top-title.d-flex.d-flex-center
    {        
      align-items: flex-start;
    }
}
#cart-mini-wanda .quantity-area-cartmini {
    visibility: hidden;
}
#cart-mini-wanda .table-total tr td#total-view-cart {
    visibility: hidden;
}
// li.dropdown-submenu.nav-item.active {
//     display: block !important;
// }

.article-content ul {
    list-style-type: disc;
    padding-left: 20px;
}
.article-content p {
    font-size: 16px;
}
.article-content table {
  border-collapse: collapse;
}

.article-content table td, #customers th,  #customers tr {
  border: 1px solid #ddd;
  padding: 8px !important;
}

.article-content table tr:nth-child(even){background-color: #f2f2f2;}


.article-content table th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #04AA6D;
  color: white;
}