/*------------------------------------------
    #MARK: ROOT
------------------------------------------*/
/* #region */

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

  :root {
    --font-size-13: 13px;
    --font-size-15: 15px;
    --font-size-nav: 16px;
    --font-size-16: 16px;
    --font-size: 17px;
    --font-size-19: 19px;
    --font-size-20: 20px;
    --font-size-40 : 40px;

    --h1: clamp(3rem, 1.9157rem + 4.8193vw, 5rem);
    --h1-2: clamp(2.25rem, 1.7756rem + 2.1084vw, 3.125rem);
    --h2: clamp(1.875rem, 1.6717rem + 0.9036vw, 2.25rem);
    --h3: 24px;
  }

} 

/* #endregion */

/*------------------------------------------
    #MARK: GENERAL
------------------------------------------*/
/* #region */

@media only screen and (max-width : 1060px) {
  section.element .wrap { padding: 30px 0; }
  
}

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

    section.element .wrap { padding: 30px 0; }
    section.element .nwrap { padding: 0; }
    section.element.mobile-pb0 .wrap {padding-bottom: 0;}

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

    header .menu-oc-right.opener {  }
    header .navbar-brand {  }
    header .menu_wrap {padding: 15px 0;}
    body:not(.wp-admin) main {padding-top: 80px;}
    section.element .dinfo {margin-bottom: 30px;}
}  

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

}

@media only screen and (max-width : 767px) { 
  body.single-research-publication:not(.wp-admin) main {overflow: hidden;}
  .navbar-brand {height: 40px;}

  .element.mb-text-left [data-row*="text-center"] {text-align: left;}
}

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

@media only screen and (max-width : 400px) { 
  body:not(.wp-admin) main {padding-top: 70px;}
  .navbar-brand {height: 36px;}
  .navbar-brand img {width: auto; height: 100%;}
}
  
/* #endregion */

/*------------------------------------------
    #MARK: BUTTONS
------------------------------------------*/
/* #region */

@media only screen and (max-width : 1024px) { 
  .element .owlprev, .element .is-grid .owlprev {transform: translateX(0) translateY(-50%); left: 10px;}
  .element .owlnext, .element .is-grid .owlnext {transform: translateX(0) translateY(-50%) rotate(180deg); right: 10px;}
}

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

}

@media only screen and (max-width : 767px) { 
 
.element .btn-2, .element .btn.w-icon, .element .gform .gform-theme--foundation .gform-footer .btn.w-icon,
.element .btn-1 {padding: 15px;}
}

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

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

/*------------------------------------------
    #MARK: FOOTER
------------------------------------------*/
/* #region */

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

@media only screen and (max-width : 990px) { 
.footer-0 .dtop .dinfo {text-align: center;}
.footer-0 .main-menu .navbar-nav {justify-content: center;}
.footer-0 .company-about {max-width: 100%; text-align: center;}
.footer-0 .dcontent .btn-loop {margin-top: 30px;}
.footer-0 .dcontent {text-align: center;}
}

@media only screen and (max-width : 767px) { 
  .footer-0 .main-menu .navbar-nav .sep-slash {display: none;}
  .footer-0 .main-menu .navbar-nav {flex-wrap: wrap; row-gap: 5px;}

  .footer-0 .footer-menu {display: block;}
  .footer-0 .main-menu {display: none;}
}

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

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

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

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

}  

@media only screen and (max-width : 1024px) { 
  .heroopt-01 .wrap, .heroopt-01.temp_1 .wrap {min-height: 400px; padding-bottom: 30px;}
  .heroopt-01 .wrap .dinfo {max-width: 640px;}
  body:not(.home) .heroopt-01 .wrap {min-height: 300px;}
  body:not(.home) .heroopt-01 .wrap[data-vflex="center"] {align-items: flex-end;}
}

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

/*------------------------------------------
  #MARK: GRID CPT SLIDER 01
------------------------------------------*/
/* #region */

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

}

@media only screen and (max-width : 1120px) {
  .slidercpt-01 .post-item {padding: 0 15px; height: 100%;}
  .slidercpt-02 .post-item {padding: 0; height: 100%;}
  .slidercpt-01 .flexic {gap: 0; row-gap: 30px;}
  .slidercpt-01 .flexic .flex-item {max-width: 50%; flex: 0 0 50%; padding: 0 15px;} 
  .slidercpt-02 .flexic .flex-item {max-width: 100%; flex: 0 0 100%; padding: 0; } 
  .slidercpt-01 .thumb-bg {aspect-ratio: unset; height: 100%; height: 200px;}
  .slidercpt-01 .post-info {padding: 0; height: 100%;}
  .slidercpt-01 .flex-item:last-child .post-title {margin-bottom: 10px;}

  .slidercpt-02 .col-md-8::after, .ajaxc-row-02 .col-md-8::after {right: 0;}
}

@media only screen and (max-width : 1024px) { 
  .slidercpt-02.element .owlbtn {position: relative; top: 0%;left: 0; transform: none;}
  .slidercpt-02.element .owlnext {transform: rotate(180deg);}
  .slidercpt-02 .dcontent-right .flexic {gap: 30px;}
}

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

}

@media only screen and (max-width : 767px) { 
  .slidercpt-01 .flexic .flex-item {max-width: 100%; flex: 0 0 100%; padding: 0 15px;} 
  .slidercpt-01 .post-info {padding:15px 0;}

  .slidercpt-02 .dcontent-right, .ajaxc-row-02 .dcontent-sidebar {max-width: 100%;}

  .ajaxc-row-02 .featured-post {margin-bottom: 30px; padding-bottom: 30px;}
}

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

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

/* #endregion */

/*------------------------------------------
    #MARK: ROW GRID CPT 01
------------------------------------------*/
/* #region */

@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) { 
  .rowgcpt-01 .post-list {max-width: 100%;}
  .rowgcpt-01 .d-popmedia {max-width: 100%; max-height: 500px; width: 100%; object-fit: cover;}
  .rowgcpt-01 .row {flex-direction: column-reverse;}
}

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

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

/* #endregion */

/*------------------------------------------
    #MARK: GID CPT LIST 01
------------------------------------------*/
/* #region */

@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) { 
  .gcptlist-01 .row {row-gap: 30px;}
}

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

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

/* #endregion */

/*------------------------------------------
    #MARK: AJAX CPT ROW FEATURED 01
------------------------------------------*/
/* #region */

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

@media only screen and (max-width : 1024px) { 
  .ajaxc-row-01 .featured-post .cpt-box {padding: 30px;}
  .ajaxc-row-01 .position-sticky {top: 150px;}
  .ajaxc-row-01 .post-list .cpt-list {gap: 30px;}
  .ajaxc-row-01 .featured-post .post-cat {margin-bottom: 10px;}
  .ajaxc-row-01 .featured-post .read-more {margin-top: 20px;}
}

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

}

@media only screen and (max-width : 767px) { 
  .ajaxc-row-01 .position-sticky {top: 0px; position: relative; max-width: 100%;}
}

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

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

/* #endregion */

/*------------------------------------------
    #MARK: AJAX CPT ROW MEDIA 01
------------------------------------------*/
/* #region */

@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-rowm-01 .d-popmedia {max-width: 100%; max-height: 500px; object-fit: cover;}
  .ajaxc-rowm-01 .dinfo, .ajaxc-rowm-01 .post-list {max-width: 100%;}
}

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

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

/* #endregion */

/*------------------------------------------
    #MARK: TITLE OPT 01
------------------------------------------*/
/* #region */

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

}  

@media only screen and (max-width : 1024px) { 
  .titleopt-01 h1.mtitle {margin-bottom: 10px;}
}

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

/*------------------------------------------
    #MARK: SLIDER GALLERY 01
------------------------------------------*/
/* #region */

@media only screen and (max-width : 1200px) { 
  .slidergallery-01 .btn-lop {padding: 0 15px;}
  .slidergallery-01 .slide-bg {padding: 0 15px}
}  

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

}

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

}

@media only screen and (max-width : 767px) { 
  .slidergallery-01 .slide-bg {height: 400px !important;}
   .slidergallery-01 .dinfo {padding:  0 15px;}
  .slidergallery-01 .dinfo,
  .slidergallery-01 .dinfo .mtitle {text-align: left;}
}

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

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

/* #endregion */

/*------------------------------------------
    #MARK: AJAX CPT LIST 01
------------------------------------------*/
/* #region */

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

}  

@media only screen and (max-width : 1024px) { 
  .ajaxclist-01 .post-item .cpt-box {padding: 30px 0;}
  .ajaxclist-01 .post-item .dinfo {margin-bottom: 0;}
}

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

}

@media only screen and (max-width : 767px) { 
  .ajaxclist-01 .col-sm-2 {flex: 1; max-width: fit-content; padding-left: 10px; padding-right: 10px;}
  .ajaxclist-01 .col-sm-10 {flex: 1; max-width: 100%;padding-left: 10px; padding-right: 10px;}
}

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

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

/* #endregion */

/*------------------------------------------
    #MARK: ROW MEDIA 01
------------------------------------------*/
/* #region */

@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.rowmedia-01 .dinfo {max-width: 100%; margin-bottom: 0;}
}

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

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

/* #endregion */

/*------------------------------------------
    #MARK: ROW MEDIA 02
------------------------------------------*/
/* #region */

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

}  

@media only screen and (max-width : 1024px) { 
  .rowmedia-02 .col-md-6 {max-width: 50%; flex: 0 0 50%; position: relative; height: 100%;}
  .rowmedia .d-popmedia {height: 100%; object-fit: cover; min-height: 500px;}
  .rowmedia-02 .dinfo {padding: 30px}

}

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

}

@media only screen and (max-width : 767px) { 
  .rowmedia-02 .col-md-6 {max-width: 100%; flex: 0 0 100%;}
}

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

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

/* #endregion */

/*------------------------------------------
    #MARK: CARDS 01
------------------------------------------*/
/* #region */

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

}  

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

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

}

@media only screen and (max-width : 767px) { 
  .cards-01 .row {row-gap: 30px;}
  section.element.cards-01 .dinfo {margin-bottom: 0;}
}

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

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

/* #endregion */

/*------------------------------------------
    #MARK: AJAX CPT TEAM 01
------------------------------------------*/
/* #region */

@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-team-01 .dinfo {text-align: left;}
}

@media only screen and (max-width : 580px) { 
  .ajaxc-team-01 .thumb-bg {max-width: 100%; display: block; margin: 0 auto;}
  .ajaxc-team-01 .team-box {text-align: left;}
}

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

/* #endregion */

/*------------------------------------------
    #MARK: ICONS 01
------------------------------------------*/
/* #region */

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

}  

@media only screen and (max-width : 1024px) { 
  .icon-01 .row {margin-left: -15px; margin-right: -15px; justify-content: center;}
  .icon-01 .col-md-4 {padding-left: 15px;padding-right: 15px;}
   section.element.icon-01 .dinfo {margin-bottom: 0;}
}

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

}

@media only screen and (max-width : 767px) { 
  .icon-01 .dinfo {display: flex; text-align: left; justify-content: space-between; gap: 30px;}
  .icon-01 .diconn {margin-bottom: 0;}
}

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

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

/* #endregion */

/*------------------------------------------
    #MARK: FORM ROW CONTACT 01 
------------------------------------------*/
/* #region */

@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) { 
  .frcontact-01 .footer-0 {padding-bottom: 30px; bottom: 0; position: relative;}
  .frcontact-01 .wrap {height: 100%;}
  .frcontact-01 .d-right { max-width: 100%; text-align: center;}
  .frcontact-01 .company-about {margin-bottom: 30px; margin-top: 60px;}

  .frcontact-01 .company-email {justify-content: center;}
  .frcontact-01 .footer-0 .foot {flex-direction: column; gap: 0px; align-items: center;}
}

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

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

/* #endregion */

/*------------------------------------------
    #MARK: ARTICLE TEMPLATE 01
------------------------------------------*/
/* #region */

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

}  

@media only screen and (max-width : 1024px) { 
.post-template-article .content-section .wrap {padding: 30px 0;}
.post-template-article .footnotes-list .wrap {padding: 30px 0;}
}

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

}

@media only screen and (max-width : 767px) { 
  .post-template-article .hero-section .mtitle br {display: none;}
  .post-template-article .hero-section .btn-loop {gap: 10px;}
  .post-template-article .content-section .table-of-contents {max-width: 100%; padding: 30px; border: 1px solid rgba(65, 65, 65, .22);}
  .post-template-article .content-section .table-of-contents h3 {padding-bottom: 15px; margin-bottom: 15px;}
  .post-template-article .content-section .content h2 {margin-bottom: 15px;}
  .post-template-article .content-section .content section {margin-top: 30px;}
  .post-template-article .content-section .dtable {overflow-x: scroll;}
  .post-template-article .content-section .dtable table {min-width: 700px;}
}

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

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

/* #endregion */

/*------------------------------------------
    #MARK: AJAX CPT VIDEO 01
------------------------------------------*/
/* #region */

@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-video-01 .dinfo.text-center {text-align: left;}
}

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

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

/* #endregion */

/*------------------------------------------
    #MARK: ELEMENT
------------------------------------------*/
/* #region */

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

/*------------------------------------------
    #MARK: ELEMENT
------------------------------------------*/
/* #region */

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

/*------------------------------------------
    #MARK: ELEMENT
------------------------------------------*/
/* #region */

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