:root {
	--burger: #FFF;
	--nau: #482c1d;
	--active: #8f362f;
	--xam: #000;
	--xam-sang: rgba(96, 96, 96, 0.28);
	--trang: #fff;
	--den: #000000;
	--xambtn: #666;
	--cam: #f5a377;
	--dong:#92856f;
	--chu-mau-xam:#333;
	--green:#0d6938;
	--green-light:#0d6938;
	--yellow:#ffd200;
	--black:#000;
	--grey:#CCC;
    --mau-chinh: black;
    --xanh-la: #0E6B39;
    --color-card: #A13B20;
	--red:#ad2f0f;
    --button-nuigao: #089AA4;
    --button-bungao: #2D6EB5;
    --dau-biec: #3C81C3;
    --vang: #F9BB16;
 }

 @font-face {
     font-family: 'be-vietnam';
     src: url(../fonts/Be_Vietnam/BeVietnam-Bold.ttf);
     font-weight:bold;
 }

 @font-face {
     font-family: 'be-vietnam';
     src: url(../fonts/Be_Vietnam/BeVietnam-Regular.ttf);
 }

 @font-face {
     font-family: 'be-vietnam';
     src: url(../fonts/Be_Vietnam/BeVietnam-BoldItalic.ttf);
     font-style: italic;
	 font-weight:bold;
 }

 @font-face {
     font-family: 'be-vietnam';
     src: url(../fonts/Be_Vietnam/BeVietnam-Italic.ttf);
     font-style: italic;
 }

 @font-face {
     font-family: 'be-vietnam';
     src: url(../fonts/Be_Vietnam/BeVietnam-Light.ttf);
 }

 @font-face {
     font-family: 'montserrat';
     src: url(../fonts/Montserrat/Montserrat-Bold.otf);
     font-weight: bold;
 }

 @font-face {
     font-family: 'montserrat';
     src: url(../fonts/Montserrat/Montserrat-BoldItalic.otf);
	 font-weight:bold;
     font-style: italic;
 }

 @font-face {
     font-family: 'montserrat';
     src: url(../fonts/Montserrat/Montserrat-Italic.otf);
     font-style: italic;
 }

 @font-face {
     font-family: 'montserrat';
     src: url(../fonts/Montserrat/Montserrat-Regular.otf);
 }

 @font-face {
     font-family: 'nunito';
     src: url(../fonts/Nunito/Nunito-Regular.ttf);
 }

 @font-face {
     font-family: 'nunito';
     src: url(../fonts/Nunito/Nunito-Bold.ttf);
     font-weight: bold;
 }

 @font-face {
     font-family: 'nunito';
     src: url(../fonts/Nunito/Nunito-BoldItalic.ttf);
     font-style: italic;
	 font-weight:bold;
 }

 @font-face {
     font-family: 'nunito';
     src: url(../fonts/Nunito/Nunito-Italic.ttf);
     font-style: italic;
 }

 @font-face {
     font-family: 'avo';
     src: url(../fonts/SVN-Avo/SVN-Avo.ttf);
 }

 @font-face {
     font-family: 'avo';
     src: url(../fonts/SVN-Avo/SVN-Avo-bold.ttf);
     font-weight:bold;
 }

 @font-face {
     font-family: 'avo';
     src: url(../fonts/SVN-Avo/SVN-Avo-bold-italic.ttf);
     font-style: italic;
	 font-weight:bold;
 }

 @font-face {
     font-family: 'avo';
     src: url(../fonts/SVN-Avo/SVN-Avo-italic.ttf);
     font-style: italic;
 }

 @font-face {
     font-family: 'waking';
     src: url(../fonts/DVN-Waking-big8jv.ttf);
     font-weight: normal;
     font-style: normal;
 }

 @font-face {
     font-family: 'segoe';
     src: url(../fonts/SVN-Segoe-script.ttf);
 }

 * {
     margin: 0;
     padding: 0;
     box-sizing: border-box;
 }
 
 html, body { width:100%; height:auto; min-height:100%; font-family:'be-vietnam'; font-size:16px; }

 body {
     font-size: 16px;
     background-color: var(--trang);
     margin: 0;
     padding: 0;
 }
 
 a { color:inherit; }
 
 .nowrap { white-space:nowrap; }
 
 [class^='h2-'], [class^='h3-'] { font-weight:normal; }

 /*Nav*/
 .hamburger-lines {
     position: fixed;
     top: 0;
     right: 10px;
     padding: 10px;
     z-index: 999;
     background: transparent;
     cursor: pointer;
     font-size: 1.5em;
     color: var(--trang);
	 transition:all .3s;
 }
 .hamburger-lines.black { background-color:#000; top:10px; border-radius:100%; width:46px; height:46px; line-height:46px; text-align:center; padding:0; }
 
.hamburger-lines.not-home { background-color: #000; top: 10px; border-radius: 100%; width: 46px; height: 46px; line-height: 46px; text-align: center; padding: 0; }
 
 .hamburger-lines .hamburger { line-height:40px; vertical-align:top; }

.not-home-header { display:block!important; font-size: 1.5em; margin-bottom: 30px; padding-top:100px; }

 .menu-items {
     position: fixed;
     top: 0;
     left: 0;
     width: 80%;
     height: 100vh;
     box-shadow: 2px 0 12px rgba(0, 0, 0, 0.15);
     transform: translateX(-100%);
     transition: transform 0.35s ease-in-out;
     padding: 24px 20px;
     z-index: 1000;
     overflow-y: auto;
     font-family: 'montserrat';
	 background:#FFF;
 }

 .menu-items.open {
     transform: translateX(0);
 }

 .btn-close {
     background: none;
     border: none;
     font-size: 1.8em;
     font-weight: bold;
     color: var(--den);
     cursor: pointer;
     position: absolute;
     top: 16px;
     right: 16px;
     padding: 0;
 }

 .menu-items li {
     list-style: none;
     margin: 20px 0;
     padding-bottom: 20px;
     padding-top: 8px;
     border-bottom: 1px solid #eee;
	 font-weight:bold;
 }

 .menu-items a {
     text-decoration: none;
     color: var(--den);
     display: block;
     transition: color 0.2s ease;
 }

 .menu-items a:hover, .menu-items a.active {
    color: #ad2f0f;
    text-decoration: underline;
    text-underline-position: under;
 }
 
 .menu-items .icon-nav { transform: rotate(90deg); border:0; margin:0 auto; }
 .menu-items li .icon-nav { display:none; }
 
 .menu-items li ul { margin-top:20px; }
 .menu-items li ul li { font-weight:normal; border:0; margin:0; padding:0; }
 .menu-items li ul li a { padding:10px 0; }
 
 .menu-items li ul li ul { margin-top:0; font-size:.8em; }
 .menu-items li ul li ul li a { text-decoration:underline; underline-position:under; }
 .menu-items li ul li .icon-nav  { position: absolute; top: 18px; right: -5px; width: 7px; transform: unset; }

 .h2-text {
     font-size: 1.125em;
     margin: 0;
     font-family: 'waking';
 }

 .h3-text {
     font-size: 13px;
     margin: 4px 0 0 0;
 }

 .icon-nav {
     width: 16px;
     height: auto;
     margin: 8px auto;
     display: inline-block;
     transform: rotate(90deg);
 }


 .menu-items.open {
     transform: translateX(0);
 }

 .nav-center {
     display: none;
 }

 .section-container {
     width: 100%;
     overflow: hidden;
	 padding:16px;
 }
 
 .line-path {
    display: block;
	width:90%;
    max-width: 1100px;
    height:10px;
    background-image: url(../images/about-us/line-bottom.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
    margin: 0 auto 30px;
} 

 .img-menu {
     width: 200px;
	 margin: 0 0 40px -10px;
 }
 
 .logo-ve-chung-toi { display:block; margin:50px 0; text-align:center; }
 .logo-ve-chung-toi .h2-text { font-size:1.8em; margin-bottom:10px; }
 .logo-ve-chung-toi .nav-link { display:none; font-weight:bold; color:#333; font-size:1em; text-decoration:none; }

.section-tong, .section-dongthap { max-width:1500px; }
 /*Viet Nam*/
 .section-tong {
     display: flex;
     flex-direction: column;
     align-items: center;
     gap: 24px;
     width: 100%;
     margin: 0 auto;
     box-sizing: border-box;
 }

 .img-sct {
     position: relative;
     width: 100%;
     box-sizing: border-box;
 }

 .wave-mask {
     width: 100%;
     overflow: hidden;
 }

 .img-chinh {
     width: 100%;
     height: auto;
     display: block;
 }

 .overlay-box {
     position: absolute;
     background-color: var(--trang);
     cursor: pointer;
     opacity: 1;
     transform: translateY(0);
     transition: opacity 1s ease, transform 1s ease;
 }

 .wave-up {
     animation: waveUpFadeOut 1.2s ease forwards;
 }

 .wave-down {
     animation: waveDownFadeOut 1.2s ease forwards;
 }

 @keyframes waveUpFadeOut {
     0% {
         opacity: 1;
         transform: translateY(0);
     }

     50% {
         transform: translateY(-10px);
     }

     100% {
         opacity: 0;
         transform: translateY(30px);
     }
 }

 @keyframes waveDownFadeOut {
     0% {
         opacity: 1;
         transform: translateY(0);
     }

     50% {
         transform: translateY(10px);
     }

     100% {
         opacity: 0;
         transform: translateY(30px);
     }
 }

 .vn-1 {
     top: 1%;
     left: 2%;
     width: 25%;
     height: 47%;
 }

 .vn-2 {
     top: 4%;
     left: 27%;
     width: 25%;
     height: 47%;
 }

 .vn-3 {
     top: 1%;
     left: 52%;
     width: 25%;
     height: 47%;
 }

 .vn-4 {
     top: 4%;
     left: 77%;
     width: 25%;
     height: 47%;
 }

 .vn-5 {
     top: 52%;
     left: 13%;
     width: 25%;
     height: 47%;
 }

 .vn-6 {
     top: 53%;
     left: 35%;
     width: 25%;
     height: 47%;
 }

 .vn-7 {
     top: 52%;
     left: 64%;
     width: 25%;
     height: 46%;
 }

 .map-sct {
     width: 90%;
	 margin:20px auto;
 }

 .img-map {
     width: 100%;
     height: auto;
     display: block;
 }

 .content-sct {
     width: 80%;
     text-align: center;
     box-sizing: border-box;
 }
 .content-sct.dong-thap { margin:30px auto; }

 .h2-sct {
     font-size: 2.5em;
     color: var(--den);
     margin-bottom: 10px;
     font-family: 'waking';
	 font-weight:normal;
 }

 #title-phuvn {
     font-size: 0.7rem;
	 line-height:1.3em; 
     text-align: justify;
     color: var(--xam);
 }

 /*Dong Thap*/
 .section-dongthap {
     width: 100%;
     display: flex;
     flex-direction: column;
     align-items: center;
     gap: 24px;
     box-sizing: border-box;
     margin: 0 auto;
	 padding:50px 0 0;
 }
 .section-dongthap.sadec { margin-top:50px; }
 
 .dongthap-img, .section-sadec { position:relative; margin-bottom:20px; }
 .dongthap-img [class ^='dt-'], .section-sadec [class^='sd-'] {
	 width:25%;
	 height:auto;
	 background:url(../images/dong-thap.png) top left no-repeat; background-size:auto 100%; 
	 display:inline-block;
 }
 .dongthap-img [class ^='dt-']:before,  .section-sadec [class^='sd-']:before { content:""; display:block; width:100%; height:auto; padding-top:163.26%; }
 
 .section-sadec [class^='sd-'] { width:20%; background:url(../images/sa-dec.png) top left no-repeat; background-size:auto 100%; }
 .section-sadec [class^='sd-']:before { padding-top:200%; }
 
 .dt-2 { background-position: 14.5% 0 !important; }
 .dt-3 { background-position: 29.5% 0 !important; }
 .dt-4 { background-position: 43.5% 0 !important; }
 .dt-5 { background-position: 57.5% 0 !important; }
 .dt-6 { background-position: 71.5% 0 !important; }
 .dt-7 { background-position: 85.5% 0 !important; }
 .dt-8 { background-position: 100% 0 !important; }
 
 .sd-2 { background-position: 24% 0 !important; }
 .sd-3 { background-position: 48% 0 !important; }
 .sd-4 { background-position: 72.5% 0 !important; }
 .sd-5 { background-position: 97% 0 !important; }
 
 /* waving */
	 .wavy, .wavy-1, .wavy-2, .wavy-3, .wavy-4 {
	  animation-name: wavy;
	  animation-duration: 1.6s;
	  animation-timing-function: ease;
	  animation-iteration-count: infinite;
	  position: relative;
	  top: 0;
	  left: 0;
	}
	.wavy-1 { animation-name: wavy; animation-delay: 0.1s; }
	.wavy-2 { animation-name: wavy; animation-delay: 0.2s; }
	.wavy-3 { animation-name: wavy; animation-delay: 0.3s; }
	.wavy-4 { animation-name: wavy; animation-delay: 0.4s; }
	@keyframes wavy {
	  0% { top: -12px; }
	  50% { top: 12px; }
	  100% { top: -12px; }
	}

 /*Sa Dec*/
 .section-sadec { width:100%; height:auto; }
 
 .ve-chung-toi { padding:50px 0; background:url(../images/bong-lua-r.png) top left no-repeat; background-size:100% auto; background-position:0px 30px; }

 /*Ve chung toi*/
 .ve-chung-toi .about-wrapper {
     display: flex;
     flex-direction: column;
     gap: 24px;
     padding: 24px;
     max-width: 1200px;
     margin: 0 auto;
 }

 .inf-about {
     position: relative;
     z-index: 1;
     padding: 27px;
     flex: 1 1 100%;
 }

 .inf-about::before {
     content: "";
     position: absolute;
     inset: 0;
     z-index: -1;
 }
 
 .inf-about #title-phuvn { color:var(--chu-mau-xam); }

 .inf-about h2 {
     margin-bottom: 12px;
     color: var(--den);
     font-family: 'waking';
 }

 .inf-about p {
     font-size: 1rem;
     line-height: 1.6;
     color: var(--xam);
 }

 .video-right {
     flex: 1 1 100%;
     padding: 0;
     min-width: 0;
 }
 .video-right:before { content:""; display:block; width:100%; height:auto; padding-top:75%; }

 .video-right iframe {
	 position:absolute; top:0; left:0;
     width: 100%!important;
	 height:100%!important; 
     border-radius: 12px;
     box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
 }

 .btn-xemthem {
     display: inline-flex;
     align-items: center;
	 width: 150px;
     gap: 10px;
     padding: 6px 20px;
	 height:22px;
	 line-height:2;
     background-color: var(--den);
     color: var(--trang);
     text-decoration: none;
     font-weight: 500;
     font-size: .8rem;
     border-radius: 999px;
     transition: background-color 0.3s ease, transform 0.3s ease;
     margin-top: 16px;
	 justify-content:space-between;
 }

 .btn-xemthem:hover {
     transform: translateY(-2px);
 }
.btn-xemthem.min { font-size:.8rem; width:130px; margin-top:0; padding: 3px 10px; height: 24px; line-height: 24px; }
.btn-xemthem.min img { width:auto; height:12px; margin-top:-3px; }

 .arrow-icon {
     width: 10px;
     height: 10px;
     transition: transform 0.3s ease;
     filter: brightness(0) invert(1);
 }

 .btn-xemthem:hover .arrow-icon {
     transform: translateX(5px);
 }

 /*San pham*/
 .container {
     display: flex;
     flex-wrap: wrap;
     align-items: center;
     justify-content: center;
     padding: 60px 40px;
     gap: 40px;
 }

 .image-box {
     text-align: center;
 }

 .circle-image {
     width: 100%;
     aspect-ratio: 1/1;
     border-radius: 50%;
     overflow: hidden;
     position: relative;
     border: 8px solid #fff;
     box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
     transform: scale(0);
     animation: showImage 1s ease forwards;
 }

 .circle-image img {
     width: 100%;
     height: auto;
 }

 .caption {
     font-size: 13px;
     margin-top: 8px;
     color: #555;
 }

 .circle-image.show {
     animation: showImage 1s ease forwards;
 }

 .circle-image.hide-img {
     animation: hideImage 1s ease forwards;
 }

 @keyframes showImage {
     0% {
         transform: scale(0) rotate(0deg);
         opacity: 0;
     }

     100% {
         transform: scale(1) rotate(360deg);
         opacity: 1;
     }
 }

 @keyframes hideImage {
     0% {
         transform: scale(1) rotate(0deg);
         opacity: 1;
     }

     100% {
         transform: scale(0) rotate(360deg);
         opacity: 0;
     }
 }

 .content h1 {
     font-size: 3em;
     line-height: 1.2;
     font-family: 'waking';
     margin-bottom: 14px;
	 font-weight:normal;
 }

 .content p {
     font-size: .9em;
	 line-height:1.3em; 
     color: var(--xambtn);
     line-height: 1.6;
     margin-bottom: 30px;
     font-family: 'nunito';
	 text-align:justify;
 }

 .h3-hightlight {
     font-family: 'segoe';
	 font-weight:normal;
     color: var(--dong);
	 margin-bottom:10px;
	 font-size:1.3em;
 }

 .section-title {
     margin: 16px 0 8px;
     text-transform: uppercase;
     font-family: 'montserrat';
     font-size: 1.1em;
     text-align: left;
	 font-weight:bold;
 }

 .button-group {
     display: grid;
     grid-template-columns: 1fr 1fr 1fr 1fr;
     gap: 3px;
	 justify-content:start;
	 font-size:.65em;
 }

 .button-group button {
     padding:0;
     border-radius: 20px;
     border: none;
     background: #999;
     color: var(--trang);
     cursor: pointer;
     transition: 0.3s;
	 font-size:.8em;
	 height:26px; line-height:28px;
	 font-weight:bold;
 }

 .button-group button.active {
     background-color: var(--den);
     color: var(--trang);
 }

 .button-group button[data-type="type"].active {
     background-color: var(--active);
 }

 .button-group button[data-type="shape"].active {
     background-color: var(--active);
 }
 
 .button-group button[data-value="ngu-sac"].active {
	 background-color:var(--button-nuigao);
 }
 .button-group button[data-value="gao-trang"].active {
	 background-color:var(--dau-biec);
 }
 .button-group button[data-value="vang"].active {
	 background-color:var(--vang);
 }

 /*Muong*/
 .spoon-floating {
     display: none;
 }

 @keyframes wiggle {

     0%,
     100% {
         transform: rotate(0deg) translateY(0);
     }

     25% {
         transform: rotate(3deg) translateY(-2px);
     }

     50% {
         transform: rotate(-3deg) translateY(2px);
     }

     75% {
         transform: rotate(2deg) translateY(-1px);
     }
 }

 /*San pham*/
 .product {
     margin: auto;
 }

 .filter-product {
	text-align:right; 
 }

 .btn-locsp {
     display: inline-flex;
     align-items: center;
     gap: 10px;
     cursor: pointer;
     position: relative;
 }

 .btn-locsp .icon-sub {
     width: 20px;
     height: 20px;
     transform: rotate(90deg);
 }

 .menu-listfilter {
     display: none;
     position: absolute;
     top: 30px;
     right: 0;
     background: var(--trang);
     border: 1px solid #ccc;
     padding: 10px;
     z-index: 10;
     list-style-type: none !important;
 }

 .menu-listfilter.show {
     display: flex;
 }

 .filter-option {
     display: flex;
     align-items: center;
     gap: 8px;
     cursor: pointer;
 }

 .product-card {
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 20px;
	 max-width:1500px; margin:0 auto; 
 }

 .product-cardbody {
     width: 100%;
     /* padding: 16px; */
     text-align: center;
     transition: transform 0.3s ease;
	 margin:0 auto;
 }

 .product-cardbody:hover {
     transform: translateY(-5px);
 }

 .img-sp {
     width: 90%;
     height: auto;
     object-fit: cover;
     border-radius: 12px;
     margin-bottom: 12px;
 }

 #tensp {
     font-size: .9rem;
	 line-height:1.3em;
     color: var(--den);
     margin: 10px 0 5px;
     font-family: 'montserrat';
	 font-weight:bold;
 }

 #thanhphan {
	 width:80%;
     font-size: 0.7rem;
	 line-height:1.3em;
     color: var(--den);
     margin: 0 auto 5px;
     font-family: 'avo';
     font-weight: 400;
 }

 .btn-hinhdang {
     display: flex;
     justify-content: center;
     gap: 8px;
     margin-bottom: 12px;
     flex-wrap: wrap;
 }

 .btn-hd {
     padding: 2px 7px;
     border: none;
     font-size: 0.6em;
	 font-weight:bold;
     cursor: pointer;
     transition: background-color 0.2s;
     border-radius: 20px;
     border: 1px solid var(--den);
     background-color: var(--trang);
 }

 .cam {
     background-color: var(--cam);
     color: var(--trang);
 }

 .btn-hd.active {
     border-radius: 10px;
     background-color: var(--den);
     color: var(--trang);
 }

 .price-product {
     font-size: .8em;
	 font-weight:bold;
	 white-space:nowrap;
 }

 #title-phupr {
     color: var(--den);
     font-family: 'montserrat';
 }

 .phan-trang {
     display: flex;
     align-items: center;
     gap: 8px;
     justify-content: center;
     margin-top: 16px;
 }

 .stt-trang {
     font-size: 1em;
     color: var(--den);
 }

 .phan-trang img {
     transform: rotate(90deg);
 }

 /*About us*/
 .about-us {
     max-width: 1200px;
     margin: 40px auto 0;
     padding: 40px 20px 0;
	 
 }

 .top-aboutus {
     text-align: center;
	 max-width:765px;
	 margin:0 auto 30px;
 }

 .h2-abus {
     font-size: 1.6em;
     color: var(--den);
     margin-bottom: 15px;
     font-family: 'waking';
	 white-space:nowrap;
 }
 .h2-abus.big { margin-left:-15px; }

 #title-phu {
     font-size: .8em;
     color: var(--xambtn);
	 line-height:1.3em;
	 text-align:center;
	 margin-bottom:20px;
 }

 .bottom-aboutus {
     display: flex;
     flex-direction: column;
     gap: 20px;
 }

 .bt-ableft {
	 text-align:center;
	 padding:40px 0;
 }

 .h3-abus {
     font-size: 1.1em;
     color: var(--den);
     margin-bottom: 8px;
     font-family: 'waking';
 }

 .content-abus {
     margin-top: 20px;
	 font-size:1em;
 }

 .content-abus p {
     font-size: 15px;
     color: var(--xam);
     line-height: 1.5;
	 max-width:350px;
	 margin:0 auto;
 }

 /*OHG*/
 .titlesct {
     padding-top: 30px;
     padding-bottom: 10px;
 }

 .card-sct {
     margin: 100px 20% 0 -20%;
     overflow: hidden;
     transition: transform 0.3s ease;
 }

 .card-sct:hover {
     transform: translateY(-5px);
 }
 .onghut-container .card-sct { margin:30px auto 0; }

 .body-cardsct {
     padding: 1em;
     display: flex;
     flex-direction: column;
     align-items: center;
 }
 
 .thanh-ngang, .img-cardsct img, .chuyen { width:90%; }

 .img-cardsct img {
     height: auto;
     object-fit: contain;
     margin-bottom: 12px;
	 width:70%;
 }
 .content-card {
     text-align: center;
     width: 70%;
 }

 #quycach {
     font-size: 1.2em;
     font-weight: bold;
     color: var(--den);
     margin-bottom: 8px;
	 margin-top:15px;
 }

 .thanh-ngang {
     height: 20px;
     background-color: var(--den);
     margin: 0 auto 10px;
     border-radius: 20px;
 }

 .chuyen-dong {
     margin: 0;
 }

 .chuyen {
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 8px;
     border-radius: 8px;
     padding: 8px 0;
     transition: background-color 0.3s;
	 justify-content:space-between;
	 margin:0 auto;
 }

 #tenchuyen {
     margin: 0;
     color: var(--den);
     white-space: nowrap;
 }

 .img-chuyenleft, .img-chuyenright {
     width: 14px;
     height: 14px;
     object-fit: contain;
 }

 .img-chuyenleft {
     transform: rotate(180deg);
 }

 .right-logo.min-show { display:block; }
 .right-logo.min-hide { display:none; }

 .img-fuma {
     width: 70%;
	 max-width:200px; 
     height: auto;
	 margin:100px 0 20px;
 }

 .content-indam {
     font-family: 'montserrat';
     padding-top: 0;
     padding-bottom: 40px;
	 line-height:1.5em;
	 font-weight:bold;
	 font-size:1.1em;
 }

 .note-hagtag {
     color: var(--den);
     font-family: Arial, sans-serif;
     padding-top: 40px;
     line-height: 1.6;
	 font-size:1em;
	 font-weight:bold;
 }

 .onghut-container {
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     margin: 0 auto;
     gap: 40px;
	 padding:60px 0;
	 position:relative;
 }

 .onghut-sx {
     display: flex;
     flex-wrap: nowrap;
     overflow:hidden;
     gap: 8px;
     padding: 10px 0;
     justify-content: start;
     align-items: end;
	 width:65%;
	 height:600px;
	 margin:100px auto;
 }
 .onghut-sx.min-hide { display:none; position:absolute; top:20px; left:5px; width:25%; height:500px; overflow:hidden; }

 [class^='img-onghut'] {
     width: calc(15% - 4px);
     height: auto;
     flex-shrink: 0;
     opacity: 0;
     transform: translateY(20px);
     transition: opacity 0.6s ease, transform 0.6s ease;
 }
 .img-onghut-2 { width: calc(18% - 4px);height:90%; margin-bottom:5%; }
 .img-onghut-3, .img-onghut-5, .img-onghut-6 { width: calc(10% - 4px); height:80%; margin-bottom:10%; }
 .img-onghut-4 { height:100%; }
 .right-columnsct {
    padding:0 20px;
	text-align:left;
	margin-top:50px;
 }

 #title-phuright {
     font-size: 0.8em;
     color: var(--chu-mau-xam);
	 line-height:1.3em;
	 text-align:left;
 }
 .right-logo.min-show #title-phuright { padding:0 20px; }
 #title-phuright.max-500 { max-width:500px; line-height:1.3em; }

 .h2-textsct {
     font-family: 'waking';
     font-weight: normal;
     font-size: 1.7em;
	 line-height:1.5em;
	 margin-bottom:20px; 
 }

 .textsct {
     font-size: 2.5em;
     font-family: 'waking';
     font-weight: normal;
	 margin-top:20px;
 }

 .sct2 {
     padding-top: 150px;
 }

 /*Catalogue*/
 .catalogue-container {
     display: flex;
     flex-direction: column;
     gap: 20px;
	 padding-top:40px;
     box-sizing: border-box;
     margin: 0 auto;
     justify-content: center;
     align-items: center;
 }

 .catalogue-left,
 .catalogue-right {
     box-sizing: border-box;
 }

 .catalogue-left {
     flex: 1 1 100%;
     max-width: 100%;
 }

 .catalogue-right {
     flex: 1 1 100%;
     max-width: 100%;
     display: flex;
     flex-direction: column;
     gap: 20px;
 }

 .card-catalogueleft {
     padding: 20px;
 }
 
 .body-catalogueleft { text-align:center; }

 .body-catalogueleft .text-catalogue {
     margin-bottom: 16px;
     font-size: 1.25em;
	 line-height:1.5em;
     color: var(--den);
     text-align: center;
 }

 .btn-down {
     background-color: var(--active);
     border: none;
     padding: 10px 25px;
     border-radius: 20px;
     cursor: pointer;
	 margin:0 auto;
	 font-weight:bold;
 }

 .btn-down a.btn-downlink {
     color: var(--trang);
     text-decoration: none;
 }

 .cardphu-catalogue {
     display: flex;
     gap: 16px;
     padding: 16px;
 }

 .img-cataloguephu {
     width: 100px;
     height: 100px;
     flex-shrink: 0;
     background-color: var(--den);
	 position:relative;
	 overflow:hidden;
 }
 .img-cataloguephu img { position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; }

 .text-cataloguephu {
     flex: 1;
	 text-align:left;
 }

 #title-gt {
     font-size: 0.875em;
     color: var(--xambtn);
     margin-bottom: 8px;
 }

 #gt {
     display: inline-block;
     font-weight: normal;
     margin-right: 6px;
     color: var(--trang);
     padding: 5px 15px 7px;
     background-color: var(--xambtn);
     border-radius: 10px;
     font-style: normal;
 }


 .texth3-catalogue {
     font-size: 1.2em;
     margin: 4px 0;
     color: var(--den);
     font-family: 'waking';
     line-height: 1.4;
	 font-weight:normal;
 }

 #content-catalogue {
     font-size: 0.8em;
	 line-height:1.3em;
     color: var(--xambtn);
	 display:-webkit-box;
	 -webkit-box-orient:vertical;
	 -webkit-line-clamp:3;
	 overflow:hidden;
 }
 
 .title-chinhdk { font-weight:normal; font-size:2em; line-height:1.5em; margin-bottom:20px; }

 /*Form*/
 .form-dk {
     max-width: 900px;
     margin: 0 auto;
 }
 .form-dk .title-phu { text-transform:unset!important; letter-spacing:unset!important; }

 .title-form {
     text-align: center;
     margin-bottom: 24px;
     font-family: 'waking';
 }

 .title-phu {
     font-size: 1.2em;
     color: var(--xamtrang);
     line-height: 1.6;
     margin: 0 auto;
     max-width: 500px;
	 font-weight:normal;
 }
 

 .form-container {
     display: flex;
     flex-direction: column;
     gap: 16px;
     align-items: stretch;
     margin-bottom: 40px;
 }

 .input-group {
     display: flex;
     align-items: center;
     background: var(--trang);
     border: 1px solid var(--xam);
     border-radius: 8px;
     padding: 10px 15px;
     width: 100%;
     box-sizing: border-box;
     transition: border-color 0.3s;
 }

 .input-group input::placeholder,
 .input-group textarea::placeholder {
     font-family: 'waking';
 }


 .input-group img {
     width: 20px;
     height: 20px;
     margin-right: 10px;
     object-fit: contain;
     opacity: 0.7;
 }

 .input-group input {
     border: none;
     outline: none;
     flex: 1;
     font-size: 15px;
     background: transparent;
     color: var(--xamden);
 }

 .btn-submit {
     background-color: var(--xam);
     color: var(--trang);
     padding: 12px;
     font-size: 1.3em;
     border: none;
     border-radius: 6px;
     cursor: pointer;
     transition: background-color 0.3s, transform 0.2s;
 }

 /*Footer*/
 .footer-container {
     background-image: url('../images/footer-bg.png');
     background-size: cover;
     background-position: center;
     color: var(--trang);
     padding: 40px 20px 60px;
     font-weight: normal;
 }

 .footer {
	max-width:1500px;
     margin: auto;
 }

 .footer-top {
     display: flex;
     flex-wrap: wrap;
     gap: 20px;
     justify-content: space-between;
     margin-bottom: 40px;
	 text-align:left;
 }

 .logo-ft { width:100%; vertical-align:top; margin-bottom:30px; }
 .logo-ft .img-ft {
	 width:auto; 
	 height:60px;
 }
 .logo-ft .img-ft.second { margin-top:5px; margin-left:20px; }

 .h2-ft {
     font-size: 1em;
     margin-bottom: 15px;
     font-family: 'montserrat';
	 font-weight:bold;
	 margin-top:20px;
 }

 .listft-menu,
 .sub-menuft,
 .sub-menu-level2 {
     list-style: none;
     padding-left: 0;
     margin: 0;
	 font-weight:bold;
 }

 .listft-menu li a {
     color: #BBB	;
     text-decoration: none;
     display: block;
     padding: 5px 0;
     font-size: 0.875em;
 }

 .listft-menu li a:hover {
     text-decoration: underline;
 }

 .sub-menuft {
     margin-left: 15px;
 }

 .sub-menu-level2 {
     margin-left: 25px;
	 font-weight:normal;
 }

 .xemthem-ft #title-phuft {
     font-size: 0.875em;
     margin-bottom: 20px;
     color: #BBB;
	 line-height:1.5em;
	 font-weight:bold;
 }

 .social-iconft {
     display: flex;
     gap: 10px;
     margin-top: 10px;
 }

 .iconft .img-mxh {
     width: 32px;
     height: 32px;
 }

 .footer-bottom {
     padding-top: 20px;
     display: flex;
     flex-wrap: wrap;
     justify-content: space-between;
     font-size: 0.8em;
     color: var(--trang);
	 padding-bottom:30px;
	 line-height:1.5em;
	 text-align:left;
 }

 .ftright-bottom .icon-bct {
     width: 70%;
     height: auto;
     object-fit: cover;
     padding-top: 20px;
 }

 .ft-btphu {
     margin-top: 10px;
 }

 #title-phuft {
     margin: 3px 0;
     font-weight: 400;
 }

 .h2-textft {
     font-family: 'waking';
     line-height: 1.4;
	 font-size:1.6em;
 }
 
 .thuc-pham-tu-gao.big-image { flex-direction:column-reverse; padding:60px 20px; }
 .thuc-pham-tu-gao.big-image .content { text-align:left; }
 
 .title-bong-lua {
    font-size: 2em;
    font-family: 'waking';
    margin-bottom: 20px;
    text-align: left;
    display: flex;
    align-items: center;
    gap: 10px;
}
.title-bong-lua img {
    height: 50px;
    width: auto;
    display: block;
	margin-top:-23px;
	margin-right:5px; 
}
.nhamay-chungnhan {
	justify-content: unset;
	align-items: unset;
	padding-top:0;
	display:flex;
	flex-direction:column;
	width:calc(100% - 40px);
	margin:0 auto;
	max-width:1500px;
}
.nhamay-chungnhan .image-box { text-align:left; }
.nhamay-chungnhan .body-card { display: flex; flex-direction: row; max-width: 400px; overflow: hidden; align-items: center; text-align:left; margin-bottom:10px; }

.nhamay-chungnhan .body-card .content-card { text-align:left; font-size:.8em; line-height:1.5em; }
.nhamay-chungnhan .body-card .content-card .tieu-de { font-weight:bold; }
.nhamay-chungnhan .body-card .anh-card { margin-right:10px; }

.nhamay-chungnhan .anh-cn {  width: 100%;  margin: 20px 0; }
.nhamay-chungnhan .anh-cn img {  max-width: 100%; height: auto; }
.nhamay-chungnhan .loi-khangdinh  { margin-top:30px; }
.nhamay-chungnhan .sustain-desc { margin-top:0; }
.nhamay-chungnhan .title-creative { font-size: 2em; font-weight: normal; margin-bottom:0; line-height:1.3em; }
.nhamay-chungnhan .title-creative span { display:block; }
.nhamay-chungnhan .phu-creative { font-size: 1.5em; line-height:1.3em;  }

.nhamay-chungnhan .straw-heading { margin:20px 0; font-size:1.5em; text-align:left; font-weight:bold; }

.cart { display: none; width: 40px; height: 40px; border-radius: 100%; -webkit-border-radius: 100%; position: fixed; right: 25px; bottom: 30px; z-index: 88888; font-size: 1.2em; line-height: 40px; background-color: var(--green); color:#FFF; box-shadow: 0 0 5px #DDD; }
.cart.active { display: inline-block; }
.cart a i { vertical-align: middle; margin-top: -3px; display: inline-block; }
.cart span { position: absolute; top: -10px; right: -5px; font-size: 0.7em; width: 20px; height: 20px; line-height: 20px; font-family: Roboto; display: inline-block; background-color: #F00; color: #FFF; border-radius: 100%; -webkit-border-radius: 100%;  }

.onghut-container .content-card { font-size:.8rem; }
.onghut-container .content-card .chuyen { padding:3px 0; }

.onghut-container { margin-top:100px; }

 @media (min-width: 768px) {
	.not-home-header { display:none!important; }
	
	.navbar { padding:20px 20px 0; }
	
	.nav-sticky { background-color:#FFF; transition:all .3s; position:relative; z-index:9999; }
	.nav-sticky.scroll-active { padding-bottom:0!important; padding-top:0!important; }
	.nav-sticky.scroll-active {  position:sticky; top:0; z-index:9999; padding-bottom:10px; border-bottom:1px solid #DDD; box-shadow:0 3px 5px -2px #666 }
	.nav-sticky.scroll-active .nav-center-hover { display:none; }
	.nav-sticky.scroll-active .navbar { padding-top:0!important; padding-bottom:0!important; }
	.nav-sticky .nav-center, .nav-sticky .h2-text { transition:all .3s; }
	.nav-sticky.scroll-active .navbar .nav-center { padding-top:10px; }
	.nav-sticky.scroll-active .h2-text { font-size:1em; }
	.nav-sticky.scroll-active .menu-items .menu-list li { margin:5px 0; }
	
	.nav-sticky.scroll-active .menu-items li { padding-bottom:10px; }
	/* .nav-sticky.scroll-active .menu-items li { padding-bottom:0!important; } */
	
     .section-tong {
         display: flex;
         flex-direction: row;
         gap: 10px;
         margin: 0 auto;
     }
	 
	.img-sct { width:37%; }
	.map-sct { width:30%; }
	.map-sct .img-map { width:110%; max-width:unset; }
	.content-sct { width:33%; }
	
	.content-sct.dong-thap { width:70%; }
	
	.section-dongthap.sadec .content-sct { width:70%; }
	
	.section-dongthap.sadec .content-sct #title-phuvn { margin:0; }
	
	.dongthap-img { width:90%!important; }
	.dongthap-img [class ^='dt-'] { width:12.5%; }
	
	.hamburger-lines, .img-menu, .btn-close, .logo-ve-chung-toi { display:none; }
	
	.navbar .container { padding:0; }
	
	.menu-items { position:relative; top:unset; left:unset; width:100%; height:auto; padding:0; box-shadow:unset; transform:unset; overflow:unset; }
	.menu-items .menu-list { max-width:1300px; margin:0 auto; padding:0; display:flex; flex-direction:row; justify-content:space-between; align-items:center; position:relative; }
	.menu-items .menu-list li { display:inline-block; border:unset; font-weight:normal; font-size:1em; }
	
	.nav-center { display:inline-block; text-align:center; padding:5px 0; }
	.nav-center-hover .nav-link { opacity:0; transition:all .3s; font-size:1rem; font-weight:bold; }
	.nav-center-hover:hover .nav-link { opacity:1; }
	
	.h2-text { font-size:1.5em; }
	
	.ve-chung-toi { background-size:50% auto; background-position:50px 0px; }
	.inf-about { padding-top:50px; }
	
	.onghut-container { flex-direction:row; flex-wrap:wrap; padding:60px 40px; gap:0; align-items:start; }
	.left-columnsct { width:65%; }
	.center-columnsct { width:35%; position:relative; }
	.left-columnsct {  text-align:left; }
	.left-columnsct .card-sct { display:flex; flex-direction:row; flex-wrap:nowrap; }
	.left-columnsct .card-sct .body-cardsct { width:32%; padding:0; }
	.left-columnsct .card-sct .body-cardsct .content-card { font-size:.6rem; width:100%; }
	.right-columnsct { width:100%;  padding-top:100px; }
	
	.right-logo.min-hide { display:none; }
	
	.onghut-sx { position:relative; top:unset; left:unset; margin:0; width:100%; height:1200px; }
	
	.img-onghut-2 { height:90%; margin-bottom:10%; }
	.img-onghut-3, .img-onghut-5, .img-onghut-6 { height:80%; margin-bottom:20%; }
	
	.sct2 { padding-top:150px; }
	.card-sct { margin:30px 0 0; width:100%; text-align:center; }
	.body-cardsct { width:100%; margin:0 auto;  }
	.body-cardsct .img-cardsct { width:80%; }
	.body-cardsct .img-cardsct img { margin:0; }
	
	.button-group { font-size:1em; }
		
     .ve-chung-toi .about-wrapper {
         flex-direction: row;
         align-items: center;
         gap: 32px;
         margin: 0 auto;
     }

     .inf-about,
     .video-right {
         flex: 1 1 50%;
     }

     .video-right {
         padding-left: 0;
     }
	
     .form-container {
         display: flex;
         flex-direction: row;
     }

     .form-container .input-group {
         flex: 1 1 40%;
     }

     .form-container .btn-submit {
         flex: 1 1 15%;
         max-width: 200px;
         margin: 0 auto;
     }

     .title-phu {
         font-size: 1em;
         max-width: none;
     }

     .catalogue-container {
         display: flex;
         flex-direction: row;
     }

     .bottom-aboutus {
         flex-direction: row;
     }

     .bt-ableft {
         flex: 1 1 calc(50% - 20px);
         /* Hai cột, trừ khoảng cách */
     }

     .product-card {
         grid-template-columns: repeat(4, 1fr);
     }

     .container {
         flex-direction: row;
         padding: 60px 40px;
         gap: 40px;
     }

     .content h1 {
         font-size: 3em;
         text-align: left;
     }

     .section-title {
         font-size: 1.2em;
         text-align: left;
     }

     .button-group {
         justify-content: flex-start;
		 margin-bottom:20px;
     }

     .caption {
         text-align: center;
     }

     .h2-sct {
         font-size: 3em;
     }
	 
	 .h2-textft { font-size:2em; }
	 
	 .thuc-pham-tu-gao .h3-hightlight { text-align:left; }
	 
	 .ftleft-bottom, .ftright-bottom { text-align:left; }
	 .ftright-bottom .icon-bct { max-width:175px; }
	 
	 .title-bong-lua { font-size:2.5em; }
	 
	 .menu-items { background:unset; }
	 .menu-items .nav-center-hover .icon-nav { margin-top:10px; }
	 
	.menu-items ul li { position:relative; }
	.menu-items ul li a { display:inline-block; }
	 .menu-items li .icon-nav { display:inline-block; margin-left:10px; width:auto; height:10px; }
	 
	 .menu-items li ul { position:absolute; top:90%; left:50%; transform:translateX(-50%); margin-top:0; background-color:#FFF; padding:20px 20px; box-shadow:0 0 5px #DDD; transition:all 0.3s; visibility:hidden; opacity:0; }
	 .menu-items li:hover ul { visibility:visible; opacity:1; }
	 .menu-items li:hover ul li ul { visibility:hidden; opacity:0; }
	 .menu-items li ul li ul { position:absolute; top: 0; left: calc(100% + 10px); transform: unset; }
	 .menu-items li ul li .icon-nav { display:inline-block; }
	 .menu-items li ul li { white-space:nowrap; margin:0; padding:0; display:block!important; }
	 .menu-items li ul li a { display:block; padding:15px 0; text-align:left; }
	 .menu-items li ul li:hover ul { visibility:visible; opacity:1; }
	 .menu-items li ul li ul li a { text-decoration:unset; }
	 
	 .nhamay-chungnhan { flex-direction:row!important; align-items:start!important; }
	 .nhamay-chungnhan .content-waper,  .nhamay-chungnhan .image-box { width:50%; box-sizing:border-box; }
	 .nhamay-chungnhan .content-waper { padding-left:30px;  }
	 .nhamay-chungnhan .anh-cn { text-align:left; }
	 .nhamay-chungnhan .anh-cn img { width:80%; max-width:400px; }
	 
	 .nhamay-chungnhan .straw-heading { margin-top:0; }
	 .nhamay-chungnhan .title-creative { margin-top:10px; font-size:2.5em; white-space:nowrap; }
	 .nhamay-chungnhan .phu-creative { margin-bottom:30px; font-size:1.8em; }
	 
	 .section-dongthap.sadec .section-sadec { width:90%; }
	 .section-sadec [class^='sd-'] { width:12.5%; background-size:auto 110%; }
	 .section-sadec [class^='sd-']:before { padding-top:163.26%; }	 
	 .sd-2 { background-position: 24% -7px !important; }
	 .sd-3 { background-position: 48% -7px !important; }
	 .sd-4 { background-position: 72.5% -7px !important; }
	 .sd-5 { background-position: 97% -7px !important; }
	 
	 .inf-about { text-align:left; }
	 
	 .onghut-sx { display:none; }
	 .onghut-sx.min-hide { display:flex; width:80%; height:600px; position:relative; top:unset; left:unset; }
	 .right-columnsct { padding:0; }
	 
	 .img-fuma { max-width:200px;}
	 .content-indam { padding-top:50px; }
	 .note-hagtag { font-size:1.2em; }
	 
	 
	.ve-chung-toi { background:url(../images/bong-lua-r.png) top left no-repeat, url(../images/san-pham/ong-hut-mau-sac.png) bottom right no-repeat; background-size:50% auto, 40% auto; background-position:80px 0px, bottom right; }
	
	.button-group { grid-template-columns:repeat(5, 1fr); }
	
	.footer-container { padding-bottom:0; }
	.scrollup { bottom:30px!important; }
 }

 @media (min-width:996px) {
	 /* html, body { overflow-x:hidden; } */
	.btn-xemthem.min { width:150px; }
	.navbar { padding-top:0; }
     .btn-close {
         display: none;
     }

     .nav-center {
         display: block;
         text-align: center;
     }

     .img-menu {
         display: none;
     }

     .hamburger-lines {
         display: none;
     }

     .nav-center {
         padding-top: 25px;
     }
	.body-cardsct {
		width:70%; margin:0;
	}
	.onghut-container { padding-top:100px; }
	
	#thanhphan { font-size:.7em; margin-bottom:8px; line-height:1.3em; }
	
	.big-image { display:flex; flex-direction:row!important; gap:0; background:url(../images/san-pham/muong.png) top right no-repeat; background-size:40% auto; background-position:125% -50px; padding:100px 40px; }
	.image-box, .content { width:50%; padding-right:50px; }
	.content { padding-left:20px; }
	
	.h2-abus { font-size:2em; margin-bottom:20px; }
	.h3-abus { font-size:1.3em; }
	.content-abus { font-size:1em; }
	
	.body-catalogueleft .text-catalogue { font-size:1.5em; }
	
	.titlesct, .sct2 { text-align:left; }
	.inf-about { text-align:left; }
	
	.map-sct .img-map { width:110%; max-width:unset; }
	.content-sct { margin-top:-50px; }
	.content-sct #title-phuvn { width:80%; margin:0 auto; }
	
	.h2-sct { margin-bottom:20px; }
	
	.content-sct.dong-thap { margin:60px auto; }
	
	.section-dongthap.sadec { gap:0; margin-top:90px; align-items:start; }
	.section-dongthap.sadec .section-sadec { width:70%; padding-left:5%; text-align:left; }
	.section-dongthap.sadec .content-sct { width:30%; }
	.section-sadec [class^='sd-'] { width:16%; }
	.section-dongthap.sadec .content-sct { text-align:left; margin-top:0; }
	.section-dongthap.sadec .content-sct .h2-sct { margin-bottom:0; }
	
	.button-group button { font-size:.6em; }
 }

 @media (min-width: 1024px) {
     .img-sct, .map-sct {
         text-align: center;
     }

     .img-sct img, .map-sct img {
         width: 100%;
         height: auto;
         margin: 0 auto;
         display: block;
     }
	 
	 .img-sct { width:calc(32% + 100px); }

     .section-dongthap {
         margin: 0 auto;
     }

     .content-sct {
         text-align: center;
     }

     /*Sa Dec*/
     .sadec {
         display: flex;
         flex-direction: row;
         margin: 0 auto;
		 justify-content:space-around;
     }

     .mask-sd {
         width: 100%;
     }

     /*Ve chung toi*/

     .about-us {
		margin: 80px auto 0;
     }

     .container {
         margin: 0 auto;
     }

     .catalogue-container {
         margin: 0 auto;
		 max-width:1300px;
     }

     .form-dk {
         padding-top: 60px;
     }

     .onghut-container {
         flex-direction: row;
         align-items: flex-start;
         justify-content: space-between;
     }
	.nhamay-chungnhan .image-box { width:60%; padding-left: 10%; } 
	.nhamay-chungnhan .content-waper { width:40%; }
 }

 @media(min-width:1200px) {
	 
	 .section-container { padding:30px 20px; }
	 
	 
	 .h2-sct { font-size:3.5em; }
	 #title-phuvn { width:80%; margin:0 auto; max-width:580px; }
	 
	 .map-sct img { max-width:600px; }
	 
	 .ve-chung-toi .about-wrapper { max-width:unset; justify-content:space-between; padding-bottom:50px; }
	 
	.ve-chung-toi { background-size:37% auto, 20% auto; background-position:150px 0px, bottom right; }
	
	 .inf-about, .video-right { flex:unset; }
	 .inf-about { width:40%; }
	 
	 .video-right { width:60%; max-width:900px; }
	 .video-right:before { padding-top:60%; }
	 
	 .inf-about #title-phuvn { margin:0; }
	
	.dongthap-sadec { background:url(../images/bong-lua.png) top right no-repeat; background-size:auto 60%; background-position:110% 30%; }
	.product-aboutus { padding-bottom:30px!important; background:url(../images/bong-lua-r.png) bottom right no-repeat; background-size:32% auto; background-position:132% 75%; }
	
	.ve-chung-toi { position:relative; }
	.ve-chung-toi:after { content:""; display:block; width:50%; height:100%; position:absolute; bottom:0; left:0; background:url(../images/bong-lua.png) bottom right no-repeat; transform:rotate(90deg); background-size: 80% auto; bottom: -25%; left: 30%; z-index:-1; }
	.onghut-container { padding-top:150px; padding-bottom:0; }
	
	.right-logo.min-show { display:none; }
	.right-logo.min-hide { display:block; }
	
	.img-fuma { margin-top:70px;}
	
	.left-columnsct { width:40%; padding:0; }	
	.center-columnsct { width:30%; }
	.right-columnsct { width:30%; padding-top:0; margin-top:0;  }
	
	.center-columnsct .onghut-sx.min-hide { height: 800px; width: 60%; margin-left: 5%; }
	
	.img-cardsct img { width:100%; }
	
	.card-sct { display:flex; flex-direction:row; flex-wrap:wrap; margin-top:50px; }
	.card-sct .body-cardsct { width:50%; }
	.onghut-sx { height:1300px; }
	
	.titlesct, .sct2 { font-size:1.2em; }
	.titlesct { padding-top:70px; }
	
	.sct2 { padding-top:250px; }
	.content-indam { padding-top:220px; }
	
	.note-hagtag { font-size:1.2em; }
	
	.content h1 { font-size:4em; }
	.circle-image { width:80%; margin:0 auto; }
	
	.body-catalogueleft .text-catalogue { max-width:400px; margin:0 auto 20px; }
	.text-cataloguephu { font-size:1.4em; }
	
	.logo-ft { width:30%; text-align:left; }
	.logo-ft .img-ft { height:70px; }
	
	.ftright-bottom { width:100%; text-align:right; margin-top:-100px; }
	.ftright-bottom img { max-width:200px; }
	
	.img-cataloguephu { width:130px; height:130px; }
	
	.title-chinhdk { font-size:2.8em; }
	.form-dk .title-phu { font-size:1.5em!important; font-weight:normal!important; max-width:620px!important; }
	
	.big-image { padding: 200px 40px 150px; background-size: 500px auto; background-position: calc(100% + 200px) -50px; }
	
	.title-bong-lua { font-size:3em; }
	
	.section-tong { gap:0; }
	.img-sct { width:39%}
	.map-sct { width:28%; margin:0; }
	.map-sct .img-map { width:130%; margin-left:25px; }
	
	.section-sadec [class^='sd-'] { width:15.5%; }
	
	#title-phuright { font-size:.7rem; }
 }
 
 @media(min-width:1400px) {
	 
	.section-container { padding:60px 50px; }
	 
	.card-sct .body-cardsct { width:33%; font-size:.7em; padding:0; }
	#quycach { font-size:1.5em; }
	
	.card-sct { margin-top:100px; }
	
	.textsct { margin-top:30px; }
	.card-sct .body-cardsct { font-size:.8em; }
	
	.nav-center { font-size:1.5em; }
	
	.titlesct { padding-top:100px; }
	
	.body-cardsct .img-cardsct { width:100%; position:relative; overflow:hidden; }
	.body-cardsct .img-cardsct:before { padding-top:150%; content:''; display:block; width:100%; height:auto; }
	.body-cardsct .img-cardsct img { position:absolute; top:-25%; left:-25%; width:150%; max-width:unset; height:150%; object-fit:contain; }
	
	.ftright-bottom { margin-top:-150px; }
    .ftright-bottom img { max-width:300px; }

	.content h1 { font-size:6em; }
	.thuc-pham-tu-gao .h3-hightlight { font-size:2em; }
	
	.chon-san-pham { font-size:1.2em; }
	
	.nhamay-chungnhan .title-creative { font-size:3.2em; }
	.nhamay-chungnhan .title-creative span { display:inline-block; }
	.nhamay-chungnhan .title-creative span:before { content:"\00a0"; }
	.nhamay-chungnhan .phu-creative { font-size:2.5em; }
	
	.nhamay-chungnhan .straw-heading { font-size:2em; }
	.nhamay-chungnhan .body-card { margin:30px 0; }
	.nhamay-chungnhan .body-card .content-card { font-size:1em; }
	
	.img-sct { width:37%}
	.map-sct { width:33%; margin:0; }
	.map-sct .img-map { margin-left:35px; }
	.content-sct { width:30%; margin-top:20px;  }
	
	.ve-chung-toi:after  { background-size:60% auto; bottom:-30%; }
	.center-columnsct .onghut-sx.min-hide { height:1300px; }
	
	.ve-chung-toi .about-wrapper, .onghut-container { max-width:1500px; margin:0 auto; }
	
	.onghut-container { padding-top:250px; }
	.sct2 { margin-top:100px; paddig-top:300px; }
	.content-indam { padding-top:420px; }
	
	.big-image { background-size:30% auto; }
 }
 
 @media (min-width:1600px){
	 .thuc-pham-tu-gao.big-image { padding-left:calc(50% - 750px); padding-right:calc(50% - 750px); }
 }
 
 @media (min-width:1800px){
	 
	.section-container { padding:60px 100px; }
	.ve-chung-toi { background-size:35% auto, 20% auto; }
	
	.ve-chung-toi:after { bottom:-25%; left:20%; background-size:50% auto; }
	
 }
 
 @media (min-width:2000px){
	.ve-chung-toi { background-size:30% auto, 20% auto; background-position:380px 0, bottom right; }
	.ve-chung-toi:after { bottom:-20%; left:10%; background-size:50% auto; }
 }