/* #region -------------------------- ROOT */

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

  :root {
    --font-size: 18px;

    --h1: clamp(2.5rem, 1.3971rem + 3.6765vw, 3.75rem);
    --h2: clamp(2.25rem, 1.5882rem + 2.2059vw, 3rem);
    --h3: 24px;
    --h4: 32px;
    --h5: 24px;
    --p22: 22px;
    --h6: 18px;
    --menu-link: 15px;
    --footer: 14px;
    --btn: 13px;
  }

} 

@media only screen and (max-width : 1024px) {
    :root {
    --font-size: 17px;
  }
}

/* #endregion */

/* #region - -------------------------- GENERAL */

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

    section.element .wrap { padding: 30px 0; }
    section.element .nwrap { padding: 0; }

    .element.no-br br { display: none; }

    header .menu_wrap {  }
    header .menu-oc-right.opener {  }
    header .navbar-brand {max-width: 400px;}
  
}  

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

}

@media only screen and (max-width : 767px) { 
  .navbar {flex-wrap: nowrap; column-gap: 30px;}
  
}

@media only screen and (max-width : 600px) { 
  
}

@media only screen and (max-width : 480px) { 
  
}
  
/* #endregion */

/* #region - -------------------------- FOOTER */

@media only screen and (max-width : 1024px) { 
  .footer-0 .dmid .loc-info {row-gap: 30px ; flex-wrap: wrap;}
  .footer-0 .dmid .loc-item {max-width: 100%; flex: 0 0 100%;}

  .footer-0 .dmid .flexic .flex-item {flex: 0 0 33.333%; max-width: 33.333%;}
}

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

}

@media only screen and (max-width : 767px) { 
  .footer-0 .wrap {padding-top: 30px;padding-bottom: 30px;}
  .footer-0 .dtop {margin-bottom: 30px;}
  .footer-0 .copyright {padding-top: 30px;}
  .footer-0 .dmid .flexic {flex-wrap: wrap; padding-bottom: 30px;}
  .footer-0 .dmid .flexic .flex-item {flex: 0 0 100%; max-width: 100%; border-right: none !important; padding: 30px 0 0;}
  .footer-0 .dmid .loc-item {flex: 0 0 50%; max-width: 50%;}
  .footer-0 .dmid .loc-info {column-gap: 0;}
  .footer-0 .dmid h3 {min-height: 10px;}  
}

@media only screen and (max-width : 600px) { 
  
}

@media only screen and (max-width : 480px) { 
  .footer-0 .dmid .loc-item {max-width: 100%; flex: 0 0 100%;}
} 
  
/* #endregion */

/* #region - -------------------------- HERO OPT 01 */

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

}  

@media only screen and (max-width : 1024px) { 
  .heroopt-01 .wrap {padding-bottom: 0 !important; min-height: 600px;}
  .heroopt-01 .mobile-res {display: block;}
  .heroopt-01 .desktop-res {display: none;}
  .heroopt-01 .div-link {max-width: 100%;}

  
}

@media only screen and (max-width : 800px) { 
  
}

@media only screen and (max-width : 767px) { 
  .heroopt-01 .div-link .dlogo {padding: 0 15px;}
  .heroopt-01 .div-link .dlogo, .heroopt-01 .div-link .dlogo img {max-height: 50px;}
}

@media only screen and (max-width : 600px) { 
  
}

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

}

/* #endregion */

/* #region - -------------------------- .element */

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

}  

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

}

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

}

@media only screen and (max-width : 767px) { 
  .rowgallery-01 .grid-gallery .item {min-height: 150px; }

  .rowgallery-01 .grid-gallery .item:first-child {min-height: 300px;}

  .rowgallery-01 .grid-gallery .item:last-child  {min-height: 300px;}
}

@media only screen and (max-width : 600px) { 
  
}

@media only screen and (max-width : 480px) { 
  .rowgallery-01 .grid-gallery .item {min-height: 100px; }

  .rowgallery-01 .grid-gallery .item:first-child {min-height: 200px;}

  .rowgallery-01 .grid-gallery .item:last-child  {min-height: 200px;}
}

/* #endregion */

/* #region - -------------------------- .SEPARATOR 01 */

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

}  

@media only screen and (max-width : 1024px) { 
  section.sep-01.separator .wrap {padding: 0;}
}

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

}

@media only screen and (max-width : 767px) { 
  
}

@media only screen and (max-width : 600px) { 
  
}

@media only screen and (max-width : 480px) { 
  
}

/* #endregion */

/* #region - -------------------------- .CARDS FLEX 01 */

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

}  

@media only screen and (max-width : 1024px) { 
  .cardsflex-01 .address-col .dtext p br {display: block;}
}

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

}

@media only screen and (max-width : 767px) { 
  section.cardsflex-01 .wrap {padding-top: 0; padding-bottom: 0;}
  .cardsflex-01 .logo-col img.logo {width: 100%; max-width: 300px; margin: 0 auto; display: block; margin-bottom: 30px;}
  .cardsflex-01 .abtn-loop {text-align: center;}
  .cardsflex-01 .office-info {max-width: 100%; margin-left: 0;}
  .cardsflex-01 [data-ctr="3"] .flex-item {padding-top: 30px;padding-bottom: 30px;}
}

@media only screen and (max-width : 600px) { 
  
}

@media only screen and (max-width : 480px) { 
  
}

/* #endregion */

/* #region - -------------------------- .ICON 01 */

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

}  

@media only screen and (max-width : 1024px) { 
  .icon-01 .row {margin-left: -15px; margin-right: -15px;}
  .icon-01 .col-md-4 {padding-left: 15px;padding-right: 15px;}
}

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

}

@media only screen and (max-width : 767px) { 
  .icon-01 .dinfo {display: flex; gap: 30px;}
  .icon-01 .diconn {flex: 0 0 auto;}
}

@media only screen and (max-width : 600px) { 
  
}

@media only screen and (max-width : 480px) { 
  
}

/* #endregion */

/* #region - -------------------------- .element */

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

}  

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

}

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

}

@media only screen and (max-width : 767px) { 
  
}

@media only screen and (max-width : 600px) { 
  
}

@media only screen and (max-width : 480px) { 
  
}

/* #endregion */