/* #region -------------------------- ROOT */
@media only screen and (max-width : 1024px) { 
  :root {
    --h1: 48px;
    --h2: 36px;
    --h3: 28px;
    --h4: 22px;
    --h5: 21px;
  }
} 
@media only screen and (max-width : 767px) { 
  :root {
    --h1: 38px;
    --h2: 32px;
    --h3: 24px;
    --h4: 21px;
    --h5: 18px;
  }
} 
@media only screen and (max-width : 480px) { 
  :root {
    --h1: 28px;
    --h2: 24px;
    --h3: 22px;
  }
} 
/* #endregion */

/* #region - -------------------------- GENERAL */
@media only screen and (max-width : 1060px) {
  section.element .wrap { padding: 30px 0; }
  section.element .nwrap { padding: 0; }
}
@media only screen and (max-width : 1024px) { 
  .element.no-br br { display: none; }
  .navbar-brand {
    max-width: 150px;
  }
  .main-menu .navbar-nav {
    gap: 20px !important;
  }
  .main-menu .navbar-nav .nav-link {
    padding-top: 0 !important;
    padding-bottom: 10px !important;
  }
  .menu-toggle.text-right {
    margin-bottom: 30px;
  }
  .menu-oc-right.closer svg {
    width: 25px;
  }
  .mobile-menu .dropdown-menu .menu-item a {
    opacity: 1;
  }
  .mobile-menu .dropdown-menu .menu-item {
    background: transparent;
  }
  a.m-toggler.dflex-center {
    background: var(--color1);
  }
  .footer-0 .main-menu {
    display: none;
  }
  .footer-0 .footer-menu .mv.is-mobile {
    display: block;
    margin-bottom: 15px;
    border: 1px solid #fff;
    color: #fff;
  }
}  
@media only screen and (max-width : 991px) { 
  .footer-0 .social-icons .soc-link {
    justify-content: flex-end;
  }
  .footer-0 .logo-wrap {
    padding-right: 15px;
  }
}
@media only screen and (max-width : 767px) { 
  .footer-0 .footer-logo {
    max-width: 250px;
  }
  .footer-0 .wrap {
    padding: 30px 0;
  }
  .footer-0 .copyright {
    padding-top: 30px;
    margin-top: 15px;
  }
}

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

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

/* #region - -------------------------- OVERALL */
@media only screen and (max-width : 1440px) {
  .fire-element.design-1 .overlay.top,
  .ajaxp-01.design_2 .overlay.img {
    height: 887px;
  }
  .fire-element.design-1 .overlay.bottom {
    height: 581px;
  }
  .qslider-01 .overlay.bg {
    height: 584px;
  }
  .rowstack-01 .overlay.top {
    height: 533px;
  }
  .rowstack-01 .overlay.bottom,
  .rowmedia-05.design_2 .overlay.img1,
  .ajaxp-01.design_1 .overlay.img {
    height: 581px;
  }
  .ajaxc-01 .main-bg {
    height: 891px;
  }
}
@media only screen and (max-width : 1280px) {
  .qslider-01 .wrap {
    overflow: hidden;
  }
  .qslider-01 .owlprev {
    left: 15px !important;
  }
  .qslider-01 .owlnext {
    right: 15px !important;
  }
  .rowmedia-03 [data-rtl="0"] .content-wrap {
    padding-left: 30px;
  }
  .rowmedia-03 [data-rtl="1"] .content-wrap {
    padding-right: 30px;
  }
}
@media only screen and (max-width : 1060px) {
  .heroopt-01 .wrap {
    min-height: 600px;
  }
  .p-text-01.white-text .wrap {
    min-height: 300px;
  }
  .heroopt-02 .wrap {
    min-height: 450px;
  }
  .heroopt-02 .overlay.color {
    pointer-events: none;
    z-index: 0;
    opacity: 0.8;
  }
  .rowmedia-03 .content-wrap {
    padding: 50px !important;
    background: #F4EFEB;
  }
  .rowmedia-03 .img-wrapper img {
    position: static;
    margin-top: 0;
    height: 100%;
    object-fit: cover;
  }
  .rowmedia-03 .content-wrap:before {
    content: unset;
  }
  .rowmedia-03 [data-rtl="0"] .content-wrap {
    right: 15px;
  }
  .rowmedia-03 [data-rtl="1"] .content-wrap {
    left: 15px;
  }
}
@media only screen and (max-width : 1024px) { 
  .p-text-01 .mtitle,
  .rowmedia-02 .maintitle,
  .rowmedia-03 .dinfo .mtitle {
    font-size: var(--h2);
  }
  .qslider-01 .inner-wrap {
    padding: 45px 65px;
  }
  .ajaxc-01 .inner-wrap .member-img {
    height: 240px;
  }

  .cta-02 .iwrap {padding: 60px 40% 60px 20px;}
  .cta-02 .dinfo {max-width: 450px;}
}
@media only screen and (max-width : 991px) {
  .rowposter-01 .dinfo {
    max-width: 100%;
  }
}
@media only screen and (max-width : 800px) { 
  .cardsflex-01 .flex-item {
    flex: 0 0 auto !important;
    max-width: 50% !important;
    width: 100%;
  }
  .cardsflex-01 .flexic {
    margin: 0 !important;
    gap: 30px 0;
  }
  .heroopt-02 .bg-media {
    mask-image: unset;
    max-width: 100%;
  }
  .heroopt-02 .overlay.img-1 {
    max-width: 100%;
  }
  .heroopt-02 .img-1:before {
    content: unset;
  }
}
@media only screen and (max-width : 767px) { 
  .p-text-01.white-text .wrap {
    min-height: 250px;
  }
  .heroopt-01 .dinfo.hero-opt {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .heroopt-01 .wrap {
    min-height: 400px;
    padding-bottom: 0 !important;
  }
  .heroopt-01 .inner-bottom {
    padding: 30px 15px;
  }
  .heroopt-01 .bottom-wrap {
    position: relative !important;
    align-self: flex-end;
    margin-top: 30px;
  }
  .titler-02 .dinfo.text-wrap,
  .rowmedia-01 .dtext,
  .rowmedia-03 .dinfo,
  .rowstack-01 .tabs-wrap,
  .bio-fc .dinfo {
    max-width: 100%;
  }
  .titler-02 .mtitle,
  .titler-02 .atitle,
  .cardsflex-01 .maintitle,
  .p-text-01 .mtitle,
  .cards-01 .maintitle,
  .rowmedia-02 .maintitle,
  .colaccordion-01 .maintitle,
  .iconflex-01 .maintitle,
  .iconflex-02 .maintitle,
  .ajaxp-01.design_1 .maintitle,
  .single-tribe_events .tribe-events-schedule,
  .single-tribe_events .tribe-events-event-image {
    margin-bottom: 30px !important;
  }
  .titler-02 .atitle,
  .colaccordion-01 .bitems,
  .colaccordion-01 .d-link {
    margin-top: 30px;
  }
  .rowmedia-01 .dinfo {
    margin: 0 !important;
  }
  .rowmedia-01 .below-wrap .info-content {
    max-width: calc(100% - 165px);
  }
  .rowmedia-01 .below-wrap {
    margin-top: 30px;
    padding-top: 30px;
  }
  .rowmedia-01 .cc img.d-popmedia {
    height: 570px;
    width: 100%;
    max-width: 470px;
    object-fit: cover;
  }
  .rowmedia-01 .img-wrapper {
    text-align: center;
  }
  .qslider-01 .ctext {
    font-size: 16px;
  }
  .iconflex-01 .flexic,
  .iconflex-02 .flexic {
    row-gap: 30px;
  }
  .iconflex-01 .flex-item,
  .iconflex-02 .flex-item {
    flex: 0 0 auto;
    max-width: 50%;
  }
  .rowmedia-03 .content-wrap {
    position: static;
    margin: 0 15px;
    padding: 30px !important;
  }
  .rowmedia-03 .img-wrapper {
    text-align: center !important;
  }
  .rowstack-01 .box-wrap.blue {
    padding: 30px;
    margin: 30px 0;
  }
  .rowmedia-05 .img-wrapper {
    text-align: center !important;
  }
  .rowmedia-05.design_2 .above-wrap {
    gap: 30px;
    margin-bottom: 30px;
    flex-wrap: wrap;
  }
  .rowmedia-05.design_1 .above-wrap {
    padding-bottom: 30px;
    margin-bottom: 30px;
    flex-wrap: wrap;
    gap: 30px;
  }
  .bio-fc {
    padding: 70px 50px !important;
  }
  .fancybox__viewport {
    max-height: 100% !important;
  }
  .post-type-archive-tribe_events .tribe-common-l-container,
  .single-tribe_events #tribe-events-pg-template,
  .single-tribe_events .event-accordion .inner-wrap {
    padding: 30px 15px !important;
  }

  .cta-02 .dinfo {max-width: 350px;}
}

@media only screen and (max-width : 600px) { 
  .cta-02 .top-media {
    max-width: 70.675%;
  }

  .cta-02 .overlay.color {background: #fff; opacity: .7;}
  
}
@media only screen and (max-width : 480px) { 
  .cardsflex-01 .flex-item,
  .rowmedia-01 .below-wrap .info-content,
  .iconflex-01 .flex-item,
  .iconflex-02 .flex-item {
    max-width: 100% !important;
  }
  .rowmedia-01 .below-wrap {
    flex-direction: column;
    align-items: center;
  }
  .ajaxp-01 .post-info {
    position: static;
    max-width: 100%;
    padding: 20px;
  }
  .ajaxp-01 .btn-link {
    position: relative;
    padding: 20px;
    bottom: 0;
    left: 0;
  }
  .ajaxc-01 .inner-wrap .member-img, 
  .ajaxc-01 .inner-wrap .member-info, 
  .ajaxc-01 .inner-wrap .btn-text {
    position: static;
  }
  .ajaxc-01 .member-info {
    margin: 30px 0;
    order: 2;
    max-width: 100%;
  }
  .ajaxc-01 .btn-text {
    order: 3;
  }
  .ajaxc-01 .inner-wrap .member-img {
    order: 1;
    margin: auto;
    width: 100%;
    object-fit: cover;
    object-position: top;
  }
  .ajaxc-01 .inner-wrap {
    display: flex;
    flex-direction: column;
  }
  .ajaxc-01 .cpt {
    height: 100%;
    padding: 30px !important;
  }
} 
/* #endregion */