@media screen and (max-width: 1440px) {
  .line__inner {
    grid-template-columns: 2fr 3fr;
  }
}

@media screen and (max-width: 1201px) {
  .container {
    width: 1024px !important;
  }

  #page.site {
    overflow: auto;
  }
}

@media screen and (max-width: 1044px) {
  .container {
    width: 800px !important;
  }

  .connect__title,
  .title,
  .about__title {
    font-size: 32px;
  }

  .title-block {
    grid-template-columns: 1fr 2fr;
  }

  .template__item-title,
  .approach__text,
  .about__text {
    font-size: 16px;
  }

  .about__counter {
    font-size: 44px;
  }

  .approach__list {
    margin-top: 30px;
  }

  .template__item-text {
    font-size: 14px;
  }

  .hero__slides {
    width: 50%;
  }

  .section-margin {
    margin-top: 100px;
  }

  .main section {
    overflow: hidden;
  }

  .rent-itemSwiper .swiper-slide:first-child,
  .our-yachts-slide:first-child,
  .rent-item-gallery .swiper-slide:first-child,
  .template__item:first-child {
    margin-left: 0;
  }

  .hoverBlock {
    display: none;
  }

  .four-box__content,
  .team-list__content,
  .box-list__inner {
    grid-template-columns: repeat(2, 1fr);
  }

  .careers__content {
    grid-template-columns: 1fr;
  }

  .line__inner {
    grid-template-columns: 1fr 1fr;
  }

  .career-item-row-item__title {
    font-size: 14px;
  }

  .image-text__bottom {
    height: 380px;
  }

  .boxes-icons__content {
    grid-template-columns: repeat(2, 1fr);
  }

  .collections__image {
    height: 300px;
  }

  .woocommerce #primary.content-has-sidebar {
    padding: 0;
  }

  section,
  footer,
  main {
    width: 100%;
    overflow: hidden;
  }

  .woocommerce #primary.content-has-sidebar {
    padding: 0;
    width: 100%;
    max-width: 100%;
    flex: 100%;
  }

  .filterBtn__mobile {
    display: block !important;
    color: var(--Black, #202020);

    font-family: Bounded !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    /* 19.2px */
  }

  .woocommerce-topbar-ordering {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    align-items: center;
    width: 100%;
  }

  .woocommerce #secondary.widget-has-sidebar {
    padding: 0;
    position: fixed;
    top: 0;
    left: -100vw;
    background: #fff;
    z-index: 1000;
    width: 100vw;
    max-width: 100vw;
    height: 100vh;
    overflow: auto;
    transition: all 0.4s;
    padding: 32px;
  }

  .filterBtn__mobile-close {
    position: absolute;
    right: 32px;
    top: 32px;
    width: 24px;
    height: 24px;
    display: flex !important;
    justify-content: center;
    align-items: center;
  }

  .filterBtn__mobile-close span {
    position: absolute;
    width: 100%;
    height: 2px;
    display: block;
    background-color: black;
  }

  .filterBtn__mobile-close span:first-child {
    rotate: 45deg;
  }

  .filterBtn__mobile-close span:last-child {
    rotate: -45deg;
  }

  .woocommerce #secondary.widget-has-sidebar.active {
    left: 0;
  }

  .woocommerce .woocommerce-topbar {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    margin-bottom: 10px;
    gap: 16px;
    position: relative;
    z-index: 101;
    flex-direction: column-reverse;
  }

  .block-gallery__content {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (max-width: 820px) {
  .container {
    width: 100% !important;
    padding: 0 16px;
  }

  .connect__title,
  .title,
  .about__title {
    font-size: 24px;
    text-align: left;
    width: 100%;
  }

  .about__inner {
    gap: 24px;
  }

  .about__item {
    padding: 0;
    border: none;
  }

  .about__bottom {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }

  .section-list__inner {
    display: grid;
    gap: 16px;
  }

  .section-list__item img {
    width: 80%;
    height: auto;
  }

  .title-block {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  .approach__row {
    grid-template-columns: 1fr;
    gap: 24px;
    padding: 24px 0;
  }

  .template__slider {
    margin-top: 48px;
  }

  .connect__title {
    font-size: 18px;
    text-align: center;
  }

  /* section,
  footer,
  main {
    width: 100vw;
    overflow: hidden;
  } */

  .hero-image-text__top {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .hero-image-text {
    padding-top: 48px;
  }

  .hero-image-text__btn {
    align-self: start;
  }

  .four-box__content,
  .careers__content,
  .team-list__content,
  .box-list__inner {
    margin-top: 48px;
  }

  .box-list__subtitle {
    font-size: 18px;
    margin-bottom: 16px;
  }

  .box-list__text {
    font-size: 14px;
  }

  .custom-btn-border {
    font-size: 14px;
    width: fit-content;
  }

  .careers__btn {
    display: flex;
  }

  .form__inner {
    margin: 72px 20px;
    padding: 16px;
    grid-template-columns: 1fr;
    width: calc(100vw - 40px) !important;
  }

  .form__text {
    font-size: 16px;
  }

  .form__item {
    width: 100% !important;
    gap: 16px;
  }

  .form__row {
    flex-direction: column;
    gap: 0;
  }

  .news-page .input__wrap,
  .input__wrap {
    margin-bottom: 16px;
  }

  .input {
    padding: 8px 16px;
  }

  .form__item:first-child {
    padding: 0;
    margin-bottom: 20px;
  }

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

  .blog-sort {
    justify-content: space-between;
    width: 100%;
  }

  .blog__content {
    margin-top: 48px;
  }

  .hero__slide-data {
    font-size: 12px;
  }

  .wpcf7-response-output {
    position: relative;
  }

  .form__row p {
    width: 100%;
  }

  .career-item__bottom {
    margin-top: 24px;
    grid-template-columns: 1fr;
    gap: 0;
  }

  .career-item__inner {
    margin-top: 24px;
  }

  .career-item__wrap {
    padding: 16px;
    margin-bottom: 16px;
  }

  .post__image {
    margin-bottom: 24px;
  }

  .post__categories {
    margin-top: 24px;
  }

  .post__title {
    margin-top: 12px;
    font-size: 24px;
  }

  .post__data {
    font-size: 12px;
  }

  .post__short {
    margin: 24px 0;
    font-size: 16px;
  }

  .post__block__subtitle {
    font-size: 16px;
    margin-bottom: 12px;
  }

  .career-item__wrap {
    width: 100%;
    border-radius: 0;
  }

  .post__content {
    margin-top: 48px;
  }

  .image-text__top {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }

  .image-text__left {
    width: 100%;
  }

  .image-text__bottom {
    flex-direction: column;
    gap: 16px;
    height: auto;
  }

  .fleets__image {
    height: 250px;
  }

  .faqs__wrap,
  .image-cover__image {
    margin-top: 48px;
  }

  .base-grid__content {
    margin-top: 48px;
    gap: 16px;
    grid-template-columns: repeat(2, 1fr);
  }

  .career-item {
    margin-top: 24px;
  }

  .collections__wrap {
    grid-template-columns: 1fr;
    margin-top: 48px;
  }

  .collections__image {
    height: auto;
  }

  .recommendation-product__wrap {
    margin-top: 48px;
  }

  .woocommerce-pagination {
    margin-top: 24px;
  }

  #primary+#secondary {
    margin-top: 0;
    padding: 0 16px;
  }

  .template__item:last-child {
    display: none;
  }

  .model__image {
    display: none;
  }

  .modal__content {
    grid-template-columns: 1fr;
  }

  .modal {
    padding: 0 20px;
  }

  .fixed-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 8px;
    background: #187ADA;
    border-radius: 50%;
    width: 48px;
    height: 48px;
    position: fixed;
    bottom: 20px;
    right: 16px;
    z-index: 100;
    cursor: pointer;
  }
}

@media screen and (max-width: 600px) {
  .hero__content {
    display: flex;
    justify-content: end;
    align-items: start;
    gap: 32px;
    height: 100%;
    padding-bottom: 60px;
    flex-direction: column;
  }

  .hero__slides {
    width: 100%;
  }

  .about__text {
    font-size: 12px;
  }

  .section-image-mobile {
    display: block;
    width: 100%;
  }

  .section-image-desk {
    display: none;
  }

  .title-block__text {
    width: 100%;
    font-size: 14px;
  }

  .title-block__content {
    display: flex;
    gap: 24px;
    justify-content: space-between;
    flex-direction: column;
  }

  .rent-itemSwiper .swiper-slide:first-child,
  .our-yachts-slide:first-child,
  .rent-item-gallery .swiper-slide:first-child,
  .template__item:first-child {
    margin-left: 16px;
  }

  .custom-btn {
    font-size: 14px;
    width: fit-content;
  }

  .title-block {
    padding-top: 24px;
  }

  .approach__subtitle {
    font-size: 16px;
  }

  .section-video-full video {
    width: 100%;
    object-fit: cover;
    height: 80vh;
  }

  .template__slider-list {
    display: grid;
    grid-template-columns: 1fr;
    gap: 24px;
  }

  .template__slider-list .template__item {
    margin: 0;
  }

  .connect__image img {
    height: 70vh;
    object-fit: cover;
  }

  .connect__title {
    padding: 16px;
    margin: 0;
  }

  .hero-image-text__top {
    margin-bottom: 24px;
  }

  .hero-image-text__text {
    font-size: 16px;
  }

  .hero-image-text__bottom img,
  .hero-image-text__bottom video {
    height: 70vh;
    width: 100%;
    object-fit: cover;
    object-position: 20%;
  }

  .team-list__content {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .box-list__inner {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .careers__item {
    grid-template-columns: 1fr;
    padding: 16px;
    gap: 16px;
  }

  .careers__location {
    margin-top: 8px;
    font-size: 14px;
  }

  .careers__text {
    margin: 16px 0 24px;
  }

  .careers__subtitle {
    font-size: 18px;
  }

  .careers__content {
    gap: 16px;
  }

  .four-box__content {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .four-box__item {
    aspect-ratio: 0;
    gap: 24px;
  }

  .four-box__subtitle {
    font-size: 18px;
  }

  .four-box__text {
    font-size: 14px;
  }

  .form__btn {
    width: 100%;
  }

  .blog__middle {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .blog__top {
    margin-bottom: 24px;
  }

  .blog-item__tags {
    left: 12px;
    top: 12px;
  }

  .blog-item__tags-item {
    padding: 4px 12px;
    font-size: 12px;
  }

  .blog-item__data {
    font-size: 12px;
  }

  .blog-item__title {
    font-size: 16px;
  }

  .page-numbers.next,
  .page-numbers.prev,
  .page-numbers a {
    height: 32px;
    width: 32px;
    padding: 11px;
  }

  .line__inner {
    grid-template-columns: 1fr;
    grid-auto-rows: 1fr 1fr;
  }

  .line__content div {
    width: 100%;
    font-size: 16px;
    margin-top: 16px;
  }

  .line__content {
    align-items: flex-start;
  }

  .line__wrap {
    margin-top: 24px;
  }

  .lines {
    margin-top: 20px;
  }

  .line__round {
    width: 16px;
    height: 16px;
  }

  .career-item__content {
    padding: 0 16px 16px 16px;
    gap: 16px;
  }

  .career-item__row {
    flex-direction: column;
    align-items: flex-start;
  }

  .career-item__btn {
    width: 100%;
  }

  .career-item__it {
    width: 100%;
  }

  .career-item__logo {
    width: 72px;
    height: 72px;
    padding: 4px;
    margin-top: -38px;
  }

  .career-item__image {
    height: 150px;
    overflow: hidden;
  }

  .career-item__image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
  }

  .career-item__title {
    font-size: 18px;
  }

  .career-item__local {
    font-size: 16px;
  }

  .career-item__text {
    font-size: 16px;
  }

  .career-item__list li {
    font-size: 14px;
  }

  .career-item__block {
    margin-bottom: 24px;
  }

  .career-item-row-item__text {
    font-size: 12px;
  }

  .career-item-row-item__content {
    gap: 4px;
    width: 80%;
  }

  .career-item__price {
    font-size: 18px;
    margin-bottom: 8px;
  }

  .career-item__wrap span {
    font-size: 16px;
    margin-bottom: 16px;
  }

  .career-item-row-item__image {
    width: 40px;
    height: 40px;
    padding: 8px;
  }

  .image-text__top {
    margin-bottom: 48px;
  }

  .section-margin-small {
    margin-top: 48px;
  }

  .boxes-icons__inner {
    gap: 24px;
  }

  .boxes-icons__content {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  .title__small {
    font-size: 18px;
  }

  .boxes-icons__item {
    height: auto;
    padding: 16px;
    gap: 24px;
  }

  .boxes-icons__image {
    width: 38px;
    height: 38px;
  }

  .downloads__text,
  .boxes-icons__subtitle {
    font-size: 16px;
  }

  .downloads__item {
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    padding: 16px 0;
  }

  .fleets__btns {
    margin: 48px 0 24px;
  }

  .fleets__content {
    grid-template-columns: 1fr;
  }

  .image-cover__image {
    height: 400px;
    width: 100%;
  }

  .image-cover__image img {
    height: 100%;
    object-fit: cover;
  }

  .base-grid__content {
    grid-template-columns: 1fr;
  }

  .base-grid__subtitle {
    font-size: 16px;
    margin-top: 6px;
  }

  .faqs__subtitle {
    font-size: 16px;
    width: 90%;
  }

  .faqs__plus {
    width: 16px;
    height: 16px;
  }

  .post__add__image {
    height: 70vh;
  }

  .post__add__image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
  }

  .post-params__comment,
  .post-params__left,
  .post-params__right {
    font-size: 14px;
  }

  .post-params__comment {
    width: 100%;
  }

  .rent-item__arrows {
    gap: 24px;
    margin-top: 40px;
  }

  .rent-item__arrow {
    width: 32px;
    height: 32px;
  }

  .rent-item-gallery {
    margin-top: 48px;
  }

  .our-yachts__wrap {
    margin-top: 48px;
  }

  .rent-item__btn {
    width: 100%;
  }

  .post-params__top {
    margin-bottom: 24px;
  }

  .post-params__item {
    padding: 16px 0;
  }

  .post-params__bottom {
    gap: 12px;
  }

  .post-params__top {
    padding: 12px;
  }

  .fleets__subtitle {
    font-size: 14px;
  }

  .collections__title {
    font-size: 18px;
  }

  .collections__text {
    font-size: 14px;
    margin-top: 8px;
  }

  .product-cart__title {
    font-size: 14px;
  }

  .product-cart__custom li {
    font-size: 12px;
  }

  .product-cart__custom ul {
    gap: 8px;
  }

  .product-cart__price {
    font-size: 16px;
  }

  .woocommerce ul.products {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .woocommerce .woocommerce-topbar div.woocommerce-result-count {
    margin: 0 0 20px;
  }

  .woocommerce .woocommerce-topbar .woocommerce-topbar-ordering {
    margin-bottom: 0;
  }

  .woocommerce ul.products li.product .woocommerce-product-title,
  .woocommerce .woocommerce-product-title {
    font-size: 14px;
  }

  .woocommerce ul.products li.product .price * {
    font-size: 16px;
  }

  .woocommerce ul.products.columns-4 li.product {
    margin-bottom: 0;
  }

  .woocommerce ul.products li.product .price {
    margin-top: 5px;
  }

  .custom-cat-block__inner {
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin-top: 24px;
  }

  .custom-cat-block__title {
    font-size: 24px;
  }

  .my-breadcrumbs {
    font-size: 10px;
  }

  #content>div>div.container.content-container>.custom-inner {
    margin-top: 48px;
  }

  .woocommerce-result-count {
    font-size: 16px !important;
  }

  .woocommerce .woocommerce-topbar div.woocommerce-result-count {
    margin: 0;
  }

  .sidebar-sticky {
    margin-top: 24px;
    padding: 0;
    border: none !important;
  }

  #primary+#secondary {
    padding: 32px 16px;
  }

  .filterBtn__mobile-close {
    right: 16px;
  }

  .wpfFilterVerScroll {
    gap: 16px;
  }

  .wpfFilterWrapper .wpfFilterTaxNameWrapper {
    font-size: 14px !important;
  }

  .woocommerce-product-tags {
    margin-bottom: 4px;
  }

  .services-list {
    gap: 16px;
  }

  .services-list__item h4 {
    font-size: 14px;
  }

  .woocommerce-sg-product-title {
    font-size: 18px;
  }

  .block-gallery__subtext {
    font-size: 14px;
  }

  .block-gallery__subtitle {

    font-size: 16px;
  }

  .block-gallery__content {
    grid-template-columns: 1fr;
  }

  .block-gallery__title {
    text-align: center;
  }

  .modal__form {
    padding: 0;
    padding-top: 64px;
  }
}