@media (min-width: 768px) {
  h2.content-box-title {
    font-size: 2.4rem;
  }

  .header__top--follow {
    display: inline-flex;
  }

  .slick-arrow {
    height: 40px;
    width: 40px;
  }

  span.arrow-left {
    left: 20px;
    padding-right: 4px;
  }

  span.arrow-right {
    right: 20px;
    padding-left: 4px;
  }

  .slick-arrow {
    font-size: 4rem;
  }

  /* globals title and description section */

  .sec_title {
    font-size: 36px;
    line-height: 42px;
    max-width: 80%;
  }

  .sec_description {
    font-size: 14px;
    max-width: 80%;
  }

  .sec_title.sec_title-xl {
    font-size: 42px;
    line-height: 48px;
  }

  /* globals title and description section */

  /* start slider hero */

  #slider__desktop .slick-arrow {
    height: 40px;
    width: 40px;
  }

  #slider__desktop span.arrow-left {
    left: 8px;
  }

  #slider__desktop span.arrow-right {
    right: 8px;
  }

  #slider__desktop .slick-arrow {
    font-size: 4rem;
  }

  .slider__contain {
    left: 8rem;
  }

  .slider__btn {
    font-size: 15px;
    padding: 1.2rem 5.2rem;
  }

  /* end slider hero */

  /* start news */

  .container__news {
    margin: 6rem auto 4rem;
  }

  .container__art--news {
    padding: 2.4rem 1.2rem;
  }

  /* start news */

  .footer__menus {
    gap: 1.2rem 2rem;
  }

  .footer__menus .footer__menu--sm {
    display: flex;
    justify-content: end;
  }
}

@media (min-width: 900px) {
  /* globals title and description section */

  .sec_title.sec_title-xl {
    font-size: 50px;
    line-height: 56px;
  }

  /* globals title and description section */

  /* start transport tabs */

  .transport__title--tab {
    font-size: 15px;
  }

  .container__transports .nav-tabs > li > a {
    padding: 1.2rem 3.2rem;
  }

  /* start transport tabs */

  /* start experience */

  .container__art--experience {
    grid-template-columns: repeat(3, 1fr);
  }

  /* end experience */

  /* start gallery */

  .gallery__grid {
    grid-template-columns: repeat(4, 1fr);
  }

  .gallery__grid .gallery__grid--img:nth-child(5) {
    display: block;
  }

  .gallery__grid .gallery__grid--img:nth-child(1) {
    grid-area: 1 / 1 / 3 / 3;
  }

  /* end gallery */

  .footer__menus {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (min-width: 992px) {
  .content-box {
    padding: 24px;
  }
}