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

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

  :root {
    --font-size-24: 24px; /* => */
    --font-size-20:20px; /* => */
    --font-size: 18px; /* => */
    --font-size-16: 16px; /* => */
    --font-size-15: 15px; /* => */
    --font-size-13: 13px; /* => */

    --h1: clamp(2.75rem, 2.0723rem + 3.012vw, 4rem); /* 44px => 64px*/
    --h2: clamp(1.875rem, 1.5361rem + 1.506vw, 2.5rem); /* 30px => 40px */
    --h2-2: clamp(1.75rem, 1.6145rem + 0.6024vw, 2rem); /* 28px => 32px */
    --h3: clamp(1.375rem, 1.2395rem + 0.6024vw, 1.625rem); /* 22px => 26px */
    --h4: 22px; /* => */
    --h5: 24px; /* => */
    --h6: 18px; /* => */

    --btitle-hero: 20px; /* => */
    --atitle: 20px; /* => */

    --header:16px; /* => */
    --btn:16px; /* => */
    --btitle:16px; /* => */
  }

} 

/* #endregion */

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

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

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

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

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

}

@media only screen and (max-width : 767px) { 
    .colaccordion-01 .ihead .ititle {
      font-size: var(--h6);
      line-height: 1.2;
    }  
}

@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 .main-menu .navbar-nav, .footer-0 #navbar-home .main-menu .navbar-nav {gap: 10px; flex-wrap: wrap;}

  .footer-0 .wrap {padding-top: 30px; padding-bottom: 30px;}
  .footer-0 .line-top {margin-top: 30px;margin-bottom: 30px;}

  .footer-0 .line-bottom {margin-top: 30px;}

  .footer-0 .footer-logo {display: block; margin: 0 auto 30px;}
  .footer-0 .footer-logo > .footer-logo {margin: 0;}
  
}

@media only screen and (max-width : 800px) { 
  .footer-0 .main-menu .navbar-nav, .footer-0 #navbar-home .main-menu .navbar-nav {justify-content: center;}
}

@media only screen and (max-width : 767px) { 
  .newsletter-cta .row {row-gap: 0;}
  .newsletter-cta .dinfo {text-align: center;}
  .newsletter-cta h2.mtitle {
    margin-bottom: 15px;
  }
  .newsletter-cta .gform {max-width: 100%;margin: 0; width: 100%;}
  .newsletter-cta .gform-theme--foundation .gform_fields {grid-template-columns: repeat(12, 1fr);}
  .newsletter-cta .gform #gform_1 {display: block;}
  .newsletter-cta .gform-theme--foundation .gform_footer {margin-top: 30px; justify-content: center;}
  .newsletter-cta .gform .gform_body .gform_fields {row-gap: 10px;}

  .footer-0 .dmid-contact {flex-direction: column; align-items: center; row-gap: 0px;}

  .footer-0 .contact-soc-container {flex-direction: column; row-gap: 30px; justify-content: center;}
  .footer-0 .contact-list {column-gap: 30px;}
  
  .footer-0 .copyright .foot{ justify-content: center; column-gap: 30px;}
}

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

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

/* #region - -------------------------- .HERO SLIDER */

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

}  

@media only screen and (max-width : 1024px) { 
.heroslider-01 .dinfo {padding: 60px 0;}
}

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

}

@media only screen and (max-width : 767px) { 
  .element.heroopt-01 h1 {
    font-size: var(--h2);
  }
}

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

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

/* #endregion */

/* #region - -------------------------- .CTA 02, cta-qslider-01, CTA 01 */

@media only screen and (max-width : 1200px) { 
.cta-01.semi-width-right .overlay.main, .cta-01.semi-width-left .overlay.main {max-width: calc(100% - 15px);}
}  

@media only screen and (max-width : 1024px) {
  .cta-02 .dinfo {margin-left: 15px;} 
  .cta-01.semi-width-right .dinfo {margin-left: 30px;}
}

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

}

@media only screen and (max-width : 767px) { 
  .cta-01.element .overlay {  border-radius: 0px 50px 10px 0px;}

  .cta-01.element .color1 {max-width: 100%; background: linear-gradient(90deg,#174449 10%,rgba(23,68,73,0) 100%);}
  .cta-01.element .bg-img {background-position: 65% center;}
  .cta-01.element .color2 {display: block; background: rgba(23, 68, 73, .2); max-width: 100%; }

  .cta-02 .color1 {max-width: 100%; background: linear-gradient(90deg,#174449 10%,rgba(23,68,73,0) 100%);}
  .cta-02 .bg-img {background-position: 70% center;}
  .cta-02 .color2 {display: block; background: rgba(23, 68, 73, .2); max-width: 100%; }

  .cta-qslider-01 .color1 {max-width: 100%; background: linear-gradient(90deg,#174449 10%,rgba(23,68,73,0) 100%);}
  .cta-qslider-01 .bg-img {background-position: 70% center;}
  .cta-qslider-01 .color2 {display: block; background: rgba(23, 68, 73, .2); max-width: 100%; }

  .cta-01.semi-width-left.custom-ol .overlay.color1 {max-width: 100%; background: linear-gradient(90deg, rgba(23, 68, 73, 0.5) 0%, rgba(23, 68, 73, 0.5) 100%);}
  .cta-01.semi-width-left.custom-ol .overlay.color2,
  .cta-01.semi-width-left.custom-ol .overlay.color3 {opacity: .1;} 
  .cta-01.semi-width-left.custom-ol .overlay.color4 {opacity: .8;}
  .cta-01.semi-width-left.custom-ol .bg-img {background-position: 85% center;}
  .cta-01.semi-width-left .dinfo {padding-right: 15px;}
}

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

@media only screen and (max-width : 480px) { 
  .cta-01 .bg-img {background-position: 80% center;}
  
}

/* #endregion */

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

@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) { 
  .cards-01 .row {justify-content: center;}
  .cards-01 .col-md-4 {max-width: 50%; flex: 0 0 50%;}
}

@media only screen and (max-width : 600px) { 
  .cards-01 .col-md-4 {max-width: 100%; flex: 0 0 100%;}
  .cards-01 .dinfo, .cards-01 .abtn-loop {max-width: 370px; margin: 0 auto;}
}

@media only screen and (max-width : 480px) { 
  .cards-01 .dinfo, .cards-01 .abtn-loop {max-width: 100%;}
}

/* #endregion */

/* #region - -------------------------- .ICONS SLIDER 01, ICONS 01 */

@media only screen and (max-width : 1200px) { 
  .iconslider-01 .owlbtn {top: 50%;}
  .iconslider-01 .owlbtn.owlprev {left: 15px; transform: translateY(-50%) translateX(0);}
  .iconslider-01 .owlbtn.owlnext {right: 15px; transform: translateY(-50%) translateX(0);}
}  

@media only screen and (max-width : 1024px) { 
  /* .iconslider-01 .div-link {padding: 30px 15px;} */
}

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

}

@media only screen and (max-width : 767px) { 
  .iconslider-01 .slide-bg > .owlbtn {display: none;}
  .iconslider-01 .nav-btns-mobile {display: flex; justify-content: center; margin-top: 15px; gap: 10px;}
  .iconslider-01 .owlbtn {position: relative;}
  .iconslider-01 .owlbtn.owlprev {left: 0; transform: translateY(0) translateX(0);}
  .iconslider-01 .owlbtn.owlnext {right: 0; transform: translateY(0) translateX(0);}

  .icon-01 .dinfo {display: flex; flex-direction: column; align-items: center;}
  .icon-01 .dinfo .ititle {text-align: center;} 
  
}

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

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

/* #endregion */

/* #region - -------------------------- .ROW MEDIA */

@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) { 
  .rowmedia-01 img {max-width: 500px; margin: 0 auto; display: block;}
  .rowmedia-01 [data-rtl="0"] .dinfo, .rowmedia-01 [data-rtl="1"] .dinfo {margin: 0 auto; max-width: 100%;}
}

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

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

/* #endregion */

/* #region - -------------------------- .TEAM AJAX CPT */

@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) { 
  .ajaxc-01[data-axgrid] .cpt-row {row-gap: 30px;}
}

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

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

/* #endregion */

/* #region - -------------------------- .TITLE ROW 02 */

@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) { 
  section.titler-02.element .dinfo .dtext {max-width: 100%;}
}

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

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

/* #endregion */

/* #region - -------------------------- .JS COUNT 01 */

@media only screen and (max-width : 1200px) { 
  .count-01.element .sep {margin: 0 60px;}
}  

@media only screen and (max-width : 1024px) { 
  .count-01.element .sep {margin: 0 30px;}
  .count-01 .atext {margin-top: 10px;margin-bottom: 10px;}
  .count-01 .atext p {margin-bottom: 0;}
}

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

}

@media only screen and (max-width : 767px) { 
  .count-01 .flexic {row-gap: 30px;}
  .count-01 .sep {display: none;}
  .count-01 [data-ctr="3"] .flex-item {flex: 0 0 100%; max-width: 100%; border: 1px solid rgba(217, 217, 217, 0.60); padding: 20px; border-radius: 30px 15px;}
}

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

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

/* #endregion */

/* #region - -------------------------- .ICON ROW  */

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

}  

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

@media only screen and (max-width : 900px) { 
  .iconrow-01.element [data-ctr="2"] .container-xl > .flexic {row-gap: 30px;} 
  .iconrow-01.element [data-ctr="2"] .container-xl > .flexic > .flex-item {max-width: 100%; flex: 0 0 100%;}
  .iconrow-01 .tinfo {max-width: 100%; text-align: center;}
  .iconrow-01 .icons-list {margin-right: auto;}
}

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

@media only screen and (max-width : 600px) { 
  .iconrow-01 .icons-list {row-gap: 30px;}
  .iconrow-01 .icons-list .flex-item {max-width: 100%; flex: 0 0 100%;}
  .iconrow-01 .line-vertical, .iconrow-01 .line-horizontal {display: none;}
  .iconrow-01.element .icons-list .flex-item .dinfo {margin: 0 auto;}
}

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

/* #endregion */

/* #region - -------------------------- .COLUMN ACCORDION */

@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) { 
  .colaccordion-01 .ihead {padding: 15px;}
  .colaccordion-01 .ibox .pad {padding: 20px 20px 20px 30px;}
  .colaccordion-01 .btn-loop #load-more {margin-top: 30px;}
}

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

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

/* #endregion */

/* #region - -------------------------- .CONTACT PAGE */

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

}  

@media only screen and (max-width : 1024px) { 
  .contact-page  header.menu-overlay {
    position: absolute;
  }  

  section.frcontact-01 .wrap {padding-top: 200px;padding-bottom: 150px;}
}

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

}

@media only screen and (max-width : 767px) { 
  section.frcontact-01 .wrap {padding-top: 130px;padding-bottom: 150px;}
  .frcontact-01 .row {flex-direction: column-reverse;}
  .frcontact-01 .mtitle {margin-bottom: 30px;text-align: center;}
  .frcontact-01 .company-contact {display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 30px;}
  .frcontact-01 .contact-phone, .frcontact-01 .contact-email {margin-bottom: 0; text-align:center;}
  .frcontact-01 .soc-med {margin-top: 30px;}
  .frcontact-01 .soc-med .social-icons{justify-content: center;}
  .frcontact-01 .ititle {margin-bottom: 5px;}

  .frcontact-01 .form-container {padding: 20px;}

}

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

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

/* #endregion */

/* #region - -------------------------- .TEAM PAGE */

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

}  

@media only screen and (max-width : 1024px) { 
  .team-member-hero .wrap {padding-bottom: 30px;min-height: 200px;}
}

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

}

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

  .team-member-bio .team-img {margin: 0 auto; margin-bottom: 0px; max-width: 400px;}
  .team-member-bio .team-info .team-position {margin-bottom: 30px;}
  .team-member-bio .team-contact-info {margin-bottom: 30px;}
  .team-member-bio .team-info .team-bio {margin-bottom: 30px;}
  .team-cta .dinfo {max-width: 100%;}
  .team-cta .dinfo br {display: none;}
}

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

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

/* #endregion */

/* #region - -------------------------- .HERO SLIDER */

@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 */

/* #region - -------------------------- .HERO SLIDER */

@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 */