/* Responsive */
@media (max-width: 1001px){
 #hamburger { display: block; } 
 .header { padding: 0.1px 0 0 0; } 
 .logo-header { margin-bottom: 0; text-align: center; padding: 5px 0; width: 100%; } 
 .search-res .icon-search { color: var(--color-white); } 
 }

@media (max-width: 768px){
 .footer-news, .col-start, .col-end { -ms-flex: 0 0 100%; -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -moz-box-flex: 0; flex: 0 0 100%; max-width: 100%; } 
 }

@media (max-width: 550px){
 .grid-product { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0; } 
 .wrap-aboutus::after, .wrap-aboutus::before, .redirect-product, .wrap-criteria::after, .wrap-criteria::before, .wrap-bannerStatic::after { display: none; } 
 .slideshow::after { height: 60px; bottom: -10px; } 
.title-aboutus h2 { font-size: 50px; text-align: center; } 
.button-index { width: 160px; height: 40px; } 
.aboutus-left { width: 100%; } 
.wrap-aboutus { padding: 0px 0 150px 0; } 
.aboutus-right {
    order: -1;
    margin-top: 30px;
}

.wrap-product { background: url(../images/set/webp/product/background-2.webp); padding: 125px 0 30px 0; margin-top: -110px; background-size: cover; } 
.image-product .img { height: 150px; position: relative; z-index: 2; } 
.title-product h2 { margin: auto; } 
.product { padding: 10px 10px 20px 10px; } 
.image-product .img::after { background: url(../images/set/webp/product/shadow.webp) no-repeat center bottom; bottom: 10px; content: ''; width: 100%; height: 45px; background-size: 100% 100%; } 

.criteria-col-start { width: 360px; height: 360px; } 
.logo-criteria { width: 300px; height: 300px; } 
.image-criteria::after { display: none; } 
.criteria-col-end { width: 100%; height: auto; position: relative; margin-left: 0; margin-top: 30px; } 
.items-criteria { position: unset; width: 100%; margin-bottom: 10px; } 
.image-criteria { background: var(--color-main); width: 80px; height: 80px; border-radius: 50%; padding: 0; justify-content: center !important; border: 2px solid #6ec1f9; } 
.info-criteria { background: var(--color-gradient); width: calc(100% - 85px); height: auto; padding: 10px 20px; color: #fff; align-content: center; border-radius: 50px; } 

.wrap-bannerStatic::before { bottom: 0; height: 20px; } 

.section-partner { width: 100%; border-left: 2px solid #67CCFF; border-radius: 15px; } 
.title-partner { width: 100%; background: var(--color-gradient); min-height: auto; padding: 15px 20px; height: unset; align-content: center; border-radius: 15px; margin-bottom: 30px; } 
.title-partner h2 { text-align: center; } 
.wrap-partner { padding: 30px 0 150px 0; background: url(../images/set/webp/partner/background.webp) center bottom no-repeat; } 
.title-main h1, .title-main h2, .title-main span { margin-bottom: 10px; font-family: var(--font-custom); color: var(--color-main); font-size: clamp(25px, 3.5vw, 45px); line-height: normal; text-transform: uppercase; text-shadow: 0px 0 0 var(--color-main), -1px 0 0 var(--color-main), 0 1px 0 var(--color-main), 0 -1px 0 var(--color-main), 1px 1px var(--color-main), -1px -1px 0 var(--color-main), 1px -1px 0 var(--color-main), -1px 1px 0 var(--color-main); stroke-width: 1px; -webkit-text-stroke: 1px var(--color-white); } 
.title-detail h1, .title-detail h2, .title-detail span { margin-bottom: 10px; font-family: var(--font-custom); color: var(--color-main); font-size: clamp(25px, 3.5vw, 45px); line-height: normal; text-transform: uppercase; text-shadow: 0px 0 0 var(--color-main), -1px 0 0 var(--color-main), 0 1px 0 var(--color-main), 0 -1px 0 var(--color-main), 1px 1px var(--color-main), -1px -1px 0 var(--color-main), 1px -1px 0 var(--color-main), -1px 1px 0 var(--color-main); stroke-width: 1px; -webkit-text-stroke: 1px var(--color-white); } 
.video-main { position: relative; height: 270px; } 
.bg-footer { background: #8eddfc69; background-size: cover; padding-top: 50px; } 

.section-contact-footer { grid-template-columns: repeat(1, 1fr); padding: 10px 20px; border: 4px solid #67CCFF; } 
.section-maps { width: 100%; margin-bottom: 20px; } 
.iframe-maps { height: 250px; } 

.items-news { flex-wrap: wrap; } 
.image-news { width: 100%; margin-bottom: 10px; } 
.info-news { width: 100%; margin-left: 0; padding: 0; box-shadow:unset; } 
.items-news::after { display: none; } 
 .items-news { flex-wrap: wrap; box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.056); background: #fff; padding: 10px; border-radius: 10px; } 
 .title-maps i{display: none;}
 }

@media (max-width: 440px){
 .maps-iframe { position: relative; height: 200px; } 
 }

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

/* MEDIA NO CHANGE */
@media (max-width: 991px){
 .img-auto img { width: auto !important; height: auto !important; } 
 .scrollToTop { right: 15px; } 
 .btn-buy { font-size: 14px; } 
 .btn-product { font-size: 13px; } 
 .menu-res { display: block !important; } 
 .scroll-auto { justify-content: start !important; overflow-x: auto !important; padding-bottom: 10px; } 
 .scroll-auto span { min-width: max-content; } 
 .scroll-auto::-webkit-scrollbar { height: 3px; } 
 .scrollToTop { bottom: 80px; right: 10px; } 
 footer { margin-bottom: 50px; } 
 }