:root {
}

@media (max-width: 340px) {
  /*====================================== SECTION GROUP CLASESS - MAX MOBILE 340px ======================================*/
}

@media (max-width: 1024px) {
  img.icon-16 {
    width: 1rem;
    height: 1rem;
  }

  img.icon-24 {
    width: 1.125rem;
    height: 1.125rem;
  }

  img.icon-32 {
    width: 1.5rem;
    height: 1.5rem;
  }

  img.icon-48 {
    width: 2rem;
    height: 2rem;
  }

  select.form-control,
  input.form-control,
  textarea.form-control {
    font-size: 1rem;
  }

  .swiper-button-next,
  .swiper-button-prev {
    width: 2.25rem !important;
    height: 2.25rem !important;
  }

  .swiper-button-prev {
    left: 0.5rem;
  }

  .swiper-button-next {
    right: 0.5rem;
  }

  .form-group {
    /* margin-bottom: 1rem !important; */
  }

  .modal-body,
  .modal-footer {
    padding: 1rem;
  }

  .modal-header {
    padding: 1rem;
  }

  .swiper-button-next,
  .swiper-button-prev {
    top: 50%;
  }

  /*====================================== SECTION NAVBAR ======================================*/
  .container-nav .nav-menu {
    gap: 16px;
  }

  /*====================================== SECTION WORD ======================================*/

  .c-small {
    font-size: 0.625rem;
  }

  .modal-header .close {
    opacity: 1;
    top: 2px;
    right: 2px;
  }

  .modal-header .close span {
    font-size: 1rem;
  }
}

/*Phone View*/
@media (max-width: 767px) {
  html.no-scroll,
  body.no-scroll {
    overflow: hidden;
  }

  /*====================================== SECTION COMPONENT - Mobile General ======================================*/
  h1 {
    font-size: 2.25rem;
    line-height: 1.1;
  }

  h2 {
    font-size: 1.75rem;
    line-height: 1.25;
  }

  h3 {
    font-size: 1.5rem;
    line-height: 1.3;
  }

  h4 {
    font-size: 1.375rem;
    line-height: 1.35;
  }

  h5 {
    font-size: 1.25rem;
    line-height: 1.3;
  }

  h6 {
    font-size: 1.125rem;
    line-height: 1.35;
  }

  p {
    font-size: 1rem;
    line-height: 1.45;
  }

  .f-xxxl {
    font-size: 2.5rem !important;
  }

  .f-xl-2 {
    font-size: 2rem !important;
  }

  .f-xl {
    font-size: 1.75rem !important;
  }

  .f-l {
    font-size: 1.5rem !important;
  }

  .f-sl {
    font-size: 1.25rem !important;
    line-height: 1.3;
  }

  .f-m {
    font-size: 1.125rem !important;
  }

  .f-base {
    font-size: 1rem !important;
  }

  .f-sm {
    font-size: 0.875rem !important;
  }

  .f-xs {
    font-size: 0.75rem !important;
  }

  .f-xxs {
    font-size: 0.5rem !important;
  }

  .btn-primary {
    line-height: 1.25;
    padding: 12px 16px;
  }

  section {
    padding: 2rem 0;
  }

  .section-menu {
    padding-top: 5rem;
  }
  /*====================================== SECTION MENU NAVBAR ======================================*/
  .container-nav .nav-logo a img {
    width: 140px;
  }

  .nav-logo.pointer,
  .search-bar-nav button i {
    color: var(--c-primary);
  }

  /*====================================== SECTION HOME ======================================*/

  /*====================================== SECTION ENGINEERING PAGE - MOBILE======================================*/
  .section-menu.section-engineering {
    padding-top: 2rem;
  }

  .engineering-data-content .data-filter--wrapper .btn-primary {
    width: 100%;
  }
  /*====================================== SECTION 404 - MOBILE ======================================*/
  .section-notfound {
    background-size:
      3rem auto,
      4rem auto;
  }

  /*====================================== SECTION EMPTY WRAPPER ======================================*/
  .empty-state-wrapper .empty-state-title {
    max-width: 16rem;
    margin: 0 auto;
  }

  .empty-state-wrapper .empty-state-image {
    max-width: 14rem;
  }

  /*====================================== SECTION Footer contact ======================================*/

  /*====================================== SECTION FOOTER ======================================*/
  footer {
    margin-top: 0;
  }

  .footer-copyright {
    margin-top: 0;
  }
}

@media (max-width: 399px) {
}

/*Phone View - MAX / PRO Devices*/
@media (min-width: 400px) and (max-width: 575px) {
}

@media (min-width: 0) and (max-width: 575px) {
}

@media (max-width: 572px) {
}

@media (min-width: 576px) and (max-width: 767px) {
}

/*Phone FOLD Unfolded View*/
@media (min-width: 0) and (max-width: 316px) {
  h1 {
    font-size: 1.75rem;
  }

  h2 {
    font-size: 1.5rem;
  }

  h3 {
    font-size: 1.25rem;
  }

  h4 {
    font-size: 1.125rem;
  }

  h5 {
    font-size: 1rem;
  }

  h6 {
    font-size: 0.95rem;
  }

  p {
    font-size: 0.875rem;
  }

  .btn-primary {
    padding: 10px 14px;
    font-size: 0.9rem;
  }

  /*====================================== SECTION NAVBAR - Mobile Unfolded ======================================*/
  .container-nav .nav-logo a img {
    width: 100px;
  }

  /*====================================== SECTION COMPONENT - Mobile Unfolded ======================================*/
  select.form-control,
  input.form-control,
  textarea.form-control {
    font-size: 0.75rem;
  }
}

/* Portrait iPad */
@media (min-width: 768px) and (max-width: 991px) {
  /*====================================== SECTION COMPONENT - Mobile General ======================================*/
  h1 {
    font-size: 2.25rem;
    line-height: 1.1;
  }

  h2 {
    font-size: 1.75rem;
    line-height: 1.25;
  }

  h3 {
    font-size: 1.5rem;
    line-height: 1.3;
  }

  h4 {
    font-size: 1.375rem;
    line-height: 1.35;
  }

  h5 {
    font-size: 1.25rem;
    line-height: 1.3;
  }

  h6 {
    font-size: 1.125rem;
    line-height: 1.35;
  }

  p {
    font-size: 1rem;
    line-height: 1.45;
  }

  .f-xxxl {
    font-size: 2.5rem !important;
  }

  .f-xl-2 {
    font-size: 2rem !important;
  }

  .f-xl {
    font-size: 1.75rem !important;
  }

  .f-l {
    font-size: 1.5rem !important;
  }

  .f-sl {
    font-size: 1.25rem !important;
    line-height: 1.3;
  }

  .f-m {
    font-size: 1.125rem !important;
  }

  .f-base {
    font-size: 1rem !important;
  }

  .f-sm {
    font-size: 0.875rem !important;
  }

  .f-xs {
    font-size: 0.75rem !important;
  }

  .f-xxs {
    font-size: 0.5rem !important;
  }

  /*====================================== SECTION COMPONENT - iPad Portrait ======================================*/
  .section-menu {
    padding-top: 7rem;
  }

  /*====================================== SECTION 404 - iPad Portrait ======================================*/

  /*====================================== SECTION Footer Contact - iPad Portrait ======================================*/

  /*====================================== SECTION FOOTER - iPad Portrait ======================================*/
  .footer-copyright {
    margin-top: 0;
  }
}

/* Landscape iPad Air and another Tab */
@media only screen and (min-device-width: 768px) and (max-device-width: 1180px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
  /*====================================== SECTION 404 - iPad LANDSCAPE ======================================*/

  /*====================================== SECTION FOOTER ======================================*/
}

@media only screen and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
  /*====================================== SECTION NAVBAR - iPad LANDSCAPE ======================================*/

  /*====================================== SECTION HOMEPAGE - iPad Landscape ======================================*/

  /*====================================== SECTION 404 - iPad LANDSCAPE ======================================*/
}

/* iPad Pro Portrat & Tab 1024 Portrait */
@media only screen and (device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
  /*====================================== SECTION NAVBAR - iPad Portrait ======================================*/

  /*====================================== SECTION HOME PAGE - iPad Portrait ======================================*/

  /*====================================== SECTION 404 - iPad PORTRAIT 1024 ======================================*/
}

/* 11-12 Inch */
@media (min-width: 1025px) and (max-width: 1199px) {
  /*====================================== SECTION 404 - iPad LANDSCAPE ======================================*/
}

@media (min-width: 992px) and (max-width: 1199px) {
}

/* >15 Inch */
@media (min-width: 1440px) {
}

/* >16 Inch */
@media (min-width: 1550px) {
  /*====================================== SECTION 404 - iPad LANDSCAPE ======================================*/
}

@media (min-width: 1880px) {
}

@media (min-width: 2500px) {
  /*====================================== SECTION 404 - iPad LANDSCAPE ======================================*/
}