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

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

  :root {
      --h1: clamp(2.8125rem, 2.1348rem + 3.012vw, 4.0625rem);
      --h2: clamp(1.625rem, 1.1506rem + 2.1084vw, 2.5rem);
      --h3: clamp(1.5rem, 0.8728rem + 2.0906vw, 1.875rem);
  }

} 

/* #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 {  }

    section.heropage-01 .wrap {padding-bottom: 130px;}
  
    .heropage-01.mh600 .wrap {min-height: 400px;}
    .heropage-01.mh500 .wrap {min-height: 400px;}
    .heropage-01.mh400 .wrap {min-height: 400px;}

    section.titler-02.collaborative  .wrap{
      padding-bottom: 85px;
      min-height: 550px;
    }

    section.frcontact-01 .wrap {padding-top: 130px;padding-bottom: 190px; min-height: unset; height: 100%;}
    
    .media-text-01.shift-up {
      margin-top: -150px;
    }
}  

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

  section.heroopt-01 .wrap {height: 100vh; padding-bottom: 100px;}
}

@media only screen and (max-width : 800px) { 
  .gf-01 .cform-wrapper {padding: 30px;}
  
}

@media only screen and (max-width : 767px) { 
  [data-colwidth="9"] .hero-opt {max-width: 100%;}
  .text-right {text-align: left;}
  .top-id {position: relative; top: 0px;}

  #popForm1.fancybox__content.dcol[data-colwidth="6"] {max-width: 100%; padding: 60px 15px;}

  .rowmedia-01.mw-500 img {margin-right: auto;}
  .rowmedia-02 [data-rtl="0"] img {margin-left: auto;}

  [data-ctr="4"] .flex-item, .flexic [data-ctr="4"] .item {flex: 0 0 50%; max-width: 50%;}
  .iconflex-01 .flexic {row-gap: 30px;}
  .iconflex-01 .ptext {max-width: 100%;}

  section.titler-02.collaborative  .wrap{
    padding-bottom: 60px;
    min-height: 400px;
  }

  .rowmedia-01.dinfo-500 .dinfo,.rowmedia-02.dinfo-500 [data-rtl="0"] .dinfo, .rowaccordion-01 .acc-content, .rowaccordion-02 .acc-content, .rowaccordion-02 .dinfo, .rowaccordion-02 .ibox .pad {max-width: 100%;}

  section.frcontact-01 .row {flex-direction: column-reverse;}

  .frcontact-01 .footer-0 .foot {flex-direction: column; row-gap: 30px;}

  .gf-01 .gform_wrapper form .gfield--type-checkbox label.gform-field-label {text-wrap: wrap;}
  .gf-01 .gform_wrapper form .gfield--type-checkbox label.gform-field-label br {display: none;}

  .cta-02 .iwrap {padding: 48px 15px;}

  .media-text-01 .d-popmedia {margin-bottom: 30px;}

  .textaccordion-01 .ptext {max-width: 100%;}
}

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

@media only screen and (max-width : 480px) { 
  [data-ctr="4"] .flex-item, .flexic [data-ctr="4"] .item {flex: 0 0 100%; max-width: 100%;}

}
  
/* #endregion */

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

@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 - -------------------------- .cardsflex-01 */

@media only screen and (max-width : 1200px) { 
  .cardsflex-01 .pad {
    position: relative;
    z-index: 1;
    max-width: 225px;
    margin-left: 141px;
    padding-top: 0px;
    padding-bottom: 0px;
    min-height: 200px;
  }

  .cardsflex-01 .dinfo {padding: 40px 0;}
}  

@media only screen and (max-width : 1024px) { 
  .cardsflex-01 [data-ctr="3"] .flex-item {max-width: 50%; flex: 0 0 50%;}
  .cardsflex-01 .dinfo {padding:30px 0;}
  .cardsflex-01 .flexic {justify-content: center;}
  .cardsflex-01 .dimage {height: 100%;}
  .cardsflex-01 .pad  {max-width: 100%;}
  .cardsflex-01 .number-large {top: 60%;}
}

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

}

@media only screen and (max-width : 767px) { 
  .cardsflex-01 [data-ctr="3"] .flex-item {max-width: 100%; flex: 0 0 100%;}
}

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

@media only screen and (max-width : 480px) { 
  :root {
    --number-lg: clamp(8.75rem, -8.125rem + 75vw, 14.375rem);
  }
  .cardsflex-01 .dimage {left: -50px;}
  .cardsflex-01 .dinfo {padding:0;}
  .cardsflex-01 .pad {margin-left: 35%;}
  .cardsflex-01 .dimage {left: -85px;}
}

/* #endregion */

/* #region - -------------------------- .team-01 */
@media only screen and (max-width : 1200px) { 
  .team-01 .container-progress {max-width: 500px;}

}


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

@media only screen and (max-width : 850px) { 
  .team-01 .container-progress {max-width: 400px;}
}

@media only screen and (max-width : 767px) { 
  .team-01 .slider-container {position: relative; left: 0; padding: 0 15px; margin-top: 30px;}
  .team-01 .container-progress {max-width: 100%;}
  .team-01 .container-progress .row {flex-wrap: nowrap;}
  .team-01 .container-progress .row .col-md-9 {max-width: 75%;} 
  .team-01 .container-progress .row .col-md-3 {max-width: 25%;} 
  .bio-fc.fancybox__content .d-right {padding: 60px 15px 15px; width: 100%; max-width: 100%;}
  .bio-fc.fancybox__content .d-flex {flex-direction: column;}
  .bio-fc.fancybox__content .d-left .bg-img {border-radius: 10px;}

  .bio-fc.fancybox__content .d-left {
    max-width: 500px;
    width: 300px;
    height: auto;
    max-height: 685px;
    aspect-ratio: 300/340;
    margin: 50px auto -40px;
    border-radius: 10px;
    overflow: auto;
  }

  .bio-fc.fancybox__content {overflow: scroll;}
}

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

@media only screen and (max-width : 480px) { 
  .team-01 .container-progress .row {flex-wrap:wrap; row-gap: 10px  ;}
  .team-01 .container-progress .row .col-md-9 {max-width: 100%;} 
  .team-01 .container-progress .row .col-md-3 {max-width: 100%;} 
  .team-01 .container-progress .nav-btn {justify-content: center;}
} 
  
/* #endregion */

/* #region - -------------------------- .colposter-01 */

@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) { 
  .colposter-01.ol1 .wrap{ background: #00213a; padding-top: 0px;}
  .colposter-01.ol1 .overlay.c {display: none;}
  .colposter-01.ol1 .mobile {display: block;}
  .colposter-01.ol1 .desktop {display: none;}

  .colposter-01.ol2 .overlay.c {width: 100%;}
  .colposter-01.ol2 [data-colwidth="8"] .hero-opt {max-width: 100%;}
}

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

/* #region - -------------------------- .cardscc-01 */

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

  
}

@media only screen and (max-width : 900px) { 
  .cardscc-01 [data-ctr="3"] .flex-item {max-width: 50%; flex: 0 0 50%;}
  .cardscc-01 .overlay.arrows1 {
    left: 50%;
    top: 24%;
    transform: translate(-50%, 0%);
  }

  .cardscc-01 .overlay.arrows2 {
    left: 50%;
    top: 58%;
    transform: translate(-50%, 0%);
  }
}

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

@media only screen and (max-width : 650px) { 
  .cardscc-01 [data-ctr="3"] .flex-item {max-width: 100%; flex: 0 0 100%;}
  .cardscc-01 .overlay.arrows {display: none;}
}

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

/* #region - -------------------------- .cardfsflexslider-01 */

@media only screen and (max-width : 1200px) { 
  .cardsflexslider-02 .slick-slide, .cardsflexslider-02 .container-progress {
    max-width: 500px;
  }
}

@media only screen and (max-width : 1024px) { 
  .cardsflexslider-02 .slick-slide, .cardsflexslider-02 .container-progress {
    max-width: 450px;
  }
  
}

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

}

@media only screen and (max-width : 767px) { 
  .cardsflexslider-02 .slider-container {position: relative; left: 0; top: 0; transform: none; margin-top: 30px; padding: 0 10px;}
  .cardsflexslider-02 .item.cards .pad {min-height: 450px;}
  .cardsflexslider-02 .container-progress {max-width: 100%; padding: 0 15px;}
}

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

@media only screen and (max-width : 480px) { 
  .cardsflexslider-02 .slick-slide {max-width: 300px;}
  .cardsflexslider-02 .item.cards .pad {min-height: 340px; padding: 15px;}
  .cardsflexslider-02 .item.cards .overlay.color {background: linear-gradient(0deg, #1E1E1E -17.27%, rgba(30, 30, 30, 0.00) 200%)}
} 
  
/* #endregion */

/* #region - -------------------------- .rowgallery-01 */

@media only screen and (max-width : 1024px) {     
  .rowgallery-01 .grid-gallery .item {margin-left: 35px;}
  .rowgallery-01 .grid-gallery .item:nth-child(2) {margin-left: -30px;}

  
}

@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) { 
  .rowgallery-01 .grid-gallery .item {margin-left: 0%;}
  .rowgallery-01 .grid-gallery .item:nth-child(2) {margin-left: -30px;}
  .rowgallery-01 .grid-gallery .item {width: 120%;}
} 
  
/* #endregion */

/* #region - -------------------------- .icon-01 */

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

  
}

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

}

@media only screen and (max-width : 767px) { 
  .icon-01 .dinfo {min-height: 100px; padding: 30px 15px 15px;}
}

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

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

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

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

  
}

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

}

@media only screen and (max-width : 767px) { 
  .footer-0 .wrap {padding: 15px 0;}
  .footer-0 .dcompany {max-width: 100%; border-right: none; display: flex; flex-direction: column; align-items: center; text-align: center;}
  .footer-0 .dcompany .navbar-brand {height: 100px;}
  .footer-0 .dtop {margin-bottom: 30px;}
  .footer-0 .dtop .row {row-gap: 0;}
  .footer-0 .menu-contact {row-gap: 30px;}
  .footer-0 .navbar-nav, .footer-0 .bottom-contact {flex-wrap: wrap; row-gap: 10px; justify-content: center; gap: 15px;}
}

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

@media only screen and (max-width : 480px) { 
  .footer-0 .f-left span.sep {margin: 0 5px;}
  .footer-0 .f-left {flex-wrap: wrap;}
} 
  
/* #endregion */


/* #region - -------------------------- HEADER */

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

  
}

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

}

@media only screen and (max-width : 767px) { 
  .navbar-brand {width: 150px;}
}

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

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

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

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

@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 - -------------------------- POP UP FIX 4/1/25 */

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

  
}

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

}

@media only screen and (max-width : 767px) { 
  .team-02 .col-md-4:nth-child(1){flex: 0 0 100% ;max-width: 100%;}
  .team-02 .col-md-4:nth-child(2) {flex: 0 0 100%;max-width: 100%;}
  .team-02 .col-md-4 .dimage, .team-02 .col-md-4 .dinfo {margin-left: unset; margin: 0 auto;}
  .team-02 .col-md-4 .dimage {margin-bottom: 10px;}

  .bio-fc.fancybox__content {max-width: 100%; width: 100%;}
  .bio-fc.fancybox__content .d-right {padding: 0; max-height: unset ; overflow-y: visible;  height: 100%;} 
  .bio-fc.fancybox__content .d-right .pos-wrap {padding: 60px 15px 0px;}
}

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

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