.desktop800-d-none {
  display: none
}

@media(max-width:1600px) {
  .pic-text-card {
    grid-column: span 2;
  }
}

@media(max-width:1400px) {
  :root {
    --main-padding-left: 40px;
    --main-padding-right: 40px;
    --section-padding-top: 80px;
    --section-padding-bottom: 80px
  }

  .mobile-padding-above-fold {
    padding-top: 40px;
  }

  .headline-xl {
    font-size: 40px
  }

  .headline-l {
    font-size: 40px
  }

  .headline-m {
    font-size: 32px
  }

  .headline-s {
    font-size: 28px
  }

  .headline-xs {
    font-size: 24px
  }

  /* .copy-text-big {
    font-size: 16px;
  } */

  .section-gap64 {
    gap: 48px;
    width: 100%;
    box-sizing: border-box
  }

  .section-gap48 {
    width: 100%
  }

  .above-fold {
    max-width: 100%;
  }

  .above-fold-gap120 {
    max-width: 100%;
    gap: 0;
    row-gap: 80px;
  }

  .services-headline {
    min-width: -webkit-fill-available;
    min-width: fit-content;
    grid-column: span 12
  }

  .big-number-card {
    min-width: 340px
  }

  .contact-form {
    padding: 32px;
  }

  .section-content-big-numbers {
    flex-wrap: wrap
  }

  .grid-span1 {
    grid-column: span 2
  }

  .grid-span2 {
    grid-column: span 4
  }

  .mobile-flex-row {
    flex-direction: row
  }

  .mobile-margin-auto {
    margin: 0 auto
  }
}

@media(max-width:1200px) {
  header {
    height: 76px;
  }

  .above-fold {
    gap: 0;
    row-gap: 48px;
  }

  .mobile-grid-reverse {
    order: 1
  }

  .grid-middle {
    grid-column: span 2;
  }

  .brick-layer-right {
    transform: scale(.8);
    right: -108px;
    bottom: -67px
  }

  .brick-layer-right-reviews {
    transform: scale(.8);
    bottom: -67px;
    right: -99px
  }

  .gap120 {
    gap: 80px;
  }

  .brick-layer-left {
    transform: scale(.8);
    top: -65px;
    left: -99px
  }

  .above-fold,
  .above-fold-gap120 {
    grid-template-columns: repeat(2, 1fr)
  }

  .section-gap20 {
    grid-template-columns: repeat(2, 1fr);
    gap: 0;
    row-gap: 20px
  }

  .section-gap48 {
    grid-template-columns: repeat(2, 1fr);
    gap: 0;
    row-gap: 48px
  }

  .section-gap64 {
    grid-template-columns: repeat(2, 1fr);
    gap: 0;
    row-gap: 64px
  }

  .section-gap80 {
    grid-template-columns: repeat(2, 1fr);
    gap: 0;
    row-gap: 48px;
    width: 100%;
  }

  .section-gap100 {
    grid-template-columns: repeat(2, 1fr);
    gap: 0;
    row-gap: 48px
  }

  .section-content {
    grid-column: span 2
  }

  .section-content-gap54 {
    grid-column: span 2
  }

  .section-content-gap54 {
    gap: 0;
    row-gap: 48px;
  }

  .m-section-content-gap32 {
    gap: 32px;
  }

  .grid-full {
    grid-column: span 2 !important;
  }

  .section-content-gap40 {
    grid-column: span 2
  }

  .section-content-gap32 {
    grid-column: span 2;
    gap: 0;
    /* row-gap: 20px */
    row-gap: 32px;
  }

  .section-content-gap24 {
    grid-column: span 2
  }

  .section-content-gap20 {
    grid-column: span 2
  }

  .section-content-big-numbers {
    grid-column: span 2
  }

  .section-content-row-gap20 {
    grid-column: span 2;
    flex-direction: column;
    gap: 16px
  }

  .services-headline {
    grid-column: span 2
  }

  .video-play-btn {
    right: 24px;
    bottom: 24px;
  }

  .certified-icons-div {
    gap: 50px;
  }

  .big-number {
    font-size: 52px;
  }

  .certificate-card {
    align-items: flex-start;
    flex-direction: column;
    gap: 48px
  }

  .section-content-big-numbers {
    gap: 20px;
  }

  .big-number-card {
    padding: 32px;
  }

  .t-width-full {
    width: 100%;
  }
}

@media(max-width:800px) {
  .pic-text-card {
    grid-column: span 4;
  }

  .mobile-headline-xs {
    color: var(--color-font-blue);
    font-family: 'Exo 2';
    font-weight: 700;
    font-size: 20px;
    line-height: 31px;
  }

  .services-headline {
    min-width: unset;
    grid-column: span 2
  }

  .mobile800-d-none {
    display: none
  }

  .desktop800-d-none {
    display: block
  }

  nav {
    gap: 32px
  }

  .mobile-subheadline {
    font-weight: 700;
    font-size: 16px;
    line-height: 28px;
  }

  .mobile-nav-menu {
    overflow: auto;
    transition: .3s ease;
    background-color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    padding-left: var(--main-padding-left);
    padding-right: var(--main-padding-right);
    padding-top: 40px;
    display: flex;
    flex-direction: column;
    gap: 40px;
    height: 0
  }

  .mobile-nav-menu hr {
    color: #d0dfed;
    width: 100%;
    box-sizing: border-box;
    height: 0;
    background-color: #d0dfed;
    border: 1px solid #d0dfed
  }

  .mobile-nav-menu hr:last-child {
    display: none
  }

  .mobile-nav-menu-social {
    display: flex;
    align-items: center;
    gap: 24px;
    justify-content: center
  }

  .mobile-nav-menu-social img {
    height: 24px
  }

  .main-nav__toggle {
    padding: 0
  }

  .mobile-dropdown {
    transition: all 225ms ease-in-out;
    background-color: var(--color-bg-lightgrey);
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin: 0;
    opacity: 0;
    z-index: 0;
    max-height: 0;
    padding: 0 12px;
    pointer-events: none
  }

  .mobile-dropdown a {
    cursor: pointer;
    color: var(--color-font-blue);
    font-weight: 500;
    font-size: 16px;
    line-height: 1.5;
  }

  .mobile-arrow {
    cursor: pointer;
    width: 33px;
    transition: transform 225ms ease-in-out
  }

  .main-nav__item:has(input:checked) .mobile-dropdown {
    padding: 16px 12px;
    max-height: 156px;
    opacity: 1;
    pointer-events: all
  }

  header:has(.menu-toggle>input:not(:checked)) .mobile-dropdown {
    padding: 0;
    max-height: 0;
    opacity: 0;
    pointer-events: none
  }

  .main-nav__item:has(input:checked) .mobile-arrow {
    transform: rotate(180deg)
  }

  .main-nav__toggle {
    transition: .3s ease
  }

  .main-nav__item:has(input:checked)>div>a:first-child {
    color: var(--color-font-skyblue)
  }

  header:has(.menu-toggle>input:checked) .mobile-nav-menu {
    top: 64px;
    height: 100%
  }

  .services-dropdown-link {
    width: 100%
  }

  .brick-layer-right {
    transform: scale(.5);
    right: -261px;
    bottom: -165px
  }

  .brick-layer-left {
    transform: scale(.5);
    left: -261px;
    top: -162px;
  }

  .brick-layer-right-reviews {
    transform: scale(.5);
    bottom: -164px;
    right: -237px
  }

  .mobile-pos {
    bottom: -182px
  }

  .services-pic {
    height: unset;
    width: 100%
  }

  .video-wrapper {
    width: 100%
  }

  .main-nav__item {
    width: unset
  }

  .services-dropdown-link {
    padding: 0;
    position: unset
  }

  .section-gap48 {
    grid-template-columns: repeat(2, 1fr);
    gap: 0;
    row-gap: 40px
  }

  .pic-text-card-body {
    height: unset;
    gap: 24px;
  }

  .nav-services-arrow {
    cursor: pointer;
    width: 100%;
    display: flex;
    justify-content: flex-end;
  }

  .m-link-text {
    display: flex;
    width: 100%;
  }
}

@media(max-width:750px) {
  :root {
    --main-padding-left: 20px;
    --main-padding-right: 20px;
    --section-padding-top: 64px;
    --section-padding-bottom: 64px
  }

  .headline-xl {
    font-size: 32px
  }

  .headline-l {
    font-size: 28px
  }

  .headline-m {
    font-size: 24px
  }

  .headline-s {
    font-size: 24px
  }

  .subheadline {
    font-size: 14px
  }

  .text-headline {
    line-height: 22px;
    font-size: 16px
  }

  .copy-text-small {
    font-size: 14px
  }

  .copy-text-smaller {
    font-size: 14px
  }

  .copy-text-big {
    font-size: 16px
  }

  .link-text {
    font-size: 16px
  }

  .btn-text {
    font-size: 16px
  }

  .big-number {
    font-size: 48px;
  }

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

  .btn-neg,
  .btn-neg-outlined,
  .btn-pos,
  .btn-pos-outlined {
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    padding: 10px 24px
  }

  .above-fold {
    overflow: hidden;
    max-width: 1440px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0;
    row-gap: 40px
  }

  .above-fold-home-mobile-gap {
    row-gap: 21px;
  }

  .logo_img {
    width: 130px
  }

  .above-fold-gap120 {
    grid-template-columns: repeat(2, 1fr);
    gap: 0;
    row-gap: 64px
  }

  .label-alt-headline {
    font-size: 16px;
  }

  .label-alt-text,
  .subheadline-neg {
    font-size: 14px
  }

  .comparison-slider-figure {
    overflow: hidden;
    height: 281px;
    width: 100%;
    margin-top: 20px
  }

  .icon-text-card {
    padding: 18px;
    width: 100%;
    height: unset;
    flex-direction: row
  }

  .contact-form {
    padding: 24px 16px;
    gap: 24px
  }

  .services-dropdown {
    font-size: 16px
  }

  .extended-section {
    padding: 16px
  }

  .mobile-width {
    width: 100%
  }

  .certificate-card img {
    width: 250px;
    height: unset
  }

  .section-video {
    width: 100%;
    height: 100%;
  }

  .field input {
    font-size: 16px;
    font-weight: 400
  }

  .text-regular500 {
    font-size: 16px
  }

  .text-regular {
    font-weight: 500;
    font-size: 16px;
  }

  .grid-span1 {
    grid-column: span 3
  }

  .grid-span2 {
    grid-column: span 6
  }

  .grid-full {
    grid-column: span 2
  }

  .mobile-margin-auto {
    margin: 0
  }

  .mobile-flex-row {
    flex-direction: column;
    justify-content: flex-start
  }

  .accordion {
    padding: 16px 20px
  }

  .certified-icons-wrapper img {
    width: 95px
  }

  .mobile-font-16p {
    font-size: 16px
  }

  /* .flex-column-gap40 {
    gap: 20px
  } */

  .flex-row-gap24 {
    gap: 12px
  }

  .section-gap20 {
    grid-template-columns: repeat(2, 1fr);
    gap: 0;
    row-gap: 20px
  }

  .section-gap48 {
    grid-template-columns: repeat(2, 1fr);
    gap: 0;
    row-gap: 40px
  }

  /* .section-gap64 {
    row-gap: 60px
  } */

  .section-gap80 {
    grid-template-columns: repeat(2, 1fr);
    gap: 0;
    row-gap: 40px
  }

  .section-gap100 {
    grid-template-columns: repeat(2, 1fr);
    gap: 0;
    row-gap: 48px
  }

  .section-content {
    grid-column: span 2
  }

  .section-content-gap54 {
    grid-column: span 2
  }

  .section-content-gap40 {
    grid-column: span 2
  }

  .section-content-gap32 {
    grid-column: span 2;
    gap: 0;
    /* row-gap: 20px */
    row-gap: 32px;
  }

  .section-content-gap24 {
    grid-column: span 2
  }

  .section-content-gap20 {
    grid-column: span 2
  }

  .section-content-big-numbers {
    grid-column: span 2
  }

  .section-content-row-gap20 {
    grid-column: span 2;
    flex-direction: column;
    gap: 16px
  }

  .section-content-gap54 {
    row-gap: 24px;
  }

  .services-headline {
    grid-column: span 2
  }

  .accordion:not(.open):hover {
    background: var(--color-bg-white);
    box-shadow: 0 4px 14px 0 #1f588A29
  }


  .mobile-padding-above-fold {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0
  }

  .mobile-padding-above-fold-content {
    position: relative;
    padding-left: var(--main-padding-left);
    padding-right: var(--main-padding-right)
  }

  .video-play-btn {
    right: 12px;
    bottom: 12px;
    height: 44px;
    width: 44px;
  }

  .headline-xxl {
    font-size: 48px;
  }

  .headline-xs {
    font-size: 24px;
  }

  .m-width-full {
    width: 100%;
  }

  .certificate-card {
    padding: 24px 20px;
    gap: 40px;
  }

  .section-content-big-numbers {
    gap: 16px;
  }

  .big-number-card {
    padding: 24px;
  }
}

.desktop603-d-none {
  display: none
}

@media(max-width:603px) {
  header {
    height: 64px;
  }

  .logo img {
    width: 118px;
  }

  .brick-layer-left-mobile-home {
    transform: scale(.5);
    position: absolute;
    left: -235px;
    top: -188px;
    z-index: -1;
  }

  .m-btn-width {
    width: 100%
  }

  .buttons-wrapper {
    flex-direction: column
  }

  .mobile603-d-none {
    display: none
  }

  .desktop603-d-none {
    display: flex
  }

  .google-review-card {
    padding: 24px
  }

  .comparison-pics-wrapper {
    gap: 14px
  }

  .mobile-flex-wrap {
    flex-wrap: wrap;
    justify-content: space-between
  }

  .field {
    grid-column: span 2
  }

  .section-gap80 {
    row-gap: 40px
  }

  .marg-top12 {
    margin-top: 4px;
  }

  .text-headline-manrope {
    font-size: 16px;
    line-height: 1.5;
  }

  .text-regular {
    font-size: 14px;
    line-height: 1.5;
  }

  .certified-icons-div {
    display: flex;
    justify-content: space-between;
    gap: 30px;
  }
}