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

@media only screen and (max-width: 1024px) {
  :root {
    --font-1: "Source Sans 3", sans-serif;
    --font-2: "Rethink Sans", sans-serif;
    --font-3: "Inter", sans-serif;
    --font-size: clamp(16px, 6vw, 22px);
    --h1: clamp(40px, 10vw, 70px);
    --h2: clamp(28px, 8vw, 45px);
    --h3: clamp(24px, 8vw, 36px);
    --h4: clamp(18px, 6vw, 27px);
    --h5: clamp(14px, 6vw, 18px);
    --h6: clamp(14px, 6vw, 20px);

    /* PRIMARY COLORS */
    --pcolor1: #003d6a;
    --pcolor2: #0072bc;

    /* SECONDARY COLORS */
    --scolor1: #4c91e5;
    --scolor2: #575757;
    --scolor3: #f2f3f6;

    /* ACCENT COLORS */
    /* --acolor1: #003663; */

    /* EXTRA COLORS */
    --ecolor1: #00162b;
    --ecolor2: #dee1e8;
    --ecolor3: #cecece;
    --ecolor4: #03315f;
    --ecolor5: #c9c9c9;
    --ecolor6: #dbebff;
    --ecolor7: #f7f7f7;
    --ecolor8: #b7b7b7;
    --ecolor9: #133455;
    --ecolor10: #06294c;

    --color10: black;
    --color11: white;

    --a: #4c91e5;
    --hover: #4c91e5;
  }
}

/* #endregion */

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

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

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

  header.menu-overlay {
    position: absolute;
  }

  .sticky-head .navbar-brand.mobile-logo {
    display: none;
  }

  header.sticky-head .navbar-brand.sticky-logo {
    display: inline-block !important;
  }
}

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

@media only screen and (max-width: 767px) {
  .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {padding-left: 30px; padding-right: 30px;}
    .rowposter-01 [data-design*=poster][data-col="6-6"] .overlay-bg {display: none;}
}

@media only screen and (max-width: 600px) {
  header .menu_wrap {
    padding: 15px 0;
  }
}

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

/* #endregion */

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

@media only screen and (max-width: 1300px) {
  .ff-cta .overlay.color {
    max-height: 100%;
    width: 100%;
  }
}

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

  footer .dflex-between {
    column-gap: 30px;
  }

  footer .menu-links.dv {
    display: block;
  }

  footer .menu-links.mv {
    display: none;
  }

  footer .fmenu {
    column-gap: 60px;
  }

  .ff-cta br {display: none;}
}

@media only screen and (max-width: 767px) {
  .frcontact .gform {
    max-width: 100%;
    margin-top: 0;
  }

  .ff-cta .row {
    flex-direction: column-reverse;
  }

  .ff-cta .col-md-4,
  .ff-cta .col-md-8 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .ff-cta .cc:first-child .d-popmedia {
    max-width: 500px;
  }

  .frcontact .dinfo.ext-btn .btn-loop {margin-right: auto;}
  .frcontact .dinfo {text-align: center;}
}

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

  footer .dflex-between {
    flex-direction: column;
    row-gap: 30px;
  }

  footer .footer-menu {
    width: 100%;
  }

  footer .fmenu {
    row-gap: 30px;
  }

  footer .menu-links.dv {
    display: none;
  }

  footer .sel-menu .menu-links.mv {
    display: block;
    border-color: hsla(202, 53%, 42%, 0.302);
  }

  footer .menu-item:not(:last-child) {
    margin-bottom: 0;
  }

  footer .menu-links.is-mobile li {
    border-color: hsla(202, 53%, 42%, 0.302);
  }

  footer .copyright {
    row-gap: 15px;
    padding: 30px 0;
  }

  .ff-cta .dtext ul li::before {
    margin-top: 0;
  }
}

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

/* #endregion */

/*------------------------------------------
    #MARK: HERO SLIDER STATIC 01
------------------------------------------*/
/* #region */

@media only screen and (max-width: 767px) {
  .heroslider-01 .wrap {
    min-height: 608px !important;
  }

  .heroslider-01 .dinfo {
    max-width: 100% !important;
  }
}

@media only screen and (max-width: 480px) {
  .heroslider-01 .dinfo {
    margin-bottom: 30px;
  }
}

/* #endregion */

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

@media only screen and (max-width: 767px) {
  .hero-01 .wrap {
    min-height: 390px !important;
  }

  .hero-01 .dinfo {
    margin-bottom: 0;
  }
}

/* #endregion */

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

@media only screen and (max-width: 767px) {
  .rowlists-01 .row {
    flex-direction: column-reverse;
  }

  .rowlists-01 .dinfo {
    max-width: 100%;
  }

  .rowlists-01 .lists {
    max-width: 100%;
    margin-top: 0;
  }

  .rowlists-01 .list:not(:last-child) {
    padding-bottom: 30px;
  }

  .rowlists-01 .list:not(:first-child) {
    padding-top: 30px;
  }

  .rowlists-01 .container-xl {
    padding-bottom: 60px;
  }
}

/* #endregion */

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

@media only screen and (max-width: 1300px) {
  .rowposter-01 [data-rtl="0"] .overlay.set-color {
    right: 0;
  }

  .rowposter-01 [data-rtl="1"] .overlay.set-color {
    left: 0;
  }
}

@media only screen and (max-width: 991px) {
  .rowposter-01 .dinfo,
  .rowposter-01 .overlay.set-color {
    max-width: 100%;
  }

  .rowposter-01 .cc:first-child .d-popmedia {
    max-width: 500px;
  }
}

/* #endregion */

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

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

  .rowmedia-01 .cc .d-popmedia {
    min-height: auto;
    max-width: 500px;
  }

  .rowmedia-01 .dinfo {
    max-width: 100%;
  }
}

@media only screen and (max-width: 600px) {
  .rowmedia-01 .dtext ul li::before {
    margin-top: 2px;
  }
}

/* #endregion */

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

@media only screen and (max-width: 767px) {
  .rowaccordion-01 .col-md-6:first-child,
  .rowaccordion-01 .col-md-6:last-child {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .rowaccordion-01 .cc .d-popmedia {
    max-width: 500px;
    min-height: auto;
  }

  .rowaccordion-01 .dinfo {
    max-width: 100%;
    margin-top: 0;
  }
}

/* #endregion */

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

@media only screen and (max-width: 767px) {
  .rowteam-01 [data-rtl="1"] .dmedia {
    margin-left: 0;
  }

  .rowteam-01 .dmedia {
    max-width: 500px;
  }

  .rowteam-01 .dinfo {
    padding: 30px 0;
  }

  .rowteam-01 .dbot {
    padding: 0;
  }
}

/* #endregion */

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

@media only screen and (max-width: 767px) {
  .team-01 .row > div {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }

  .bio-fc .grid {
    grid-template-columns: 1fr;
  }

  .bio-fc .profile {
    max-width: 413px;
  }

  .bio-fc .bio {
    grid-row: 2;
  }
}

@media only screen and (max-width: 600px) {
  .team-01 .row > div {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .team-01 .pad {
    min-height: 120px;
  }
}

@media only screen and (max-width: 360px) {
  .team-01 .row > div {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

/* #endregion */

/*------------------------------------------
    #MARK: AJAX POST 01
------------------------------------------*/
/* #region */

@media only screen and (max-width: 1300px) {
  .ajaxp-01 .row {
    margin-inline: -15px;
  }

  .ajaxp-01 .row > div {
    padding-inline: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .ajaxp-01 .row > div {
    flex: 0 0 50%;
    max-width: 50%;
  }
}

@media only screen and (max-width: 480px) {
  .ajaxp-01 .row {
    padding-bottom: 30px;
  }

  .ajaxp-01 .row > div {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .ajaxp-01 .row {
    row-gap: 30px;
  }
}

/* #endregion */

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

@media only screen and (max-width: 767px) {
	/*
  .icon-01 .grid {
    grid-template-columns: repeat(2, 1fr);
  }
	*/
	.icon-01.with-border .grid {
		display: flex;
		flex-flow: wrap;
		justify-content: center;
		gap: 40px;
	}
}

@media only screen and (max-width: 360px) {
	/*
  .icon-01 .grid {
    grid-template-columns: 1fr;
  }
	*/
}

/* #endregion */

/*------------------------------------------
    #MARK: ICON 02
------------------------------------------*/
/* #region */

@media only screen and (max-width: 767px) {
  .icon-02 .grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media only screen and (max-width: 360px) {
  .icon-02 .grid {
    grid-template-columns: 1fr;
  }
}

/* #endregion */

/*------------------------------------------
    #MARK: ICON 03
------------------------------------------*/
/* #region */

@media only screen and (max-width: 480px) {
  .icon-03 .grid {
    grid-template-columns: 1fr;
  }
}

/* #endregion */

/*------------------------------------------
    #MARK: ICON FLEX 01
------------------------------------------*/
/* #region */

@media only screen and (max-width: 600px) {
  .iconf-01 .dflex-between {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    row-gap: 36px;
  }
}

/* #endregion */

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

@media only screen and (max-width: 767px) {
  .cards-01 .grid {
    grid-template-columns: 1fr;
  }

  .cards-01 .div-link:not(:last-child)::after {
    top: unset;
    right: unset;
    bottom: -25px;
    left: 50%;
    transform: translateX(-50%) rotate(90deg);
  }
}

/* #endregion */

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

@media only screen and (max-width: 991px) {
  .frcposter-01 .cc:first-child .d-popmedia {
    max-width: 500px;
  }

  .frcposter-01 .wrap {
    margin-block: 0;
  }

  .frcposter-01 .dinfo {
    margin-top: 0;
    max-width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  section.frcposter-01 .d-popmedia.hide-lg {display: none;}
  .frcposter-01 .row {min-height: 100px;}
}

/* #endregion */

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

@media only screen and (max-width: 1080px) {
  .contact-01 .dflex-between {
    flex-wrap: wrap;
    gap: 30px;
  }

  .contact-01 .dinfo {
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .contact-01 .dflex-between {
    justify-content: start;
  }

  .sc-div {
    flex-wrap: nowrap;
  }
}

/* #endregion */

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

@media only screen and (max-width: 1300px) {
  .qslider-01 .set-color {
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .qslider-01 .item {
    padding: 64px 30px 102px;
  }
}

/* #endregion */

/*------------------------------------------
    #MARK: TITLE ROW TEXT 02
------------------------------------------*/
/* #region */

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

  .titler-02 .cc:last-child .dinfo {
    max-width: 100%;
  }
}

/* #endregion */

/*------------------------------------------
    #MARK: SECTION BG 01
------------------------------------------*/
/* #region */

@media only screen and (max-width: 1300px) {
  .fire-element.opt-nfw .opt {
    width: 100%;
  }
}

/* #endregion */

/*------------------------------------------
    #MARK: POPUP FORM
------------------------------------------*/
/* #region */

@media only screen and (max-width: 600px) {
  .fancybox__container .popForm.fancybox__content {
    padding: 60px 30px;
  }

  .popForm .cc:last-child img {
    object-fit: contain;
  }
}

/* #endregion */

/*------------------------------------------
    #MARK: SINGLE
------------------------------------------*/
/* #region */

@media only screen and (max-width: 1300px) {
  .single-post .post-related .overlay.color {
    width: 100%;
  }
}

@media only screen and (max-width: 600px) {
  .single-post .post-text {
    padding-bottom: 30px;
  }

  .heateor_sss_sharing_container {
    margin-top: 30px;
  }

  .single-post > .wrap {
    padding: 30px 0;
  }
}

/* #endregion */

/*------------------------------------------
    #MARK: SINGLE
------------------------------------------*/
/* #region */

@media screen and (max-width:991px) {
	
	.coltable-01 .d-table tbody tr td:first-child::after {
		content: '';
		width: 1px;
		height: 100%;
		background: var(--ecolor8);
		right: 0px;
		position: absolute;
		top: 0px;
	}

	.coltable-01 .d-table thead tr th:first-child::after {
		content: '';
		width: 1px;
		height: 100%;
		background: var(--ecolor8);
		right: 0px;
		position: absolute;
		top: 0px;
	}
	
}


/* #endregion */

/*------------------------------------------
    #MARK: QA EDITS 5/16/2025
------------------------------------------*/
/* #region */

@media only screen and (max-width: 1024px) {
header .main-menu .nav-link span {color: var(--scolor2);}
} 

@media only screen and (max-width: 800px) {
  .footer-menus {flex: 0 0 100%; justify-content: space-between; width: 100%; max-width: 100%;}
  .footer-menu .m-toggler {top: -2px;}
}

@media only screen and (max-width: 767px) {
  footer .dflex-between {flex-wrap: wrap; row-gap: 30px; column-gap: 100px;}

  .footer-menus {flex-wrap: wrap;}

  .bio-fc .floating-profile {display: none;}
  .bio-fc .profile.dnone {display: block !important; max-width: 300px;}
}

@media only screen and (max-width: 600px) {
  footer .menu-item:not(:last-child) {margin-bottom: 13px;}
}

@media only screen and (max-width: 550px) {
  .footer-menus {flex: 0 0 100%; justify-content: space-between; flex-wrap: wrap; column-gap: 100px; row-gap: 30px;}
}

@media only screen and (max-width: 480px) {
  .footer-menus {flex: 0 0 100%; justify-content: space-between; flex-wrap: wrap; column-gap: 30px; }
  .footer-menu .dropdown-menu {position: relative;}
}

/*------------------------------------------
    #MARK: QA EDITS 7/4/2025
------------------------------------------*/
/* #region */
@media only screen and (max-width: 767px) {
  .cards-01 .dtext ul li::before {margin-top: 1px;}
  .rowposter-01 .dtext ul li::before {margin-top: 3px;}

  .icon-03 .diconn {
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .icon-03 h4 {text-align: center;}
}

@media only screen and (max-width: 1024px) {
  .rowteam-01 .dinfo {padding: 0 0 30px 0;}
  .rowteam-01 .dbot {padding-inline: 0;}
  .rowteam-01 .col-md-6 {max-width: 100%; flex: 0 0 100%;}
  .rowteam-01 [data-rtl="1"] .dmedia {display: block; margin-left: auto; margin-right: auto;}
  .rowteam-01 h6 {margin-bottom: 30px;}
  .rowteam-01 .dinfo .dtext {margin-top: 15px;}
}

@media only screen and (max-width: 767px) {
  .rowlists-01 .h2, .rowposter-01 .h2, .frcontact h3, .rowmedia-01 .h2 {margin-bottom: 15px;}
  .titler-02 .row {row-gap: 15px;}
  .qslider-01 .dtop {margin-bottom: 30px;}
  .element .btn-loop {margin-top: 30px;}
  section.element.title-01 .wrap { padding-bottom: 0;} 
  section.element .d-popmedia, section.element .dmedia, .rowteam-01 [data-rtl="1"] .dmedia { margin-left: auto; margin-right: auto;}
  .rowteam-01 .dinfo {padding-top: 0;}
}