






/* 1680 */
@media (max-width: 1750px) {




:root {

  --container-max: 98%;
  
  --text-size: 18px;
  --text-size2: 20px;
  --text-size3: 17px;
  --text-menu: 20px;
  --text-submenu: 17px;
  --text-footer: 17px;
  --text-footer2: 16px;
  --title-floating: 16px;
   --title-inter: 25px;
  

}



.dropdown-menu {
  min-width: 310px;
}





}










/* 1440*/
@media (max-width: 1550px) {




:root {


   
  --text-size: 16px;
  --text-size2: 18px;
  --text-size3: 15px;
  --text-size-small: 15px;
  --text-footer: 15px;
  --text-footer2: 14px;
  --text-menu: 18px;
  --text-submenu: 16px;
  --title-header-size: 15px;
  --title-size: 18px;
  --title-primary: 25px;
  --title-secundary: 19px;
  --title-floating: 14px;
  --slide-text-size: 25px;
  --title-inter: 23px;
  
  
  --radius-sm: 5px;
  --radius-md: 9px;
  --radius-lg: 13px;
  --radius-xl: 17px;
  

}



.dropdown-menu {
  min-width: 300px;
}




.main-grid {
  gap: 40px;
}

.products-column {
  gap: 40px;
}


.secondary-products-grid {
  gap: 40px;
}








 }
 
 
 
 
 /* 1366 */
@media (max-width: 1400px) {





:root {


   
  --text-size: 15px;
  --text-size2: 16px;
  --text-size3: 14px;
  --text-size-small: 14px;
  --text-footer: 14px;
  --text-footer2: 13px;
  --text-menu: 16px;
  --text-submenu: 14px;
  --title-header-size: 14px;
  --title-size: 16px;
  --title-primary: 23px;
  --title-secundary: 17px;
  --title-floating: 13px;
  --slide-text-size: 24px;
  --title-inter: 20px;
  
  
  --radius-sm: 5px;
  --radius-md: 9px;
  --radius-lg: 13px;
  --radius-xl: 17px;
  

}


/*
.hero-slider-section {
  padding-bottom: 75px;
}
*/

.hero-slider-container {
  height: 430px;
}



.dropdown-menu {
  min-width: 270px;
}




.main-grid {
  gap: 40px;
}

.products-column {
  gap: 40px;
}


.secondary-products-grid {
  gap: 40px;
}



}






 /* 1280 */
@media (max-width: 1300px) {



:root {


   
  --text-size: 15px;
  --text-size2: 16px;
  --text-size3: 14px;
  --text-size-small: 14px;
  --text-footer: 14px;
  --text-footer2: 13px;
  --text-menu: 15px;
  --text-submenu: 14px;
  --title-header-size: 12px;
  --title-size: 15px;
  --title-primary: 22px;
  --title-secundary: 16px;
  --title-floating: 12px;
  --slide-text-size: 22px;
  --title-inter: 20px;
  
  
  --radius-sm: 3px;
  --radius-md: 5px;
  --radius-lg: 7px;
  --radius-xl: 10px;
  

}



}




 /* 1024 */
@media (max-width: 1100px) {



:root {

  --title-floating: 14px;
  
  --slide-text-size: 22px;
  

}



.brand-title {
display:none;
}




.hero-slide-badge {

  top: 25%;

}



}













/* Tablets */
@media (min-width: 768px) and (max-width: 950px) {



:root {


   
  --text-size: 15px;
  --text-size2: 16px;
  --text-size3: 14px;
  --text-size-small: 14px;
  --text-footer: 14px;
  --text-footer2: 13px;
  --text-menu: 14px;
  --text-submenu: 12px;
  --title-header-size: 12px;
  --title-size: 15px;
  --title-primary: 22px;
  --title-secundary: 16px;
  --title-floating: 12px;
  --slide-text-size: 22px;
  --title-inter: 20px;
  
  
  --radius-sm: 3px;
  --radius-md: 5px;
  --radius-lg: 7px;
  --radius-xl: 10px;
  

}

.site-header {

  height:70px;

}

.brand-logo-img {
  max-height: 40px;
}


  .floating-features-grid {
    grid-template-columns: repeat(3, 1fr);
  }


.site-nav {

right:60px;
width:540px;

}


.floating-feature-card {
 height:40px;
 padding-top:10px;
}


.dropdown-menu {
  min-width: 240px;
}


.hero-slider-container {
  height: 330px;
}



 }






