@media (max-width: 991.98px) {
   /* ===HEADER=== */
   .header {
      padding-block: 15px;
   }
   .header__body {
      padding: 15px;
      column-gap: 25px;
   }
   .menu__list { 
      column-gap: 20;
   }
   .actions-header{
      column-gap: 10px;
   }
   .actions-header__button.button--mini {
      padding-inline: 15px;
   }

   /* ===COMPONENTS=== */

   .block-header__title {
      font-size: 56px;
   }
   .block-header__line::before {
      height: 4px;
   }
   .block-header__line--top::before {
      top: 12px;
   }

   /* ===MAIN=== */
   /* ===SECTION_HERO=== */

   .hero {
      padding-top: 70px;
   }
   .hero__block-header {
      margin-bottom: 60px;
   }

   [class*="page__"] {
      padding-top: 60px;
      padding-bottom: 60px;
   }

   /* ===SECTION_COMPANIES=== */

   .title {
      font-size: 46px;
   }
   .companies__title:not(:last-child) {
      margin-bottom: 60px;
   }

   /* ===SECTION_DISCOVER=== */

   .block-header__border::before {
      left: -7px;
      border: 3px solid #C2410C;
   }
   .discover__container {
      column-gap: 40px;
   }

   /* ===SECTION_TESTIMONIALS=== */

   .testimonials__container {
      gap: 40px;
   }
   .testimonials-block-header__line::before {
      bottom: 1px;
   }

   /* ===SECTION_EVENTS=== */

   .body-item-event__title {
      font-size: 32px;
   }
}

@media (max-width: 767.98px) {
   body {
      font-size: 16px;
   }
   [class*="__container"] {
      row-gap: 0px;
   }

   /* ===HEADER=== */

   .menu {
      position: fixed;
      inset-inline-start: -100%;
      inset-block-start: 0;
      block-size: 100%;
      inline-size: 100%;

      transition: inset-inline-start 0.3s;

      overflow: auto;

      background-color: #0F172A;

      padding-block-start: 105px;
      padding-inline: 15px;
      padding-block-end: 30px;
   }
   .menu::before {
      position: fixed;
      content: "";

      z-index: 2;

      block-size: 64px;
      inset-block-start: 15px;
      inset-inline-start: 15px;
      inset-inline-end: 15px;

      transition: visibility 0.3s;
      visibility: hidden;

      border-radius: 20px;
      background-color: #192131;
      box-shadow: 
         0px 25px 50px -12px rgba(0, 0, 0, 0.25),
         0px 0px 15px 0px rgba(0, 0, 0, 0.07);
   }
   .open-menu .menu {
      inset-inline-start: 0;
   }
   .open-menu .menu::before {
      visibility: visible;
   }
   .menu__list {
      flex-direction: column;
      align-items: flex-end;
      row-gap: 25px;
      padding-inline-end: 18px;
   }
   .menu__link {
      font-size: 30px;
   }
   .icon-menu {
      display: block;
      position: relative;
      inline-size: 48px;
      block-size: 48px;

      z-index: 3;
   }
   .icon-menu span,
   .icon-menu::before,
   .icon-menu::after {
      content: "";
      position: absolute;
      block-size: 4px;
      border-radius: 4px;
      background-color: #fff;

      transition: all 0.3s;
   }
   .icon-menu::before,
   .icon-menu::after {
      inline-size: 15px;
   }
   .icon-menu::before {
      inset-inline-start: 10px;
      inset-block-start: 14px;
   }
   .icon-menu::after {
      inset-inline-end: 10px;
      inset-block-end: 14px;
   }
   .icon-menu span {
      inset-inline-start: 50%;
      inset-inline-start: 50%;
      transform: translate(-50%, -50%);
      inline-size: 28px;
   }
   .open-menu .icon-menu span {
      transform: translate(-50%, -50%) rotate(-45deg);
      inline-size: 33px;
   }
   .open-menu .icon-menu::before {
      transform: translate(0px, 1px) rotate(45deg);
   }
   .open-menu .icon-menu::after {
      transform: translate(0px, -2px) rotate(45deg);
   }
   .header__body {
      padding-block: 8px;
      padding-inline-start: 24px;
      padding-inline-end: 8px;
      grid-template-columns: auto auto;
      justify-content: space-between;
   }
   .block-header__title {
      font-size: 40px;
   }
   .block-header__line--top::before {
      top: 8px;
   }

   /* ===MAIN=== */
   /* ===SECTION_HERO=== */

   .hero {
      padding-top: 35px;
   }
   .hero__block-header {
      margin-bottom: 48px;
   }
   [class*="page__"] {
      padding-top: 48px;
      padding-bottom: 48px;
   }

   /* ===SECTION_COMPANIES=== */

   .title {
      font-size: 40px;
   }
   .companies__title:not(:last-child) {
      margin-bottom: 48px;
   }

   /* ===SECTION_DISCOVER=== */

   .block-header__border::before {
      left: -5px;
      border: 2px solid #C2410C;
   }
   .discover__container {
      justify-items: center;
      grid-template-columns: auto;
   }
   .discover__block-header {
      justify-items: center;
      text-align: center;
   }
   .discover__block-header .block-header__link {
      justify-self: center;
   }
   .discover__image {
      width: 0;
   }

   /* ===SECTION_POWERFUL=== */   

   .powerful__container {
      justify-items: center;
      grid-template-columns: auto;
   }
   .powerful__block-header {
      justify-items: center;
      text-align: center;
   }
   .powerful__image {
      width: 0;
   }

   /* ===SECTION_CUSTOMERS=== */

   .block-header__bg::before {
      left: -5px;
      background-color: #BE185D;
   }
   .customers__container {
      justify-items: center;
      grid-template-columns: auto;
   }
   .customers__block-header {
      justify-items: center;
      text-align: center;
   }
   .customers__block-header .block-header__link {
      justify-self: center;
   }
   .customers__media {
      padding: 0;
   }
   .customers__image {
      width: 0;
   }

   /* ===SECTION_SPEED=== */   

   .speed__container {
      justify-items: center;
      grid-template-columns: auto;
   }
   .speed__block-header {
      justify-items: center;
      text-align: center;
   }
   .speed__image {
      width: 0;
   }

   /* ===SECTION_TESTIMONIALS=== */

   .testimonials__container {
      justify-items: center;
      grid-template-columns: auto;
      row-gap: 32px;
   }
   .testimonials__block-header {
      justify-items: center;
      text-align: center;
   }
   .testimonials__block-header .block-header__link {
      justify-self: center;
   }

   /* ===SECTION_EVENTS=== */

   .body-item-event__title {
      font-size: 24px;
   }
   .events__header {
      text-align: center;
      flex-direction: column;
      align-items: center;
   }

}


@media (max-width: 439.98px) {

   /* ===HEADER=== */

   .menu__list:not(:last-child) {
      margin-bottom: 20px;
   }
   .menu__button {
      display: block;
   }
   .menu__button:not(:last-child) {
      margin-bottom: 15px;
   }
   .actions-header__button {
      display: none;
   }

   /* ===COMPONENTS=== */
   
   .block-header__line--bottom::before {
      display: none;
   }
   .block-header__buttons {
      flex-direction: column;
      align-items: stretch;
   }

   /* ===SECTION_TESTIMONIALS=== */

   .testimonials-block-header__line::before {
      display: inline-block;
      bottom: 2px;
      height: 5px;
   }

}

@media (max-width: 320.01px) {
   .companies__item {
      width: 40%;
   }
}


/* ===FOOTER_CONFIG=== */

@media (max-width: 1279.98px) {
   .footer__logo {
      text-align: center;
      flex-basis: 100%;
   }
   .nav-footer {
      text-align: center;
   }
}
@media (max-width: 1020.00px) {
   .nav-footer {
      flex-basis: 400px;
   }
}
@media (max-width: 880.00px) {
   .nav-footer {
      flex-basis: 300px;
   }
}
@media (max-width: 680.00px) {
   .nav-footer {
      flex-basis: 200px;
   }
}
@media (max-width: 520.00px) {
   .nav-footer {
      flex-basis: 100%;
   }
   .footer__bottom {
      flex-direction: column;
      align-items: center;
   }
}