/* #region -------------------------- ROOT */

@media only screen and (max-width : 1200px) { 
  :root {
    --h1: 60px;
  }
}

@media only screen and (max-width : 1024px) { 
  :root {
    --h2: 44px;
  }
}

@media only screen and (max-width : 992px) { 
  :root {
    --h1: 48px;
    --h4: 27px;
    --h3: 27px;
  }
}

@media only screen and (max-width : 800px) { 
  :root {
    --h2: 36px;
    --h4: 27px;
  }
}

@media only screen and (max-width : 600px) { 
  :root {
    --h1: 35px;
    --h4: 20px;
  }
}

@media only screen and (max-width : 540px) { 
  :root {
    --h1: 35px;
    --h4: 20px;
  }
}

@media only screen and (max-width : 480px) { 
  :root {
    --h2: 32px;
  }
}


  /*
    :root {
      --h1: 80px;
      --h2: 54px;
      --h3: 44px;
      --h4: 32px;
      --h5: 24px;
      --h6: 18px;
    }
  */

/* #endregion */

/* #region -------------------------- GENERAL */

@media only screen and (max-width : 1024px) { 

  section.element .nwrap { padding: 0; }
  section.element .wrap { padding: 30px 0; }
  .btn.btn-1,
  .btn.btn-2 { background-color: transparent; }
  .btn.btn-1 span,
  .btn.btn-1:hover span { color: var(--color3); }
  .btn.btn-2 span, 
  .btn.btn-2:hover span { color: var(--color4); }
  
  

  header .menu_wrap { padding: 5px 0; }

  .btitle { font-size: 17px; }
  .mtitle + .dtext { margin-top: 15px; }
  .mtitle + .btn-loop, .dtext + .btn-loop { margin-top: 20px; }
}  

@media only screen and (max-width : 992px) { 
  .element .top-alert .owl-bg { width: 100%; }
  .element .top-alert .owl-bg .item { padding: 0 20px; height: 100%; }
  .element .top-alert .owl-prev { left: 0; }
  .element .top-alert .owl-next { right: 0; }
  .element .top-alert .owl-prev,
  .element .top-alert .owl-next { top: 50%; transform: translateY(-50%); }
  .element .top-alert .svg-close { display: none; }
  body #top-ticker { height: auto; }
  body .top-alert .owl-bg .item { letter-spacing: 1px; }
  .element .top-alert .owl-carousel .owl-stage { display: flex; align-items: center; }
  .js-collapse-01.no-br br { display: none; }
}

@media only screen and (max-width : 480px) { 
  .element.no-br br { display: none; }
}

/* #endregion */

/* #region -------------------------- HEADER */

@media only screen and (max-width : 1024px) { 
  header .navbar-brand { width: 85px; }
  header .mobile-menu .navbar-nav { margin: 25px 0; }
}  

/* #endregion */

/* #region -------------------------- FOOTER */

@media only screen and (max-width : 1024px) { 
  footer .company-address,
  footer .company-phone .sc-div { margin-bottom: 8px; }

  footer .ff.flexic { gap: 30px; }
  footer .fcol-1 { max-width: 250px; }
  footer .fcol-2 { flex: 1; }
}  

@media only screen and (max-width : 992px) { 
  footer .wrap { padding: 30px 0 80px; }
}

@media only screen and (max-width : 991px) { 
  footer .footer-menu { flex: 0 0 33%; }
  footer .dinfo { justify-content: flex-start; gap: 30px; }
}

@media only screen and (max-width : 767px) { 
  footer .footer-menu { flex: 0 0 25%; }
  footer .fcol-1 { max-width: 100%; }
  footer a.top { display: none; }
  footer .ff.flexic { flex-direction: column; }
  footer .dinfo { justify-content: center; text-align: center; }
  footer .social-icons { justify-content: center; }
  footer .footer-menus .flexic { row-gap: 25px; }
}

@media only screen and (max-width : 600px) { 
  footer .footer-menu { flex: 0 0 33%; }
}

@media only screen and (max-width : 480px) { 
  footer .footer-menus .flexic { row-gap: 0; }
  footer .footer-menu { flex: 0 0 100%; }
  footer .menu-links a span { color: white; }
  footer.element .menu-item { color: var(--color7); }
  footer .ftitle { margin-bottom: 0; font-family: var(--font-1); color: var(--color7); }
  footer .ftitle { font-size: 15px; font-weight: normal; letter-spacing: 0; }
}

/* #endregion */

/* #region -------------------------- ALL */

@media only screen and (max-width : 1400px) {
  .slide-bg .prev-1 { left: 0; }
  .slide-bg .next-1 { right: 0; }
}

@media only screen and (max-width : 1024px) {
  .slide-bg .item, .slide-bg .slide { text-align: center; }
  .slide-bg .item .liner { margin: 0 auto 20px; }
}

@media only screen and (max-width : 991px) {
  [data-design="row"][data-custom*="v-align"] .row, 
  [data-design="row"][data-custom*="v-align"] .flexic {
    align-items: flex-start;
  }
  .custom-select-wrapper { z-index: 3; }
}

@media only screen and (max-width : 480px) {
  
}

/* #endregion */

/* #region - ------------------------- HERO OPT 01 */

@media only screen and (max-width : 1200px) { 
  .heroopt-01 .wrap { height: auto; padding: 80px 0; }
  .heroopt-01 .hero-opt { flex: 0 0 80%; max-width: 80%; margin: 0 auto; }
  .heroopt-01 .liner { margin: 30px auto; }
  .heroopt-01 .dinfo { text-align: center; }
}

@media only screen and (max-width : 1024px) { 
  section.heroopt-01 .wrap { padding: 80px 0; }
  .heroopt-01.sub .wrap { min-height: unset !important; }
}  

@media only screen and (max-width : 992px) {
  .heroopt-01 .hero-opt { max-width: 650px; }  
}

@media only screen and (max-width : 800px) {
  .heroopt-01 .wrap { height: 400px; }
}

@media only screen and (max-width : 600px) {
  .heroopt-01 .hero-opt { max-width: 88%; }  
}

@media only screen and (max-width : 480px) { 
  .heroopt-01 .hero-opt { max-width: 95%; }  
}
/* #endregion */

/* #region - ------------------------- SLIDER CARDS 01 */

@media only screen and (max-width : 1400px) {
  .slidercards-01 .owlbtn.btn-round img { filter: brightness(0) invert(1); }  
}

@media only screen and (max-width : 1200px) { 
  .slidercards-01 .dinfo .ctitle { max-width: 100%; }
}

@media only screen and (max-width : 1024px) {
  .slidercards-01 .col-info { padding: 0 15px; }
}

@media only screen and (max-width : 992px) { 
  .slidercards-01 .dinfo .ititle { font-size: 33px; }
}

@media only screen and (max-width : 480px) { 
  .slidercards-01 .dinfo .ititle { font-size: 40px; }
  .slidercards-01 .slide-bg { height: 400px; }
}

/* #endregion */

/* #region - ------------------------- SLIDER CARDS 02 */

@media only screen and (max-width : 1024px) {
  .slidercards-02 .item .pad { padding: 0 10px; }
  .slidercards-02 .slide-bg .item .liner { margin: 15px auto; }
  .slidercards-02 .slide-bg .owlbtn { border: none; }
  .slidercards-02 .col-info { margin-bottom: 0; }
}

/* #endregion */

/* #region - ------------------------- ROW REVIEW 01 */

@media only screen and (max-width : 1024px) {
  .greview .wp-gr .grw-header-inner, 
  .greview .wp-gr .grw-review-inner { padding: 10px 20px !important; margin: 0 10px !important; }
  .greview .wp-gr .grw-review .wp-google-feedback { max-height: 140px !important; }
  .greview .wp-gr:not(.wp-dark) .grw-review-inner.grw-backgnd { height: 100%;display: flex; flex-direction: column; justify-content: center;  }

  .rowreviews-01 .greview.btg { max-width: 110%; overflow: hidden; }
  .rowreviews-01 .text-header { justify-content: center; }
  .rowreviews-01 .text-header .fn-stars { margin-right: 0; }
}

@media only screen and (max-width : 992px) { 
  .rowreviews-01 .text-header { font-size: 15px; }
}

@media only screen and (max-width : 767px) { 
  .rowreviews-01 .greview.btg { padding: 0; }
  .rowreviews-01 .text-header { margin-bottom: 20px; }
  .rowreviews-01 .dinfo { text-align: center; }
}

@media only screen and (max-width : 480px) {
  .greview .wp-gr[data-layout="slider"] .grw-reviews { margin: 0 !important; }
  .greview .wp-gr .grw-btns.grw-prev svg, 
  .greview .wp-gr .grw-btns.grw-next svg { border: none !important; }
  .greview .wp-gr .grw-btns.grw-prev { left: -10px !important; }
  .greview .wp-gr .grw-btns.grw-next { right: -10px !important; }
}


/* #endregion */

/* #region - ------------------------- ROW MEDIA LIST 01 */

@media only screen and (max-width : 1024px) {
  .is-lists, .rowlist-01 .lists { margin: 20px 0 0; padding-right: 20px; }
  .rowlist-01 .wrap .row { align-items: flex-start; }
}

@media only screen and (max-width : 767px) { 
  .rowlist-01 .dimage { height: 400px; }
  .rowlist-01 .dimage img { object-fit: cover; height: 100%; object-position: top center; }
}

@media only screen and (max-width : 480px) { 
  .rowlist-01 .dimage { height: auto; max-height: 400px; }
  .is-lists, .rowlist-01 .lists { padding-right: 0; }
}

/* #endregion */

/* #region - ------------------------- ROW ACCORDION 01 */

@media only screen and (max-width : 1024px) {
  .rowaccordion-01 .dimage { max-width: 100%; }
  .rowaccordion-01 .dinfo { margin-bottom: 10px; }
  .rowaccordion-01 .pad { padding: 10px 0; }
  .rowaccordion-01 .item { padding: 20px 0; }
  .rowaccordion-01 .item:last-child { border: none; }
}

@media only screen and (max-width : 767px) { 
  section.rowaccordion-01 .wrap { padding-bottom: 5px; }
  .rowaccordion-01 .dimage { height: 400px; }
  .rowaccordion-01 .dimage img { object-fit: cover; height: 100%; object-position: top center; }
  .rowaccordion-01 .item { border-bottom: 1px solid rgba(114, 128, 146, 0.2); }
}

@media only screen and (max-width : 480px) { 
  .rowaccordion-01 .ihead .ititle { letter-spacing: 0.5px; }
}

/* #endregion */

/* #region - ------------------------- ICON LINK 01 */

@media only screen and (max-width : 1024px) {
  .iconlinks-01 .row { row-gap: 30px; }
  .icons .item { gap: 20px }
}

@media only screen and (max-width : 480px) {
  .iconlinks-01 .item .pad { padding: 0; }
}

/* #endregion */

/* #region - ------------------------- SLIDER LOGO 01 */

@media only screen and (min-width : 1439px) { 
  .sliderlogo-01 .owl-carousel.owl-drag .owl-item {
    width: auto !important;
  }
}

@media only screen and (max-width : 1438px) {
  .sliderlogo-01 .slide-bg .item { text-align: center; }
  .sliderlogo-01 .item { margin: 0 auto; }
  .sliderlogo-01 .is-grid .owlprev { left: 0; }
  .sliderlogo-01 .is-grid .owlnext { right: 0; }
}

@media only screen and (max-width : 1024px) {
  .sliderlogo-01 .dtop { margin-bottom: 20px; }
  .sliderlogo-01 .owl-dots { bottom: -30px; }
}

@media only screen and (max-width : 767px) {
  .sliderlogo-01 .item { padding: 0 10px; }
}

/* #endregion */

/* #region - ------------------------- GOOGLE REVIEWS */

@media only screen and (max-width : 1024px) {
  .rowgbiz-01 .dtop { margin-bottom: 30px; } 
  .rowgbiz-01 .btn-loop { margin-top: 30px; }
}

@media only screen and (max-width : 800px) {
  .greview.grid .wp-gr .grw-review, 
  .greview.grid .wp-gr .grw-row-x .grw-review { flex: 0 0 50%; }
  .greview.grid .wp-gr .grw-header-inner, 
  .greview.grid .wp-gr .grw-review-inner { padding: 10px !important; }
}

@media only screen and (max-width : 600px) { 
  .rowgbiz-01 .dlogo img { max-height: 50px; }
  .greview.grid .wp-gr .grw-review, 
  .greview.grid .wp-gr .grw-row-x .grw-review { flex: 0 0 100%; padding: 0 !important; }
  .greview.grid .wp-gr .grw-review .wp-google-feedback { height: auto !important; }
}

/* #endregion */

/* #region - ------------------------- JS COLLAPSE 01 */

@media only screen and (max-width : 1160px) {
  .js-collapse-01 [data-design*="tab-1"] .pad { padding: 0 20px; }
  .js-collapse-01 .dtop { margin-bottom: 20px; }
}

@media only screen and (max-width : 1024px) {
  .js-collapse-01 [data-design*="tab-1"] .ntabs li { padding: 15px 0; }
  .js-collapse-01 [data-design*="tab-1"] .ntabs li .ititle { font-size: 20px; }
  .js-collapse-01 [data-design*="tab-1"] .ntabs li a::after { width: 12px; height: 13px; }
  .js-collapse-01 [data-design*="tab-1"] .ntabs li.active .ititle { padding-left: 18px; }
}

@media only screen and (max-width : 767px) { 
  .js-collapse-01 [data-col="3-9"] .col1,
  .js-collapse-01 [data-col="3-9"] .col2 { flex: 0 0 100%; max-width: 100%; }
  .js-collapse-01 [data-design*="tab-1"] .pad { padding: 0; }

  .js-collapse-01 [data-design*="tab-1"] .ntabs li::after,
  .js-collapse-01 [data-design*="tab-1"] .ntabs li.active::after { display: none; }
  .js-collapse-01 [data-design*="tab-1"] .ntabs li:last-child,
  .js-collapse-01 [data-design*="tab-1"] .ntabs li { padding: 10px; border: 1px solid rgba(0,0,0,0.1); }

  .js-collapse-01 [data-design*="tab-1"] .ntabs li .ititle { font-size: 15px; }
  .js-collapse-01 [data-design*="tab-1"] .ntabs li a::after { display: none; }
  .js-collapse-01 [data-design*="tab-1"] .ntabs li.active .ititle { padding: 0; }

  .js-collapse-01 [data-design*="tab-1"] .ntabs { display: flex; gap: 10px; justify-content: center; flex-wrap: wrap; }
  .js-collapse-01 [data-design*="tab-1"] .ntabs { margin-bottom: 10px; }
}

@media only screen and (max-width : 767px) { 
  .js-collapse-01 [data-design*="tab-1"] .ntabs { gap: 5px; }
}

/* #endregion */

/* #region - ------------------------- SLIDER CTA 01 */

@media only screen and (max-width : 1024px) {
  .slidercta-01 .col-info { padding: 0 15px; }
}

@media only screen and (max-width : 800px) {
  .slidercta-01 .dinfo { padding: 0; max-width: 100%; }
  .slidercta-01 .slide-bg { height: auto; }
}

@media only screen and (max-width : 767px) { 
  .slidercta-01 .dimg { display: none; }
  .slidercta-01 .owl-dots { bottom: -15px; justify-content: center; margin: 0; }
  .slidercta-01 .pad { padding: 30px; }

  .slidercta-01 .owl-carousel button.owl-dot { background-color: var(--color3); opacity: 0.5; }
  .slidercta-01 .owl-carousel button.owl-dot.active { background-color: var(--color3); }
}

@media only screen and (max-width : 480px) { 
  .slidercta-01 .btitle { font-size: 20px; }
  .slidercta-01 .pad { padding: 15px; }
}

/* #endregion */

/* #region - ------------------------- CARDS STEP 01 */

@media only screen and (max-width : 1160px) {
  .cards-step-01 .wrap { padding: 30px 0; }
  .cards-step-01.bb .flexic { display: flex; flex-direction: row; row-gap: 20px; gap: 20px; }
    .cards-step-01.bb .flexic::before { display: none; }

  .cards-step-01.bb .steps { display: block; flex: 0 0 calc(50% - 20px); max-width: calc(50% - 20px); background-color: #F3F8FF;  }
  .cards-step-01.bb .steps .num { position: absolute; z-index: 3; }
  .cards-step-01.bb .steps .num { left: -10px; top: -10px; }

  .cards-step-01.bb .s-0 .item { top: 0; transform: none; }
  .cards-step-01.bb .step-1 .item { top: 0; }

  .cards-step-01.bb .item { position: relative; width: 100%; }  
    .cards-step-01.bb .item .arrowic { display: none; }
}

@media only screen and (max-width : 1024px) {
  .cards-step-01 .pad .ptext,
  .cards-step-01 .pad .dtext {
      margin-top: 20px;
  }
  .cards-step-01.bb .steps .num { width: 40px; height: 40px;  }
    .cards-step-01.bb .steps .num span { padding: 0; font-size: 24px; }
}

@media only screen and (max-width : 799px) { 
  .cards-step-01.bb .steps { display: block; flex: 0 0 calc(100%); max-width: calc(100%);  }
    .cards-step-01.bb .steps .num { display: none; }
}

@media only screen and (max-width : 600px) { 
  .cards-step-01.bb .steps .num { left: unset; top: -10px; right: 10px; }
  .cards-step-01 .pad { padding: 20px; }
    .cards-step-01 .pad .card-title { padding-right: 10px; margin-bottom: 10px; }
    .cards-step-01 .pad .ptext,
    .cards-step-01 .pad .dtext { margin-top: 10px; }
    .cards-step-01 .pad .card-title .ititle { line-height: 120%; }
}

/* #endregion */

/* #region - ------------------------- COLUMN LIST 01 */

@media only screen and (max-width : 1024px) {
  .clist-01 .dtop { margin-bottom: 20px; }  
}

@media only screen and (max-width : 992px) {
  .clist-01 .flex-item, 
  .clist-01 .flexic .item { flex: 0 0 50%; max-width: 50%; text-align: center; }
  .clist-01 .flexic .ititle { display: inline-block; width: auto; }
  .clist-01 .flexic .ititle { font-weight: normal;  line-height: 120%; }
}

@media only screen and (max-width : 600px) { 
  .clist-01 .flexic { row-gap: 10px; }
  .clist-01 .flex-item,
  .clist-01 .flexic .item { flex: 0 0 100%; max-width: 100%; }
  .clist-01 .flexic .ititle { padding:0 10px; }
  .clist-01 .flexic .ititle { font-size: 16px; background-size: 7px; background-position: 0px 6px; }
}

/* #endregion */

/* #region - ------------------------- BLOG 01 */

@media only screen and (max-width : 1024px) {
  section[data-axgrid] .wrap, 
  section[data-axpost] .wrap { padding: 30px 0 0; }

  body [data-axpost] .tax-links, 
  body [data-axgrid] .tax-links { padding-bottom: 0; }

  body [data-axpost] .ajx_btn, 
  body [data-axgrid] .ajx_btn { margin-top: 20px; padding: 20px 0 0; }
  
  .ajax_grid .ax-item { gap: 30px; }
  .ajax_grid .ax-item .post-thumb { flex: 1; }
  
  [data-axgrid] .pos-rel, 
  [data-axpost] .pos-rel { padding: 30px 0; }

  [data-axgrid] .dtop .btitle + .mtitle, 
  [data-axpost] .dtop .btitle + .mtitle { margin-top: 5px; }

  [data-axgrid] .dtop, 
  [data-axpost] .dtop { margin-bottom: 20px; }

  .ajax_grid .ax-item .post-title + .post-excerpt { margin-top: 10px; }
  [data-design="grid-1.0"] .post-excerpt { margin-bottom: 10px; }
}

@media only screen and (max-width : 767px) {
  .ajax_grid .ax-item { align-items: flex-start; }
  .ajax_grid .ax-item .post-info,
  .ajax_grid .ax-item .post-thumb { flex: 0 0 100%; max-width: 100%; }

  .ajax_grid .col-lg-12:nth-child(even) .post-link:hover .overlay.color,
  .ajax_grid .col-lg-12:nth-child(even) .overlay.color { opacity: 1; }
  .ajax_grid .post-link:hover .overlay.color { opacity: 0; }
  .ajax_grid .ax-item .post-thumb { height: 250px; }
}

@media only screen and (max-width : 540px) { 

}

/* #endregion */

/* #region - ------------------------- COLUMN ACCORDION 01 */

@media only screen and (max-width : 1024px) {
  .rowaccordion-01.colm .wrap { padding: 30px 0; }
}

@media only screen and (max-width : 992px) {
  .rowaccordion-01.colm .dinfo { flex: 0 0 100%; max-width: 100%; }
  .rowaccordion-01.colm .item { padding: 20px; }
  .rowaccordion-01.colm .pad { padding: 0 30px 0 0; }
  .rowaccordion-01 .ititle br { display: none; }
  .rowaccordion-01 .ititle { line-height: 110%; }
}

@media only screen and (max-width : 767px) {
  .rowaccordion-01.colm .item { padding: 20px 0; }
}

@media only screen and (max-width : 480px) {
  .rowaccordion-01 .ihead .ititle { padding-right: 10px; }
}

/* #endregion */

/* #region - ------------------------- GALLERY AJAX 01 */

@media only screen and (max-width : 992px) {
  .gallerymore-01 .flex-item { flex: 0 0 33%; max-width: 33%; }
}

@media only screen and (max-width : 767px) {
  .gallerymore-01 .flex-item { flex: 0 0 50%; max-width: 50%; }
}

/* #endregion */

/* #region - ------------------------- FORM CONTACT 01 */

@media only screen and (max-width : 1024px) {
  .gf-01 .pad { padding: 30px 20px; }
  .gf-01 .gform .gform_wrapper.gravity-theme .gform_fields { grid-column-gap: 15px; grid-row-gap: 15px; }
}

/* #endregion */

/* #region - ------------------------- ROW MEDIA 01 */

@media only screen and (max-width : 1024px) {
  .rowmedia-01 .mtitle br { display: none; }
  .rowmedia-01 .dtext p { margin-bottom: 20px; }

  .rowmedia-01.rm .wrap { padding: 30px 0; }
  .rowmedia-01.rm .mtitle + .dtext { margin-top: 20px; }
  
  .rowmedia-01 + .rowmedia-01 { background-color: #f5f5f5; }

  .rowmedia-01.ver-2 .btn-loop { margin-top: 25px; }
  .rowmedia-01.ver-2 .dinfo { margin-bottom: 0; }
  .rowmedia-01.ver-2 .dinfo { max-width: 100%; }
  .rowmedia-01.ver-2 .mtitle + .dtext { margin-top: 20px; }
  
  .rowmedia-01.rm .h4 { font-size: 30px; letter-spacing: 0.5px; }
}

@media only screen and (max-width : 767px) { 
  .rowmedia-01 .dimage { height: 300px; text-align: center; }
  .rowmedia-01 .dimage img { object-fit: cover; height: 100%; }
  .rowmedia-01.ver-3 img { max-width: 100%; }
}

/* #endregion */

/* #region - ------------------------- TITLE OPT 01 */

@media only screen and (max-width : 1200px) {
  .text-o-01 .col-info, 
  .titleopt-01 .col-info { flex: 0 0 100%; max-width: 100%; }
}

@media only screen and (max-width : 1024px) {
  .titleopt-01::before { border-bottom: 1px solid rgba(0, 60, 136, 0.3); position: absolute;
  bottom: 0; left: 50%; transform: translateX(-50%); content: ""; width: 40%; }
  .titleopt-01 .wrap .col-info { flex: 0 0 100%; max-width: 100%; }
  .design-1 .titleopt-01::before { opacity: 0; }

}

/* #endregion */

/* #region - ------------------------- SUB PAGE HERO 01 */

@media only screen and (max-width : 1024px) {
  .heroopt-01.sub .wrap { height: 250px; }
  .heroopt-01.sub .liner { margin: 20px auto; }
  .heroopt-01.sub .mtitle { margin-bottom: 0; }
  .heroopt-01.sub .dtext { margin-top: 0; }
}

/* #endregion */

/* #region - ------------------------- AJAX PROMO 01 */

@media only screen and (max-width : 1024px) {
  [data-axgrid] .cpt.promo .cpt-link { padding: 30px; gap: 30px; }
  [data-axgrid] .cpt.promo .cpt-title { font-size: 30px; }
  [data-axgrid] .cpt.promo .btn-loop { padding: 0; }
  [data-axgrid] .cpt.promo { min-height: unset; }
  .ajaxc-01.promo .wrap { padding: 30px 0; } 
}

@media only screen and (max-width : 480px) { 
  [data-axgrid] .cpt.promo .btn-loop { justify-content: center; }
}

/* #endregion */

/* #region - ------------------------- ICONS 01 */

@media only screen and (max-width : 1024px) {
  .icons .item { gap: 10px; }
  .icons .item .ititle { padding: 0 5px; letter-spacing: 0.5px; }
  .icons-01 .d-row.wtxt { gap: 20px; }
  .icons-01 .flexic { row-gap: 30px; }
  .icons-01 .dtop { margin-bottom: 30px; }

  .icons-01.icons .item .ititle { padding: 0; }
  .icons-01.icons .item .pad { padding-right: 15px; }

  .icons-01.box .wrap { padding: 30px 0; }
  .icons-01.box .wrap .flexic { row-gap: 20px; }
  .icons-01.box .flexic .pad { padding: 0 20px 0 0; }
  .icons-01.box .flexic.wtxt .pad { padding: 0px 20px 10px 0; }

  .icons-01 .btn-loop, .icons-01 [data-unshow*="bn"] .btn-loop { margin-top: 25px; }
}

@media only screen and (max-width : 992px) { 
  .icons-01 [data-ctr="4"] .flexic .flex-item { flex: 0 0 50%; max-width: 50%; }
}

@media only screen and (max-width : 767px) { 
  .icons-01 .wrap .flexic .flex-item { flex: 0 0 50%; max-width: 50%; }
  .icons-01 [data-ctr="2"] .flexic .flex-item { flex: 0 0 100%; max-width: 100%; }
  .icons-01.box .flexic { justify-content: flex-start; }
}

@media only screen and (max-width : 540px) { 
  .icons-01 .wrap .flexic .flex-item { flex: 0 0 50%; max-width: 50%; }
  .icons-01 .wrap .flexic.wtxt .flex-item { flex: 0 0 100%; max-width: 100%; }

  .icons-01 .flexic { row-gap: 25px; }
  .icons-01.icons .item { flex-direction: column; align-items: center; text-align: center; }
  .icons-01.icons .item .ititle { text-align: center; font-size: 21px; }
  .icons-01.icons .item .pad { padding: 0 15px; }
  .icons-01 .d-row.wtxt ul { padding-left: 0; display: flex; flex-wrap: wrap; gap: 15px; row-gap: 0px; justify-content: center; }
  .icons-01 .dtext ul li::before {  }
  .icons-01 .dtext ul li { padding: 0; }
  .icons-01 .d-row.wtxt { gap: 15px; }

  .icons-01.box .flexic .pad { padding: 0 10px; }
  .icons-01.box .wrap .flexic .flex-item { flex: 0 0 50%; max-width: 50%; }
  .icons-01.box .flexic.wtxt .pad { padding: 0px 20px 10px; }
  .icons-01.box .wrap .flexic.wtxt .flex-item { flex: 0 0 100%; max-width: 100%; }
}

@media only screen and (max-width : 480px) { 
  .gallerymore-01 .flex-item .item { height: 180px; }
}

/* #endregion */

/* #region - ------------------------- ICONS 02 */

@media only screen and (max-width : 1024px) {
  .icons-02 .flexic { row-gap: 30px; justify-content: flex-start; }
  .icons-02 .wrap .flex-item {  flex: 0 0 33%; max-width: 33%; }
  .icons-02 .dtop { margin-bottom: 20px; }
}

@media only screen and (max-width : 767px) {
 .icons-02 .wrap .flex-item { flex: 0 0 50%; max-width: 50%; }
 .icons-02 .flexic { justify-content: flex-start; }
}

@media only screen and (max-width : 480px) {
  .icons-02 .item .ititle { font-size: 20px; }
}

/* #endregion */

/* #region - ------------------------- CARDS 01 */

@media only screen and (max-width : 1024px) {
  .cards-01 .row { row-gap: 30px; justify-content: flex-start; }
}

/* #endregion */

/* #region - ------------------------- FORM ROW CONTACT 01 */

@media only screen and (max-width : 1024px) {
  .frcontact-01 aside { max-width: 100%; }
  .frcontact-01 aside .flexic { gap: 30px; }
  .frcontact-01 aside { padding: 30px 0; }
  .frcontact-01 aside .company-phone { display: flex; flex-direction: column; gap: 5px; }
  .frcontact-01 .gform { padding: 20px; }
  .frcontact-01 .gform .gform_wrapper.gravity-theme .gform_footer, 
  .frcontact-01 .gform .gform_wrapper.gravity-theme .gform_page_footer { margin: 25px 0 0; }
}

@media only screen and (max-width : 767px) {
  .frcontact-01 aside .navbar-brand { width: 125px; }
  .frcontact-01 .row { flex-direction: column-reverse; }
  .frcontact-01 .dinfo { margin: 0 auto; }
}

/* #endregion */

/* #region - ------------------------- ARTICLE */

@media only screen and (max-width : 1024px) {
  .single article { padding: 30px 0; }
  .single .rowmedia-01.rm .wrap { padding: 30px 0; }
  .single .post-thumb { min-height: unset; height: 300px; }
  .single .post-thumb img { height: 100%; object-fit: cover; }
  .single article .post-thumb[data-image="image-thumb"] { margin-bottom: 30px; }
  article .post-text { margin-top: 15px; }
}

@media only screen and (max-width : 600px) {
  article .post-text h1, 
  article .post-text h2, 
  article .post-text h3, 
  article .post-text h4 { margin: 30px 0 20px; letter-spacing: 0.5px; line-height: 120%;}

  article .post-text h2 { font-size: 32px; }
  article .post-text h3 { font-size: 28px; }
  article .post-text h4 { font-size: 26px; }
  article .post-text h5 { font-size: 22px; }

  article .post-text ol:last-child, 
  article .post-text ul:last-child, 
  article .post-text p:last-child { margin-bottom: 0; }
}

/* #endregion */