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

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

  :root {
    --font-size: 18px; /*px -> px*/

    --btitle: 16px;
    --h1: clamp(2.5rem, 1.3971rem + 3.6765vw, 3.75rem); /* 40px -> 60px*/
    --post-date: 50px; /*px -> px*/
    --h2: clamp(2rem, 1.4485rem + 1.8382vw, 2.625rem); /*px -> px*/
    --ffcta:44px; /*px -> px*/
    --h3: 30px; /*px -> px*/
    --h4: 32px; /*px -> px*/
    --h5: 24px; /*px -> px*/ 
    --post-title: 20px; /*px -> px*/
    --post-title-30: clamp(1.5rem, 1.1691rem + 1.1029vw, 1.875rem); /*px -> px*/
    --h6: 18px; /*px -> px*/
    --menu-link: 16px; /*px -> px*/
    --form-label:15px; /*px -> px*/
    --member-position: 16px; /*px -> px*/
    --footer-link: 13px; /*px -> px*/
    --tax-term: 13px; /*px -> px*/
    --footer-contact: 13px; /*px -> px*/
    --btn: 14px; /*px -> px*/
  }

} 

/* #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-overlay{position: fixed;}

  header .menu_wrap {  }
  header .menu-oc-right.opener, header [data-mobth="light"] .closer svg { filter: invert(95%) sepia(95%) saturate(21%) hue-rotate(307deg) brightness(104%) contrast(107%); }
  header .navbar-brand {  }
  
  
}  

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

}

@media only screen and (max-width : 767px) { 
  .element .btitle {margin-bottom: 10px;}
  .navbar-brand {max-width: 200px;}
}

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

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

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

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

}  

@media only screen and (max-width : 1100px) { 
 .main-menu .navbar-nav, #navbar-home .navbar-nav {gap: 20px;}
 .menu-extension, header[data-menu="left"] .menu-extension, #navbar-home .menu-extension {margin-left: 20px;}
}

@media only screen and (max-width : 1024px) { 
 .menu-extension, header[data-menu="left"] .menu-extension, #navbar-home .menu-extension {margin-left: 0px;}
 .main-menu .navbar-nav .nav-link {width: 100%;}
 .main-menu .nav-link span, .menu-extension .d-link span {width: 100%;}
}

@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 : 1200px) { 
  .footer-0 .main-menu .sep {margin: 0 15px;}
  .footer-0 .dtop .flexic {justify-content: center;}
  .footer-0 .footer-nav, .footer-0 .main-menu .navbar-nav {margin-top: 0; flex-wrap: wrap; justify-content: center; row-gap: 10px;}
  .menu-extension .d-links {min-height: 27px;}
}  

@media only screen and (max-width : 1024px) { 
  .footer-0 .wrap {padding-top: 30px; padding-bottom: 30px;}

}

@media only screen and (max-width : 800px) { 
  .footer-0 .dbottom .foot .f-left {display: flex; flex-direction: column-reverse;}
}

@media only screen and (max-width : 767px) { 
  .footer-0 .dmid .contact-lists {flex-direction: column; gap: 20px;}
  .footer-0 .dtop {margin-bottom: 30px;}
  .footer-0 hr.footer-line {margin: 30px 0;}
  .footer-0 .footer-desktop {display: none;}
  .footer-0 .footer-mobile.footer-nav {display: block;}
  .footer-0 .dtop .flexic {justify-content: space-between; flex-direction: column; align-items: center;}
}

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

@media only screen and (max-width : 480px) { 
  .footer-0 .dmid .flexic, .footer-0 .dmid .social-icons {flex-direction: column; gap: 20px; justify-content: center; align-items: center;}
  .footer-0 .dmid .contact-lists {align-items: center;}
  
}

/* #endregion */

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

@media only screen and (max-width : 1024px) { 
.heroopt-01 .wrap {min-height: 400px;}
.element.heroopt-01.no-br br { display: revert; }
section.heroopt-01.element .wrap {padding: 160px 0 60px;}
}

@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 - -------------------------- JS COUNT UP 01 */

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

}  

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

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

}

@media only screen and (max-width : 767px) { 
  .count-01 .row {margin-left: -15px;margin-right: -15px; justify-content: center;}
  .count-01 .col-md-4 {padding-left: 15px;padding-right: 15px; flex: 0 0 50%; max-width: 50%;}
  .count-01 .col-md-4 .item {max-width: 200px; display: block; margin: 0 auto;}
}

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

@media only screen and (max-width : 480px) { 
  .count-01 .col-md-4 {padding-left: 15px;padding-right: 15px; flex: 0 0 100%; max-width: 100%;}
}

/* #endregion */

/* #region - -------------------------- ROW MEDIA 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) { 
  .rowmedia-01.mask-4x4 .dinfo, .rowmedia-01.mask-x .dinfo {max-width: 100%;}
  .rowmedia-01.mask-x .mask-cont{margin: 0 auto;}
}

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

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

/* #endregion */

/* #region - -------------------------- .TITLE ROW 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) { 
  .titler-01 .text-right {margin-top: 0; text-align: left;}
}

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

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

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

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

}  

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

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

}

@media only screen and (max-width : 767px) { 
  .ajaxc-01 .featured-img {min-height: 300px; margin-bottom: 10px;}
  section.ajaxc-01 .wrap {padding-top: 0;}
}

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

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

/* #endregion */

/* #region - -------------------------- .AJAX POST 01 */

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

}  

@media only screen and (max-width : 1024px) { 
  .ajaxp-01 .ititle {min-height: 20px;}
}

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

}

@media only screen and (max-width : 767px) { 
  section.ajaxp-01 .wrap {padding-top: 0;}
}

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

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

/* #endregion */

/* #region - -------------------------- ICONS 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) { 
  section.icon-01 .wrap {padding-top: 0;}
  .icon-01 .div-link {min-height: 20px; padding: 30px 20px 20px;}
  .icon-01 .div-link {background: var(--secondary-color3);}
  .icon-01 .div-link::before {width: 100%;}

  .icon-01 .div-link .diconn::before {content: ""; clip-path: polygon(0 0, 0% 100%, 100% 100%); background-color: var(--primary-color1-2); opacity: .1; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 0;} 
  .icon-01 .div-link .diconn img { filter: brightness(0) saturate(100%) invert(38%) sepia(8%) saturate(5559%) hue-rotate(163deg) brightness(93%) contrast(88%);}
}

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

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

/* #endregion */

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

@media only screen and (max-width : 1200px) { 
  .cards-01 .inner-cards .div-link {padding: 50px 20px 20px;}
  .cards-01 .large-number {left: 20px;}
}  

@media only screen and (max-width : 1024px) { 
  .cards-01 .col-md-6 {flex:  0 0 100%; max-width: 100%;}
  .cards-01 .col-md-3 {flex:  0 0 33.333%; max-width: 33.333%;}
  .cards-01 .inner-cards .div-link {padding: 55px 40px 40px;}
  .cards-01 .large-number {left: 40px;}
}

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

}

@media only screen and (max-width : 767px) { 
  .cards-01 .inner-cards .div-link {padding: 50px 20px 20px;}
  .cards-01 .large-number {left: 20px;}
  .cards-01 .col-md-3 {flex:  0 0 50%; max-width: 50%;}
}

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

@media only screen and (max-width : 480px) { 
  .cards-01 .col-md-3 {flex:  0 0 100%; max-width: 100%;}
  .cards-01 .inner-cards .div-link {min-height: 150px;}
}

/* #endregion */

/* #region - -------------------------- AJAX CPT 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) { 
  .ajaxc-02 .post-image {margin: 0 auto;}
}

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

@media only screen and (max-width : 480px) { 
  .ajaxc-01 .additional-logos {flex-wrap: wrap; column-gap: 30px; justify-content: center;}
}

/* #endregion */

/* #region - -------------------------- JS POP TEAM 01 */

@media only screen and (max-width : 1100px) { 
.bio-fc.fancybox__content .flexic {flex-wrap: wrap;}
.bio-fc.fancybox__content .team-info .team-bio {max-height: 500px;}

}  

@media only screen and (max-width : 1024px) { 
  .team-01 .row {row-gap: 30px;}
  .bio-fc.fancybox__content .team-info, .bio-fc.fancybox__content .team-profile {padding: 60px 30px 30px;}
  .bio-fc.fancybox__content .team-info .team-bio {max-height: 400px;}
  .bio-fc.fancybox__content .team-info hr {margin: 20px 0;}
}

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

}

@media only screen and (max-width : 767px) { 
  .bio-fc.fancybox__content .team-info, .bio-fc.fancybox__content .team-profile {flex: 0 0 100%; max-width: 100%; padding: 30px 15px 15px;}
  .bio-fc.fancybox__content .team-profile img.team-image {max-width: 370px; margin: 0 auto 20px; display: block;}
  .bio-fc.fancybox__content .team-profile .social-icons {justify-content: center;}
  .bio-fc.fancybox__content .team-info .team-bio {max-height: 100%;}
}

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

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

/* #endregion */

/* #region - -------------------------- ROW POST 01 */

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

}  

@media only screen and (max-width : 1024px) { 
  .rowpost-01 .wrap[data-vflex="default"] {padding-bottom: 30px;}
}

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

}

@media only screen and (max-width : 767px) { 
  .rowpost-01 .post-thumbnail {max-width: 470px; margin: 0 auto; display: block;}
  .rowpost-01 .post-list {max-width: 100%;}
  .ajaxp-02 .post-item hr.bottom-line {margin: 20px 0;}
  .ajaxp-02 .post-item .row {row-gap: 15px;}
}

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

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

/* #endregion */

/* #region - -------------------------- FORM ROW CONTACT */

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

}  

@media only screen and (max-width : 1024px) { 
  section.frcontact-01 .wrap {padding-top: 160px;}
}

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

}

@media only screen and (max-width : 767px) { 
  .frcontact-01 .wrap {height: auto;}
  .frcontact-01 .contact-footer {position: relative;}
  .frcontact-01 .contact-footer .foot {margin-bottom: 0px; flex-wrap: wrap;}
  .frcontact-01 .contact-footer hr {margin: 30px 0;}
  .frcontact-01 .company-contact {display: flex; flex-direction: row; justify-content: center;  gap: 30px; flex-wrap: wrap;}
  .frcontact-01 .dinfo{ text-align: center;}
  .frcontact-01 .soc-med {text-align: center;}
  .frcontact-01 .social-icons {justify-content: center;}
  .frcontact-01 .company-email, .frcontact-01 .company-address {margin-bottom: 0;}
}

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

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

/* #endregion */

/* #region - -------------------------- TIMELINE 01 */

@media only screen and (max-width : 1200px) { 
.timeline-01 .timeline-item:nth-child(2n) .div-link .dinfo {max-width: 100%; margin-right: 60px; }
.timeline-01 .timeline-item:nth-child(2n+1) .div-link .dinfo {max-width: 100%; margin-left: 60px;}
}  

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

}

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

}

@media only screen and (max-width : 767px) { 
  .timeline-01 .timeline-item, .timeline-01 .timeline-item:not(:nth-last-child(2)) .div-link {max-height: 100%; min-height: 20px !important; margin-bottom: 40px;}
}

@media only screen and (max-width : 600px) { 
  .timeline-01 .line-center  {left: 0; top: 15px;}
  .timeline-01 .line-bottom {left: 0; bottom: 15px;}
  .timeline-01 .timeline-item .div-link {max-width: 100%;}
  .timeline-item .line-dots, .timeline-01 .timeline-item:nth-child(2n) .line-dots {left: 0; right: unset; top: 15px;}
  .timeline-item .line-dots::after {width: 25px;}
  .timeline-01 .timeline-item:nth-child(2n) .line-dots::before {left: unset; right: 0;}

  .timeline-01 .timeline-item:nth-child(2n) .div-link .dinfo,
  .timeline-01 .timeline-item:nth-child(2n+1) .div-link .dinfo {margin-left: 30px;margin-right: 0;}
  .timeline-01 .dinfo h2 {margin-bottom: 10px;}
}

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

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

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

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

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

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

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