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

@media only screen and (max-width: 1024px) {
  :root {
    --font-1: "Poppins", sans-serif;
    --font-2: "Manrope", sans-serif;
    --font-3: "Open Sans", sans-serif;
    --font-4: "League Spartan", sans-serif;
    --font-5: "Public Sans", sans-serif;

    --color1: #152150;
    --color2: #000c27;
    --color3: #2a3c56;
    --color4: #a47f4c;
    --color5: #f4f4f6;
    --color6: #f6f6f6;
    --color7: #203172;
    --color8: #072b48;
    --color9: #011c59;
    --color10: #314563;
    --color11: #d9d9d9;
    --color12: #e2e2e2;
    --color13: #010c28;
    --color14: #0c172f;
    --color15: #ddddde;
    --color16: #f3f3f3;
    --color17: #f1f5fa;
    --color18: #af9870;
    --color19: #656565;

    --a: #152150;
    --hover: #a47f4c;
  }
}

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

  header .menu_wrap {
    padding: 14px 0 15px;
  }

  header[data-sticky="sticky-fixed"] {
    position: fixed !important;
  }

  header[data-sticky="sticky-fixed"]:not(.menu-overlay) + main.main-inner,
  header[data-sticky="sticky-fixed"] + main.page-inner {
    padding-top: 84px;
  }

  header.sticky-me[data-sticky="sticky-fixed"] .sticky-logo {
    display: none !important;
  }
}

@media only screen and (max-width: 767px) {
  .element.w-mblock-96 .wrap,
  .element.w-mblock-80 .wrap {
    margin-block: 0;
  }

  .element.container-left-minus-19 .wrap > .container-xl {
    left: 0;
  }
}

/* #endregion */

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

@media only screen and (min-width: 1440px) {
  .ff-cta .overlay-bg {
    background-position-y: 11%;
  }
}

@media only screen and (max-width: 767px) {
  footer .menu-links.dv {
    display: none;
  }

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

  footer .menu-links.is-mobile li,
  footer .footer-menu .menu-links.is-mobile {
    border-color: var(--color10);
  }

  footer .menu-links.is-mobile li::before {
    filter: brightness(0) invert(1);
  }

  footer .top .dflex-between:first-child {
    margin-bottom: 0;
  }

  footer .left {
    display: flex;
    align-items: center;
    column-gap: 30px;
    row-gap: 15px;
    flex-wrap: wrap;
  }

  footer .social-icons {
    margin-top: 0;
  }
}

/* #endregion */

/*------------------------------------------
    #MARK: GFORM
------------------------------------------*/
/* #region */

@media only screen and (max-width: 480px) {
  .gform {
    padding: 80px 30px;
  }
}

/* #endregion */

/*------------------------------------------
    #MARK: FANCYBOX
------------------------------------------*/
/* #region */

@media only screen and (max-width: 1200px) {
  .fancybox__container .fancybox__content {
    min-width: auto;
  }
}

@media only screen and (max-width: 1024px) {
  .fancybox__container .container-md {
    max-width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .fancybox__container .thumb-bg {
    max-width: 370px;
  }

  .fancybox__container [data-is="placeholder"] {
    width: 370px;
  }

  .fancybox__container .post-thumbnail {
    padding: 30px 0;
    display: flex;
    justify-content: center;
  }

  .fancybox__container .dinfo {
    padding: 0 0 30px;
    max-width: 100%;
  }
}

@media only screen and (max-width: 480px) {
  .fancybox__container .thumb-bg {
    max-width: 250px;
    height: 330px;
  }

  .fancybox__container [data-is="placeholder"] {
    width: 250px;
  }
}

/* #endregion */

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

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

@media only screen and (max-width: 600px) {
  .hero-01 .dinfo {
    margin-bottom: 0;
  }
}

@media only screen and (max-width: 480px) {
  .hero-01 .btn-loop {
    row-gap: 15px;
  }

  .hero-01 .btn-loop .btn {
    width: 100%;
  }
}

/* #endregion */

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

@media only screen and (max-width: 1024px) {
  .hero-02 .wrap {
    min-height: 300px !important;
  }

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

/* #endregion */

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

@media only screen and (max-width: 480px) {
  .hero-03 .btn-loop {
    row-gap: 15px;
  }

  .hero-03 .btn-loop .btn {
    width: 100%;
    justify-content: center;
  }
}

/* #endregion */

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

@media only screen and (min-width: 1440px) {
  .rowposter-01 .hide-lg {
    display: block;
  }

  .rowposter-01 .cc:first-child::after,
  .rowposter-01 .show-lg {
    display: none;
  }

  .rowposter-01 .overlay-bg {
    right: 6%;
  }

  .rowposter-01 [data-design*="poster"][data-col="6-6"] .overlay-bg {
    max-width: 44%;
  }
}

@media only screen and (max-width: 1024px) {
  .rowposter-01 .wrap {
    min-height: auto !important;
  }

  .rowposter-01 .cc:first-child::after {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .rowposter-01 .triangle.overlay {
    top: 0;
  }
}

/* #endregion */

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

@media only screen and (min-width: 1440px) {
  .rowposter-count-01 .hide-lg {
    display: block;
  }

  .rowposter-count-01 .container-xl > .row .cc:first-child::after,
  .rowposter-count-01 .show-lg {
    display: none;
  }

  .rowposter-count-01 .overlay-bg {
    right: 6%;
  }

  .rowposter-count-01 [data-design*="poster"][data-col="6-6"] .overlay-bg {
    max-width: 44%;
  }
}

@media only screen and (max-width: 1024px) {
  .rowposter-count-01 .container-xl > .row .cc:first-child::after {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .rowposter-count-01 .triangle1.overlay {
    top: 0;
  }

  .rowposter-count-01 .dcounters > div {
    flex: 0 0 50%;
    max-width: 50%;
  }
}

@media only screen and (max-width: 480px) {
  .rowposter-count-01 .dinfo .row > div:nth-child(even) {
    display: block;
  }
}

@media only screen and (max-width: 400px) {
  .rowposter-count-01 .dcounters > div {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

/* #endregion */

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

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

  .rowmedia-icons-01 .icons {
    column-gap: 30px;
  }
}

/* #endregion */

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

@media only screen and (max-width: 767px) {
  .team-popup-01 .grid {
    column-gap: 30px;
    row-gap: 30px;
  }

  .team-popup-01 .thumb-bg {
    height: 330px;
  }
}

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

  .team-popup-01 .grid {
    grid-template-columns: 1fr;
  }

  .team-popup-01 .item-wrap {
    display: flex;
    justify-content: center;
  }

  .team-popup-01 .post-item {
    max-width: 250px;
    min-width: 250px;
  }
}

/* #endregion */

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

@media only screen and (max-width: 767px) {
  .axlessd-01 .cpt-link {
    column-gap: 30px;
  }
}

@media only screen and (max-width: 480px) {
  .axlessd-01 .cpt-link {
    flex-direction: column;
  }

  .axlessd-01 .ititle {
    margin-top: 0;
  }

  .axlessd-01 .post-thumbnail {
    max-width: 100%;
    width: 100%;
  }
}

/* #endregion */

/*------------------------------------------
    #MARK: JS POP CPT SLIDER 01
------------------------------------------*/
/* #region */

@media only screen and (max-width: 480px) {
  .js-pop-cpt-slider-01 .post-item {
    max-width: 250px;
    margin-inline: auto;
  }
}

/* #endregion */

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

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

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

  .frcontact-01 .items {
    display: flex;
    align-items: start;
    gap: 30px;
  }

  .frcontact-01 .dinfo .dtext {
    color: #fff;
  }

  .frcontact-01 .overlay-bg.bot {
    max-height: 48%;
  }

  .frcontact-01 .gform {
    padding: 30px 30px 40px;
    background-color: hsla(222, 98%, 18%, 1);
  }
}

@media only screen and (max-width: 480px) {
  .frcontact-01 .overlay-bg.bot {
    max-height: 40%;
  }

  .frcontact-01 .dtop {
    margin-bottom: 40px;
  }

  .frcontact-01 .dinfo {
    margin-top: 30px;
  }

  .frcontact-01 .copyright {
    margin-top: 100px;
  }
}

/* #endregion */

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

@media only screen and (max-width: 480px) {
  article.single-post .thumb-bg {
    height: 350px;
  }

  article.single-post .thumb-bg::after {
    border-left: 75px solid transparent;
    border-bottom: 75px solid var(--color1);
  }

  article.single-post .dtext img,
  article.single-post .thumb-bg {
    height: auto;
  }
}

/* #endregion */
