:root{--theme:#0e592f;--color:#009edb;--color-second:#001c70;}
[x-cloak]{display:none!important;}
.slideshow img{width:100%;height:100%;object-fit:cover}
.logo{display:block;margin-right:auto;position:absolute;left:50%;transform:translateX(-50%);width:123px;transition:0.3s;}
.content{padding:40px 0px}
.menu{z-index:10;}
.menu ul{padding:0px;list-style:none;}
.menu ul li{position:relative;z-index:1;/* margin:0px 33px; */}
.menu ul li a{display:flex;position:relative;font-size:16px;color:#0E80E1;transition: 0.3s; padding:19px 24px;font-weight:600;transition:0.3s;text-transform:capitalize;text-decoration:none;justify-content:flex-start;align-items:center;grid-gap:8px;cursor:pointer;}
.menu ul li ul{position:absolute;min-width:250px;background-color:#fafafa;border-radius:0.25rem;-webkit-box-shadow:1px 1px 15px rgba(0,0,0,0.15);box-shadow:1px 1px 15px rgba(0,0,0,0.15);-webkit-transform:perspective(600px) rotateX(-90deg);transform:perspective(600px) rotateX(-90deg);-webkit-transform-origin:0 0 0;transform-origin:0 0 0;opacity:0;visibility:hidden;}
.menu ul li ul li a{font-size:16px;color:#313131;border-bottom:1px solid #ececec;padding:10px 0.75rem 9px 0.75rem;text-transform:capitalize;}
.menu ul li ul li a:hover,.menu ul li ul li a.active{color:var(--color);}
.menu ul li a:hover,.menu ul li a.active{color: #F78818;}
.menu ul li a.active{font-weight:bold;}
.menu ul li a.active:before,.menu ul li a:hover:before{width:40px;opacity:1}
.menu ul li ul li{margin:0;}
.menu ul li ul li a:before{display:none;}
.menu ul li ul li:last-child > a{border-bottom:0px;}
.menu ul li ul li ul{top:0;left:100%;margin-top:0px;}
.menu ul li:hover > ul{-webkit-transform:perspective(600px) rotateX(0);transform:perspective(600px) rotateX(0);transform-origin:0 0 0;-webkit-transform-origin:0 0 0;opacity:1;visibility:visible;}
.menu > ul > li > a{color:rgba(0,0,0,0.7529411765);padding:13px 20px;}
.menu > ul > li > a::before{content:"";position:absolute;left:0;bottom:0;width:0;height:3px;background-color:transparent;transition:all 0.3s ease;}
.menu > ul > li > a:hover,.menu > ul > li > a.active{color:#000000;}
.menu > ul > li > a.active::before{background-color:#ffffff;width:100%;}
.menu > ul > li:hover > a::before{background-color:#ffffff;width:100%;}
.menu{position:fixed;top:20px;width:100%;z-index:999;transition:0.3s;}
.menu ul li ul li:hover a{background:var(--color);color:#fff;}
.menu ul li:nth-child(1){margin-left:0px;}
.menu .container{padding:0px;}
.tool-animated{    bottom: 119px;
    right: 34px !important;
    top: unset !important;
    transform: unset !important;}
.py-20{margin: 40px 0px}
.gap-5{grid-gap:20px}
.gap-3{grid-gap:10px}
.left-menu{margin-right:60px}
.logo-header{width:110px;}
.item-news:hover .date-in{background:#6c8eb5}
.item-news:hover .date-in label{color:#fff}
.menu-top{transition:0.3s}
.menu-top .container{border-bottom:1px solid #d1d1d1;padding:12px 0px;}
.search-rp{position:relative;/* margin-right:20px; */margin-right:20px;padding-right:10px;}
.pbWrapper img{display:inline-block;}
.pbThumbs ul li img{height:-webkit-fill-available;max-width:unset!important}
.hotline:hover{transform:scale(1.05);}
a.icon-search1{position:relative;width:112px;height:27px;padding:0px;display:flex;text-align:center;cursor:pointer;/* float:right; */font-size:27px;/* background:#fff; */border-radius:50%;justify-content:center;align-items:center;color:black;/* margin-left:20px; */}
.search-menu{position:absolute;top:46px;right:0px;width:0px;height:40px;overflow:hidden;background:white;z-index:2;opacity:0;border-radius:25px;border:1px solid var(--color);}
input.txt-s-rp{width:calc(100% - 67px);/* float:right; */height:40px;text-indent:16px;outline:none;border:none;color:black;font-size:14px;background:#fff0;}
a.btn-s-rp{float:right;cursor:pointer;outline:none;border:none;margin-left:5px;display:flex;color:var(--color);/* line-height:40px; */width:47px;text-align:center;justify-content:center;align-items:center;height:38px;}
a.icon-search1 span{display:inline-block;font-size:16px;margin-left:9px;}
.search-rp:before{content:'';position:absolute;right:-1px;top:calc(50% - 22px/2);border-left:1px solid #ddd;height:22px;}
.cart{display:inline-block;position:relative;}
.count-cart{position:absolute;right:-9px;top:-3px;width:20px;height:20px;background:#ff0a0a;font-size:12px;color:#fff;font-weight:600;display:flex;justify-content:center;align-items:center;border-radius:40px;}
.menu-right{display:flex;justify-content:flex-end;align-items:center;grid-gap:15px;margin-left:30px;}
.slide-text{height:100%;}
.slideshow-image{display:block;position:relative;height:100%;overflow:hidden;}
.slideshow-image .picture{height:100%}
.slick-dots li button{width:8px!important;height:8px!important;background:#000;border:1px solid #333;border-radius:20px;padding:0;}
.slick-dots li.slick-active button{background:#fff;}
.text-gadient{-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.menu-fixed{box-shadow:0 4px 9px -4px rgba(158,158,158,0.7);top:0;background:#fff;}
.menu-fixed .logo{width:90px;}
.menu-fixed .menu-top{}
.wrap-tieuchi{padding:100px 0px;position:relative;}
.wrap-tieuchi:before{content:'';position:absolute;top:0;left:0;width:100%;height:140px;background-image:linear-gradient(#fff,#fff0);}
.wrap-tieuchi .container{position:relative;z-index:10}
.grid-product-index{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:30px;}
.group-product.content{padding:70px 0px;padding-bottom:0px;}
.img-product{background:#fff;overflow:hidden;}
.img-product img{width:100%;height:100%;object-fit:cover;}
.rounded-md{border-radius:5px;overflow:hidden;}
.box-product h3 a{/* display:block; */text-align:center;font-size:16px;text-transform:capitalize;color:#000;/* display:block; *//* margin:15px 0px; */transition:0.3s;margin-bottom:8px;-webkit-line-clamp: 2;height: 40px;}
.box-product h3:hover a{color:var(--color)!important;cursor:pointer;}
.price-new{font-size:16px;color:#ff0a0a;font-weight:500;}
.price-old{font-size:16px;color:gray;}
.over-preview{position:absolute;left:0;top:0;width:100%;height:100%;background:#0e0e0e69;border-radius:-1px;transition:0.5s;opacity:0;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;}
.btn-button{width:44px;height:44px;border-radius:40px;transition:0.3s;display:block;cursor:pointer;position:absolute;right:15px;top:calc(50% - 37px/2);}
.addtocart{background:#f2f2f2 url('../images/cart-1.png') center no-repeat;}
.viewproduct{background:#fff url('../images/view-1.png') center no-repeat}
.addtocart:hover{background:#6c8eb5 url('../images/cart-2.png') center no-repeat;}
.viewproduct:hover{background:#6a3314 url('../images/view-2.png') center no-repeat}
.item-product:hover .over-preview{opacity:1}
.item-product:hover .over-preview .btn-button{transform:translateY(0);opacity:1}
.yen{position:absolute;right:2%;top:-2%;}
.view-all{display:inline-block;padding:10px 31px;background:#6a3314;color:#fff;border-radius:5px;transition:0.3s;margin-top:30px;}
.view-all:hover{background:var(--color);color:#6a3314!important;}
.before-1{position:absolute;left:0;bottom:-10%;}
.before-2{position:absolute;right:0;bottom:-10%;}
.owl-product{margin-top:30px}
.css-button{display:flex;padding: 8px 10px;border-radius:51px;background:#f78818;color:#fff;text-align:center;transition:0.3s;justify-content:center;align-items:center;grid-gap:11px;width:162px;font-size:18px;box-shadow:0 12px 22px 0 rgba(241 144 32 / 0.2);transition:0.3s;margin-top:30px;}
.css-button:hover{background:var(--color);color:#fff!important;cursor:pointer;border-color:var(--color)}
.css-button:hover svg path{stroke:var(--color);}
/* danh muc san pham */
.relative{position:relative;}
.wrap-about{background:url('../images/bgabout.png')top center/cover no-repeat}
.text-cmain{color:#001c70}
.title-css p{font-size:16px;text-transform:uppercase;color:var(--color);letter-spacing:3px;background:url('../images/dot.png') left center no-repeat;padding-left:23px;margin-bottom:20px;}
.title-css h3{font-size:60px;color:#001c70;font-weight:500;}
.wrap-about .col-md-6:nth-child(2){padding-left:100px}
.title-index{max-width:900px;width:100%;margin:0 auto;}
.title-index label{font-size:16px;text-transform:uppercase;color:var(--color);letter-spacing:3px;background:url(../images/dot.png) left center no-repeat;padding-left:23px;margin-bottom:10px;}
.title-index h3{font-size:60px;color:#001c70;font-weight:500;text-transform:capitalize;margin-bottom:30px;}
.title-index p{color:#001c70;font-weight:500;font-size:16px;}

/* cau chuyen */
.wrap-cauchuyen{max-width:1440px;width:100%;margin:0 auto;}
.block-cauchuyen{max-width:503px;width:100%;margin:0 auto;position: relative;z-index: 1;}
.img-1,.img-2,.img-3,.img-4{border-radius:5px;overflow:hidden;}
.img-1{left:0;top:-30px;position:absolute;}
.img-2{right:0;top:-40px;position:absolute;}
.img-3{left:0;top:0;}
.img-4{right:0;top:0;margin-top:-30px;}
.wrap-cauchuyen:before{content:'';position:absolute;height:220px;width:100%;background-image:linear-gradient(#fff0,#fff,#fff);z-index:10;bottom:0;left:0;}
.grid-tieuchi{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:30px}

/* lang */
.lang{display:flex;justify-content:flex-end;align-items:center;grid-gap:13px;}
.lang a{display:flex;padding:5px 0px;font-size:16px;text-transform:uppercase;}
.lang a.active{color: #000;font-weight:bold;}
.lang a img{/* width:25px; */}
.owl-product{margin-top:70px}
.img-product-category{border-radius:6px}
.product-category h3{text-align:center;color:var(--color-second);text-transform:uppercase;font-size:18px;font-weight:bold;display:flex;justify-content:center;align-items:center;grid-gap:9px;transition:0.3s}
.product-category:hover h3{color:#f78818}

/* tieuchi */
.item-tieuchi{padding-top:40px}
.picture-tieuchi{width:146px;height:146px;margin:0 auto;display:flex;justify-content:center;align-items:center;background:#0e80e1;transition:0.3s;border-radius:50%;margin-bottom:-70px;}
.info-tieuchi{padding:30px 30px 50px 30px;text-align:center;}
.img-second{position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);opacity:0;}
.text-orange{color:#f78818!important}
.info-tieuchi h3{font-weight:bold;color:var(--color-second);text-transform:uppercase;font-size:36px;margin-top:80px;margin-bottom:40px;transition:0.2s}
.info-tieuchi p{color:var(--color-second);transition:0.2s}
.item-tieuchi:before{content:'';position:absolute;left:0;bottom:0;width:100%;height:calc(100% - 110px);background:#fff;border-radius:5px;z-index:1;transition:0.5s;}
.item-tieuchi:after{content:'';position:absolute;left:0;bottom:0;width:100%;height:0%;border-radius:5px;z-index:2;background-image:linear-gradient(to right,#1c65b2,#4997ea);transition:0.5s;}
.item-tieuchi:hover:before{height:0%;}
.item-tieuchi:hover:after{height:100%;}
.item-tieuchi:hover .picture-tieuchi{background:#fff}
.item-tieuchi:hover .img-first{opacity:0}
.item-tieuchi:hover .img-second{opacity:1}
.item-tieuchi:hover h3,.item-tieuchi:hover p{color:#fff}

/* doi tac */
.wrap-partner{padding:60px 0px}
.category-partner{background:#fff;border-radius:40px;box-shadow:0px 4px 40px 0px #0000001A;padding:7px;display:flex;justify-content:center;align-items:center;}
.category-partner span{display:block;padding:9px 23px;color:black;background:#fff;border-radius:32px;font-weight:600;font-size:18px;transition:0.3s;text-align:center;}
.category-partner span.active{background:var(--color);color:#fff;}
.category-partner span:hover{cursor:pointer;}
.plus{position:absolute;right:0;top:100px;z-index:-1}
.group-project{margin-top:70px}
.img-project{border-radius:10px 10px 60px 10px;overflow:hidden;}
.name-project{font-size:18px;color:black;font-weight:bold;transition:0.3s}
.info-project{padding:5px 20px}
.project:hover h3{color:var(--color)}
.prev-project{top:calc(50% - 150px/2)!important;}
.next-project{top:calc(50% - 150px/2)!important;}

/* linh vuc */
.grid-linhvuc{display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: 20px;}

/* tuyendung */
.name-job{font-size:21px;font-weight:bold;margin-bottom:10px;}
.name-job a:hover{color:var(--color)!important}
.infors{white-space:nowrap;margin-right:40px}
.items-job{border-top:1px solid #ddd;border-bottom:1px solid #ddd;margin-bottom:30px;padding:20px 0px;background:#fff}
.btn-job{border:1px solid var(--color);padding:10px 20px;color:var(--color);transition:0.3s;color:var(--color);border-radius:9px;font-weight: 600;display:inline-block;}
.btn-job:hover{background:var(--color);color:#fff;}
.btn-job-form{border:1px solid var(--color);padding:10px 20px;background:var(--color);color:#fff;transition:0.3s;border-radius:9px;font-weight: 600;display:inline-block;}
.btn-job-form:hover{background:#FFF;color:var(--color);}
.title-detail-main{color:#252525;font-size:27px;margin-bottom:1.5rem;font-weight:700;background:-webkit-linear-gradient(45deg,#019fdc,#019fdc 80%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.form-css textarea,.form-css input,.form-css select{border:none;height:50px;font-weight: 600;}
.form-css textarea{height:120px;width:100%;border-radius:5px;padding:10px;font-size:14px;color:black}
#popup-booking .modal-content{background-image:linear-gradient(#019fdc,#4fceff);}
#popup-booking .modal-title{color:#fff;font-weight:bold;font-size:24px!important;}
.form-css input::-webkit-input-placeholder{color:black;}
.form-css input:-moz-placeholder{color:black;}
.form-css input::-moz-placeholder{color:black;}
.form-css input:-ms-input-placeholder{color:black;}
.form-css textarea::-webkit-input-placeholder{color:black;}
.form-css textarea:-moz-placeholder{color:black;}
.form-css textarea::-moz-placeholder{color:black;}
.form-css textarea:-ms-input-placeholder{color:black;}
#popup-booking .modal-body{padding:20px 60px 60px 60px;}
#popup-booking .modal-header{padding-left:57px;}
#popup-booking .modal-body .col-md-6,#popup-booking .modal-body .col-md-12{padding:0px 8px}
#popup-booking .btn-close{background:#fff;border-radius:40px;display:flex;justify-content:center;align-items:center;}
.file-upload-container{position:relative;width:100%;}
.file-input{width:100%;height:50px;opacity:0;position:absolute;top:0;left:0;z-index:1;cursor:pointer;}
.file-label{display:flex;align-items:center;justify-content:center;color:white;border-radius:25px;height:50px;cursor:pointer;font-size:16px;text-align:center;padding:0 20px;transition:background-color 0.3s ease;border:1px dashed #fff;}
.file-label:hover{background-color:#2980b9;}
.file-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.btn-submit-job{display:inline-block;padding:10px 30px;background:#fff;color:var(--color);font-weight:bold;border-radius:26px;}
.form-news{margin-bottom: 20px;}
.form-news input,.form-news textarea{border:none;width: 100%; border-radius: 0px;text-indent: 0;padding: 0;height: 50px;color: black; border-bottom: 1px solid #000;font-weight: bold;}
.form-news input::-webkit-input-placeholder{color:black;}
.form-news input:-moz-placeholder{color:black;}
.form-news input::-moz-placeholder{color:black;}
.form-news input:-ms-input-placeholder{color:black;}
.form-news textarea::-webkit-input-placeholder{color:black;}
.form-news textarea:-moz-placeholder{color:black;}
.form-news textarea::-moz-placeholder{color:black;}
.form-news textarea:-ms-input-placeholder{color:black;}
.btn-group{display: inline-block;background: #f78818;font-weight: bold;color: #fff;border-radius: 30px;width: 165px;position: relative;transition: 0.3s;box-shadow: 0 12px 22px 0 rgba(241 144 32 / 0.2);}
.btn-group input{width: 100%;height: 100%;border:none;height: 43px;}
.btn-group img{position: absolute;right: 18px;top: calc(50% - 10px/2);}
.btn-group:hover{background: var(--color)}
/* about */
.wrap-why{padding-bottom:80px}
.wrap-about{padding:80px 0px}
.swiper-container.two{margin-top:50px}
.slider-image img{border-radius:20px!important}
.swiper-container .swiper-slide{/* transform: translate3d(0px, 0px , 0px) !important; */}
.swiper-container .swiper-slide img{opacity:0;transition:0.3s;box-shadow:0 4px 10px -8px rgba(92,92,92,0.7)}
.swiper-container .swiper-slide-active img,.swiper-container .swiper-slide-next img,.swiper-container .swiper-slide-prev img{opacity:1}
.swiper-container .swiper-pagination-bullet{width:18px;height:18px;background:#dadada;opacity:1;transition:0.3s}
.swiper-container .swiper-pagination-bullet-active{background:#f78818;width:50px;border-radius:20px}

/* tin tuc */
.wrap-tintuc{background:#f4f6f8;padding-bottom:60px;}

/* category */
.col-md-6 .title-main{margin-bottom:0px}
.wrap-category{background:url('../images/bgcategory.png')top center/cover no-repeat;padding:60px 0px;}
.category label{display:block;font-size:16px;color:black;letter-spacing:4px;text-transform:uppercase;font-weight:500;}
.category h3{font-size:36px;color:black;text-shadow:0 1px 4px #a5a2a2;font-weight:700;margin:10px 0px;}
.category .btn-css{background:#fff;color:black;}
.item-category{background:#363636;padding:40px 30px;border-radius:6px;text-align:center;display:block;transition:0.5s}
.item-category:hover{background:#000}
.diver{width:100px;margin:0 auto;border-bottom:1px solid #fff;}
.diver span{position:absolute;left:50%;transform:translateX(-50%);display:inline-block;padding:0px 10px;transition:0.5s;color:#fff;font-weight:bold;font-size:16px;background:#363636;top:-12px;letter-spacing:2px;}
.img-category{margin:20px auto;width:80px;height:80px}
.img-category img{width:100%;height:100%;object-fit:contain;}
.item-category h3{font-size:20px;color:#fff;font-weight:bold;font-size:20px;margin-bottom:15px;display:block;}
.item-category:hover .diver span{background:#000}
.desc{color:#fff!important;}
.btn-product{font-weight:bold;color:#a6b9cf;font-size:16px;transition:0.3s;text-transform:capitalize;}
.btn-product:hover{color:var(--color)}
.css-btn-prev,.css-btn-next{position:absolute;top:50%;transform:translateY(-50%);z-index:99;opacity:0.6}
.css-btn-prev{left:-60px;border-radius:44px;background:var(--color);display:flex;justify-content:center;align-items:center;transition:0.3s}
.css-btn-prev:hover{background:#005a8d;cursor:pointer;border-color:#000;opacity:1}
.css-btn-next{right:-60px;border-radius:44px;background:var(--color);display:flex;justify-content:center;align-items:center;transition:0.3s}
.css-btn-next:hover{background:#005a8d;cursor:pointer;border-color:#000;opacity:1}
.css-btn-next:hover svg path,.css-btn-prev:hover svg path{stroke:#fff;}
.mx-auto{margin:0 auto;}
.owl-next-page{right:0px!important;cursor:pointer;}
.owl-prev-page{left:0px!important;cursor:pointer;}
.owl-next-page,.owl-prev-page{display:flex;justify-content:center;align-items:center;}

/* product */
.flex-category{display:flex;justify-content:flex-start;align-items:center;grid-gap:30px;margin-bottom:20px;border-bottom:1px solid var(--color);margin-top:20px;}
.flex-category span{display:block;color:#000;font-size:16px;font-weight:bold;padding:18px 0px;text-transform:capitalize;position:relative;transition:0.3s}
.flex-category .btn-css{margin-top:0px;position:absolute;right:0;bottom:8px;}
.flex-category span:before{content:'';position:absolute;left:0;bottom:-1px;border-bottom:4px solid #a6b9cf;width:1%;z-index:1;opacity:0;transition:0.3s}
.flex-category span.active:before,.flex-category span:hover:before{width:100%;opacity:1}
.flex-category span:hover{cursor:pointer;color:#6c8eb5}
.discount{position:absolute;display:inline;padding:3px 10px;color:#fff;background:red;left:10px;top:10px;z-index:1;border-radius:5px;}
.item-product{background:#F8F8F8;border-radius: 10px;overflow: hidden;}
.infor-product{text-align:center;border-top:0;position:relative;box-sizing:border-box;padding:20px}
.infor-product h3{font-size:16px;color:#000;font-weight:bold;transition:0.3s}
.infor-product h3:hover{color:#ff0a0a}
.title-main-page{text-align:left;margin-bottom:20px}
.title-main-page span{display:block;font-size:24px;font-weight:bold;border-bottom:1px solid #a6b9cf;padding-bottom:10px;position:relative;}
.title-main-page span:before{content:'';position:absolute;left:0;bottom:-1px;border-bottom:1px solid var(--color);width:130px;}
.category-list li{margin-bottom:16px;}
.category-list li a{display:block;font-weight:500;font-size:16px;position:relative;padding-left:30px;transition:0.3s}
.category-list li a:before{content:'';position:absolute;left:0;top:calc(50% - 20px / 2);transition:0.3s;width:20px;height:20px;background:#fff;border-radius:40px;border:1px solid #a6b9cf;}
.category-list li a:hover{color:#ff0a0a!important;cursor:pointer;}
.category-list li a.active:after,.category-list li a:hover:after{background:var(--color);border-color:var(--color);opacity:1}
.category-list li a:after{content:'';position:absolute;left:3px;top:calc(50% - 14px / 2);width:14px;height:14px;border-radius:40px;border:1px solid #a6b9cf;opacity:0;transition:0.3s}
.sticky{background:#cdecf8;border-radius:10px;padding:15px}
.add-form{padding:16px 0px;text-align:center;background:#019edb;max-width:390px;width:100%;border:4px solid #D0EDF8;border-radius:23px;transition:0.3s;}
.add-form span{display:block;font-size:24px;color:#fff;font-weight:bold;text-transform:uppercase;}
.add-form p{color:#fff;font-size:14px;}
.mt-20{margin-top:50px}
.add-form:hover{background:#005a8d;cursor:pointer;}
.btn-baogia{display: block;background: #F78818;padding: 10px 10px;color: #fff !important;border-radius: 5px;font-weight: 600;margin-top: 20px;transition:0.3s}
.btn-baogia:hover{background: var(--color)}
/* product */
.transition300{transition:0.3s}
.wrap-product{background-image:linear-gradient(#fff0,#ccecf8);}
.product-future{padding:25px;background:#fff;border-radius:15px 15px 40px 15px;border-bottom:4px solid var(--color);transition:0.3s}
.product-future .right-tc label{color:black;transition:0.3s}
.product-future .items{margin-bottom:20px}
.more{display:flex;justify-content:flex-start;align-items:center;color:#f78818;font-weight:600;grid-gap:10px;transition:0.3s;font-size:15px;}
.more img{transition:0.3s}
.more:hover img{transform:translateX(5px);}
.img-product-future{border-radius:15px;overflow:hidden;}
.product-future:hover{background:var(--color)}
.product-future:hover .right-tc label{color:#fff;}
.product-future:hover p{color:#fff}
.product-future:hover .more{color:#fff}
.product-future:hover .more img{filter:brightness(0) invert(1);}
.product-future:hover .img-tc .full{background:#fff;}
.product-future:hover .img-tc .full img{filter:invert(43%) sepia(67%) saturate(3377%) hue-rotate(184deg) brightness(91%) contrast(92%);}

/* partner */
.grid-top{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px}
.items-partner{display:flex;background:#fff;border-radius:10px;padding:5px 20px;justify-content:center;align-items:center;border:1px solid #ddd;transition:0.3s}
.items-partner:hover{border-color:var(--color);}
.grid-bottom{margin-top:20px;}
.grid-bottom .items-partner{min-height:100px;}
.about h3.text-left{margin-left:0;}
.infor-news{padding:20px;}
.img-news{overflow:hidden;}
.infor-news label{display:flex;justify-content:flex-start;align-items:center;margin-bottom:0;grid-gap:4px;text-transform:capitalize;color:#9d9595;}
.infor-news h3{font-size:18px;color:black;font-weight:bold;margin:5px 0px;transition:0.3s;-webkit-line-clamp:2;}
.infor-news h3:hover{color: #F78818;}
.line-8{line-height:8px}
.prev-news{position:absolute;left:-60px;transform:translateY(-50%);}
.next-news{position:absolute;right:-60px;transform:translateY(-50%);}
.prev-news:hover,.next-news:hover{background:#6c8eb5;border-color:#6c8eb5}
/* news */
.grid-news {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 30px;
}
.item-news {
    display: block;
    transition: 0.3s;
    overflow: hidden;
    box-shadow: 4px 6px 44px 0px rgba(0, 0, 0, 0.12);
    border-radius: 11px;
    overflow: hidden;
}
.infor-news {
    padding: 10px 24px 10px 10px;
}
.img-news {
    /* border-radius: 20px; */
    overflow: hidden;
    height: 100%;
}
.img-news img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.infor-news h3 {
    font-size: 19px;
    color: black;
    font-weight: bold;
    margin: 5px 0px;
    transition: 0.3s;
    -webkit-line-clamp: 2;
    text-transform: capitalize;
    margin-bottom: 10px;
}
.infor-news p {
    font-size: 14px;
}
/* page in */
.list-post{display:flex;justify-content:center;align-items:center;grid-gap:30px;margin-bottom:40px}
.list-post a{display:block;padding:6px 0px;font-weight:bold;text-align:center;color:#000;font-size:18px;text-transform:uppercase;border-bottom:3px solid #fff;transition:0.3s}
.list-post a:hover,.list-post a.active{border-color:var(--color);color:var(--color)}
.list-post a{font-size:18px;}

/* doi tac */
.wrap-partner{background:#f4f6f8 }
.grid-doitac{display: grid;grid-template-columns: repeat(3,1fr);grid-gap: 19px;}
.items{background: #fff;padding: 24px;transition: 0.3s;border: 2px solid #fff;}
.items:hover{background: #4997ea4f;}
.wrap-partner .col-md-5{padding-left: 80px}
.wrap-form .row{margin:0;}
.wrap-form .col-md-6{padding: 0}
.w-form-full img{width: 100%;border-radius: 0px 0px 0px 150px;}
.wrap-form .col-md-6:nth-child(1){padding-left: 17%;padding-top: 40px;padding-bottom: 40px;padding-right: 7%;}
/* khach hang */
.wrap-khachhang{padding:80px 0px}
.scrollToTop img{/* filter:grayscale(1); */}
.flex-button{display:flex;justify-content:center;align-items:center;grid-gap:20px}
.flex-button a{display:flex;background:#fff;min-width:197px;transition:0.3s;padding:7px 8px 7px 8px;border-radius:30px;font-size:18px;font-weight:600;text-transform:capitalize;grid-gap:10px;}
.flex-button a:nth-child(1){text-align:center;justify-content:center;padding:5px 8px 11px 8px;}
.flex-button a:nth-child(2){color:red}
.flex-button a:hover{background:#a6b9cf;color:black;cursor:pointer;}
.group-tool{grid-gap:10px}
.flex-star{border-radius:10px;display:flex;justify-content:flex-start;align-items:center;grid-gap:4px;margin-top:10px;}
.flex-star img{width:10px;box-shadow:none}
.infor-customer span{display:block;font-size:18px;color:#6a3314;font-weight:600;text-transform:capitalize;margin-top:25px;}
.swiper-customer-right .swiper-slide{padding:0}
.swiper-customer-right .swiper-slide img{box-shadow:none}
.img-khachhang{width:60px;height:60px;margin:0 auto;border-radius:50%}
.img-khachhang img{width:100%;height:100%;object-fit:cover}
.name-khachhang{text-align:center;font-size:16px;color:#001c70;font-weight:600;margin-top:15px;margin-bottom:3px;}
.desc-khachhang{font-size:13px;color:#000;opacity:0.6;text-align:center;font-weight:600;}
.picture-customer{margin-left:20px;transition:0.3s}
.picture-customer img{width:100%;height:100%!important;object-fit:cover;border-radius:5px;overflow:hidden;}
.content-khachhang{position:relative;padding:30px;font-size:13px;min-height:255px;border-radius:6px;background:white;border:2px solid #fff;transition:0.3s;filter:drop-shadow(0px 6px 2px #c2c2c2);margin-bottom:40px}
.content-khachhang img{display:inline-block;margin-bottom:25px}
.content-khachhang:hover{border-color:#001c70}
.content-khachhang:before{content:'';position:absolute;left:50%;margin-left:-15px;top:100%;width:0;height:0;border-left:14px solid transparent;border-right:14px solid transparent;border-top:14px solid white;transition:0.3s;}
.content-khachhang:after{content:'';position:absolute;left:50%;margin-left:-12px;top:100%;width:0;height:0;border-left:11px solid transparent;border-right:11px solid transparent;border-top:11px solid white;transition:0.3s;}
.content-khachhang:hover:before{border-top-color:#001c70;}
.owl-khachhang{padding: 0px 80px;}
.owl-khachhang .owl-stage-outer{overflow:unset;}
.content-footer{color: #fff;}
.content-footer p{margin-bottom: 10px}
.wrap-form{position: relative;}
.wrap-form .container{background:url('../images/bgform.png')top center;padding:50px 130px;}
.wrap-form .container h3{font-size:32px;display:block;color:#6a3314;font-family:'Lora';font-weight:600;line-height:41px;}
.circil{position: absolute;left: 50%;transform: translateX(-50%);top: 40px;}
.plus-1{position:absolute;right:0;top:20px;}
.newsletter-footer input{height:45px;background:#fff0;text-indent:8px;color:#696969;font-size:14px;width:100%;border:1px solid #000;border-radius:0px;}
.newsletter-button input{position:absolute;width:100px;height:45px;right:0;top:0;background:#000;color:#fff;font-size:16px;transition:0.3s;display:flex;justify-content:center;align-items:center;text-transform:uppercase;}
.bird-1{position:absolute;left:-100px;top:-75px;}
.bird-2{position:absolute;right:-36px;bottom:-35px;}
.newsletter-button input:hover{background:var(--color);color:#6a3314}
.name-footer{font-size:18px;color: #fff;font-weight:700;text-transform:uppercase;margin-bottom:20px;position:relative;margin-top: 10px;}
.desc-footer{color:#fff}
.footer{background:#0070cc}
.bottom-footer{display: flex;justify-content: flex-end;align-items: center;grid-gap: 30px;}
.item-social{display: flex;background: #3D92D8;transition: 0.3s; border-radius: 30px;padding: 5px;justify-content: flex-start;align-items: center;grid-gap: 22px;color: #fff ;padding-right: 46px;font-size: 15px;}
.item-social span{width: 48px;height: 48px;display: inline-block;}
.item-social:hover{background: #F78818; color: #fff !important}
.flex-footer{display:flex;justify-content:space-between;align-items:flex-start;}
.col-footer ul li a{display:flex;margin-bottom: 7px;transition:0.3s;color: #fff;font-size:16px;font-weight:500;justify-content:flex-start;align-items:center;grid-gap:9px;opacity: 0.7;}
.col-footer ul li a:hover{transform:translateX(5px);}
.col-footer ul li a:hover{color:var(--color)}
.item-i-right label{display:block;font-size:16px;font-weight:bold;color:black;text-transform:capitalize;}
.item-i-right p{font-size:16px;font-weight:500}
.flex-footer{grid-gap:40px;position:relative;padding: 40px 0px;}
.map-full{position: relative;height: 300px}
.map-full iframe{position: absolute;left: 0;top:0;width: 100%;height: 100%;}
.col-footer:nth-child(1){width: 25%;}
.col-footer:nth-child(2){width:25%;}
.col-footer:nth-child(3){width:21%;}
.col-footer:nth-child(4){width:18%;}
.logo-footer{display:inline-block;width: 240px;margin-bottom: 18px;}
.content-footer p{margin-bottom: 8px;color:#fff;opacity: 0.7;}
.col-footer .logo{margin-bottom:20px}
.plus-2{position:absolute;left:40px;top:-80px;}
.item-i{margin-bottom:18px}
.item-i img{margin-right:10px}
.social-footer{display:flex;justify-content:flex-start;align-items:center;grid-gap:10px}
.copyright{text-align: right;color: #fff;opacity: 0.8;padding: 40px 0px;}
.song{position:absolute;left: 0;bottom: 0;}
.title-main-left{text-align:left;margin-bottom:20px;}
.title-main-left span{text-transform:uppercase;font-size:30px;color: #ff;font-weight:bold;}
.no-shadow{box-shadow: none;border:1px solid #ddd}
.content-css{line-height:1.6;font-size:16px;}
.content-css strong{font-weight:600}
.content-css p{margin-bottom:10px;font-size:16px}
.content-css h1,.content-css h2,.content-css h3{margin-bottom:10px;font-weight:600;color:#000;/* font-family:'Lora'; */}
.content-css h1{font-size:1.8rem;}
.content-css h2{font-size:1.6rem;}
.content-css h3{font-size:1.4rem;color:black}
.content-css img{margin-bottom:10px;display:inline-block;}
.content-css ul{list-style-type:initial;padding-left:20px;margin-bottom:20px}
.content-css blockquote{border-left:8px solid #09a2db;font-style:italic;padding-left:20px}
.content-css a{color:#09a2db}
.content-css table{width:100%!important;margin:20px 0px;}
.content-css table td{padding:10px 20px}
.content-css table td p{margin-bottom:0px;}
.content-css figure{text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;}
.content-css figure img{display:inline-block;}
.contact-text h3{font-size: 22px;color: var(--color-second);border-bottom: 1px solid #000;font-weight:600;padding:10px 0px;margin-bottom:30px;/* font-family:'Lora'; */}
.css-text{margin-bottom:40px}
.css-text p{font-size:15px;}
.infor-contact{margin-bottom:15px;font-size:16px;color:#6a3314}
.infor-contact i{font-size:20px;color:var(--color);width:25px;margin-right:10px}
.banner-group{height: 400px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;flex-direction:column;}
.banner-group h3{font-size:36px;color:black;font-weight:bold;text-transform:capitalize;}
.grid-product{display:grid;grid-template-columns:repeat(4,1fr);grid-gap: 22px;}
.mb-40{margin-bottom:60px}
.mb-12{margin-bottom: 30px}
.archire-page .footer{margin-top:0;padding-top:40px}
.archire-page .plus-2{display:none;}

.desc{color:black;margin:10px 0px;}
.date{font-size:13px;color:#bcbdbd;/* font-style: italic; */font-weight:400;font-family:'SFUFutura'}
.read-more{display:inline-block;color:#ecb833;transition:0.3s;}
.read-more:hover{color:#6a3314;}
.group-content{margin-bottom:60px;}
.top-footer{background-image:linear-gradient(to right,#019edb,#4fceff);display:flex;justify-content:flex-end;align-items:center;max-width:900px;width:100%;border-radius:15px 15px 60px 15px;z-index:1;margin:0 auto;margin-top:-180px;box-shadow:0px 30px 40px rgba(0,158.00000578165054,219.0000021457672,0.5);margin-bottom:40px;}
.picture{position:absolute;left:20px;bottom:0;}
.right-box{width:50%;padding:55px 40px 55px 30px;}
.right-box label{display:block;font-size:32px;font-weight:bold;color:#000;line-height:42px;margin-bottom:20px;}
.right-box .css-button{border:none;background:#fff;color:var(--color);}
.right-box .css-button svg path{stroke:var(--color);}
.right-box .css-button:hover{background:#005a8d;color:#fff;}
.right-box .css-button:hover svg path{stroke:#fff}
.toolbar{background:var(--color);width:100%;border-top:1px solid #ecb833;padding:3vw;bottom:0px;position:fixed;z-index:500;height:auto;left:0px;max-height:65px}
.toolbar ul{list-style:none;display:flex;align-items:center;justify-content:space-between;padding:0px;margin:0px}
.toolbar ul li{text-align:center;width:25%}
.toolbar ul li a{display:flex;width:100%;cursor:pointer;text-align:center;justify-content:center;align-items:center;flex-direction:column;}
.toolbar ul li a img{height:20px;width:20px;animation:tada 1.2s infinite;margin-bottom:5px}
.toolbar ul li a span{color:#fff;font-size:10px}
.fixbar{bottom:0;display:block;background:#f0eff4;border-top:1px solid #ddd;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;position:fixed;margin:0;z-index:500;-webkit-backface-visibility:hidden;backface-visibility:hidden;height:50px}
.fixbar ul{margin:0px;padding:0px;list-style:none}
.fixbar ul li{margin:0 auto 10px;text-align:center;width:25%;float:left}
.fixbar .icon-cart-mobile,.fixbar .icon-cart-new,.fixbar .icon-home-new,.fixbar .icon-hotdeal-new{width:20px;height:20px;display:block;margin:8px auto 0}
.fixbar .icon-cart-mobile{background:url(../images/cart-mobile.png) no-repeat}
.cart-total-head-mobile{font-size:10px;position:absolute;background:red;color:#fff!important;border-radius:50%;height:15px;width:15px;line-height:15px;top:5px;margin-left:5px}
.fixbar ul li a{font-size:11px;text-decoration:none;color:#333}
.fixbar ul li a i{font-size:20px}
figcaption{display:inline-block;background:#d3d1cd8c;margin-bottom:20px;padding:10px;border:1px solid #ddd;}

/*.content-css table{width:100%!important;}
.content-css table tr:first-child{background:#6a3314!important;font-weight:bold;}
.content-css table tr:first-child td{color:#ecb833}
.content-css table tr{border:none;background:#fff}*/
.content-css table tr td{padding:10px;font-size:16px;border:2px solid #000;}
.content-css .motchieu table tr td{width:50%}
.motchieu{margin-bottom:50px}
.tab{background:#35BBB3;color:#fff;text-transform:uppercase;font-size:17px;padding:10px 20px;font-weight:700;margin-bottom:20px;}
.skiptranslate{display:none!important}
.archire-page .top-footer{display:none;}
.pc{}
.mb{display:none!important;}
.logo-mb{display:none;width:90px;}
.logo-mb img{border-radius:50%;box-shadow:0px 1px 2px rgba(0,0,0,0.30000001192092896);}
.col-md-9 .grid-product{grid-template-columns:repeat(3,1fr);}
.grid-category{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:15px}
.animate-4{animation:moveLeft 1.5s infinite alternate;}
@keyframes moveLeft{
    0%{transform:translateX(0);}
    100%{transform:translateX(-10px);}
}
@media (max-width:1500px){
    
    .slideshow-image img{height:100%}
    .tree-3{position:absolute;right:0;top:0;z-index:1;}
    .tree-mo-1{left:15%}
    .group-btn{bottom:23%;}
    .owl-khachhang .owl-dots{left:45%;bottom:22%;}
    .wrap-form .container{padding-left:140px}
}
@media (max-width:1200px){
	.block-cauchuyen{z-index: 100}
	.menu ul li a{padding: 15px 10px;font-size: 14px}
}
@media (max-width:1024px){
	.owl-khachhang{padding: 0px 0px}
	.lang a,.lang a.active{color:#fff}
	.menu .lang{display: none;}
    .menu-top .container{border-bottom:none}
    .menu-page{padding:10px 0px}
    .logo-header{margin:0 auto;}
    .slick-product .slick-next,.slick-product .slick-prev{display:none!important}
    .about h3{font-size:30px}
    .menu-top .flex{justify-content:center!important}
    .menu-page .right-menu{display:none;}
    .left-menu{display:none!important;}
    .logo-mb{display:block;}
    .menu-page{position:unset;background:#fff}
    .wrap-chungnhan{overflow:hidden;}
    .menu-bar-res{position:sticky;top:0}
    .menu{position:unset;padding: 25px;}
    .menu ul{display: none !important;}
    .name-slide{font-size:44px;}
    .info-slide{left:0;transform:unset;padding:10px;max-width:100%}
    .slide-text .slick-prev,.slide-text .slick-next{display:none!important}
    .menu .container{max-width:100%}
    .hotline,.search-rp{display:none;}
    .menu-res .hotline{display:flex;}
    .lang{z-index:1000}
    .container{padding-left:0px;padding-right:0}
    .search-res .icon-search{background: #F78818}
}
@media (max-width:768px){
    #popup-booking .modal-body{padding:20px;}
    #popup-booking .modal-title{color:#fff;font-weight:bold;text-align:center;font-size:20px!important;}
    .form-css{margin-bottom:15px}
    .row.mb-3{margin-bottom:0px!important}
    .form-css textarea,.form-css input,.form-css select{height:40px}
    .form-css textarea{height:90px}
    .grid-tieuchi{margin-bottom:40px}
    .slideshow{position:relative;height:500px;}
    .grid-bottom{padding:0px 0px}
    .grid-category{grid-template-columns:repeat(3,1fr)}
    .pl-20{padding-left:10px}
    .wrap-category .col-md-4{margin-bottom:20px;}
    .category h3{font-size:30px}
    .before-4{right:0}
    .img-2{right:0}
    .before-1,.before-2{display:none}
    .wrap-about .col-md-6.flex{justify-content:center!important}
    .wrap-about .col-md-6{/* margin-bottom:40px; */padding:0;}
    .slideshow-image{border-radius:0!important}
    .mockup{display:none!important;}
    .pc{display:none!important;}
    .mb{display:block!important;}
    .mb-40{margin-bottom:20px}
    .scrollToTop{bottom:88px;}
    .css-text{margin-bottom:0px}
    .contact-text{padding-right:10px}
    .grid-product{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;}
    .title-pro-detail{font-size:25px;margin-bottom:20px!important}
    .bird-2{display:none;}
    .yen-2{display:none;}
    .slick-right .slick-next,.slick-right .slick-prev{display:none!important}
    .slick-right{min-height:unset;}
    .wrap-about .row{margin:0 auto;}
    .wrap-about .col-md-6:nth-child(1){/* transform:translateY(-20px); */}
    .wrap-about .col-md-6:nth-child(2){padding-left:0px;}
    .box-phuhop h3{font-size:18px}
    .grid-phuhop{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:10px;}
    .before-1,.before-2{z-index:-1}
    .grid-product-index{margin-top:30px}
    .price-new{font-size:13px;}
    .price-old{font-size:12px;}
    .grid-product-index{grid-gap:10px;}
    .box-product h3 a{font-size:16px}
    .name-job{font-size:18px}
    .pr-10{padding-right:0px;}
    .in-flec{display:block!important}
    .infors{margin-bottom:10px}
    .title{text-align:center;}
    .title-main span{font-size:23px;padding-bottom:10px;line-height:unset;text-align:center;}
    .title-main span:before{left:50%;transform:translateX(-50%);}
    .slideshow{height:400px}
    .tableSeNN{margin-top:0!important;margin-bottom:0!important}
    .yen-1{z-index:-1}
    .wrap-partner{padding:30px 0px;}
    .group-project{margin-top:30px}
    .text-about label{font-size:28px}
    .desc-slide{width:100%}
    .footer{border-radius:0}
    .about-group h3{font-size:30px;font-weight:bold;}
    .wrap-about{padding:30px 0px;}
    .mb-12{margin-bottom:20px}
    .group-number{margin-bottom:30px}
    .wrap-product{padding:20px 0px}
    .mt-8{margin-top:0px!important}
    .wrap-gioithieu{padding:40px 0px;}
    .toyen{z-index:-1;display:none}
    .wrap-chungnhan .col-md-6:nth-child(2){padding-left:10px;}
    .about-group{margin-top:20px;}
    .wrap-khachhang{padding:30px 10px;}
    .slick-right .slick-current .picture-customer,.slick-right .slick-slide .picture-customer{height:300px;}
    .item-slick-left{margin-bottom:20px;}
    .wrap-form .container{padding:30px}
    .bird-1,.bird-2{z-index:-1}
    .wrap-form .container h3{font-size:25px;line-height:unset;}
    .form-footer{margin-top:20px}
    .flex-footer{display:block;}
    .col-footer{width:100%!important;padding:0;margin-bottom:30px;}
    .footer{/* background:url(../images/bgfooter.png) center / cover; *//* padding:50px 0px 0px 0px; */}
    .banner-group h3{font-size:25px}
    .banner-group{height:250px}
    .title-main-left span{font-size:25px}
    .grid-news{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:10px;}
    .col-footer:nth-child(1){padding-right:0px}
    .content-footer{text-align:justify;}
    .banner-text h3{font-size:40px}
    .about h3.small{font-size:30px}
    .meat-4,.meat-7,.meat-8,.meat-10{display:none;}
    .owl-khachhang .col-md-7{padding-left:10px}
    .item-customer{padding-left:10px}
    .hoa{display:none;}
    .grid-top{grid-gap:10px}
    .about h3.text-left{margin-bottom:10px}
    .logo-footer{position:unset;}
    .prev-news{display:none;}
    .next-news{display:none;}
    .main-page .col-md-9{padding:5px;}
    .bottom-footer .flex{justify-content:center;flex-wrap:flex;flex-direction:column;}
    .pad{display:none;}
    .text-about{width:100%}
    .wrap-gioithieu .col-md-6:nth-child(2){margin-top:30px;padding-left:10px}
    .right-box label{font-size:26px;line-height:unset;}
    .footer{/* margin-top:220px; */}
    .flex-footer{padding-bottom:0px}
    .circil-1{width:300px;height:300px}
    .title-css h3,.title-index h3{font-size: 40px;}
    .css-button{font-size: 16px;}
    .owl-product{margin-top: 40px}
    .img-1{left: -50%}
    .img-2{right: -60%}
    .wrap-cauchuyen{overflow: hidden;}
    .wrap-tieuchi{padding: 30px 0px}
    .wrap-why{padding-bottom: 30px}
    .circil{display: none;}
    .wrap-form .col-md-6:nth-child(1){padding:30px}
    .w-form-full img{border-radius: 0}
    .song{display: none;}
    .copyright, .statistic{text-align: center !important;padding: 20px 0px;}
    .grid-linhvuc {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 20px;
}
}
@media (max-width:550px){
	.img-2 {
        right: -97%;
    }
	.grid-linhvuc {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 10px;
}
	.row .infor-news{padding:10px 30px}
	.bottom-footer{display: block;}
	.item-social{margin-bottom: 10px}
	.grid-doitac {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 10px;
}
	.grid-tieuchi{grid-template-columns: repeat(1, 1fr);}
	.title-css h3,.title-index h3{font-size: 30px;}
	.product-category h3{font-size: 16px;}
    .right-box{order:-1}
    .box-product h3 a{-webkit-line-clamp:2;}
    .content-css p{font-size:14px}
    .title-detail-main{font-size:22px}
    .btn-job-form{margin-top:20px}
    .col-lg-12 .d-flex{display:block!important}
    .right-box{width:100%;padding:20px}
    .top-footer{display:flex;flex-direction:column;}
    .picture{position:unset;}
    .category-partner{width:100%;margin-top:30px}
    .category-partner span{font-size:15px}
    .number{font-size:35px}
    .items{/* display:block!important; *//* margin-top:20px; */}
    .left-tc,.right-tc{width:100%;text-align:center;margin-bottom:10px}
    .slideshow{position:relative;height:400px;}
    .name-slide{font-size:30px;}
    .btn-css{display:inline-block;padding:11px 26px;font-weight:bold;color:black;background:#a6b9cf;box-shadow:4px 15px 50px rgba(0,0,0,0.25);font-size:13px;border-radius:13px;margin-top:20px;transition:0.3s;text-transform:capitalize;}
    .grid-bottom{margin-top:10px}
    .grid-top{display:block;text-align:center;}
    .grid-top .items-partner{width:100%;margin-top:10px;min-height:90px;padding:0px 60px;}
    .grid-category{grid-template-columns:repeat(2,1fr)}
    .col-md-9 .grid-product{grid-template-columns:repeat(2,1fr);}
    .flex-button{display:block;}
    .flex-button a{max-width:200px;margin:5px auto}
    .btn-button{top:-50px;right:5px;transform:scale(0.8);}
    .price-new{font-size:13px;}
    .sticky{margin-bottom:20px}
    .infor-product{padding:10px}
    .grid-product{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:10px;}
    .box-product h3 a{padding-right:0px}
    .flex-category .btn-css{display:none;}
    .owl-prev-page{left:0;}
    .owl-next-page{right:0;}
    .breadCrumbs .breadcrumb-item a{font-size:15px}
    .banner-group{height:160px;}
    .infor-customer h3{text-align:left;}
    .box-phuhop h3{font-size:15px;}
    .box-product h3 a{font-size: 14px;height: unset;}
    .price-new-cart{font-size:15px}
    .grid-news{display:grid;grid-template-columns:repeat(1,1fr);grid-gap:10px;}
    .grid-product{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:10px;}
    .picture-customer{margin:0 10px;}
    .box-tieuchi h3{font-size:16px;}
    .info-tieuchi h3{font-size: 26px;}
    .add-form span{font-size: 18px}
}
@media (max-width:430px){
    .list-post a{font-size:16px;}
    .category-partner{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:0px}
    .category-partner span{padding:9px 10px}
    .name-slide{font-size:25px;}
    .grid-category{grid-template-columns:repeat(1,1fr)}
    .infor-customer h3{font-size:28px}
    .grid-phuhop{display:grid;grid-template-columns:repeat(1,1fr);grid-gap:10px;}
}