@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800&display=swap);

body, html {
  margin: 0;
  padding: 0;
  font-family: 'Montserrat', sans-serif;
  overflow-x: hidden;
  height: 100%
}

a {
  text-decoration: none
}

h1, h2 {
  margin: 0;
  padding: 0
}

ul {
  margin: 0;
  padding: 0
}

.header {
  position: sticky;
  width: 100%;
  height: 85px;
  z-index: 999;
  -webkit-transition: all .15s ease;
  -o-transition: all .15s ease;
  transition: all .15s ease;
  margin-bottom: -85px;
}

.header_logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  font-size: 20px;
  font-weight: 900;
  position: relative
}

.header_logo a {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0
}

.header_fixed {
  position: sticky;
  background: #1886df;
  -webkit-box-shadow: 0 5px 15px #04335835;
  box-shadow: 0 5px 15px #04335835;
  height: 70px;
  top: 0;
}

.header_content {
  position: relative;
  margin: 0 auto;
  max-width: 1300px;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.logo_company {
  height: 40px;
  margin-right: 10px
}

.menu_nav {
  position: absolute;
  right: 0;
  width: auto;
  height: 100%;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 45px auto;
  grid-template-columns: repeat(2, auto);
  grid-column-gap: 45px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.link_nav {
  position: relative;
  width: auto;
  font-size: 18px;
  font-weight: 500;
  color: #fff
}

.call_nav {
  position: relative;
  background: #09468f;
  border-radius: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: left;
  font-size: 18px;
  font-weight: 500;
  color: #fff;
  padding: 10px 20px 10px 55px
}

.call_nav a {
  color: #fff;
}

.phone_call_nav {
  position: absolute;
  width: 24px;
  left: 20px
}

.link_nav:hover {
  text-decoration: underline;
  cursor: pointer
}

.widget_btn {
  position: fixed;
  width: 130px;
  height: 75px;
  border-radius: 100px 0 0 100px;
  background: #43a9f2;
  background: -o-linear-gradient(315deg, #43a9f2 -50%, #0879d8 150%);
  background: linear-gradient(135deg, #43a9f2 -50%, #0879d8 150%);
  z-index: 900;
  right: 0;
  top: 30%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
  -webkit-animation: pulsing 1.5s infinite;
  animation: pulsing 1.5s infinite
}

.widget_btn:hover {
  width: 140px;
  -webkit-animation: none;
  animation: none;
  cursor: pointer
}

@-webkit-keyframes pulsing {
  0% {
    width: 130px
  }
  50% {
    width: 140px
  }
  100% {
    width: 130px
  }
}

.shop_widget_btn {
  position: relative;
  margin-left: 37px;
  width: 45px;
  -webkit-transition: ease .15s;
  -o-transition: ease .15s;
  transition: ease .15s
}

.block_1 {
  position: relative;
  min-width: 1300px;
  height: auto;
  background-size: cover !important;
  background-position: center;
  background-repeat: no-repeat;
}

.block_1_content {
  position: relative;
  margin: 0 auto;
  top: 0;
  width: 1300px;
  height: 690px
}

.bg_logo_top {
  position: absolute;
  top: -15px;
  left: -160px
}

.mobile_app {
  position: absolute;
  width: 310px;
  right: 105px;
  bottom: -150px
}

.title_block {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  max-width: 800px;
}

.title_header {
  font-size: 48px;
  font-weight: 800;
  color: #fff;
  margin-bottom: 1rem;
}

.description_block {
  display: inline;
  position: relative;
  font-size: 30px;
  font-weight: 500;
  color: #fff;
  border-bottom: 3px dashed;
}

.widget_btn_catalog {
  position: relative;
  display: block;
  width: auto;
  background: #fff;
  color: #2b96e8;
  font-weight: 700;
  border-radius: 100px;
  padding: 10px 28px 10px 28px;
  margin-top: 3rem;
  font-size: 20px;
  font-family: 'Montserrat', sans-serif;
  border: 2px solid #fff
}

.widget_btn_catalog:hover {
  background: 0 0;
  color: #fff;
  border: 2px solid #fff;
  cursor: pointer
}

.widget_btn_contract {
  position: relative;
  display: inline-block;
  background: #09468f;
  color: #fff;
  font-weight: 700;
  border-radius: 100px;
  padding: 10px 28px 10px 28px;
  top: 405px;
  margin-left: 40px;
  font-size: 20px;
  border: 2px solid #09468f
}

.widget_btn_contract:hover {
  background: 0 0;
  color: #fff;
  border: 2px solid #fff;
  cursor: pointer
}

.block_2 {
  position: relative;
  min-width: 1300px;
  height: auto;
  background: #fff
}

.wave {
  position: relative;
  min-width: 1300px;
  height: 127px;
  background: url(../img/wave.png) center repeat-x;
  top: -125px
}

.wave_alt {
  position: relative;
  min-width: 1300px;
  height: 110px;
  background: url(../img/wave2.png) center repeat-x;
  transform: scale(-1, 1);
  top: -93px;
}

.block_2_content {
  position: relative;
  margin: -15px auto 0;
  width: 1300px;
  height: 175px
}

.download_block {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 1200px;
  padding: 0 50px;
  height: 100px;
  border-radius: 16px;
  background: #43a9f2;
  background: -o-linear-gradient(315deg, #43a9f2 0, #0879d8 100%);
  background: linear-gradient(135deg, #43a9f2 0, #0879d8 100%);
  -webkit-box-shadow: 0 15px 35px #1b5EC235;
  box-shadow: 0 15px 35px #1b5EC235
}

.download_img {
  position: relative;
  display: inline-block;
  width: 47px
}

.text_download {
  position: relative;
  display: inline-block;
  font-size: 24px;
  font-weight: 500;
  color: #fff;
  width: auto;
  margin-left: 30px
}

.btn_download_apple, .btn_download_google {
  width: 186px
}

.block_3 {
  position: relative;
  min-width: 1300px;
  height: auto;
  background: #fff
}

.block_3_content {
  position: relative;
  margin: 0 auto;
  width: 1300px;
  height: auto;
  padding-top: 55px
}

.title_content {
  position: relative;
  font-size: 36px;
  font-weight: 800;
  color: #061524
}

.product_categories {
  position: relative;
  width: 100%;
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin-top: 50px;
  justify-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.product {
  position: relative;
  width: 304px;
  height: auto;
  border-radius: 24px;
  padding: 50px 30px;
  margin-bottom: 50px
}

.product:hover {
  -webkit-box-shadow: 0 20px 35px #00000025;
  box-shadow: 0 20px 35px #00000025;
  cursor: pointer
}

.product_img {
  position: relative;
  height: 130px
}

.product_title {
  position: relative;
  font-size: 24px;
  font-weight: 700;
  color: #2b96e8;
  margin-top: 44px
}

.product_description {
  font-size: 18px;
  font-weight: 500;
  color: #061524;
  margin-top: 30px
}

.block_4 {
  position: relative;
  min-width: 1300px;
  height: auto;
  background: #fff
}

.block_4_content {
  position: relative;
  margin: 0 auto 11px;
  width: 1300px;
  height: auto;
  padding: 55px 0;
}

.description_content {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 24px;
  font-weight: 600;
  color: #061524;
  margin-top: 60px;
  width: 410px
}

.description_content_img {
  position: relative;
  width: 56px;
  margin-right: 30px
}

.title_delivery_info {
  position: relative;
  font-size: 24px;
  font-weight: 600;
  color: #061524;
  margin-top: 54px
}

.text_delivery_info {
  position: relative;
  display: inline-block;
  padding: 7px 30px;
  background: #43a9f2;
  background: -o-linear-gradient(315deg, #43a9f2 0, #0879d8 100%);
  background: linear-gradient(135deg, #43a9f2 0, #0879d8 100%);
  border-radius: 8px;
  font-size: 24px;
  font-weight: 500;
  color: #fff;
  margin-top: 25px;
  max-width: 500px
}

.title_delivery_regions {
  position: relative;
  font-size: 24px;
  font-weight: 600;
  color: #061524;
  margin-top: 54px
}

ol {
  list-style-type: inherit;
  color: #2b96e8;
  margin-left: 18px
}

.text_delivery_regions {
  position: relative;
  font-size: 18px;
  font-weight: 500;
  color: #061524;
  line-height: 1.7em
}

.delivery_regions_block {
  position: relative;
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(2, auto);
  max-width: 500px;
  margin-top: 25px
}

.delivery_car {
  position: absolute;
  right: 0;
  top: 115px;
  width: 630px
}

.block_5 {
  position: relative;
  min-width: 1300px;
  height: auto;
  background: #fff;
  padding-top: 110px
}

.map {
  width: 100%;
  height: 450px
}

.block_footer {
  position: relative;
  min-width: 1300px;
  height: auto;
  background: #081938
}

.block_footer_content {
  position: relative;
  margin: 0 auto;
  width: 1300px;
  min-height: 450px;
  padding-top: 100px
}

.contacts_block {
  position: relative;
  display: -ms-grid;
  display: grid;
  width: 100%;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  grid-template-columns: repeat(3, 1fr)
}

.contacts_group {
  position: relative;
  width: 390px
}

.contact_img {
  position: absolute;
  height: 30px
}

.title_contacts {
  position: relative;
  display: inline-block;
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  margin: 5px 0 0 55px
}

ul {
  list-style-type: none;
  margin-left: 55px;
  margin-top: 15px
}

.contact {
  position: relative;
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  line-height: 1.7em
}

.social_link_block {
    position: relative;
    display: -ms-grid;
    display: grid;
    justify-items: center;
    -ms-grid-columns: auto 15px auto 15px auto 15px auto 15px auto 15px auto;
    grid-template-columns: repeat(7, auto);
    grid-column-gap: 15px;
    width: auto
}

.social_link_block-section {
  position: relative;
  display: -ms-grid;
  display: grid;
  width: auto;
  justify-items: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-top: 0
}

.download_footer_block {
  position: relative;
  display: -ms-grid;
  display: grid;
  width: auto;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  height: 150px
}

.title_download_footer {
  position: relative;
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  margin-top: 0
}

.qr_footer_img {
  position: relative;
  height: 100px;
  top: 25px;
  border-radius: 10px
}

.btn_download_apple_footer {
  position: relative;
  height: 45px;
  top: -75px;
  left: 120px
}

.btn_download_google_footer {
  position: relative;
  height: 45px;
  top: -65px;
  left: 120px
}

.footer_block_2 {
  position: relative;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 432px auto;
  grid-template-columns:432px auto;
  width: auto;
  margin-top: 75px;
  min-height: 150px;
}

.footer_info_block {
  position: relative;
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin-top: 105px;
  bottom: 15px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.footer_info_block_item {
  position: relative;
  width: 100%;
  font-size: 12px;
  color: #fff
}

.footer_info_block_item_img {
  position: relative;
  display: -ms-grid;
  display: grid;
  width: 100%;
  justify-items: end
}

.pay_img {
  position: relative;
  width: 200px;
  right: 0
}

.link_politic {
  color: #fff;
  text-decoration: underline
}

.menu_nav_mobile {
  display: none
}

.map > ymaps {
  width: 100% !important;
  height: 450px !important;
}

@media (max-width: 1350px) {
  .header_content {
    max-width: 1100px
  }

  .title_block {
    max-width: 670px;
  }

  .block_1 {
    min-width: 1100px
  }

  .block_1_content {
    width: 1100px
  }

  .mobile_app {
    width: 270px;
    right: 155px;
    bottom: -163px
  }

  .block_2 {
    min-width: 1100px
  }

  .block_2_content {
    width: 1100px;
    height: 175px
  }

  .download_block {
    width: 1000px
  }

  .text_download {
    width: 480px
  }

  .block_3 {
    min-width: 1100px
  }

  .block_3_content {
    width: 1100px
  }

  .product {
    width: 274px
  }

  .block_4 {
    min-width: 1100px
  }

  .block_4_content {
    width: 1100px
  }

  .delivery_car {
    position: absolute;
    right: 0;
    top: 175px;
    width: 530px
  }

  .block_5 {
    min-width: 1100px
  }

  .block_footer {
    min-width: 1100px
  }

  .block_footer_content {
    width: 1100px
  }
}

@media (max-width: 1150px) {
  .header_content {
    max-width: 900px
  }

  .menu_nav {
    display: none
  }

  .btn_nav_menu {
    position: absolute;
    display: -ms-grid;
    display: grid;
    justify-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 35px;
    height: 35px;
    right: 0;
    cursor: pointer
  }

  .pillar1 {
    width: 35px;
    height: 3px;
    background: #fff;
    -webkit-transition: all .15s ease;
    -o-transition: all .15s ease;
    transition: all .15s ease
  }

  .pillar2 {
    width: 35px;
    height: 3px;
    background: #fff;
    -webkit-transition: all .15s ease;
    -o-transition: all .15s ease;
    transition: all .15s ease
  }

  .pillar3 {
    width: 35px;
    height: 3px;
    background: #fff;
    -webkit-transition: all .15s ease;
    -o-transition: all .15s ease;
    transition: all .15s ease
  }

  .pillar1_active {
    margin-top: 16px;
    width: 35px;
    height: 3px;
    background: #fff;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
  }

  .pillar2_active {
    width: 0;
    height: 3px;
    background: #fff
  }

  .pillar3_active {
    margin-top: -26px;
    width: 35px;
    height: 3px;
    background: #fff;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
  }

  .menu_nav_mobile {
    position: fixed;
    width: 100%;
    height: auto;
    background: rgba(255, 255, 255, .95);
    display: none;
    -ms-grid-columns: 100%;
    grid-template-columns:100%;
    grid-row-gap: 25px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-items: center;
    padding: 25px 0;
    -webkit-box-shadow: 0 5px 15px #04335835;
    box-shadow: 0 5px 15px #04335835
  }

  .link_nav {
    color: #061524
  }

  .block_1 {
    min-width: 900px
  }

  .block_1_content {
    width: 900px;
    height: 690px
  }

  .mobile_app {
    width: 240px;
    right: 145px;
    bottom: -90px
  }

  .widget_btn_contract {
    top: 365px
  }

  .block_2 {
    min-width: 900px
  }

  .block_2_content {
    width: 900px;
    height: 175px
  }

  .download_block {
    width: 840px;
    padding: 0 30px
  }

  .text_download {
    font-size: 18px;
    width: 320px
  }

  .btn_download_apple {
    right: 251px
  }

  .btn_download_google {
    right: 40px
  }

  .block_3 {
    min-width: 900px
  }

  .block_3_content {
    width: 900px
  }

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

  .block_4 {
    min-width: 900px
  }

  .block_4_content {
    width: 900px
  }

  .delivery_car {
    top: 205px;
    width: 400px
  }

  .block_5 {
    min-width: 900px
  }

  .block_footer {
    min-width: 900px
  }

  .block_footer_content {
    width: 900px;
    min-height: 450px;
    padding-top: 100px
  }

  .contacts_block {
    grid-column-gap: 25px
  }

  .contacts_group {
    width: 100%
  }
}

@media (max-width: 950px) {
  .header_content {
    max-width: 700px
  }

  .block_1 {
    min-width: 700px
  }

  .block_1_content {
    width: 700px;
    height: 850px
  }

  .mobile_app {
    width: 280px;
    right: 210px;
    bottom: -180px
  }

  .title_block {
    width: auto;
    top: 165px;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  .widget_btn_contract {
    top: 353px
  }

  .block_2 {
    min-width: 700px
  }

  .wave {
    min-width: 700px;
    max-width: 950px;
    height: 63px;
    top: -62px
  }

  .wave_alt {
    min-width: 700px;
    max-width: 950px;
  }

  .block_2_content {
    margin-top: 55px;
    width: 700px;
    height: 265px
  }

  .download_block {
    width: 630px;
    padding: 0 30px;
    height: 180px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .download_img {
    display: none
  }

  .text_download {
    font-size: 22px;
    width: 100%;
    text-align: center;
    margin-left: 0
  }

  .btn_download_apple {
    width: 186px;
    margin-right: 30px;
  }

  .btn_download_google {
    width: 186px;
  }

  .block_3 {
    min-width: 700px
  }

  .block_3_content {
    width: 700px
  }

  .product_categories {
    grid-template-columns: repeat(1, 1fr)
  }

  .product {
    -webkit-box-shadow: 0 20px 35px #00000025;
    box-shadow: 0 20px 35px #00000025;
    cursor: pointer
  }

  .block_4 {
    min-width: 700px
  }

  .block_4_content {
    width: 700px
  }

  .delivery_car {
    top: 420px;
    width: 200px
  }

  .block_5 {
    min-width: 700px
  }

  .block_footer {
    min-width: 700px
  }

  .block_footer_content {
    width: 700px
  }

  .contacts_block {
    grid-row-gap: 50px;
    grid-template-columns: repeat(2, 1fr)
  }

  .contacts_group {
    width: 335px
  }

  .social_link_block {
    margin-top: 23px
  }

  .footer_block_2 {
    -ms-grid-columns: auto;
    grid-template-columns:auto;
    grid-row-gap: 50px
  }

  .footer_info_block {
    margin-top: 128px
  }

  .pay_img {
    width: 180px
  }
}

@media (max-width: 750px) {
  .header_content {
    max-width: 500px
  }

  .widget_btn {
    width: 100px;
    height: 60px
  }

  .widget_btn:hover {
    width: 110px
  }

  @-webkit-keyframes pulsing {
    0% {
      width: 100px
    }
    50% {
      width: 110px
    }
    100% {
      width: 100px
    }
  }

  .shop_widget_btn {
    margin-left: 35px;
    width: 35px
  }

  .block_1 {
    min-width: 500px
  }

  .block_1_content {
    width: 500px;
    height: 850px
  }

  .mobile_app {
    width: 250px;
    right: 125px;
    bottom: -130px
  }

  .title_block {
    top: 150px;
  }

  .title_header {
    font-size: 34px;
  }

  .description_block {
    font-size: 24px;
  }

  .widget_btn_contract {
    top: 345px
  }

  .block_2 {
    min-width: 500px
  }

  .wave {
    min-width: 500px;
    height: 62px;
    background: url(../img/wave_mini.png) center no-repeat;
    top: -61px
  }

  .wave_alt {
    min-width: 500px;
    top: -72px;
    background: url(../img/wave2_mini.png) center no-repeat;
  }

  .block_2_content {
    margin-top: 50px;
    width: 500px;
    height: 240px
  }

  .download_block {
    width: 450px;
    padding: 0 25px;
    height: 180px
  }

  .download_img {
    display: none
  }

  .text_download {
    font-size: 20px;
    width: 100%;
    text-align: center;
    margin-left: 0;
  }

  .btn_download_apple {
    width: 186px;
    margin-right: 30px;
  }

  .btn_download_google {
    width: 186px;
  }

  .block_3 {
    min-width: 500px
  }

  .block_3_content {
    width: 500px
  }

  .title_content {
    font-size: 34px
  }

  .product_categories {
    grid-template-columns: repeat(1, 1fr)
  }

  .block_4 {
    min-width: 500px
  }

  .block_4_content {
    width: 500px
  }

  .delivery_car {
    position: relative;
    right: 0;
    left: 150px;
    top: 0;
    width: 200px;
    margin-top: 55px
  }

  .block_5 {
    min-width: 500px;
    padding-top: 70px
  }

  .map {
    height: 350px
  }

  .block_footer {
    min-width: 500px
  }

  .block_footer_content {
    width: 500px
  }

  .contacts_block {
    grid-template-columns: repeat(1, 1fr)
  }

  .contacts_group {
    width: 500px
  }

  .footer_info_block {
    grid-template-columns: repeat(2, 250px);
    grid-row-gap: 20px
  }

  .footer_info_block_item {
    position: relative;
    width: 100%;
    font-size: 12px;
    color: #fff;
    text-align: center
  }

  .footer_info_block_item_img {
    justify-items: center;
    width: 500px
  }
}

@media (max-width: 550px) {
  .header_content {
    max-width: 340px
  }

  .logo_company {
    max-height: 28px
  }

  .widget_btn {
    width: 90px;
    height: 60px;
    top: 30%
  }

  .widget_btn:hover {
    width: 100px
  }

  @-webkit-keyframes pulsing {
    0% {
      width: 90px
    }
    50% {
      width: 100px
    }
    100% {
      width: 90px
    }
  }.shop_widget_btn {
     margin-left: 28px;
     width: 40px
   }

  .block_1 {
    min-width: 340px
  }

  .block_1_content {
    width: 340px;
    height: 790px
  }

  .mobile_app {
    width: 210px;
    right: 65px;
    bottom: -120px
  }

  .title_block {
    top: 125px;
  }

  .title_header {
    font-size: 24px;
  }

  .description_block {
    font-size: 18px;
  }

  .widget_btn_contract {
    top: 320px;
    margin-left: 0
  }

  .block_2 {
    min-width: 340px
  }

  .wave, .wave_alt {
    min-width: 340px
  }

  .block_2_content {
    width: 340px;
    height: 350px
  }

  .download_block {
    width: 300px;
    padding: 0 20px;
    height: 280px
  }

  .download_img {
    display: none
  }

  .text_download {
    font-size: 18px;
  }

  .btn_download_apple {
    margin-right: 0;
  }

  .block_3 {
    min-width: 340px
  }

  .block_3_content {
    width: 340px
  }

  .title_content {
    font-size: 24px
  }

  .product_categories {
    grid-template-columns: repeat(1, 1fr)
  }

  .product {
    width: 280px;
    border-radius: 20px;
    padding: 35px 25px
  }

  .product_img {
    height: 90px
  }

  .product_title {
    font-size: 20px;
    margin-top: 30px
  }

  .product_description {
    font-size: 16px;
    margin-top: 20px
  }

  .block_4 {
    min-width: 340px
  }

  .block_4_content {
    width: 340px
  }

  .description_content {
    font-size: 18px;
    width: 340px
  }

  .description_content_img {
    width: 35px;
    margin-right: 20px
  }

  .title_delivery_info {
    font-size: 18px
  }

  .text_delivery_info {
    padding: 5px 25px;
    border-radius: 5px;
    font-size: 14px
  }

  .title_delivery_regions {
    font-size: 18px
  }

  ol {
    margin-left: 14px
  }

  .text_delivery_regions {
    font-size: 14px
  }

  .delivery_regions_block {
    grid-template-columns: repeat(1, auto);
    max-width: 340px
  }

  .delivery_car {
    left: 70px
  }

  .block_5 {
    min-width: 340px;
    padding-top: 55px
  }

  .map {
    width: 100%;
    height: 230px
  }

  .block_footer {
    min-width: 340px
  }

  .block_footer_content {
    width: 340px;
    min-height: 450px;
    padding-top: 70px
  }

  .contacts_block {
    grid-template-columns: repeat(1, 1fr)
  }

  .contacts_group {
    width: 340px
  }

  .social_link_block {
    grid-template-columns: repeat(5, auto);
    grid-row-gap: 15px
  }

  .qr_footer_img {
    display: none
  }

  .btn_download_apple_footer {
    margin-top: 20px;
    top: 0;
    left: 0
  }

  .btn_download_google_footer {
    margin-top: 15px;
    top: 0;
    left: 0
  }

  .footer_block_2 {
    -ms-grid-columns: auto;
    grid-template-columns:auto;
    margin-top: 70px
  }

  .footer_info_block {
    grid-template-columns: repeat(1, 340px);
    margin-top: 105px
  }

  .footer_info_block_item_img {
    width: 100%;
    justify-items: center
  }
}

@media (max-width: 340px) {
  .header_content {
    max-width: 300px
  }

  .logo_company {
    max-height: 25px
  }

  .block_1 {
    min-width: 300px
  }

  .block_1_content {
    width: 300px
  }

  .mobile_app {
    right: 45px
  }

  .title_block {
    top: 125px;
  }

  .title_header {
    font-size: 24px;
  }

  .block_2 {
    min-width: 300px
  }

  .wave, .wave_alt {
    min-width: 300px
  }

  .block_2_content {
    width: 300px
  }

  .download_block {
    width: 280px;
    padding: 0 10px
  }

  .text_download {
    font-size: 16px
  }

  .block_3 {
    min-width: 300px
  }

  .block_3_content {
    width: 300px
  }

  .product {
    width: 240px
  }

  .block_4 {
    min-width: 300px
  }

  .block_4_content {
    width: 300px
  }

  .description_content {
    width: 300px
  }

  .delivery_car {
    left: 50px
  }

  .block_5 {
    min-width: 300px
  }

  .block_footer {
    min-width: 300px
  }

  .block_footer_content {
    width: 300px
  }

  .contacts_group {
    width: 300px
  }

  .social_link_block {
    grid-template-columns: repeat(4, auto)
  }

  .footer_info_block {
    grid-template-columns: repeat(1, 300px)
  }
}