@media screen and (max-width: 1024px) and (orientation: portrait) {
}

@media screen and (max-width: 768px) and (orientation: landscape) {
}

@media screen and (max-width: 1280px) {
  .archivof1 {
    font-size: 50px;
    line-height: 58px;
  }

  .archivof2 {
    font-size: 36px;
    line-height: 46px;
  }

  .archivof3 {
    font-size: 44px;
    line-height: 52px;
  }

  .archivof4 {
    font-size: 32px;
    line-height: 42px;
  }

  .archivof5 {
    font-size: 24px;
    line-height: 34px;
  }

  .archivof6 {
    font-size: 20px;
    line-height: 30px;
  }

  .why-flex .s_why_flex_blk.txts .why_txts_wrap {
    padding: 0;
  }
}

@media screen and (max-width: 1024px) {
  :root {
    --site-gutter: 20px;
    --split-gap: 24px;

    --container-offset: max(
      var(--site-gutter),
      calc((100vw - var(--site-max-width)) / 2 + var(--site-gutter))
    );
  }

  .archivof1 {
    font-size: 42px;
    line-height: 50px;
  }

  .archivof2 {
    font-size: 32px;
    line-height: 40px;
  }

  .archivof3 {
    font-size: 36px;
    line-height: 44px;
  }

  .archivof4 {
    font-size: 26px;
    line-height: 36px;
  }

  .archivof5 {
    font-size: 22px;
    line-height: 30px;
  }

  .archivof7 {
    font-size: 17px;
    line-height: 24px;
  }

  .archivof8 {
    font-size: 14px;
    line-height: 20px;
  }

  .brant-attribute .brant-attribute-wrap .dkt {
    color: #e8610a;
  }

  .pad-vertical {
    padding: 80px 0;
  }

  .pad-vertical.lessv {
    padding: 50px 0;
  }

  .pad-vertical.morev {
    padding: 120px 0;
  }

  .extra-pad-top {
    padding-top: 120px !important;
  }

  .less-pad-top {
    padding-top: 50px !important;
  }

  .extra-pad-bottom {
    padding-bottom: 120px !important;
  }

  .less-pad-bottom {
    padding-bottom: 50px !important;
  }

  .nvn-brand-attributes-flex {
    gap: 16px;
  }

  .nvn-brand-attributes-flex .brant-attribute {
    padding: 12px 16px;
  }

  .nvn-world-flex {
    gap: 16px;
  }

  .home-service-shortcut .home-service-shortcut-cont {
    padding: 30px;
  }

  .home-service-shortcut-flex {
    gap: 24px;
  }

  .nvn-home-cinfo-wrap {
    gap: 16px;
  }

  .nvn-home-cinfo-wrap .home-contact-block {
    padding: 24px 16px;
  }

  .home-contact-block
    .hcinf-row.address
    .hcinf-flex
    .hcinf-col.home-dir-btn
    .nvn-dir-btn.nvn-link
    span.txt {
    display: none;
  }

  .pad-horiz {
    padding: 0 20px;
  }

  .nvn-motorworks-header .mobile_menu_cta {
    display: block;
  }

  .nvn-motorworks-header .menu-logo-wrap {
    padding-right: 40px;
  }

  .nvn-motorworks-hblk.nvn-motorworks-logo-wrap {
    width: auto !important;
    position: relative;
    z-index: 15;
  }

  .nvn-motorworks-header
    .menu-logo-wrap
    > .nvn-motorworks-hblk.nvn-motorworks-menu-blk,
  .nvn-motorworks-header
    .menu-logo-wrap
    > .nvn-motorworks-hblk.nvn-motorworks-switchers-blk
    .nvn-motorworks-switchers-wrap
    > .nvn-motorworks-switchers {
    display: none;
  }

  .nvn-motorworks-header
    .menu-logo-wrap
    .nvn-motorworks-hblk.nvn-motorworks-switchers-blk {
    flex: 1;
    position: relative;
    z-index: 15;
  }

  .nvn-motorworks-header
    .menu-logo-wrap
    .nvn-motorworks-hblk.nvn-motorworks-switchers-blk
    .nvn-motorworks-switchers-wrap,
  .nvn-motorworks-header
    .menu-logo-wrap
    .nvn-motorworks-hblk.nvn-motorworks-switchers-blk
    .nvn-motorworks-switchers-wrap
    .nvn-enquire-wrap {
    width: 100%;
  }

  .nvn-motorworks-header
    .menu-logo-wrap
    .nvn-motorworks-hblk.nvn-motorworks-switchers-blk
    .nvn-motorworks-switchers-wrap
    .nvn-enquire-wrap {
    text-align: right;
  }

  .nvn-motorworks-header
    .menu-logo-wrap
    .nvn-motorworks-hblk.nvn-motorworks-switchers-blk
    .nvn-motorworks-switchers-wrap
    .nvn-enquire-wrap
    .nvn-enquire-switcher {
    display: inline-block;
  }

  .home-srv-head-flex .hserv-home-flx-blk.hserv-titles .nvn-sec-desc {
    max-width: 600px;
  }

  .nvn-mobile-menu {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    padding: 59px 0 0;
  }

  .nvn-mobile-menu .mobile-menu-wrap {
    background-color: #000;
    width: 100%;
    height: 100%;
  }

  .nvn-mobile-menu .mobile-menu-wrap {
    background-color: #000;
    width: 100%;
    height: 100%;
    padding-top: 32px;
    padding-bottom: 24px;
    overflow-y: auto;
  }

  body.menu-open {
    overflow: hidden;
  }

  .nvn-mobile-menu .nvn-switcher .nvn-switch-pop {
    left: 0;
    right: auto;
    z-index: 20;
  }

  .nvn-mobile-menu .nvn-motorworks-menu {
    padding-top: 24px;
    padding-bottom: 40px;
  }

  .nvn-mobile-menu .nvn-motorworks-menu > ul.main-menu > li {
    display: block;
    text-align: left;
    padding: 0;
  }

  .nvn-mobile-menu .nvn-motorworks-menu > ul.main-menu > li > a {
    font-size: 18px;
    font-family: "ArchivoExpanded", sans-serif;
    font-weight: 300;
    color: #fff;
    padding: 10px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }

  .nvn-mobile-menu .nvn-motorworks-menu > ul.main-menu > li > ul.sub-menu {
    position: relative;
    left: auto;
    transform: none;
    border-radius: 0;
  }

  .nvn-mobile-menu .nvn-motorworks-menu > ul.main-menu > li > ul.sub-menu {
    position: relative;
    left: auto;
    transform: none;
    border-radius: 0;
    bottom: auto;
    padding: 0;
  }

  .nvn-mobile-menu
    .nvn-motorworks-menu
    > ul.main-menu
    > li
    > ul.sub-menu
    > li
    > a {
    color: #fff;
    font-size: 16px;
    padding: 14px 16px;
    line-height: 22px;
  }

  .nvn-mobile-menu .nvn-switch-pop.enquire-list-pop {
    display: block;
  }

  .nvn-mobile-menu .enquire-wrap {
    border-top: 4px solid #e8610a;
    padding: 16px 0 0;
  }

  .nvn-mobile-menu .enquire-wrap .enquire-list-pop ul {
    list-style: none;
    padding: 20px 0 0;
    margin: 0;
  }

  .nvn-mobile-menu .enquire-wrap .enquire-list-pop ul li {
    display: block;
    padding: 0;
  }

  .nvn-mobile-menu .enquire-wrap .enquire-list-pop ul li a {
    color: #fff;
    text-decoration: none;
    display: block;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding: 16px 32px 16px 0;
    position: relative;
  }

  .nvn-mobile-menu .enquire-wrap .enquire-list-pop ul li a svg {
    display: block;
    position: absolute;
    right: 0;
    width: 22px;
    height: auto;
    top: 50%;
    transform: translateY(-50%);
  }

  .nvn-mobile-menu
    .nvn-motorworks-menu
    > ul.main-menu
    > li
    > ul.sub-menu::after {
    display: none;
  }

  .nvn-motorworks-header .nvn-motorworks-logo a {
    width: 65px;
  }

  .nvn-motorworks-header .header-wrapper {
    padding: 12px 0;
  }

  .first-sec .sec-wrap {
    padding-top: 59px;
  }

  .nvn-standards-list .nvn-standards-flex {
    gap: 16px;
  }

  .intro-banner-text {
    max-width: 780px;
  }

  .perks-carousel .perk-card {
    padding: 24px 16px;
  }

  .perks-carousel .slick-track .slick-slide {
    padding-right: 20px;
  }

  .approach-flex,
  .why-flex {
    gap: 32px;
  }

  .service-options-flex {
    gap: 16px;
  }

  .service-options-flex .opt-row {
    width: calc(33.333333333% - 11px);
  }

  .process-card {
    padding: 24px 16px;
  }

  .process-card .proc-title {
    min-height: 90px;
  }

  .location-intro-flex {
    gap: 32px;
  }

  .loc-attr-list-flex {
    gap: 16px;
  }

  .nvn-sec.desigened-for .opts-intro {
    max-width: 640px;
  }

  .loc-service {
    width: calc(33.333333333% - 8px);
  }

  .enquire-flex {
    display: flex;
    gap: 40px;
  }
}

@media (max-width: 768px) {
  .terms-page-flex .terms-blk.sidebar {
    display: none;
  }

  .terms-page-flex .terms-blk.terms-content {
    flex: 1;
  }

  .archivof1 {
    font-size: 36px;
    line-height: 44px;
  }

  .footer-flex {
    gap: 48px;
  }

  .footer-blk.footer-menu .footer-menu {
    gap: 24px;
  }

  .archivof2 {
    font-size: 30px;
    line-height: 38px;
  }

  .contained-heading.small-width {
    max-width: 480px;
  }

  .home-service-shortcut .home-service-shortcut-cont {
    padding: 24px 16px;
  }

  .home-service-shortcut-flex .hss-flx-blk.serv-title {
    flex: 0 0 auto !important;
  }

  .nvn-home-cinfo-wrap {
    flex-direction: column;
  }

  .home-contact-block
    .hcinf-row.address
    .hcinf-flex
    .hcinf-col.home-dir-btn
    .nvn-dir-btn.nvn-link
    span.txt {
    display: inline-block;
  }

  .home-contact-block
    .hcinf-row.address
    .hcinf-flex
    .hcinf-col.contact-address {
    flex: 1;
  }

  .nvn-standard .nvn-standard-cont {
    background: linear-gradient(
      90deg,
      rgba(8, 8, 9, 0.8) 0%,
      rgba(8, 8, 9, 0.4) 100%
    );
  }

  .env-attr:nth-child(2n + 1) .env-attr-flex .env-flx-blk.txt .env-attr-text {
    padding: 80px var(--container-offset) 80px var(--split-gap);
  }

  .env-attr:nth-child(2n) .env-attr-flex .env-flx-blk.txt .env-attr-text {
    padding: 80px var(--split-gap) 80px var(--container-offset);
  }

  .min-hero-height {
    min-height: 50vh;
  }

  .nvn-sec.hero-sec .hero-intro {
    max-width: 440px;
  }

  .archivof2 {
    font-size: 26px;
    line-height: 34px;
  }

  .intro-banner-text {
    max-width: 580px;
  }

  .nvn-abt-gal {
    height: clamp(360px, 45vh, 420px);
  }

  .numbered-lbls .vj-attr .vj-attr-wrap {
    padding: 16px 24px;
  }

  .archivof6 {
    font-size: 18px;
    line-height: 28px;
  }

  .contained-heading.medium-plus-width {
    max-width: 500px;
  }

  .nvn-sec.hero-sec .hero-headline {
    max-width: 540px;
  }

  .experience-destinations-links-flex {
    gap: 16px;
  }

  .archivof3 {
    font-size: 32px;
    line-height: 40px;
  }

  .nvn-env-attributes.nvn-services
    .env-attr:nth-child(2n + 1)
    .env-attr-flex
    .env-flx-blk.txt
    .env-attr-text {
    padding: 60px var(--split-gap) 60px var(--container-offset);
  }

  .nvn-env-attributes.nvn-services
    .env-attr:nth-child(2n)
    .env-attr-flex
    .env-flx-blk.txt
    .env-attr-text {
    padding: 60px var(--container-offset) 60px var(--split-gap);
  }

  .why-flex {
    flex-direction: column;
  }

  .why-flex .s_why_flex_blk.txts .nvn-sec-desc {
    display: none;
  }

  .hero-main-container.hero-main-container-flex {
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
  }

  .enquire-flex {
    flex-direction: column;
  }

  .nvn-sec.nvn-success-contacts .cinf-flex {
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
  }

  .nvn-sec.nvn-success-contacts .cinf-flex .cinf-flex-blk.cinf {
    width: 100%;
  }

  .nvn-sec.nvn-success-contacts .cinf-tbl-cont .enq-cinf-row {
    flex: 1;
  }

  .nf-flex {
    min-height: 50vh;
  }

  .nvn-title h2.extrabig {
    font-size: 75px;
    line-height: 75px;
  }
}

@media (max-width: 640px) {
  .nvn-geo-suggestion {
    padding: 16px;
  }

  .nvn-geo-suggestion-box {
    padding: 32px 22px 24px;
  }

  .nvn-geo-suggestion-content h3 {
    font-size: 24px;
  }

  .nvn-geo-suggestion-actions {
    flex-direction: column;
  }

  .nvn-geo-suggestion-actions button {
    width: 100%;
  }

  .nvn-sec.hero-sec.home-hero-sec .hero-intro {
    max-width: 460px;
  }

  .nvn-world-flex .nvnw-standard {
    width: calc(50% - 8px);
  }

  .home-srv-head-flex {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
  }

  .home-service-shortcut-flex {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }

  .home-service-shortcut-flex .hss-flx-blk.serv-sep {
    display: none;
  }

  .archivof2 {
    font-size: 24px;
    line-height: 32px;
  }

  .contained-heading.small-width {
    max-width: 360px;
  }

  .archivof4 {
    font-size: 22px;
    line-height: 32px;
  }

  .archivof1 {
    font-size: 34px;
    line-height: 42px;
  }

  .nvn-sec.hero-sec .hero-headline.medium-width {
    max-width: 440px;
  }

  .footer-flex {
    flex-direction: column;
    gap: 40px;
  }

  .footer-blk.logo-social {
    flex-direction: revert;
    gap: 32px;
  }

  .nvn-btn {
    height: 40px;
    line-height: 38px;
    padding: 0 20px;
  }

  .archivof5 {
    font-size: 20px;
    line-height: 28px;
  }

  .nvn-abt-gal {
    height: auto;
  }

  .env-attr-flex {
    flex-direction: column !important;
  }

  .env-attr-flex .env-flx-blk.img .sec-bg.standard-img {
    display: none !important;
  }

  .env-attr-flex .env-flx-blk.img img {
    display: block;
    aspect-ratio: 3/2;
    object-fit: cover;
    object-position: center center;
  }

  .env-attr-flex .env-flx-blk.img {
    order: 2;
  }

  .env-attr-flex .env-flx-blk.txt {
    order: 1;
  }

  .env-attr-flex .env-flx-blk.txt .env-attr-text {
    padding: 40px 20px !important;
  }

  .service-note .service-note-wrap {
    height: 40px;
    line-height: 38px;
    padding: 0 15px;
    font-size: 14px;
  }

  .service-note {
    padding-left: 16px;
  }

  .approach-flex {
    flex-direction: column;
  }

  .approach-flex .appr-blk.img {
    background: none !important;
  }

  .approach-flex .appr-blk.img img {
    display: block;
    aspect-ratio: 4/3;
    object-fit: cover;
    object-position: center center;
  }

  .service-options-flex {
    gap: 16px;
  }

  .service-options-flex .opt-row {
    width: 100%;
  }

  .process-footer .proc-foot-flex {
    flex-direction: column;
  }

  .location-intro-flex {
    flex-direction: column;
  }

  .loc-service {
    width: calc(50% - 6px);
  }

  .locations-pg-contact .contact-location .contact-location-flex {
    flex-direction: column;
  }

  .locations-pg-contact
    .contact-location
    .contact-location-flex
    .contact-loc-blk.img
    .sec-bg.standard-img {
    display: none;
  }

  .locations-pg-contact
    .contact-location
    .contact-location-flex
    .contact-loc-blk.img
    img {
    display: block;
    aspect-ratio: 3/2;
    object-fit: cover;
    object-position: center center;
  }

  .contact-location:nth-child(2n + 1) .cinf-wrap {
    padding: 40px 20px !important;
  }

  .nvn-env-attributes.nvn-services
    .env-attr:nth-child(2n + 1)
    .env-attr-flex
    .env-flx-blk.img::before,
  .contact-location.order1 .contact-location-flex .contact-loc-blk.img::before,
  .locations-pg-contact
    .contact-location
    .contact-location-flex
    .contact-loc-blk.img::before {
    display: none;
  }

  .contact-location.order1 .contact-location-flex {
    flex-direction: column;
  }

  .contact-location.order1
    .contact-location-flex
    .contact-loc-blk.img
    .sec-bg.standard-img {
    display: none;
  }

  .contact-location.order1 .contact-location-flex .contact-loc-blk.img img {
    display: block;
    aspect-ratio: 3/2;
    object-fit: cover;
    object-position: center center;
  }

  .contact-loc-blk.txt .cinf-wrap {
    padding: 50px 20px !important;
  }

  .contact-location {
    width: 100%;
  }

  .nvn-form-field input,
  .nvn-form-field select {
    height: 54px;
  }

  .loc-testimonials-flex {
    gap: 24px;
  }

  .grev-badge-wrap {
    padding: 24px 40px;
  }

  .loc-testimonials-flex {
    align-items: center;
  }

  .reason-row .reason-flex {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }

  .reason-row {
    padding: 24px 16px;
  }
}

@media (max-width: 520px) {
  .service-note {
    display: block;
    padding: 16px 0 0;
  }

  .service-note .service-note-wrap {
    display: inline-block;
  }

  .footer-blk.footer-menu .footer-menu {
    flex-wrap: wrap;
  }

  .footer-blk.footer-menu .footer-menu > li.menu-item-has-children {
    width: calc(50% - 12px);
  }

  .footer-bottom .footer-bottom-flex {
    flex-direction: column;
    gap: 8px;
    align-items: flex-start;
  }

  .footer-bottom .footer-bottom-blk::after {
    display: none;
  }

  .nvn-world-flex .nvnw-standard {
    width: 100%;
  }

  .archivof1 {
    font-size: 32px;
    line-height: 40px;
  }

  .hero-title-flex {
    gap: 40px;
  }

  .hero-title-flex .hero-location::after {
    right: -20px;
  }

  .nvn-title h1,
  .nvn-title h2,
  .nvn-title h3,
  .nvn-title h4,
  .nvn-title h5,
  .nvn-grey-title h2 {
    line-height: 18px;
  }

  .nvn-standards-list .nvn-standard {
    width: 100%;
  }

  .nvn-buttons-flex {
    flex-wrap: wrap;
  }

  .experience-destinations-links-flex {
    flex-direction: column;
    align-items: center;
    gap: 24px;
  }

  .loc-attr-list-flex .loc-attr {
    width: 100%;
  }

  .loc-testimonials-flex {
    flex-direction: column;
    align-items: flex-start;
  }

  .grev-badge {
    width: 100%;
  }

  .locations-pg-contact .loc-info-box .loc-info-box-wrap {
    padding: 24px 16px;
  }

  .pad-vertical {
    padding: 70px 0;
  }

  .pad-vertical.lessv {
    padding: 45px 0;
  }

  .pad-vertical.morev {
    padding: 100px 0;
  }

  .extra-pad-top {
    padding-top: 100px !important;
  }

  .less-pad-top {
    padding-top: 45px !important;
  }

  .extra-pad-bottom {
    padding-bottom: 100px !important;
  }

  .less-pad-bottom {
    padding-bottom: 45px !important;
  }

  .installation-time .installation-time-wrap .installation-time-flex {
    flex-direction: column;
    gap: 8px;
  }

  .nvn-sec.hero-sec .hero-headline .hline-line {
    display: inline;
    padding-right: 10px;
  }

  .nvn-sec.nvn-success-contacts .cinf-tbl-cont {
    flex-direction: column;
  }

  .nvn-sec.hero-sec .hero-content {
    background: linear-gradient(
      90deg,
      rgba(8, 8, 9, 0.92) 0%,
      rgba(8, 8, 9, 0.6) 60%,
      rgba(8, 8, 9, 0.2) 100%
    );
  }

  .transparent-overlay-mid {
    background-color: rgba(8, 8, 9, 0.7);
  }
}