@media (max-width: 767px) {
  html {
    overflow-x: hidden !important;
  }
  .hp-top-boxes-wrapper {
    max-width: 100vw;
    overflow-x: scroll;
    white-space: nowrap;
    grid-template-columns: 70% 70% 70% !important;
    padding-bottom: var(--space-s);
  }
  .hp-top-boxes-wrapper::-webkit-scrollbar {
    height: 8px;
    background: rgba(93, 71, 56, 0.1);
    border-radius: 20px;
  }
  .hp-top-boxes-wrapper::-webkit-scrollbar-thumb {
    background: var(--base);
    border-radius: 20px;
  }
  .hp-top-boxes-wrapper:after {
    pointer-events: none;
    content: '';
    width: 20%;
    height: 100%;
    z-index: 99;
    display: block;
    bottom: 0;
    right: 0;
    position: absolute;
    background: #fff;
    background: -moz-linear-gradient(270deg, white 0%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-linear-gradient(270deg, white 0%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(270deg, white 0%, rgba(255, 255, 255, 0) 100%);
  }
  .hp-top-boxes-wrapper .ct-text-block {
    white-space: pre-wrap;
  }
  .main-off-canvas .offcanvas-inner {
    border-right: 6px solid var(--primary);
  }
  .main-off-canvas .oxy-pro-menu-list li {
    width: fit-content;
  }
  .main-off-canvas .oxy-pro-menu-list li a {
    width: fit-content;
  }
  .main-off-canvas .oxy-pro-menu-list .current-menu-item > a {
    color: var(--primary) !important;
  }
  .main-burger-trigger {
    min-height: 40px !important;
  }
  .main-burger-trigger > button {
    min-height: 40px !important;
  }
  header {
    z-index: 200 !important;
  }
  .main-header-row {
    padding-top: var(--space-xs) !important;
    padding-bottom: var(--space-xs) !important;
  }
  .main-header-row > .oxy-header-container {
    justify-content: center !important;
  }
  .main-header-row .oxy-header-center {
    display: none !important;
  }
  .main-header-row .oxy-header-right {
    position: absolute;
    left: 1.2rem;
    top: var(--space-xs);
  }
  .overflowing-image--bottom-right {
    max-width: 10rem !important;
    max-height: 10rem !important;
    bottom: -4rem !important;
    right: 3vw !important;
  }
  .overflowing-image {
    max-width: 10rem !important;
    max-height: 10rem !important;
    top: -3rem !important;
    left: 3vw !important;
  }
  .special-image_wrapper-left:after, .special-image_wrapper-right:after {
    background-size: cover !important;
  }
  .scrollable-reviews-wrapper {
    position: relative;
  }
  .scrollable-reviews-wrapper:after {
    pointer-events: none;
    content: '';
    width: 20%;
    height: 100%;
    z-index: 99;
    display: block;
    bottom: 0;
    right: 0;
    position: absolute;
    background: #fff;
    background: -moz-linear-gradient(270deg, white 0%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-linear-gradient(270deg, white 0%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(270deg, white 0%, rgba(255, 255, 255, 0) 100%);
  }
  .scrollable-reviews {
    max-width: 100vw;
    white-space: nowrap;
    overflow-x: scroll;
    grid-template-columns: 70% 70% 70% !important;
    justify-content: flex-start !important;
    padding-bottom: calc(var(--space-xxl) * 1.6) !important;
    padding-top: var(--space-xl);
    margin-bottom: 0 !important;
  }
  .scrollable-reviews > .ct-div-block:last-child {
    z-index: 100;
  }
  .scrollable-reviews *::-webkit-scrollbar {
    display: none !important;
  }
  .scrollable-reviews .ct-text-block {
    white-space: pre-wrap;
  }
  .image-row-start-2 {
    grid-row-start: 2 !important;
  }
  .time-lines-wrapper .oxy-content-timeline_content-inner {
    padding-right: 0 !important;
  }
  .time-lines-wrapper .timeline-item .oxy-content-timeline_marker-inner {
    width: 24px !important;
    height: 24px !important;
  }
}