html {
     margin-top: 0 !important;
}
body {
     margin: 0;
}
ol,ul {
     list-style: none;
     padding: 0;
}
.woocommerce p.stars.selected a.active~a::before {
    content: "\e021" !important;
}
.woocommerce p.stars.selected a.active::before{
	    content: "\e020" !important;
}
.woocommerce p.stars.selected a:not(.active)::before{
	 content: "\e020" !important;
}
ul#menu-menurightv{
	float:left ;
	margin-left:40px !important;
}
.header-main .container{
	max-width:1200px !important
}
.swiper-slider-main .swiper-slide {
     backface-visibility: hidden;
     transform: translateZ(0);
}
.swiper-slider-main .swiper-wrapper .swiper-slide {
     transition: transform 4.5s ease-out;
}
.swiper-slider-main .swiper-wrapper .swiper-slide-active {
     transform: scale(1.1);
}
.img-fluid {
     max-width: 100%;
     height: auto;
}
.swiper-slider-main .swiper-slide img {
     max-height: 100rem;
     object-fit: cover;
     width: 100%;
}
.swiper-slider-main .swiper-slide img {
     max-height: 85rem;
}
.swiper-button-next:after, .swiper-button-prev:after {
     display: none;
}

.swiper-button-next,.swiper-button-prev {
     color: #fff;
     border: 1px solid #fff;
     opacity: 1;
     border-radius: 50%;
     height: 40px;
     width: 40px;
}
.box-anh-quangcao-header {
     position: relative;
     float: right;
     margin-top: -7rem;
     margin-right: 12px;
     z-index: 9;
}
.btn-menu-mobile{
	display:none !important;
}
.woocommerce p.stars a::before{
	    content: "\e021" !important;
}
.woocommerce p.stars:hover a::before{
	 content: "\e020" !important;
}
.woocommerce p.stars a:hover~a::before {
    content: "\e021" !important;
}
.header-cart{
	float:right;
	margin-top:10px;
}
.header-cart img{
	width:20px;
}
.cart-link{
	position:relative;
}
.cart-count{
	position:absolute;
	right:-7px;
	top:0px;
	width:12px;
	height:12px;
	border-radius:100% !important;
	font-size:9px;
    background: #b39d63 !important;
    color: #ffffff !important;
    text-align: center;
}
ul#menu-menuleftv, ul#menu-menurightv{
	margin:0px;
	padding:0px;
	list-style:none !important
}
ul#menu-menuleftv>li, ul#menu-menurightv>li{
	display:inline-block;
	float:left;
	margin-right:22px;
	    position: relative;
}
ul#menu-menurightv>li{
	margin-left:22px;
	margin-right:0px !important;
}
ul#menu-menuleftv>li>a, ul#menu-menurightv>li>a{
	color:#fff;
	font-size:15px;
	text-transform:uppercase;
	font-weight:600;
	padding-top: 15px;
    padding-bottom: 15px;
    display: block;
}
ul#menu-menuleftv>li.menu-item-has-children>a:after{
	content:"▾";
	position:absolute;
    right: -15px;
    top: 15px;
	z-index:2;
	font-size:15px;
	letter-spacing:0px !important
}
ul#menu-menurightv>li:first-child{
	margin-left:0px !important
}
ul#menu-menuleftv ul.sub-menu, ul#menu-menurightv ul.sub-menu{
	position:absolute;
	top:100%;
	left:0px;
	background:#fff !important;
	padding:5px 17px;
	min-width:210px;
	border-radius:3px !important;
	z-index:8;
	display:none;
	opacity:0;
	 transition: opacity 0.3s;
}
ul#menu-menuleftv li:hover ul.sub-menu, ul#menu-menurightv  li:hover ul.sub-menu{
	display:block !important;
	opacity:1;
	 transition: opacity 0.3s;
}
ul#menu-menuleftv ul.sub-menu{
	
}
ul#menu-menuleftv ul.sub-menu li, ul#menu-menurightv ul.sub-menu li{
	padding-top:6px !important;
	padding-bottom:8px !important;
	border-bottom:1px solid #f3f3f3
}
.box-anh-quangcao-header {
     right: 5%;
}
/*nut lien he rung lac*/
.rung-lac-home {
     -webkit-animation: shake-top 2s cubic-bezier(0.455, 0.030, 0.515, 0.955) infinite both;
     animation: shake-top 2s cubic-bezier(0.455, 0.030, 0.515, 0.955) infinite both;
     width: 180px !important;
}

@-webkit-keyframes shake-top {
     0%, 100% {
          -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
          -webkit-transform-origin: 50% 0;
          transform-origin: 50% 0;
     }

     10% {
          -webkit-transform: rotate(2deg);
          transform: rotate(2deg);
     }

     20%, 40%, 60% {
          -webkit-transform: rotate(-4deg);
          transform: rotate(-4deg);
     }

     30%, 50%, 70% {
          -webkit-transform: rotate(4deg);
          transform: rotate(4deg);
     }

     80% {
          -webkit-transform: rotate(-2deg);
          transform: rotate(-2deg);
     }

     90% {
          -webkit-transform: rotate(2deg);
          transform: rotate(2deg);
     }
}

@keyframes shake-top {
     0%, 100% {
          -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
          -webkit-transform-origin: 50% 0;
          transform-origin: 50% 0;
     }

     10% {
          -webkit-transform: rotate(2deg);
          transform: rotate(2deg);
     }

     20%, 40%, 60% {
          -webkit-transform: rotate(-4deg);
          transform: rotate(-4deg);
     }

     30%, 50%, 70% {
          -webkit-transform: rotate(4deg);
          transform: rotate(4deg);
     }

     80% {
          -webkit-transform: rotate(-2deg);
          transform: rotate(-2deg);
     }

     90% {
          -webkit-transform: rotate(2deg);
          transform: rotate(2deg);
     }
}

/*nut lien he rung lac*/
.box-anh-quangcao-header img {
     width: 170px;
}
.product-items {
     display: grid;
     grid-template-columns: repeat(4, 1fr);
     grid-column-gap: 16px;
     grid-row-gap: 30px;
}

img {
     width: 100%;
     max-width: 100%;
     object-fit: scale-down;
}

.product-item-name {
     margin: 10px 0;
     font-size: 15px;
}

.product-item-details {
     text-align: center;
}

a {
     text-decoration: none;
     color: #333;
}

.product-item-details .percent {
     display: none;
}

p {
     margin: 10px 0;
}
.product-price--old {
     padding-left: 5px;
     color: #979797;
     font-size: 14px;
	display: block;
}
.title-products h1,.title-products h3 {
     font-weight: 600;
     color: #b29871;
     text-transform: uppercase;
     font-size: 22px;
     padding-bottom: 9px;
     margin-bottom: 40px;
}

.title-products:after {
     content: "";
     width: 100%;
     height: 1px;
     background: #b29871;
     position: absolute;
     bottom: 0;
}

.title-products {
     position: relative;
}
.code-product {
     margin: 0;
     color: #333;
}
.swiper-button-next i, .swiper-button-prev i {
     font-size: 16px;
}
.space-5 .swiper-slide:nth-child(1) {
    width: 49.7% !important;
}
.home p{
     margin: 0;
}
.ml-3, .mx-3 {
     margin-left: 1rem !important;
}
.pl-2, .px-2 {
     padding-left: 0.5rem !important;
}
.mb-5, .my-5 {
     margin-bottom: 3rem !important;
}
.space-5.mb-3.tb_01 {
     margin-top: 80px;
}
.page-template-products,.single-product,
.tax-product_cat{
     background-image: none;
     background-color: #fff;
}
.title-products {
     position: relative;
     margin-top: 80px;
}
.product-price--current b {
     color: #ff2c2c;
     padding-left: 5px;
}
#coming-soon-footer-banner{
     background: #164059;
}
.product-container {
     display: flex;
     gap: 20px;
     margin: 20px auto;
     background-color: #fff;
}

.product-image img {
     width: 100%;
     max-width: 100%;
     height: auto;
}
.product-image {
     width: 60%;
}
.product-details {
     flex: 1;
     width: 40%;
     position: sticky;
     top: 0;
     height: 100%;
}

.product-title {
     font-size: 24px;
     font-weight: bold;
     margin-bottom: 10px;
     color: #000;
}

.product-code {
     font-size: 14px;
     color: #777;
     margin-bottom: 10px;
}

.product-price {
     font-size: 18px;
     font-weight: 500;
     color: #333;
     margin-bottom: 20px;
     background: #b29871;
     text-align: center;
     padding: 15px 0;
}

.product-price span {
     color: #000;
     font-weight: bold;
}

.product-info h3 {
     font-size: 16px;
     margin-bottom: 10px;
}

.product-table {
     width: 100%;
     border-collapse: collapse;
     margin-bottom: 20px;
}

.product-table td {
     padding: 5px 0;
     font-size: 14px;
}

.product-buttons {
     display: flex;
     gap: 10px;
     margin-bottom: 20px;
}

.btn-order,
.btn-compare {
     flex: 1;
     padding: 10px;
     font-size: 14px;
     font-weight: bold;
     border: none;
     cursor: pointer;
}

.btn-order {
     background-color: #b39d63;
     color: #fff;
}

.btn-compare {
     background-color: #ddd;
     color: #333;
}

.product-tags {
     font-size: 12px;
     color: #777;
}
.product-info h3 {
     background: #b29871;
     padding: 10px 15px;
     font-weight: 700;
     margin-bottom: 0;
}

.product-table {
     background: #f7f7f7;
}

.info-item {
     border-bottom: .15px solid #b29871;
     padding: 10px 20px;
}
.title-block-detail {
     display: flex;
     align-items: center;
     justify-content: space-between;
     background: #ddd;
     padding: 15px 20px;
     margin-bottom: 15px;
}

.title-block-detail h3 {
     margin-bottom: 0;
     font-weight: 700;
     font-size: 18px;
}

.content-detail img {
     object-fit: cover;
}

.download-detail {
     color: #b39d63;
     font-weight: 600;
}
.content-detail h3,.content-detail h2,.content-detail h4,.content-detail h5 {
     font-weight: 600;
     margin-bottom: 10px;

}
.title-products h3 {
     text-transform: initial;
}
.wrap-first-block {
     display: flex;
     margin-bottom: 16px;
     column-gap: 16px;
}

.second-category {
     display: grid;
     grid-template-columns: repeat(2, 1fr);
     grid-column-gap: 16px;
     grid-row-gap: 16px;
	 width: 60%;
}

.category-content img {
     height: 100%;
     object-fit: cover;
}

.third-category {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     grid-column-gap: 16px;
     grid-row-gap: 16px;
}

.wrap-categories {
     padding-bottom: 60px;
}

.title-products h4 {
     font-size: 22px;
     text-transform: uppercase;
     color: #b29871;
     margin-bottom: 15px;
     font-weight: bold;
}

.category-content a {
     position: relative;
     overflow: hidden;
}

.category-content h4 {
     position: absolute;
     bottom: 10px;
     right: 40px;
     color: #fff;
     font-weight: 500;
     font-size: 20px;
}
.first-category {
     position: relative;
     overflow: hidden;
	 width: 45%;
}

.category-content .first-category a {
     position: initial;
}
.all-products .title-products:after {
     display: none;
}
.category-pages .title-products h3 {
     text-transform: uppercase;
}

.title-showroom a {
     color: #fff;
}
.form-control {
     display: block;
     width: 100%;
     height: calc(1.5em + 1.7rem + 2px);
     padding: 0.85rem 1.25rem;
     font-size: 1.4rem;
     font-weight: 400;
     line-height: 1.5;
     color: #dee2e6;
     background-color: #164059;
     background-clip: padding-box;
     border: 1px solid #164059;
     transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.form-group {
     margin-bottom: 1rem;
}
@media (prefers-reduced-motion: reduce) {
     .form-control {
          transition: none; } }
.form-control::-ms-expand {
     background-color: transparent;
     border: 0; }
.form-control:focus {
     outline: 0; }
.form-control::placeholder {
     color: #6c757d;
     opacity: 1; }
.form-control:disabled, .form-control[readonly] {
     background-color: #e9ecef;
     opacity: 1; }

.page-template-contact p {
     color: #fff;
}

.h3 {
     color: #fff;
     font-weight: 600;
     font-size: 20px;
}
.float-right {
     float: right !important;
}
.info-footer {
     background: #0a293f;
}
.info-footer {
     background: #0a293f;
}

.space-block-5 > .row > div.col-lg-2.col-3.pl-0 {
     position: relative;
}

.newsletter--submit {
     height: 40px;
     line-height: 40px;
     left: -3px;
     border-radius: 0;
}

.newsletter--input.form-control {border-radius: 0;}
.swiper-slide:hover img,.category-content img:hover,.product-item:not(.space-block-5):hover img {
     -webkit-transform: scale(1.05);
     -ms-transform: scale(1.05);
     transform: scale(1.05);
}
.swiper-slide img,.category-content img,.product-item img {
     -webkit-transition: all 0.4s ease-in-out;
     transition: all 0.4s ease-in-out;
}
.slide_main .swiper-slide:hover img {
     -webkit-transform: none;
     -ms-transform: none;
     transform: none;
}
.slide_main .swiper-slide img {
     -webkit-transition: all 0.4s ease-in-out;
     transition: all 0.4s ease-in-out;
}
.product-top {
     overflow: hidden;
}
.swiper-button-next, .swiper-button-prev{
     font-size: 24px;
}
.entire-info-website address p:first-child {
     font-size: 14px;
}
.info-footer .container>.row>div {
     padding: 0;
}
.footer-menu ul {
     display: flex;
     margin: 0;
     justify-content: center;
}

.footer-menu a {
     color: #B39D63;
     padding-left: 15px;
     font-weight: 600;
}

.footer-menu {
     background: #0a293f;
     padding: 20px 0 10px 0;
}

.footer-menu .container {
     padding: 0;
}

.footer-menu ul li+li:before {
     padding: 0 23px 0 16px;
     float: left;
     padding-right: var(--bs-breadcrumb-item-padding-x);
     color: #B39D63;
     content: var(--bs-breadcrumb-divider, "|");
}

.footer-menu ul li+li {
     padding-left: 0;
}

.footer-menu li:first-child a {
     padding-left: 0;
}
@media screen and (min-width: 991px) {
	#product-img-list {
    	width: 50%;
	}
}

@media screen and (max-width: 768px) {

.menu-menuleftv-container,.menu-menurightv-container{
	/* display:none !important */
}
.btn-menu-mobile {
    display: block !important;
}
nav.menu-section .title-dm{
	margin-bottom:15px !important;
	margin-top:20px !important;
	text-transform:uppercase;
	        font-size: 18px !important;
}
.menu-container.menu-pc .menu-section ul a{
	font-size:16px !important
}
.col-2 .header-cart{
	margin-right:15px !important;
	    margin-top: 0px;

}
.col-2 .header-cart img {
    width: 30px;
}
.menu-section.open .info{
	padding:20px 50px;
}
ul#menu-menuleftv>li, ul#menu-menurightv>li {
    display: block;
    margin-right: 0px !important;
	margin-left: 0px !important;
    width: 100%;
	margin-bottom:0px !important
}
.title-products.tfix{
	padding-left:15px !important;
	padding-right:15px !important
}
.woocommerce-breadcrumb{
	padding-left:15px !important;
	padding-right:15px !important
}
.proleft {
    float: left;
    width: 100% !important;
    margin-right: 0% !important;
	padding-left:15px !important;
	padding-right:15px !important
}
.proright {
    float: left;
    width: 100% !important;
	padding-left:15px !important;
	padding-right:15px !important;
	margin-top:15px !important
}
.clgoc p.price .sale-percent {
	right: 0px !important;
}
#listul>li {
    float: left;
    width: 100% !important;
	margin-right:0px !important
}
.description-left {
    float: left;
    width: 96% !important;
    margin-right: 2% !important;
	 margin-left: 2% !important;
}
.related.products{
	padding-left:12px !important;
	padding-right:12px !important
}
.related.products ul.products.columns-4 {
   
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 12px !important;
   
}
.cart-pagex .woocommerce-cart-form {
    width: 100% !important;
    float: left;
    margin-right: 0% !important;
}
.cart-pagex .cart-collaterals {
    width: 100% !important;
    float: right;
}
.payfix #customer_details {
    width: 100% !important;
    float: left;
    margin-right: 0px !important;
}
.payfix #order_review {
    width: 100% !important;
}
}

@media screen and (max-width: 678px) {
     .product-items {
          grid-template-columns: repeat(2, 1fr);
          grid-row-gap: 16px;
     }
     .title-products {
          margin-top: 55px;
     }
     .product-container {
          display: block;
     }

     .product-image {
          width: 100%;
     }

     .product-details {
          width: 100%;
          margin-top: 20px;
     }
     .category-content h4 {
          right: 15px;
          font-size: 12px;
     }
     .newsletter--submit {
          height: 36px;
          left: -5px;
     }

     footer .border-footer .row {display: flex;justify-content: flex-start;}

     footer .border-footer .float-right {
          float: initial !important;
     }
     .entire-info-website.entire-logo-website {
          text-align: center;
     }
	.space-5 .swiper-slide:nth-child(1) {
          width: 100% !important;
     }
     .footer-menu {
          padding: 0 10px;
     }
     .info-footer {
          padding: 0 10px;
     }
}
@media (min-width: 991px) and (max-width: 1380px) {
     font-size: 32px;
}