:root {
  --White: #fff;
  --Text-Grey: #939eaa;
  --Black: #000;
  --GR-Header: linear-gradient(180deg, #00acce 0%, #0062cb 100%);
  --Akcent: #1774d8;
  --Text-color: #005abc;
  --BG-blue: #eef2f6;
  --Line-2: #dce6ef;
}

@font-face {
  font-family: LatoSemiBold;
  src: url(../fonts/Lato-Semibold.woff);
}

@font-face {
  font-family: Open_Sans;
  src: url(../fonts/OpenSans-Regular.ttf);
}

@font-face {
  font-family: LatoRegular;
  src: url(../fonts/Lato-Regular.woff);
}
body {
  font-family: LatoSemiBold;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.container {
  margin: 0 auto;
  padding: 0 160px;
  width: 100%;
}
img {
  max-width: 100%;
}
.icon {
  height: 24px;
  width: 24px;
}
.icon_2 {
  width: 48px;
  height: 48px;
}
.logo {
  width: 121px;
  height: 26px;
}
.logoFooter {
  width: 108.8px;
  height: 24px;
  fill: var(--Akcent);
}
a {
  text-decoration: none;
}
ul,
ol {
  list-style: none;
}

/* Main page nav styles strat ___________________________________________________________*/

nav {
  height: 100px;
  background: var(
    --GR-Header,
    linear-gradient(180deg, #00acce 0%, #0062cb 100%)
  );
}
nav .container {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 100%;
  gap: 9px;
}
.main_page_nav_top_media {
  display: none;
}
.main_page_nav_top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.main_page_nav_top__left_side {
  display: flex;
  column-gap: 6px;
  align-items: center;
}
.main_page_nav_top__left_side a {
  color: var(--White, var(--White, #fff));
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  font-family: LatoSemiBold;
}
.main_page_nav_top__right_side {
  display: flex;
  column-gap: 32px;
  align-items: center;
}
.main_page_nav_top__right_side ul {
  display: flex;
  align-items: center;
  column-gap: 16px;
}
.main_page_nav_top__right_side ul:nth-child(1) li a {
  color: rgba(255, 255, 255, 0.8);
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 160%; /* 19.2px */
  letter-spacing: -0.12px;
  text-transform: uppercase;
  font-family: LatoSemiBold;
}
.main_page_nav_top__right_side ul:nth-child(2) a {
  display: flex;
  align-items: flex-end;
  column-gap: 6px;
  color: var(--White, var(--White, #fff));
  font-family: LatoSemiBold;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 160%;
}
.main_page_nav_top__right_side ul:nth-child(2) a:first-child {
  color: var(--White, var(--White, #fff));
  font-family: LatoSemiBold;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: -0.16px;
}
.main_page_nav_bot {
  display: flex;
  align-items: center;
  width: 100%;
  column-gap: 2%;
}
.main_page_nav_logo {
  display: flex;
  column-gap: 8px;
  align-items: center;
  justify-content: flex-end;
}
.main_page_nav_logo p {
  color: rgba(255, 255, 255, 0.8);
  font-family: LatoSemiBold;
  font-size: 10px;
  font-style: normal;
  font-weight: 700;
  line-height: 160%; /* 16px */
  letter-spacing: -0.3px;
  text-transform: uppercase;
  text-align: justify;
}
.main_page_nav_serach {
  display: flex;
  z-index: 1;
  position: relative;
  width: 70%;
}
.main_page_nav_serach p {
  display: flex;
  height: 56px;
  padding: 15px 24px 15px 22px;
  justify-content: center;
  align-items: center;
  column-gap: 12px;
  background: rgba(255, 255, 255, 0.24);
  cursor: pointer;
  color: var(--White, var(--White, #fff));
  font-family: LatoSemiBold;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: -0.16px;
}
.input_dropdown_div {
  width: 100%;
  position: relative;
  z-index: 999;
}
.main_page_nav_serach input {
  width: 100%;
  height: 53px;
  padding: 15px 24px;
  border: none;
  outline: none;
  color: var(--Text-Grey, #939eaa);
  font-family: LatoSemiBold;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 160%; /* 25.6px */
  letter-spacing: -0.16px;
}
.main_page_nav_serach input::placeholder {
  color: var(--Text-Grey, #939eaa);
  font-family: LatoSemiBold;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 160%; /* 25.6px */
  letter-spacing: -0.16px;
}
.main_page_nav_serach > img {
  position: absolute;
  z-index: 9999;
  right: 12px;
  top: 50%;
  transform: translateY(-55%);
  cursor: pointer;
}
.main_page_nav_serach_dropdown {
  position: absolute;
  top: 93%;
  width: 100%;
  background: var(--White, #fff);
  box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.12);
  display: none;
  z-index: 9999;
  padding: 0 32px;
}
.active_dropdown {
  display: block;
}
.main_page_nav_serach_dropdown li {
  padding: 16px 0;
  border-bottom: 1px solid #dce6ef;
  color: var(--Black, #000);
  font-family: LatoSemiBold;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 240%; /* 38.4px */
  letter-spacing: -0.16px;
  cursor: pointer;
  transition: all 0.3s;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.main_page_nav_serach_dropdown li span {
  cursor: pointer;
  display: none;
  align-items: center;
  justify-content: center;
}
.main_page_nav_serach_dropdown li:hover span {
  display: flex;
}
.main_page_nav_icons ul {
  display: flex;
  align-items: center;
  column-gap: 24px;
}
.main_page_nav_icons ul li img {
  width: 24px;
  height: 24px;
}
.main_page_nav_icons ul a {
  display: flex;
  flex-direction: column;
  color: var(--White, var(--White, #fff));
  font-family: LatoSemiBold;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 19.6px */
  align-items: center;
  justify-content: center;
}

/* Main page nav styles end ___________________________________________________________*/

/* Main page header styles start__________________________________________________ */

header {
  height: 630px;
  background: var(--Akcent, #1774d8);
  display: flex;
  justify-content: center;
  align-items: center;
}
header .container.swiper {
  height: 100%;
  z-index: 0;
}
.swiper-slide.swiper-slide-active {
  z-index: 1 !important;
}
.swiper-wrapper {
  z-index: 1 !important;
}

.swiper-slide {
  z-index: 1 !important;
}

header .swiper-slide {
  padding: 0 200px;
  min-width: 0;
  display: flex;
  flex-direction: column;
  row-gap: 32px;
  justify-content: center;
  z-index: 1 !important;
}
header .swiper-slide h1 {
  color: var(--White, var(--White, #fff));
  font-family: LatoSemiBold;
  font-size: 56px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%; /* 67.2px */
  letter-spacing: -0.56px;
  width: 70%;
  min-width: 0;
}

header .swiper-slide p {
  color: var(--White, var(--White, #fff));
  font-family: LatoSemiBold;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 33.6px */
  letter-spacing: -0.24px;
  min-width: 0;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets
  .swiper-pagination-bullet {
  background: white;
  width: 16px;
  height: 16px;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets
  .swiper-pagination-bullet {
  border: 1px solid white;
}

/* Main page header styles end ______________________________________________________*/

/* Main page section styles start ______________________________________________________*/

section .container {
  display: flex;
  flex-direction: column;
  row-gap: 60px;
}
.main_page_section__1 {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
  padding: 0 32px;
  padding-top: 60px;
}
.main_page_section__1_text {
  display: grid;
  grid-template-columns: 1fr 1.1fr;
  gap: 13%;
}
.main_page_section__1_text p {
  color: var(--Black, #000);
  font-family: LatoSemiBold;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 28px */
  letter-spacing: -0.2px;
  text-align: left;
}
.main_page_section__1_text p:last-child {
  font-size: 16px;
  line-height: 160%;
}

.main_page_section__2 {
  display: flex;
  column-gap: 32px;
  width: 100%;
}
.main_page_section__2 .main_page_play {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
  width: 50%;
}
.main_page_section__2_img {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 50vh;
  background: #eee;
}
.main_page_section__2 .main_page_play h3 {
  color: var(--Black, #000);
  font-family: LatoSemiBold;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 33.6px */
  letter-spacing: -0.24px;
  padding: 0 32px;
}

.main_page_section__3 {
  display: flex;
  flex-direction: column;
  row-gap: 48px;
  padding: 20px 0;
}
.main_page_section__3 h2 {
  color: var(--Black, #000);
  font-family: LatoSemiBold;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%; /* 38.4px */
  letter-spacing: -0.32px;
}
.main_page_section__3_items {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 32px;
}
.main_page_section__3_item {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  align-items: flex-start;
  padding: 32px 24px;
  border: 1px solid var(--Line-2, #dce6ef);
  background: var(--White, #fff);
}
.main_page_section__3_item h4 {
  color: var(--Black, #000);
  font-family: LatoSemiBold;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 28px */
  letter-spacing: -0.2px;
  margin-top: 8px;
}
.main_page_section__3_item p {
  color: var(--Text-Grey, #939eaa);
  font-family: LatoSemiBold;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 19.6px */
}

.main_page_section__4 {
  display: flex;
  flex-direction: column;
  row-gap: 48px;
}
.main_page_section__4_categories {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.main_page_section__4_categories a {
  padding: 24px;
  border: 1px solid var(--Line-2, #dce6ef);
  color: var(--Black, #000);
  font-family: LatoSemiBold;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%; /* 25.6px */
  letter-spacing: -0.16px;
}
.main_page_section__4_categories a:last-child {
  border: none;
  display: flex;
  align-items: center;
  column-gap: 8px;
  color: var(--Text-color, #005abc);
  font-family: LatoSemiBold;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%; /* 25.6px */
  letter-spacing: -0.16px;
}

/* Main page section styles end ______________________________________________________*/

/* Main page footer styles start ______________________________________________________*/

footer {
  margin-top: 6%;
}
footer .container .main_footer_wrapper {
  display: grid;
  grid-template-columns: 1fr 0.7fr 1fr 1fr;
  row-gap: 24px;
  background: var(--BG-blue, #eef2f6);
  padding: 43px 120px;
  clip-path: polygon(3% 0, 97% 0, 100% 100%, 0% 100%);
}

.main_footer_1 {
  display: flex;
  flex-direction: column;
  row-gap: 27px;
}
.main_footer_1 > p,
.main_footer_wrapper > p {
  color: var(--Black, #000);
  font-family: LatoSemiBold;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 19.6px */
}
.main_footer_wrapper > p {
  font-size: 13px;
}
.main_footer_1_logo {
  display: flex;
  column-gap: 10px;
  align-items: center;
  color: var(--Akcent, #1774d8);
  font-family: Open_Sans;
  font-size: 11px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 15.4px */
  letter-spacing: -0.22px;
  text-transform: uppercase;
}

.main_footer_2 {
  display: flex;
  flex-direction: column;
  row-gap: 18px;
  align-items: flex-start;
}
.main_footer_2_top {
  display: flex;
  column-gap: 6px;
  align-items: center;
}
.main_footer_2_top a {
  color: var(--Black, #000);
  font-family: LatoSemiBold;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 19.6px */
}
.main_footer_2_bot {
  display: flex;
  column-gap: 6px;
  align-items: flex-start;
}
.main_footer_2_bot img {
  vertical-align: top;
}
.main_footer_2_bot h5 {
  color: var(--Black, #000);
  font-family: LatoSemiBold;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%; /* 25.6px */
  letter-spacing: -0.16px;
  display: flex;
  flex-direction: column;
  row-gap: 3px;
}
.main_footer_2_bot h5 span {
  color: var(--Text-Grey, #939eaa);
  font-family: LatoSemiBold;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 19.6px */
}

.main_footer_3 {
  display: flex;
  column-gap: 20%;
  padding: 0 30px;
}
.main_footer_3 ul {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
}
.main_footer_3 ul li a {
  color: var(--Black, #000);
  font-family: LatoSemiBold;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 19.6px */
  border-bottom: 1px solid rgba(0, 0, 0, 0.16);
  padding-bottom: 4px;
}

.main_footer_4 {
  display: flex;
  flex-direction: column;
  row-gap: 26px;
}
.main_footer_4 p {
  color: var(--Text-Grey, #939eaa);
  font-family: LatoSemiBold;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 18.2px */
}
.main_footer_4 a {
  color: var(--Text-color, #005abc);
  font-family: LatoSemiBold;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 18.2px */
  border-bottom: 1px solid rgba(0, 90, 188, 0.24);
  max-width: max-content;
}

/* Main page footer styles end ______________________________________________________*/

/* catalog page section start _______________________________________________________ */

.catalog_section_main .container {
  display: flex;
  flex-direction: column;
  row-gap: 27px;
}
.catalog_section_1 {
  display: flex;
  column-gap: 152px;
  align-items: center;
  padding-top: 40px;
  flex-wrap: wrap;
  row-gap: 24px;
}
.catalog_section_1 h2 {
  color: var(--Black, #000);
  font-family: LatoSemiBold;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%; /* 38.4px */
  letter-spacing: -0.32px;
}
.catalog_section_1_right {
  display: flex;
  align-items: center;
}
.catalog_section_1_right p {
  padding: 7px 16px;
  color: var(--Black, #000);
  font-family: LatoSemiBold;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 160%; /* 25.6px */
  letter-spacing: -0.16px;
  cursor: pointer;
}
.catalog_section_1_right p:first-child {
  background: var(--BG-blue, #eef2f6);
}

.catalog_section_2 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  align-items: center;
}
.catalog_section_2 .catalog_section_2_item {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
  padding: 24px 32px;
  border: 1px solid var(--Line-2, #dce6ef);
}
.catalog_section_2_item img {
  width: 190px;
  height: 120px;
}
.catalog_section_2 .catalog_section_2_item a {
  color: var(--Black, #000);
  font-family: LatoSemiBold;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 28px */
  letter-spacing: -0.2px;
  border-bottom: 1px solid var(--Line-2, #dce6ef);
  max-width: max-content;
}

/* catalog page section end _______________________________________________________ */

/* brand page section part start ______________________________________________________  */

.brand_page_section .container {
  display: flex;
  column-gap: 10%;
  padding-top: 40px;
  flex-wrap: wrap;
  row-gap: 24px;
}
.brand_bage_section_left h2 {
  color: var(--Black, #000);
  font-family: LatoSemiBold;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%; /* 38.4px */
  letter-spacing: -0.32px;
}
.brand_page_section_right {
  display: flex;
  flex-direction: column;
  row-gap: 40px;
  width: 50%;
}
.brand_page_section_right_sort {
  display: flex;
  align-items: center;
  padding-bottom: 35px;
}
.brand_page_section_right_sort p {
  padding: 7px 16px;
  color: var(--Black, #000);
  font-family: LatoSemiBold;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 160%; /* 25.6px */
  letter-spacing: -0.16px;
  cursor: pointer;
  white-space: nowrap;
}
.brand_page_section_right_sort p:last-child {
  background: var(--BG-blue, #eef2f6);
}

.brand_page_section_right a {
  margin-right: 8px;
  color: var(--Text-color, #005abc);
  font-family: LatoSemiBold;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%; /* 25.6px */
  letter-spacing: -0.16px;
  border-bottom: 1px dashed rgba(0, 90, 188, 0.4);
}
.brand_page_section_right_categories {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  row-gap: 24px;
}
.brand_page_section_right_category {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.brand_page_section_right_category:nth-child(1) {
  order: 1;
}
.brand_page_section_right_category:nth-child(2) {
  order: 3;
}
.brand_page_section_right_category:nth-child(3) {
  order: 2;
}
.brand_page_section_right_category:nth-child(4) {
  order: 4;
}
.brand_page_section_right_category ul {
  display: flex;
  flex-direction: column;
  row-gap: 4px;
}
.brand_page_section_right_category ul h3 {
  color: var(--Text-Grey, #939eaa);
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%; /* 38.4px */
  letter-spacing: -0.32px;
  padding-bottom: 4px;
}
.brand_page_section_right_category ul li a {
  border-bottom: 1px solid rgba(0, 90, 188, 0.24);
  padding-bottom: 2px;
  font-family: LatoRegular;
  color: var(--Text-color, #005abc);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 19.6px */
}

/* brand page section part end ______________________________________________________  */

/* catalog-list page section part start ______________________________________________________  */

.all_categories ul li img {
  opacity: 0;
}

.all_categories ul li.active_list_item a img {
  opacity: 1;
}
/* catalog-list page section part end ______________________________________________________  */

/* ........_______________.........__________........._____________*/

/* media */

@media (max-width: 1750px) {
  .container {
    padding: 0 5%;
  }
}

@media (max-width: 1600px) {
  nav {
    height: 120px;
  }
  nav .container {
    row-gap: 18px;
  }
  .main_page_nav_logo {
    flex-direction: column;
    row-gap: 4px;
  }

  .main_page_nav_logo p {
    color: rgba(255, 255, 255, 0.8);
    font-family: LatoSemiBold;
    font-size: 9px;
    font-style: normal;
    font-weight: 700;
    line-height: 110%; /* 9.9px */
    letter-spacing: 0.09px;
    text-transform: uppercase;
  }
  .main_page_nav_logo p:last-child {
    letter-spacing: 0.4px;
    white-space: nowrap;
  }

  /* media for catalog page ______________________________________*/

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

@media (max-width: 1400px) {
  .main_footer_1_logo {
    flex-wrap: wrap;
    gap: 8px;
  }
  .main_footer_1_logo {
    flex-direction: column;
    align-items: flex-start;
  }
}

@media (max-width: 1240px) {
  footer .container .main_footer_wrapper {
    padding: 43px 80px;
  }

  /* media for catalog page ______________________________________*/

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

  /* media for brand page ______________________________________*/

  .brand_page_section_right {
    width: 70%;
  }
}

@media (max-width: 1160px) {
  .main_page_nav_top__left_side a {
    font-size: 10px;
  }
  .main_page_nav_top__left_side img {
    width: 14px;
    height: 14px;
  }
  .main_page_nav_top__right_side ul:nth-child(1) li a {
    font-size: 10px;
  }
  .main_page_nav_top__right_side ul:nth-child(2) li {
    font-size: 12px;
  }
  .main_page_nav_top__right_side ul:nth-child(2) li:first-child {
    font-size: 14px;
  }

  /*____________________________________________-*/

  .main_page_nav_logo img {
    width: 100px;
    height: 20px;
  }
  .main_page_nav_logo p {
    font-size: 7.5px;
  }

  .main_page_nav_serach p {
    font-size: 14px;
  }
  .main_page_nav_serach img {
    height: 24px;
    width: 24px;
  }

  .main_page_nav_serach input::placeholder {
    font-size: 14px;
  }

  .main_page_nav_icons ul a {
    font-size: 12px;
  }
  .main_page_nav_icons ul img {
    width: 20px;
    height: 20px;
  }

  /* ____________________________________ */

  header .swiper-slide {
    padding: 0;
    padding-bottom: 104px;
    margin-right: 10%;
    justify-content: flex-end;
  }

  header .swiper-slide h1 {
    font-size: 32px;
  }
  header .swiper-slide p {
    font-size: 16px;
  }

  section h2 {
    font-size: 20px;
  }

  .main_page_section__1_text p {
    font-size: 16px;
  }

  .main_page_section__1_text p:last-child {
    font-size: 14px;
  }

  .main_page_section__2_img {
    height: 300px;
  }

  .main_page_section__2 .main_page_play h3 {
    font-size: 16px;
  }

  .main_page_section__3 {
    row-gap: 24px;
  }

  .main_page_section__3 h2 {
    font-size: 20px;
  }

  .main_page_section__3_item h4 {
    font-size: 16px;
  }

  /*___________________________________________*/

  footer .container .main_footer_wrapper {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto;
    gap: 24px;
  }

  .main_footer_2_bot h5 {
    flex-direction: row;
    align-items: center;
    column-gap: 10px;
    flex-wrap: wrap;
  }

  .main_footer_wrapper > p {
    text-align: right;
    width: 100%;
  }

  .main_footer_3 {
    padding: 0;
  }
}

@media (max-width: 1000px) {
  .main_page_section__3_items {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 920px) {
  .main_page_nav_top {
    display: none;
  }
  .main_page_nav_logo {
    display: none;
  }
  .main_page_nav_icons {
    display: none;
  }
  .main_page_nav_serach {
    width: 100%;
  }
  .main_page_nav_serach p {
    display: none;
  }
  .main_page_nav_serach input {
    width: 100%;
    margin-bottom: 3px;
  }

  .main_page_nav_top_media {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
  }
  .main_page_nav_top_media span {
    position: absolute;
    right: 0px;
    top: -7px;
    font-size: 10px;
    display: flex;
    width: 18px;
    height: 18px;
    padding: 2px 4px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    border-radius: 50px;
    background: var(--Red, #f34439);
    color: var(--White, var(--White, #fff));
    font-family: Lato;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%; /* 16.8px */
  }

  /* media for brand page ______________________________________*/

  .brand_page_section .container {
    flex-direction: column;
  }

  .brand_page_section_right {
    width: 80%;
    margin: 0 auto;
    row-gap: 32px;
  }

  .brand_page_section_right_sort {
    padding: 0;
  }
}

@media (max-width: 760px) {
  /* media for catalog page ______________________________________*/

  .catalog_section_main .container {
    padding: 0;
  }

  .catalog_section_1 {
    padding-left: 5%;
  }

  .catalog_section_2 {
    grid-template-columns: 1fr;
    border: none;
  }

  .catalog_section_2 .catalog_section_2_item {
    border-left: none;
    border-right: none;
  }
}

@media (max-width: 666px) {
  .brand_page_section_right {
    width: 100%;
  }

  section .container {
    row-gap: 40px;
  }
  .main_page_section__1 {
    padding: 40px 0 40px 0;
  }
  .main_page_section__1_text {
    grid-template-columns: 1fr;
  }

  .main_page_section__2 {
    flex-direction: column;
    row-gap: 16px;
  }

  .main_page_section__2 .main_page_play {
    width: 100%;
  }

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

  .main_page_section__4 {
    row-gap: 24px;
  }

  .main_page_section__4_categories {
    flex-wrap: nowrap;
    overflow-x: scroll;
  }

  .main_page_section__4_categories::-webkit-scrollbar {
    width: 0;
  }

  .main_page_section__4_categories a {
    white-space: nowrap;
    padding: 16px;
  }

  footer .container {
    padding: 0;
  }
  footer .container .main_footer_wrapper {
    grid-template-columns: 1fr;
    gap: 32px;
    clip-path: none;
    padding: 40px 16px;
  }

  .main_footer_1_logo {
    flex-direction: row;
    align-items: center;
  }
  .main_footer_2_bot h5 {
    flex-wrap: nowrap;
    flex-direction: column;
    align-items: flex-start;
  }

  .main_footer_wrapper > p {
    text-align: left;
  }
}

/* ---------------___________________---------------___________________ */