/* #region - -------------------------- GENERAL */

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

  section.element .wrap { padding: 30px 0; min-height: unset; }
  section.element .wrap[style] { padding: 30px 0 !important; }
  section.element .nwrap { padding: 0; }

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

  header .menu_wrap {  }
  header .menu-oc-right.opener {  }
  header .navbar-brand {  }
  .dtext br { display: none; }
  
  [data-margin] .btitle + .mtitle { margin-top: 10px; }

  .f-40 { font-size: 35px; }
  .f-22 { font-size: 20px; }
}  

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

  .f-60 { font-size: 40px; }
  .f-22 { font-size: 18px; }
  .f-40 { font-size: 30px; }
}

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

@media only screen and (max-width : 600px) { 
  .f-40 { font-size: 25px; }
  .mtitle br { display: none; }
  .btitle { letter-spacing: 2px; }
}

@media only screen and (max-width : 480px) { 
  .f-60 { font-size: 35px; }
}
  
/* #endregion */

/* #region - -------------------------- MAIN */

@media only screen and (max-width : 1440px) {
  .ctaopt-01 .wrap {
    padding: 116px 0 91px;
    background-color: #0F2642;
  }

  .ctaopt-01 .bg-img {
      opacity: 0.8;
      background-position: center 35%;
  }
}

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

  .icons-01 .row { margin-left: -15px; margin-right: -15px; }
  .icons-01 .row .col-md-4 { padding-left: 15px; padding-right: 15px; }

  ul.flexic.en60 { margin-left: -15px; margin-right: -15px; }
  ul.flexic.en60 li { padding-left: 15px; padding-right: 15px; }

  footer .wex.logo { margin-right: 0; }
  footer .liner { margin: 0; }
  footer .copyright { padding: 42px 15px; }
  footer .flexic { justify-content: space-between; }
  footer .wex.office .is-mobile { display: none; }
}


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

  header .navbar-brand { width: 150px; }

  .wex.office .dv { display: block; }

  footer .menu-links li { margin-bottom: 0; } 
  footer .copyright { align-items: center; flex-direction: column; gap: 10px; padding: 20px 15px; }
  footer .fx { gap: 80px; }

  .heroslider-01 .wrap { height: auto; }
  .heroslider-01 .hero-opt { padding: 50px 0; }
  .heroslider-01 .mtitle { padding-right: 5%; }
  
  .titleopt-02 ul.flexic.en60 { margin-top: 30px; }

  .js-collapse-01 .tab-content .dimage { flex: 0 0 50%; }
  .js-collapse-01 .tab-content .flexic { gap: 30px; }

  .icons-01.v2 .wrap { padding: 30px 0; }
  .icons-01.v2 .ntitle { margin-bottom: 40px; }

  .cardsflex-01 .div-link { padding: 0 0 0 30px; }

  .title-opt .dtext { margin-top: 20px; }

  footer .sel-menu ul.mv { border: 1px solid rgba(255,255,255,0.3); }
  footer .sel-menu .menu-item { font-size: 14px; }
  footer .menu-links.is-mobile li::before { filter: brightness(0) invert(1); }

  .cardsflex-02.is-team .wrap { padding: 30px 0; }
  .cardsflex-02.is-team .ititle br { display: none; }

  .serviceslist-01 .wrap {overflow: visible !important;}	

  .ctaopt-01 .wrap {aspect-ratio: unset;}
}

@media only screen and (max-width : 992px) {
  footer .wrap { padding: 30px 0 0; }
  footer .wex.logo { flex: 0 0 100%; margin-bottom: 30px; text-align: center; }
  footer .wex.contact { margin-bottom: 30px; }
  footer .fx { gap: 30px; flex-wrap: wrap; }
  footer .fx, footer .fx .wex { flex: 0 0 100%; }
  footer .wex.office { flex: 0 0 100%; }
  footer .menu-title, footer .ftitle { text-align: center; }
  footer .wex.office .dv { display: flex; flex-direction: column; align-items: center; }  

  footer .sc-div br { display: none; }
  footer .sc-div { flex-direction: row; gap: 10px; justify-content: center; }


  footer .flexic { padding-bottom: 20px; }

  footer .wex.office,
  footer .wex.contact { padding-top: 20px; }
} 

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

  [data-colwidth="9"] .hero-opt, 
  [data-colwidth="9"] .col-info { flex: 0 0 100%; max-width: 100%; }

  [data-colwidth="8"] .hero-opt, 
  [data-colwidth="8"] .col-info { flex: 0 0 100%; max-width: 100%; }

  .heroslider-01 .dtext { font-weight: 400; }
  .btn-2 span, .btn-1 span { font-size: 14px; }
  .heroslider-01 .btn-loop,
  .heroslider-01 .mtitle,
  .heroslider-01 .dtext { margin-top: 20px !important; }
  .heroslider-01 .hero-opt { max-width: 70%; }

  .icons-01 .col-md-4 { flex: 0 0 100%; max-width: 100%; }
  .icons-01 .div-link .dinfo { display: flex; gap: 30px; }
  .icons-01 .diconn { flex: 0 0 65px; }
  .icons-01 .wrap .ptext { margin-top: 10px; }
  .icons-01 .btn-loop { margin-top: 50px; }

  ul.flexic.en60 { flex-direction: column; gap: 30px; }
  ul.flexic.en60 li { flex: 0 0 100%; max-width: 100%; }

  .js-collapse-01 .ntabs { flex-direction: column; }
  .js-collapse-01 .ntabs .navi, .js-collapse-01 .acc-content .ihead { text-align: left; padding: 15px 0 20px; }
  .js-collapse-01 .ntabs .active .navi, .js-collapse-01 .acc-content .ihead  { border-bottom: 4px solid var(--color5); }
  .js-collapse-01 .ntabs .navi::after { opacity: 1; top: 30px; left: unset; right: 30px; border-top: 14px solid white; }
  .js-collapse-01 .ntabs .active .navi::after { border-top: 14px solid var(--color5); }
  .js-collapse-01 .tab-content .dimage,
  .js-collapse-01 .acc-content .dimage { flex: 0 0 100%; }
  .js-collapse-01 .tab-content .flexic { gap: 10px; }
  .js-collapse-01 .wrap .pad { padding: 30px 0; }
  .js-collapse-01 .desktop-ver {display: none;}
  .js-collapse-01 .mobile-ver {display: block;}

  .ctaopt-01 .dtext { max-width: 100%; }

  .ititle { font-size: 20px; }

  .serviceslist-01 {
    position: sticky !important;
    top: 64px;
    z-index: 99;
  }
  .serviceslist-01 .wrap{ padding: 15px 0 !important;}
  .serviceslist-01 .desktop-ver {display: none;}
  .serviceslist-01 .mobile-ver {display: block;}

  .cardsflex-02.v2 .ititle {margin-top: 15px;}
}

@media only screen and (max-width : 767px) { 
  
  .cardsflex-01 .flexic { gap: 30px; }
  .cardsflex-01 .flex-item { flex: 0 0 100%; max-width: 100%; }
  .cardsflex-01 .ptext { margin-top: 10px; }
  .cardsflex-01 .abtn-loop { margin-top: 30px; }

  .js-collapse-01 .ntabs .nav-item .ititle { font-size: 20px; }
  .js-collapse-01 .tab-content .dinfo .ititle { font-size: 30px; }
  .ctaopt-01 .hero-opt { max-width: 67%; }
  .ctaopt-01 .btn-loop { margin-top: 30px; }

  .ctaopt-01.v2 .hero-opt { max-width: 100%; }
}

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

  .heroslider-01 .mtitle { padding-right: 0; }
  .heroslider-01 .hero-opt { max-width: 100%; }
  .heroslider-01 .owlbtn { display: none; }

  .js-collapse-01 .tab-content .dimage { height: 300px; }
  .js-collapse-01 .tab-content .dinfo .ititle { font-size: 25px; }
  .js-collapse-01 ul.en10,
  .js-collapse-01 .tab-content .dinfo .dtext { margin-top: 20px; }

  .icons-01.v2 .diconn { flex: 0 0 48px; }

  .ctaopt-01 .hero-opt { max-width: 100%; }
  .ctaopt-01 .dtext { margin-top: 20px; }
  .ctaopt-01 .bg-img { opacity: 0.5; }

}

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

  .heroslider-01 .overlay.color { background: linear-gradient(270deg, rgba(0, 0, 0, 0.30) 31.04%, rgba(0, 0, 0, 0.70) 100%); }

  footer .copyright .dflex { flex-direction: column; }
  footer .copyright .dflex .copy + .sep  { display: none; }
  footer .sc-div { margin-top: 10px; }
  footer .wex.office li { margin-bottom: 10px; }

  
} 
  
/* #endregion */

/* #region - -------------------------- .element */

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

}  

@media only screen and (max-width : 1024px) { 
  .nnmodal .pad { padding: 30px; }
  .nnmodal .dinfo { padding: 0px; }
  .nnmodal .flexic { gap: 30px; }
  .nnmodal .close { top: 10px; right: 10px; }

  .nnmodal .dinfo .mtitle br { display: none; }
  .nnmodal .dinfo .mtitle { font-size: 30px; line-height: 1.3; margin-top: 20px !important; }
  .nnmodal .dtext { font-size: 18px; line-height: 1.5; margin-top: 20px; }
}

@media only screen and (max-width : 992px) { 
  .nnmodal .dinfo,
  .nnmodal .gform.en { margin: 0 auto; max-width: 600px; flex: 0 0 100%; }
}

@media only screen and (max-width : 800px) { 
  .nnmodal.job .gtitle,
  .nnmodal .dinfo .mtitle { font-size: 25px; }
  
}

@media only screen and (max-width : 767px) { 
  .nnmodal.job .gtitle { padding-bottom: 20px; }
  .nnmodal.job .gform.en .gform_wrapper { margin-top: 20px; }
  .gform.en .gfield--type-fileupload { margin-top: 10px; }
  .job .gform.en .gform_wrapper.gravity-theme .gform_footer, 
  .job .gform.en .gform_wrapper.gravity-theme .gform_page_footer { margin-top: 20px; padding-top: 20px; }
}

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

@media only screen and (max-width : 480px) { 
  .nnmodal .pad { padding: 20px; }
  .gform.en .gf-stepper { padding: 0 0 20px; }
  .gform.en .gf-step span { display: none; }
  .gform.en .gf-circle { width: 40px; height: 40px; line-height: 40px; }
  .nnmodal .gform.en .gf-step-label { text-align: center; }
  .gform.en .gf-step-title { margin-left: 0; display: block; }
  .gform.en .gform_wrapper.gravity-theme .gform_page_footer { padding-top: 30px; padding-bottom: 30px; margin-top: 30px; }
}

/* #endregion */


/* #region - -------------------------- .element */

@media only screen and (max-width : 1300px) { 
  .gpie { flex: 0 0 450px; max-width: 450px; height: auto; }
  .wheel-container { width: 450px; height: 450px; }
  .rowxgraph-01 .dinfo { flex: 1; }
  .rowxgraph-01 .flexic { gap: 40px; }
}

@media only screen and (max-width : 1200px) { 
  .titlehero-01 .flexic { gap: 20px; }
  .titlehero-01 .d-info { flex: 1; padding: 20px 0; }
}  

@media only screen and (max-width : 1180px) { 
  .post-member .flexic { gap: 40px; }
  .post-member .dabout { flex: 1; }

  .services-01.v2 .flexic,
  .services-01 .flexic { gap: 30px; margin-top: 30px; }
  .services-01.v2 .attributes,
  .services-01 .attributes { flex: 0 0 49%; }

  .services-01.v2 .help,
  .services-01 .help { flex: 1; }
}

@media only screen and (max-width : 1024px) { 
 
  .title-opt [data-colwidth] .hero-opt, 
  .title-opt [data-colwidth] .col-info { flex: 0 0 100%; max-width: 100%; }

  .titlehero-01 .d-title { flex: 1; }
  .titlehero-01 .d-title br { display: none; }
  

  .icons-01.imore .wrap { padding: 30px 0; }
  .icons-01.imore .row { margin-left: -15px; margin-right: -15px; }
  .icons-01.imore .row .col-md-3, .icons-01.imore .row .col-md-4, .icons-01.imore .row .col-md-6 { padding-left: 15px; padding-right: 15px; }
  .title-opt .btn-loop { margin-top: 30px; }

  .icons-01.ver-4 .row { margin-left: -15px; margin-right: -15px; row-gap: 30px; }
  .icons-01.ver-4 .row .col-md-3, .icons-01.ver-4 .row .col-md-4, .icons-01.ver-4 .row .col-md-6 { padding-left: 15px; padding-right: 15px; }

  .icons-01.ver-2 .row { margin-left: -15px; margin-right: -15px; row-gap: 30px; }
  .icons-01.ver-2 .row .col-md-3, .icons-01.ver-2 .row .col-md-4, .icons-01.ver-2 .row .col-md-6 { padding-left: 15px; padding-right: 15px; }

  .icons-01.ver-3 .row { margin-left: -15px; margin-right: -15px; row-gap: 30px; }
  .icons-01.ver-3 .row .col-md-3, .icons-01.ver-3 .row .col-md-4, .icons-01.ver-3 .row .col-md-6 { padding-left: 15px; padding-right: 15px; }

  #menu-oc-right .main-menu .navbar-nav .nav-link::before { display: none; }
  .mobile-menu .menu-item { padding: 20px 0px; }
  #menu-oc-right .dropdown-menu .menu-item { background-color: rgba(0, 0, 0, 0.01); }
  #menu-oc-right .menu-item a { text-transform: uppercase; }
  

  .gcpt-01 .mtitle br { display: none; }
  .gcpt-01 .dinfo { margin-bottom: 30px; }

  .gcpt-01 .col-md-3 { flex: 0 0 33%; max-width: 33%; }
  .gcpt-01 .row { row-gap: 30px; }

  .colinsuu-01 .btn-loop,
  .colinsuu-01 .col-info { margin-top: 30px; }
  .colinsuu-01 .col-info iframe { height: 500px; }

  .post-member .wrap { padding: 30px 0; }
  .post-member .position { margin-top: 5px; }
  .post-member .dtext { margin-top: 30px; }
  .post-member .email { margin-top: 10px; }
  .post-member .div-back { padding: 30px 0; }

  .cardsflex-02 .div-link,
  .cardsflex-02.v2 .div-link { padding: 20px; }

  .cardsflex-02.is-team .ititle::before { left: -20px; }

  .titlehero-01 .btn-loop { margin-top: 20px; }
  .titlehero-01.ver-2 .dtext { font-size: 18px; }
  .titleopt-01.ver-2 .dtext { margin-top: 20px; }

  .titleopt-01.ver-3 .btn-loop { justify-content: center; }

  .titlehero-01 .ptext { font-size: 18px; }

  .listxtext-01 .numeric-item { gap: 20px; }
  .listxtext-01 .o-info { top: 70%; transform: translateY(-70%); }
  .listxtext-01 .ptext br { display: none; }
  .listxtext-01 .dtext { text-align: center; }

  .titleopt-01.ver-3 .btn-loop,
  .titleopt-01.ver-3 .dtext { margin-top: 25px; }


  .icons-01 .ntitle { margin-bottom: 30px; }
  .icons-01.ver-2 .ititle br { display: none; }


  .icons-01.ver-3 .wrap { padding: 30px 0; }

  .icons-01.ver-3 .ntitle { font-size: 35px; }
  .icons-01.ver-2 .wrap { padding: 30px 0; }
  .icons-01 .wrap .ptext br { display: none; }

  .serviceslist-01 .flexic { gap: 10px; }
  .serviceslist-01 .btn { padding: 5px 10px; }
  .services-01 .quote-item .dtext { padding: 40px 20px 20px; font-size: 18px; }

  .services-01 .help .btn-loop,
  .services-01 .help .dtext { margin-top: 20px; }
  .services-01 .help { padding: 30px; }

  .services-01.v2 .dtop .dtext { margin-top: 25px; }
  .services-01.v2 .dtop .htitle { margin-top: 30px; }
  .services-01.v2 .flexic { margin-top: 30px; }

  .rowxcontact-01 .flexic { flex-direction: column-reverse; justify-content: center; }
  .rowxcontact-01 .dinfo { padding: 0; text-align: center; }
  .rowxcontact-01 .dtext { font-size: 18px; margin-top: 25px; }
  .rowxcontact-01 .wrap .mtitle br { display: none; }
  .rowxcontact-01 .contact-col { flex: 0 0 100%; max-width: 700px; margin: 0 auto; }
  .rowxcontact-01 .overlay.color { background: rgba(0, 0, 0, 0.60); }

  .services-01 .atitle,
  .services-01.v2 .atitle { line-height: 1.4; }

  .ajaxp-01 [data-design="grid-1.0"] .title { padding-right: 0; }
  .ajaxp-01 .wrap .cat-links { margin-bottom: 30px; }

  .helplinks-01 .dtext, .helplinks-01 .ptext { margin-top: 15px; }
  .helplinks-01 a.div-link .read-more { margin-top: 20px; }
  .helplinks-01 .dinfo { gap: 30px; }
  .helplinks-01 .flexic { gap: 30px; }

  .single-post .page-inner .wrap { padding-top: 40px; }
  .single-post .content { width: 100%; padding: 40px 10px; }
  .single-post .container { max-width: 94%; }
  .single-post .dload { margin-top: 30px; }
  .single-post .post-title { margin-bottom: 30px; }
  .post-text h2, .post-text h3, .post-text h4 { margin: 40px 0 20px; }
  .post-text hr { margin: 30px 0; }
  .post-text .aligncenter { margin: 30px auto; }
}

@media only screen and (max-width : 992px) { 
  section.element .wrap { overflow: hidden; }
  .rowxcontact-01 .wrap .mtitle { font-size: 30px; }
  .cards-01 .dtext { margin-bottom: 30px; }
  .cards-01 .flexic { row-gap: 30px; }
  .cards-01 .wrap .flex-item { flex: 0 0 50%; max-width: 50%; }
}

@media only screen and (max-width : 900px) { 
  .listxtext-01 .n-cluster { padding-top: 0px; }
  .listxtext-01 .o-info { position: relative; top: unset; transform: none; }
  .listxtext-01 .o-div { display: none; }
  .listxtext-01 .numeric-item { flex-direction: column; padding: 30px 0; }
  .listxtext-01 .n-cluster { gap: 30px; }
  .listxtext-01 .numeric-item .o-info { padding-bottom: 0 !important; }
  .listxtext-01 .numeric-item:nth-child(2n) .o-1,
  .listxtext-01 .numeric-item:nth-child(2n+1) .o-2 { display: none; }
  .listxtext-01 .numeric-item:nth-child(even) { background-color: #f6f6f6; }
}



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

  .ctaopt-01.v2 { text-align: center; }
  .ctaopt-01.v2 .mtitle { line-height: 1.2; }

  .icons-01.imore .ititle { font-size: 20px; }

  .gcpt-01 .col-md-3 { flex: 0 0 50%; max-width: 50%; }

  .cardsflex-02.v2 .flexic { row-gap: 30px; }
  .cardsflex-02.v2 .wrap .flex-item { flex: 0 0 50%; max-width: 50%; }
  .cardsflex-02.v2 .wrap .flex-item br { display: none; }

  .icons-01.imore .row .col-md-3, .icons-01.imore .row .col-md-4, .icons-01.imore .row .col-md-6,
  .icons-01.ver-4 .row .col-md-3, .icons-01.ver-4 .row .col-md-4, .icons-01.ver-4 .row .col-md-6 {
    flex: 0 0 100%; max-width: 100%; 
  }

  .rowxgraph-01 .flexic { flex-direction: column; align-items: flex-start; }
  .rowxgraph-01 .dinfo { flex: 0 0 100%; }
  .rowxgraph-01 .wrap .dinfo { margin-left: 0; }

  .gpie { align-self: center; }

  .icons-01 .ntitle { font-size: 25px; }

  .icons-01.ver-3 .row .col-md-3, .icons-01.ver-3 .row .col-md-4, .icons-01.ver-3 .row .col-md-6 { flex: 0 0 50%; max-width: 50%; }
  .icons-01.ver-3 .ititle br { display: none; }

  .icons-01.ver-3 .ntitle { font-size: 25px; }
  .services-01 hr { margin: 25px 0; }
  .services-01.v2 li br { display: none; }

  .resourcelinks-01 .btn-loop { gap: 14px; }
  .resourcelinks-01 .btn-loop .btn-2 { padding: 10px 15px; min-width: 100%; }

  .helplinks-01 .dinfo { align-items: flex-start; }
  .helplinks-01 .ititle { font-size: 25px; }
  .helplinks-01 .ititle br { display: none; }

  .single-post .dtitle { font-size: 30px; }

}

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

  .titlehero-01 .flexic { flex-direction: column; align-items: center; }
  .titlehero-01 .liner { width: 100px; height: 1px; }
  .titlehero-01 .d-info { padding: 0; text-align: center; }
  .titlehero-01 .mtitle { text-align: center; line-height: 1.2; }
  .titlehero-01 .btn-loop { width: 100%; justify-content: center; }

  .icons-01 .pad { padding: 10px 0 0; }
  .icons-01.imore .wrap .ptext,
  .icons-01 .wrap .ptext { margin-top: 10px; }

  .post-member .flexic { flex-direction: column; gap: 20px; }
  .post-member .dimage { max-width: 100%; flex: 1; }
  .post-member .dimage .div-bg { max-width: 360px; margin: 0 auto; }
  .post-member .position,
  .post-member .email { text-align: center; }
  .post-member .name { display: block; text-align: center; }

  .cardsflex-02.v2 .wrap .flex-item { flex: 0 0 100%; max-width: 100%; }

  .cardsflex-02.is-team .flexic { margin: 0 -15px !important; row-gap: 30px; }
  .cardsflex-02.is-team .flex-item { padding: 0 15px !important; }

  .rowxgraph-01 .dinfo .ititle { font-size: 25px; }
  .rowxgraph-01 .dtop { margin-bottom: 25px; }

  .listxtext-01 .ititle { text-align: center; }

  .services-01 ul.en18a { margin-top: 25px; }
  .services-01.v2 .attributes,
  .services-01 .attributes { flex: 0 0 100%; }

  .services-01 ul li br { display: none; }
  .services-01 .quotes { max-width: 90%; margin: 0 auto; }
  .services-01 .htitle { font-size: 22px; }

  .rowxcontact-01 .contact-col .gform { min-height: unset; padding: 30px 30px 0; }

  .single-post .dtitle { font-size: 30px; }
  .post-text img { width: 100%; }
  .single-post .container { max-width: calc(100% - 20px); }

  .title-opt .editors { margin: 30px -15px 0; gap: 25px; }
  .title-opt .editors .dtext { flex: 0 0 100%; padding: 0 15px; }

  .helplinks-01 .cnt { margin-top: 25px; padding-top: 25px; } 
}

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

  .cardsflex-02 .div-link { padding: 25px; }

  .post-member .name { font-size: 22px; }

  .cardsflex-02.is-team .flex-item { flex: 0 0 100%; max-width: 100%; }
  .cardsflex-02.is-team .ititle::before { left: -25px; }
  .cardsflex-02.is-team .ititle br { display: none; }

  .listxtext-01 .ititle span { font-weight: 300; margin-right: 6px; background-color: var(--color5); font-size: 16px; color: white; border-radius: 100%; }
  .listxtext-01 .ititle span { justify-content: center; align-items: center; display: flex; width: 50px; height: 50px; margin:0 auto 10px;  }
  .listxtext-01 .ititle { text-align: center; }

  .icons-01 .ntitle { margin-bottom: 30px; font-size: 22px; }
  .icons-01.ver-4 .ititle { font-size: 20px; }

  .icons-01.ver-3 .row .col-md-3, .icons-01.ver-3 .row .col-md-4, .icons-01.ver-3 .row .col-md-6 { flex: 0 0 100%; max-width: 100%; }
  .icons-01.ver-3 .ntitle { margin-bottom: 30px; }

  .cardsflex-01 .mtitle { margin-bottom: 30px; }

  .services-01.v2 ul,
  .services-01 ul { margin-bottom: 0; }  
  .services-01.v2 .attributes { margin-top: 0; }
  .serviceslist-01 .btn { text-align: left; border-radius: 6px; max-width: 330px; }
  .serviceslist-01 .btn span { line-height: 1.4; }

  .rowxcontact-01 .wrap .mtitle { font-size: 25px; }
  .gform.en .gf-step-title, .gform.en .gf-step-label { font-size: 18px; }

  .helplinks-01 .dinfo { flex-wrap: wrap; }
  .helplinks-01 .dimage { flex: 0 0 100%; }

  .post-text h2 { font-size: 30px; }
  .post-text h3 { font-size: 25px; }
  .post-text h4 { font-size: 22px; }

  .cards-01 .wrap .flex-item { flex: 0 0 100%; max-width: 100%; }
}

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

  
  .title-opt .btn-loop { gap: 15px; }

  .gcpt-01 .col-md-3 { flex: 0 0 100%; max-width: 100%; }

  .gpie { flex: 0 0 100%; max-width: 100%; width: 100%; }
  .wheel-container { width: 100%; height: auto; }

  .services-01 .quotes { max-width: 95%; }
  .services-01 .help { padding: 30px 20px; }

  .gform.en .gform_wrapper.gravity-theme .gfield input, 
  .gform.en .gform_wrapper.gravity-theme .gfield select, 
  .gform.en .gform_wrapper.gravity-theme .gfield textarea { padding: 10px 15px !important; height: 50px; }
  .services-01 .quote-item .dtext { padding: 40px 15px 20px; }

  .helplinks-01 .ititle { font-size: 20px; line-height: 1.4; }
  
  .gform.en .gf-step:not(:last-child)::after { top: 17px; } 
}

/* #endregion */

/*------------------------------------------
    #MARK: INTERNAL QA EDITS 26/11/2025
------------------------------------------*/
/* #region */
@media only screen and (max-width: 992px) {
  footer .wex.quicklinks {
    flex: 0 0 100%;
    margin-bottom: 30px;
    text-align: center;
  }

  footer .sc-div {
    flex-direction: row;
    gap: 10px;
    justify-content: flex-start;
  }

  footer .ftitle {
    text-align: left;
  }

  footer .liner {display: none;}

  footer .flexic {justify-content: center; column-gap: 60px;}

  footer .wex.contact-1 .sc-before.sc-ba, 
  footer .wex.contact-2 .company-email:last-of-type .sc-before.sc-ba,
  footer .wex.contact-2 .company-phone .sc-before.sc-ba {font-weight: bold;}

  footer .company-email {word-break: break-word;}

  footer .wex.contact {
    max-width: 40%;
    flex: 0 0 40%;
  }
}

@media only screen and (max-width: 360px) {
  footer .wex.contact {
    max-width: 100%;
    flex: 0 0 100%;
  }
}