@media (min-width: 240px) and (max-width: 479px) {
  .lottery_item_content{

    grid-template-columns: 1fr;
    grid-auto-rows: minmax(min-content, max-content);
    grid-gap: 16px;
  }
  .club_banner .lottery_item_banner{
    height: 100%;
  }

  .lottery_item_content h2 , .lottery_form_main h2{

    font-size: 26px;
    line-height: 32px;
  }
  .lottery_item_content h3 {

    font-size: 18px;
    line-height: 26px;
  }
  .lottery_form{
    grid-template-columns: 1fr;
    gap: 22px;
    margin-bottom: 18px;
  }
  .lottery_form_main{
    margin: 30px auto;
  }
  .lottery_form .cv_upload label {
    padding: 25px;
  }
  .maps-wrapper{
    gap: 0px;
    flex-direction: column;
  }


    .offer_items_catalog iframe{
    height: 500px !important;
  }
  .fs-modal, .fs-modal.show{
    display: none !important;
  }


  /* Countdown begin */
  .index_countdown {
    flex-wrap: wrap;
    padding: 24px 20px;
  }
  .index_countdown .l_side {
    width: 100%;
    flex-wrap: wrap;
  }
  .index_countdown h3 {
    width: 100%;
    padding: 0 0 20px;
    font-size: 32px;
    text-align: center;
    order: 0;
  }
  .index_countdown .link {
    width: 100%;
    text-align: center;
  }
  .countdown_clock {
    width: 100px;
    padding: 0 0 20px;
    order: 1;
    margin: 0 auto;
  }
  /* Countdown end */

  /* Header begin */
  .main_nav {
    display: none;
  }
  .main_header {
    height: 80px;
    background: #fff;
  }
  .main_header > div {
    align-items: center;
    height: 100%;
    padding: 0 16px;
  }
  .main_header .header_links {
    display: none;
  }
  .main_header .r_side {
    display: flex;
  }
  .first_header {
    display: none;
  }
  .toggler {
    display: block;
  }
  .logo a {
    width: 130px;
    height: 32px;
    background-size: contain;
  }
  .aside_links a {
    height: 105px;
    font-size: 13px;
  }
  .mobile_aside {
    padding: 90px 0 16px;
  }
  /* Header end */
  /* Index slider begin */
  .index_slider article {
    height: calc(100vh - 120px);
  }
  .index_slider .image {
    width: 70%;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 0;
  }
  .index_slider .image span {
    display: none;
  }
  .index_slider .inner {
    width: 100%;
    padding: 25px 0 0;
    position: relative;
    z-index: 1;
  }
  .index_slider h2 {
    padding: 0 0 12px;
    font-size: 32px;
  }
  .index_slider p {
    padding-right: 48px;
    font-size: 18px;
  }
  .index_slider .link a {
    padding: 12px 24px;
    font-size: 16px;
  }
  .index_dots {
    top: calc(100% - 80px);
  }
  .index_dots ul {
    padding: 0 16px;
  }
  .index_dots a, .index_dots img {
    width: 48px;
    height: 48px;
  }
  .new_slider {
    width: calc(100% + 20px);
  }
  .new_slider article {
    /* padding: 16px 0 0; */
    padding: 40px 0 40px;
  }
  .new_slider .image {
    padding: 0;
  }
  .new_slider .inner {
    padding: 0 0 0 16px;
  }
  .new_slider h2 {
    padding: 0 0 8px;
    font-size: 18px;
  }
  .new_slider p {
    font-size: 10px;
  }
  .new_slider .owl-nav {
    display: none;
  }
  /* Index slider end */
  /* Index special begin */
  .index_special {
    padding: 40px 0;
  }
  .uni_header {
    padding: 0 0 16px;
  }
  .uni_header h2 {
    font-size: 24px;
  }
  .uni_header p {
    font-size: 16px;
  }
  .uni_header .l_side {
    width: 100%;
    padding-left: 5px;
    font-size: 16px;
    line-height: 24px;
  }
  .uni_header .link {
    display: none;
  }
  .uni_header .link a {
    padding: 12px 24px;
    font-size: 14px;
  }
  .mobile_link {
    display: block;
  }
  .special_grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .special_grid article {
    min-height: 200px;
    padding: 16px;
  }
  .special_grid h3 {
    padding: 0 0 12px;
    font-size: 24px;
  }
  .special_grid .date {
    font-size: 16px;
  }
  .download a {
    padding: 12px 20px 12px 50px;
    font-size: 14px;
  }
  .advantages_grid {
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    padding: 0 0 60px;
  }
  .advantages_grid article {
    padding: 16px;
  }
  .advantages_grid h3 {
    padding: 0 0 48px;
    font-size: 32px;
  }
  .advantages_grid footer p {
    font-size: 16px;
  }
  .advantages_grid img {
    width: 16px;
  }
  .advantages_three {
    grid-template-columns: 1fr;
    gap: 32px;
  }
  .advantages_three .image {
    padding: 0 0 16px;
  }
  .advantages_three h3 {
    font-size: 18px;
  }
  .become_index {
    min-height: 1px;
    padding: 48px 32px;
  }
  .become_index img {
    display: none;
  }
  .become_index h2 {
    padding: 0 0 16px;
    font-size: 24px;
  }
  .become_index p {
    padding: 0 0 32px;
    font-size: 16px;
  }
  .become_index .link a {
    display: block;
    font-size: 16px;
  }
  /* Index special end */
  /* Footer begin */
  .footer_nav {
    width: 100%;
  }
  .footer_nav article {
    width: 50%;
  }
  .footer_subscribe {
    width: 100%;
    padding: 32px 0 0;
  }
  .footer_subscribe h3 {
    min-height: 1px;
    padding: 0 0 12px;
    font-size: 16px;
  }
  .subscribe_form input {
    width: 100%;
  }
  .social_links {
    padding: 0 0 12px;
    order: 0;
  }
  .social_links a {
    width: 40px;
    height: 40px;
    margin: 0 8px 0 0;
  }
  .lang_selector {
    margin: 0;
    order: 1;
  }
  .jis {
    order: 2;
  }
  .copyright {
    padding: 12px 0 0;
    order: 3;
  }
  /* Footer end */
  /* About begin */
  .special_first {
    padding: 40px 0;
  }
  .special_first h1 {
    padding: 0 0 12px;
    font-size: 32px;
  }
  .special_first p {
    font-size: 18px;
  }
  .head_image {
    position: static;
    padding: 12px 0 0;
  }
  .head_image img {
    max-height: 100500px;
    width: 100%;
  }
  .head_carousel {
    width: 100%;
  }
  .vision_wrapper {
    padding: 20px 0 40px;
  }
  .vision_sides {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .vision_sides article {
    min-height: 240px;
    padding: 32px;
  }
  .values_lines li {
    padding: 0 0 0 48px;
    font-size: 18px;
  }
  .values_lines li::before {
    width: 12px;
    height: 12px;
    left: 20px;
    top: calc(50% - 6px);
  }
  .banner_wrapper {
    padding: 60px 0 40px;
  }
  .one_banner {
    padding: 32px 25vw;
  }
  .one_banner img {
    width: 120px;
    max-height: 180px;
    object-fit: contain;
    object-position: 100% 100%;
  }
  .one_banner h2 {
    font-size: 18px;
  }
  .standarts_wrapper {
    padding: 0 0 60px;
  }
  .standarts_block {
    padding: 120px 20px 40px;
  }
  .standarts_block h2 {
    padding: 0px 0px 40px;
    font-size: 27px;
  }
  .standarts_block img {
    width: 45vw;
  }
  .standarts_three {
    grid-template-columns: 1fr;
    gap: 24px;
  }
  .corporate_block {
    padding: 80px 0 0;
  }
  .corporate_block h2 {
    padding: 0 0 24px;
    font-size: 27px;
  }
  .values_grid article {
    width: 100%;
    padding: 0;
    margin-bottom: 32px;
    border: none;
  }
  .values_grid .icon {
    margin: 0 0 18px;
  }
  .values_grid h3 {
    padding: 0 0 6px;
    font-size: 18px;
  }
  .values_grid p {
    font-size: 14px;
  }
  /* About end */
  /* Management begin */
  .management_wrapper h2 {
    padding: 0 0 24px;
    font-size: 24px;
  }
  .management_section {
    padding: 0 0 20px;
  }
  .management_section h3 {
    padding: 0 0 16px;
    font-size: 20px;
  }
  .management_flex figure {
    width: 100%;
  }
  .management_flex_new figure {
    width: calc(50% - 24px)!important;
  }
  .management_flex h4 {
    padding: 0 0 6px;
    font-size: 18px;
  }
  .management_flex p {
    font-size: 14px;
  }
  /* Management end */
  /* Articles begin */
  .articles_wrapper {
    padding: 24px 0 0;
  }
  .articles_grid , .lottery_grid {
    grid-template-columns: 1fr !important;
    gap: 16px;
  }
  .articles_grid article {
    padding: 16px;
  }
  .articles_grid .inner {
    padding: 16px 0px 2px;
  }
  .articles_grid h3 , .lottery_grid h3 {
    padding: 0 0 8px;
    font-size: 18px;
  }
  .lottery_grid .full_link {
    margin-top: 14px;
    padding: 8px 30px;
  }
  .corporate_header {
    padding: 0 0 20px;
  }
  .corporate_header h2 {
    padding: 0 0 4px;
    font-size: 24px;
  }
  .lottery_grid{
    margin: 30px auto;
  }
  .corporate_header p {
    font-size: 16px;
  }
  /* Articles end */
  /* Cards begin */
  .cards_header {
    padding: 0 0 0px;
  }
  .cards_header article {
    padding: 60px 40px 60px;
  }
  .cards_header h1 {
    padding: 0 0 8px;
    font-size: 32px;
  }
  .cards_header p {
    font-size: 16px;
  }
  .cards_wrapper {
    padding: 32px 0;
  }
  .cards_grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .cards_grid article {
    padding: 8px 0;
  }
  .cards_grid .inner {
    padding: 12px 20px 18px 20px;
  }
  .cards_grid h3 {
    padding: 0 0 8px;
    font-size: 24px;
  }
  .cards_grid p {
    font-size: 14px;
  }
  .s_slider {
    width: calc(100vw - 40px);
    margin: 0 auto;
  }
  /* Cards end */
  /* Gifts form begin */
  .gift_header {
    padding: 0 0 24px;
  }
  .gift_header article {
    min-height: 320px;
    padding: 40px 20px 220px;
    background-size: auto 50%;
  }
  .gift_header h1 {
    padding: 0 0 8px;
    font-size: 32px;
  }
  .gift_header p {
    font-size: 16px;
  }
  .form_section {
    padding: 24px;
  }
  .form_section h3 {
    padding: 0 0 16px;
    font-size: 18px;
  }
  .form_grid {
    grid-template-columns: 1fr !important;
  }
  /* Gifts form end */
  /* Contacts begin */
  .contacts_first {
    padding: 0 0 40px;
  }
  .contacts_sides {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .contacts_info {
    padding: 24px;
    background-image: none;
  }
  .contacts_info h2 {
    font-size: 24px;
  }
  .contacts_info .link a {
    padding: 8px 24px;
    font-size: 14px;
  }
  .contacts_inner {
    padding: 24px 20px 32px;
  }
  .contacts_inner h1 {
    padding: 0 0 20px;
    font-size: 32px;
  }
  .contacts_inner dt {
    font-size: 14px;
  }
  .contacts_inner dd {
    padding: 0 0 16px;
    font-size: 16px;
  }
  .contacts_inner dd:last-child {
    padding: 0;
  }
  .contacts_map {
    height: 320px;
  }
  .contact_header {
    flex-wrap: wrap;
    padding: 0 0 24px;
  }
  .contact_header h2 {
    padding: 0 0 8px;
    font-size: 32px;
  }
  .contact_header p {
    font-size: 18px;
  }
  .contact_tabs {
    padding: 20px 0 0;
  }
  .contact_tabs ul {
    padding: 0 0 12px;
  }
  .contact_tabs a {
    font-size: 15px;
    padding: 12px 24px;
  }
  .faq_list h3 {
    padding: 24px 24px 18px;
    font-size: 18px;
  }
  .faq_list .inset {
    padding: 0 24px 24px;
  }
  .upload_wrapper h3 {
    font-size: 16px;
  }
  .upload_grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  /* Contacts end */
  /* Corporate begin */
  .corporate_wrapper {
    padding: 50px 0 0;
  }
  .corporate_grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .corporate_grid article {
    min-height: 240px;
    padding: 30px 24px 24px;
    background-size: auto 50%;
  }
  .corporate_grid .inner {
    padding: 0 0 90px;
  }
  .corporate_grid h3 {
    padding: 0 0 8px;
    font-size: 20px;
  }
  .corporate_grid p {
    font-size: 16px;
  }
  .corporate_grid .link a {
    padding: 12px 24px;
    font-size: 15px;
    color: #fff;
    background-color: #2F4858;
  }
  /* Corporate end */
  /* Special begin */
  .special_wrapper {
    padding: 20px 0 0;
  }
  .special_header {
    padding: 0 0 30px;
  }
  .special_header article {
    padding: 20px 20px 20px;
  }
  .special_header h1 {
    padding: 0 0 36px;
    font-size: 27px;
  }
  .special_header .date {
    padding: 0 0 8px;
    font-size: 16px;
  }
  .products_header {
    flex-wrap: wrap;
  }
  .products_header h2 {
    padding: 0 0 8px;
    font-size: 24px;
  }
  .products_header p {
    font-size: 16px;
  }
  .filter_select {
    flex-wrap: wrap;
    width: 100%;
    padding: 20px 0 0;
  }
  .filter_select .select {
    width: 100%;
    padding: 8px 0 0;
  }
  .filter_select select {
    width: 100% !important;
    height: 56px;
    font-size: 14px;
  }
  .products_grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .products_grid h3 {
    padding: 0 0 8px;
    font-size: 16px;
  }
  .products_grid p {
    font-size: 15px;
  }
  .products_grid .image {
    height: 70vw;
  }
  .products_grid .price {
    padding: 30px 0 0;
  }
  .subscribe_campaigns {
    padding: 40px 0px 20px;
  }
  .subscribe_green {
    flex-wrap: wrap;
    padding: 24px 20px;
  }
  .subscribe_green h2 {
    padding: 0 0 2px;
    font-size: 24px;
  }
  .subscribe_green p {
    font-size: 14px;
  }
  .green_form {
    flex-wrap: wrap;
    padding: 12px 0 0;
  }
  .green_form input {
    width: 100%;
  }
  .green_form .button {
    width: 100%;
    margin: 8px 0 0;
  }
  /* Special end */
  /* Branches begin */
  .branches_left > div {
    padding: 0;
  }
  .branches_left > div > div {
    width: 100%;
    height: 100vh;
    top: 0;
    border-radius: 0;
  }
  .branches_list {
    max-height: calc(100vh - 190px);
  }
  .branches_list header a {
    height: 24px;
    top: 100%;
  }
  .map_go {
    display: block;
  }
  .mobile_back {
    display: block;
  }
  /* Branches end */
  /* Career begin */
  .promise_wrapper {
    padding: 0 0 40px;
  }
  .promise_wrapper h2 {
    padding: 0 0 24px;
    font-size: 32px;
  }
  .promise_grid {
    grid-template-columns: 1fr;
  }
  .promise_grid article {
    padding: 24px;
  }
  .promise_grid .icon {
    height: 64px;
  }
  .promise_grid .icon img {
    width: 48px;
  }
  .promise_grid li {
    font-size: 16px;
  }
  .career_banner {
    min-height: 240px;
  }
  .career_banner .image {
    display: none;
  }
  .career_banner h2 {
    padding: 0 20px 20px;
    font-size: 24px;
  }
  .career_banner p {
    font-size: 16px;
  }
  .cbanner_wrapper {
    padding: 20px 0 40px;
  }
  .vacancies_wrapper {
    padding: 0 0 40px;
  }
  .vacancies_header {
    display: block;
  }
  .vacancies_header h2 {
    padding: 0 0 12px;
    font-size: 32px;
  }
  .vacancies_header .link a {
    padding: 12px 20px;
    font-size: 14px;
  }
  .vacancies_grid {
    grid-template-columns: 1fr;
  }
  .vacancies_grid article {
    padding: 24px;
    min-height: 160px;
  }
  .vacancies_grid h3 {
    font-size: 18px;
  }
  .vacancies_grid time {
    font-size: 14px;
  }
  .employer_wrapper {
    padding: 0 0 40px;
  }
  .employer_block {
    display: block;
  }
  .employer_block .inner {
    width: 100%;
    padding: 24px;
  }
  .employer_block h2 {
    padding: 0 0 12px;
    font-size: 24px;
  }
  .employer_block p {
    font-size: 14px;
  }
  .employer_block .image {
    width: 100%;
  }
  .advantages_wrapper {
    padding: 0 0 40px;
  }
  .advantages_block {
    display: block;
  }
  .advantages_block .inner {
    width: 100%;
    padding: 20px 0 0;
  }
  .advantages_block h2 {
    padding: 0 0 12px;
    font-size: 24px;
  }
  .advantages_block p {
    font-size: 14px;
  }
  .advantages_block .image {
    width: 100%;
  }
  .workers_wrapper {
    padding: 0 0 40px;
  }
  .workers_wrapper h2 {
    padding: 0px 0px 20px;
    font-size: 32px;
  }
  .workers_carousel img {
    width: 100%;
  }
  .workers_carousel article {
    padding: 12px;
  }
  .workers_carousel .inner {
    padding: 8px 0 4px;
  }
  .workers_carousel h3 {
    padding: 0 0 2px;
    font-size: 18px;
  }
  .workers_carousel p {
    font-size: 14px;
  }
  /* Career end */
  /* Banner begin */
  .banner_block {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 0 20px;
  }
  .banner_block h3 {
    max-width: 100500px;
    width: 100%;
  }
  .banner_block .l_side {
    width: 100%;
    padding: 30px 0;
    justify-content: center;
  }
  .banner_block .main_image img {
    width: 200px;
  }
  .banner_block .center_image {
    display: none;
  }
  .qr_block {
    display: none;
    padding: 24px;
  }
  .qr_image img {
    width: 100%;
  }
  .download_link {
    float: none;
    width: 100%;
  }
  .download_link > a {
    width: 100%;
    text-align: left;
  }
  /* Banner end */
  /* Rent begin */
  .rent_wrapper > div {
    padding: 0 16px;
  }
  .rent_first {
    flex-wrap: wrap;
    padding: 24px;
  }
  .rent_first h1 {
    width: 100%;
    padding: 0 0 24px;
    font-size: 24px;
  }
  .rent_first .image {
    width: 100%;
  }
  .rent_sections {
    padding: 40px 0 0;
  }
  .rent_sections h2 {
    padding: 0 0 20px;
    font-size: 24px;
  }
  .rent_sections section {
    padding: 0 0 40px;
  }
  .rent_article {
    flex-wrap: wrap;
  }
  .rent_article .image {
    width: 100%;
    margin: 0 0 12px;
  }
  .rent_article .text {
    width: 100%;
  }
  /* Rent end */
  /* Modals begin */
  .first_modal .close, .u_modal .close {
    width: 48px;
    height: 48px;
    left: calc(100% - 58px);
    top: 10px;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
  }
  .u_modal {
    padding: 20px;
  }
  .u_modal .image {
    display: none;
  }
  .u_modal .inner {
    max-width: 100%;
  }
  .u_modal h2 {
    font-size: 24px;
  }
  .u_modal .text {
    font-size: 14px;
  }
  .u_modal .link a {
    font-size: 14px;
  }
  .u_logo {
    padding: 0 0 16px;
  }
  .u_logo img {
    height: 36px;
  }
  .app_links {
    text-align: center;
  }
  .app_links a {
    margin: 0 4px 8px;
  }
  .info_line {
    height: auto;
    padding: 24px 0 0;
  }
  .info_line > div {
    display: block;
  }
  .info_line .l_side, .info_line .r_side {
    flex-direction: column;
  }
  .info_line p {
    padding: 6px 0 12px;
    text-align: center;
    font-size: 16px;
  }
  .info_line .link {
    padding: 0 0 12px;
  }
  /* Modals end */

  /* Club begin */
  .first_club {
    padding: 24px;
  }
  .first_club::before, .first_club::after {
    display: none;
  }
  .first_club .inner {
    margin: 0 auto;
    text-align: center;
  }
  .first_club h2 {
    font-size: 36px;
  }
  .first_club p {
    font-size: 16px;
  }
  .first_club .link a {
    padding: 12px 24px;
    font-size: 16px;
  }
  .club_about {
    display: block;
  }
  .club_about .inner {
    width: 100%;
  }
  .club_about .image {
    width: 100%;
    padding: 32px 0 0;
  }
  .club_about h2 {
    padding: 0 0 20px;
    font-size: 32px;
  }
  .club_about h3 {
    font-size: 18px;
  }
  .club_about ul {
    font-size: 16px;
  }
  .club_advantages h2 {
    padding: 0 0 24px;
    font-size: 32px;
  }
  .advantages_four {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .coupon_block h2 {
    padding: 0 0 24px;
    font-size: 32px;
  }
  .club_actions h2 {
    padding: 0 0 24px;
    font-size: 32px;
  }
  .coupon_grid {
    grid-template-columns: 1fr;
    gap: 16px;
    padding: 0 0 24px;
  }
  .coupon_item {
    padding: 6px;
  }
  .coupon_item::before, .coupon_item::after {
    width: 16px;
    height: 16px;
    left: 90px;
  }
  .coupon_item::before {
    top: -8px;
  }
  .coupon_item::after {
    bottom: -8px;
  }
  .coupon_item .image {
    width: 80px;
  }
  .coupon_item .image::before {
    height: calc(100% - 20px);
    left: calc(100% + 15px);
    top: 10px;
  }
  .coupon_item .inner {
    width: calc(100% - 110px);
    padding: 0;
  }
  .coupon_item li {
    padding: 2px 6px;
    font-size: 10px;
  }
  .coupon_item h3 {
    padding: 0 0 2px;
    font-size: 14px;
  }
  .coupon_item p {
    padding: 0 0 8px;
    font-size: 10px;
  }
  .coupon_item .price {
    font-size: 16px;
  }
  .coupon_item .price span {
    padding: 0 20px 0 0;
    background-position: 100% 40%;
    background-size: 16px;
  }
  .coupon_item .discount {
    width: 100px;
    height: 24px;
    line-height: 24px;
    font-size: 10px;
    right: -27px;
    top: 11px;
  }
  .club_produts h2 {
    padding: 0 0 24px;
    font-size: 32px;
  }
  .products_slider h3 {
    padding: 0 0 4px;
    font-size: 14px;
  }
  .products_slider p {
    padding: 0 0 24px;
    font-size: 14px;
  }
  .products_slider .price {
    padding: 0;
  }
  .products_slider .price strong {
    padding: 0 20px 0 0;
    font-size: 16px;
    background-size: 16px;
  }
  .products_slider .price span {
    font-size: 12px;
  }
  .products_slider .owl-nav {
    right: -12px;
  }
  .product_item {
    padding: 10px;
    border-radius: 12px;
  }
  .product_item .image {
    height: 124px;
  }
  .product_item .image strong {
    font-size: 8px;
    padding: 4px 8px;
    top: 8px;
    left: 8px;
  }
  .actions_carousel .owl-nav {
    right: -12px;
  }
  .advantages_four .owl-nav {
    right: -12px;
  }
  .club_banner {
    padding: 0 0 30px;
  }
  .simpe_actions {
    grid-template-columns: 1fr !important;

  }
  .action_item {
    width: 100% !important;
  }
  .action_item .image {
    width: 150px;
  }
  .action_item .inner {
    width: calc(100% - 160px);
  }
  .only_two {
    padding: 0;
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .only_two article {
    padding: 16px;
  }
  .only_two .inner {
    padding: 12px 0 0;
  }
  .only_two h2 {
    padding: 0 0 24px;
    font-size: 18px;
  }
  .only_two .link a {
    padding: 12px 24px;
    font-size: 14px;
  }
  .products_block {
    padding: 0 0 40px;
  }
  .products_block h2 {
    padding: 0 0 24px;
    font-size: 32px;
  }
  .private_grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .private_grid figure {
    flex-direction: column;
    align-content: stretch;
    align-items: stretch;
    padding: 16px;
  }
  .private_grid figcaption {
    max-width: 100%;
    padding: 12px 0 0;
    order: 1;
  }
  .private_grid .image {
    order: 0;
  }
  .private_grid img {
    max-height: 100500px;
    width: 100%;
    border-radius: 8px;
  }
  .bloq_three {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .bloq_three figure {
    padding: 16px;
  }
  .bloq_three figcaption {
    padding: 12px 0 0;
    font-size: 18px;
  }
  .recipies_grid {
    grid-template-columns: 1fr;
  }
  .recipies_grid figcaption {
    padding: 12px 0 0;
    font-size: 18px;
  }
  .similar_bloq h2 {
    padding: 0 0 24px;
    font-size: 32px;
  }
  /* Club end */
  .img_upload_block {
    grid-column: span 1;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .lottery_item_content{

    grid-template-columns: 1fr;
    grid-auto-rows: minmax(min-content, max-content);
    grid-gap: 16px;
  }

  .lottery_item_content h2 , .lottery_form_main h2{

    font-size: 26px;
    line-height: 32px;
  }
  .lottery_item_content h3 {

    font-size: 18px;
    line-height: 26px;
  }
  .lottery_form{
    grid-template-columns: 1fr;
    gap: 22px;
    margin-bottom: 18px;
  }
  .lottery_form_main{
    margin: 30px auto;
  }
  .lottery_form .cv_upload label {
    padding: 25px;
  }
  /* .header_links li {
    position: relative; 
  }

  .submenu {
    display: none; 
  } */
  /* Countdown begin */
  .index_countdown {
    flex-wrap: wrap;
    padding: 24px 20px;
  }
  .index_countdown .l_side {
    width: 100%;
    flex-wrap: wrap;
  }
  .index_countdown h3 {
    width: 100%;
    padding: 0 0 20px;
    font-size: 32px;
    text-align: center;
    order: 0;
  }
  .index_countdown .link {
    width: 100%;
    text-align: center;
  }
  .countdown_clock {
    width: 100px;
    padding: 0 0 20px;
    order: 1;
    margin: 0 auto;
  }
  /* Countdown end */

  /* Header begin */
  .main_nav {
    display: none;
  }
  .main_header {
    height: 80px;
    background: #fff;
  }
  .main_header > div {
    align-items: center;
    height: 100%;
    padding: 0 16px;
  }
  .main_header .header_links {
    display: none;
  }
  .main_header .r_side {
    display: flex;
  }
  .first_header {
    display: none;
  }
  .toggler {
    display: block;
  }
  /* Header end */
  /* Index slider begin */
  .index_slider .image {
    width: 70%;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 0;
  }
  .index_slider .image span {
    display: none;
  }
  .index_slider .inner {
    position: relative;
    z-index: 1;
  }
  .index_slider h2 {
    padding: 0 0 12px;
    font-size: 32px;
  }
  .index_slider p {
    font-size: 18px;
  }
  .index_slider .link a {
    padding: 12px 24px;
    font-size: 16px;
  }
  .index_dots {
    top: calc(100% - 80px);
  }
  .index_dots ul {
    padding: 0 16px;
  }
  .index_dots a, .index_dots img {
    width: 48px;
    height: 48px;
  }
  .new_slider {
    width: calc(100% + 20px);
  }
  .new_slider article {
    /* padding: 16px 0 0; */
    padding: 40px 0 40px;
  }
  .new_slider .image {
    padding: 0;
  }
  .new_slider .inner {
    padding: 0 0 0 16px;
  }
  .new_slider h2 {
    padding: 0 0 8px;
    font-size: 18px;
  }
  .new_slider p {
    font-size: 10px;
  }
  .new_slider .owl-nav {
    display: none;
  }
  /* Index slider end */
  /* Index special begin */
  .index_special {
    padding: 40px 0;
  }
  .uni_header {
    padding: 0 0 16px;
  }
  .uni_header h2 {
    font-size: 27px;
  }
  .uni_header p {
    font-size: 16px;
  }
  .uni_header .link a {
    padding: 12px 24px;
    font-size: 14px;
  }
  .special_grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .special_grid article {
    min-height: 270px;
    padding: 16px 24px 24px;
    /*background-size: auto 80%;*/
  }
  .special_grid h3 {
    padding: 0 0 12px;
    font-size: 24px;
  }
  .special_grid .date {
    font-size: 16px;
  }
  .download a {
    padding: 12px 20px 12px 50px;
    font-size: 14px;
  }
  .advantages_grid {
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    padding: 0 0 60px;
  }
  .advantages_grid h3 {
    padding: 0 0 48px;
    font-size: 36px;
  }
  .advantages_grid footer p {
    font-size: 18px;
  }
  .advantages_three {
    grid-template-columns: 1fr;
    gap: 32px;
  }
  .advantages_three .image {
    padding: 0 0 16px;
  }
  .advantages_three h3 {
    font-size: 18px;
  }
  .become_index {
    min-height: 1px;
    padding: 48px 32px;
  }
  .become_index img {
    display: none;
  }
  .become_index h2 {
    padding: 0 0 16px;
    font-size: 32px;
  }
  .become_index p {
    padding: 0 0 32px;
    font-size: 16px;
  }
  .become_index .link a {
    font-size: 16px;
  }
  /* Index special end */
  /* Footer begin */
  .footer_nav {
    width: 100%;
  }
  .footer_nav article {
    width: 50%;
  }
  .footer_subscribe {
    padding: 32px 0 0;
  }
  /* Footer end */
  /* About begin */
  .special_first {
    padding: 40px 0;
  }
  .special_first h1 {
    padding: 0 0 12px;
    font-size: 32px;
  }
  .special_first p {
    font-size: 18px;
  }
  .head_image {
    padding: 12px 0 0;
    position: static;
  }
  .head_image img {
    max-height: 100500px;
    width: 100%;
  }
  .vision_wrapper {
    padding: 20px 0 40px;
  }
  .vision_sides {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .vision_sides article {
    min-height: 240px;
    padding: 32px;
  }
  .values_lines li {
    padding: 0 0 0 64px;
    font-size: 24px;
  }
  .values_lines li::before {
    width: 12px;
    height: 12px;
    left: 20px;
    top: calc(50% - 6px);
  }
  .banner_wrapper {
    padding: 60px 0 40px;
  }
  .one_banner {
    padding: 32px 25vw;
  }
  .one_banner img {
    width: 120px;
    max-height: 180px;
    object-fit: contain;
    object-position: 100% 100%;
  }
  .one_banner h2 {
    font-size: 18px;
  }
  .standarts_block {
    padding: 120px 20px 40px;
  }
  .standarts_block h2 {
    padding: 0px 0px 40px;
    font-size: 27px;
  }
  .standarts_block img {
    width: 45vw;
  }
  .standarts_three {
    grid-template-columns: 1fr;
    gap: 24px;
  }
  .corporate_block {
    padding: 80px 0 0;
  }
  .corporate_block h2 {
    padding: 0 0 24px;
    font-size: 27px;
  }
  .values_grid article {
    width: 100%;
    padding: 0;
    margin-bottom: 32px;
    border: none;
  }
  .values_grid .icon {
    margin: 0 0 18px;
  }
  .values_grid h3 {
    padding: 0 0 6px;
    font-size: 18px;
  }
  .values_grid p {
    font-size: 14px;
  }
  /* About end */
  /* Management begin */
  .management_wrapper h2 {
    padding: 0 0 24px;
    font-size: 24px;
  }
  .management_section {
    padding: 0 0 20px;
  }
  .management_section h3 {
    padding: 0 0 16px;
    font-size: 20px;
  }
  .management_flex figure {
    width: 100%;
  }
  .management_flex_new figure {
    width: calc(50% - 24px)!important;
  }
  .management_flex h4 {
    padding: 0 0 6px;
    font-size: 18px;
  }
  .management_flex p {
    font-size: 14px;
  }
  /* Management end */
  /* Articles begin */
  .articles_wrapper {
    padding: 24px 0 0;
  }
  .articles_grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .articles_grid article {
    padding: 16px;
  }
  .articles_grid .inner {
    padding: 16px 0px 2px;
  }
  .articles_grid h3 , .lottery_grid h3 {
    padding: 0 0 8px;
    font-size: 20px;
  }
  .lottery_grid .full_link {
    margin-top: 20px;
    padding: 8px 30px;
  }
  .corporate_header {
    padding: 0 0 20px;
  }
  .corporate_header h2 {
    padding: 0 0 4px;
    font-size: 27px;
  }
  .corporate_header p {
    font-size: 18px;
  }
  /* Articles end */
  /* Cards begin */
  .cards_header {
    padding: 0 0 0px;
  }
  .cards_header article {
    padding: 60px 40px 60px;
  }
  .cards_header h1 {
    padding: 0 0 8px;
    font-size: 32px;
  }
  .cards_header p {
    font-size: 16px;
  }
  .cards_wrapper {
    padding: 32px 0;
  }
  .cards_grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .cards_grid article {
    padding: 8px 0;
  }
  .cards_grid .inner {
    padding: 12px 20px 18px 20px;
  }
  .cards_grid h3 {
    padding: 0 0 8px;
    font-size: 24px;
  }
  .cards_grid p {
    font-size: 14px;
  }
  .s_slider {
    width: calc(80vw - 40px);
    margin: 0 auto;
  }
  /* Cards end */
  /* Gifts form begin */
  .gift_header {
    padding: 0 0 24px;
  }
  .gift_header article {
    min-height: 320px;
    padding: 40px 20px 220px;
    background-size: auto 50%;
  }
  .gift_header h1 {
    padding: 0 0 8px;
    font-size: 32px;
  }
  .gift_header p {
    font-size: 16px;
  }
  .form_section {
    padding: 24px;
  }
  .form_section h3 {
    padding: 0 0 16px;
    font-size: 18px;
  }
  .form_grid {
    grid-template-columns: 1fr !important;
  }
  /* Gifts form end */
  /* Contacts begin */
  .contacts_first {
    padding: 0 0 40px;
  }
  .contacts_sides {
    grid-template-columns: 1fr;
  }
  .contacts_info {
    padding: 24px;
    background-image: none;
  }
  .contacts_info h2 {
    font-size: 24px;
  }
  .contacts_info .link a {
    padding: 8px 24px;
    font-size: 14px;
  }
  .contacts_inner {
    padding: 24px 20px 32px;
  }
  .contacts_inner h1 {
    padding: 0 0 20px;
    font-size: 32px;
  }
  .contacts_inner dt {
    font-size: 14px;
  }
  .contacts_inner dd {
    padding: 0 0 16px;
    font-size: 16px;
  }
  .contacts_inner dd:last-child {
    padding: 0;
  }
  .contacts_map {
    height: 320px;
  }
  .contact_header {
    flex-wrap: wrap;
  }
  .contact_header h2 {
    padding: 0 0 8px;
    font-size: 32px;
  }
  .contact_header p {
    font-size: 18px;
  }
  .contact_tabs {
    padding: 20px 0 0;
  }
  .contact_tabs a {
    font-size: 15px;
    padding: 12px 24px;
  }
  .faq_list h3 {
    padding: 24px 24px 18px;
    font-size: 18px;
  }
  .faq_list .inset {
    padding: 0 24px 24px;
  }
  .upload_wrapper h3 {
    font-size: 16px;
  }
  .upload_grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  /* Contacts end */
  /* Corporate begin */
  .corporate_wrapper {
    padding: 50px 0 0;
  }
  .corporate_grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .corporate_grid article {
    min-height: 270px;
    padding: 30px 24px 24px;
    background-size: auto 60%;
  }
  .corporate_grid h3 {
    padding: 0 0 8px;
    font-size: 20px;
  }
  .corporate_grid p {
    font-size: 16px;
  }
  .corporate_grid .link a {
    padding: 12px 24px;
    font-size: 15px;
    color: #fff;
    background-color: #2F4858;
  }
  /* Corporate end */
  /* Special begin */
  .special_wrapper {
    padding: 20px 0 0;
  }
  .special_header {
    padding: 0 0 30px;
  }
  .special_header article {
    padding: 20px 20px 20px;
  }
  .special_header h1 {
    padding: 0 0 36px;
    font-size: 32px;
  }
  .special_header .date {
    padding: 0 0 8px;
    font-size: 18px;
  }
  .products_header {
    flex-wrap: wrap;
  }
  .products_header h2 {
    padding: 0 0 8px;
    font-size: 32px;
  }
  .products_header p {
    font-size: 18px;
  }
  .filter_select {
    width: 100%;
    padding: 20px 0 0;
  }
  .filter_select select {
    height: 56px;
    font-size: 14px;
  }
  .products_grid {
    grid-template-columns: 1fr 1fr;
    gap: 16px;
  }
  .products_grid h3 {
    padding: 0 0 8px;
    font-size: 16px;
  }
  .products_grid p {
    font-size: 15px;
  }
  .products_grid .image {
    height: 40vw;
  }
  .products_grid .price {
    padding: 30px 0 0;
  }
  .subscribe_campaigns {
    padding: 40px 0px 20px;
  }
  .subscribe_green {
    flex-wrap: wrap;
    padding: 24px 30px;
  }
  .subscribe_green h2 {
    padding: 0 0 2px;
    font-size: 24px;
  }
  .subscribe_green p {
    font-size: 14px;
  }
  .green_form {
    padding: 12px 0 0;
  }
  /* Special end */
  /* Career begin */
  .promise_wrapper h2 {
    padding: 0 0 24px;
    font-size: 32px;
  }
  .promise_grid {
    grid-template-columns: 1fr;
  }
  .promise_grid article {
    padding: 24px;
  }
  .promise_grid .icon {
    height: 64px;
  }
  .promise_grid .icon img {
    width: 48px;
  }
  .promise_grid li {
    font-size: 16px;
  }
  .career_banner {
    min-height: 240px;
  }
  .career_banner .image {
    display: none;
  }
  .career_banner h2 {
    padding: 0 20px 20px;
    font-size: 24px;
  }
  .career_banner p {
    font-size: 16px;
  }
  .cbanner_wrapper {
    padding: 20px 0 40px;
  }
  .vacancies_wrapper {
    padding: 0 0 40px;
  }
  .vacancies_header {
    display: block;
  }
  .vacancies_header h2 {
    padding: 0 0 12px;
    font-size: 32px;
  }
  .vacancies_header .link a {
    padding: 12px 20px;
    font-size: 14px;
  }
  .vacancies_grid {
    grid-template-columns: 1fr;
  }
  .vacancies_grid article {
    padding: 24px;
    min-height: 160px;
  }
  .vacancies_grid h3 {
    font-size: 18px;
  }
  .vacancies_grid time {
    font-size: 14px;
  }
  .employer_wrapper {
    padding: 0 0 40px;
  }
  .employer_block {
    display: block;
  }
  .employer_block .inner {
    width: 100%;
    padding: 24px;
  }
  .employer_block h2 {
    padding: 0 0 12px;
    font-size: 24px;
  }
  .employer_block p {
    font-size: 14px;
  }
  .employer_block .image {
    width: 100%;
  }
  .advantages_wrapper {
    padding: 0 0 40px;
  }
  .advantages_block {
    display: block;
  }
  .advantages_block .inner {
    width: 100%;
    padding: 20px 0 0;
  }
  .advantages_block h2 {
    padding: 0 0 12px;
    font-size: 24px;
  }
  .advantages_block p {
    font-size: 14px;
  }
  .advantages_block .image {
    width: 100%;
  }
  .workers_wrapper {
    padding: 0 0 40px;
  }
  .workers_wrapper h2 {
    padding: 0px 0px 20px;
    font-size: 32px;
  }
  .workers_carousel img {
    width: 100%;
  }
  .workers_carousel article {
    padding: 12px;
  }
  .workers_carousel .inner {
    padding: 8px 0 4px;
  }
  .workers_carousel h3 {
    padding: 0 0 2px;
    font-size: 18px;
  }
  .workers_carousel p {
    font-size: 14px;
  }
  /* Career end */
  /* Banner begin */
  .banner_block {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
  }
  .banner_block .l_side {
    justify-content: center;
  }
  .banner_block .main_image img {
    width: 200px;
  }
  .banner_block .center_image {
    display: none;
  }
  .qr_block {
    display: none;
    padding: 24px;
  }
  .qr_image img {
    width: 100%;
  }
  .download_link {
    float: none;
    width: 100%;
  }
  /* Banner end */
  /* Rent begin */
  .rent_wrapper > div {
    padding: 0 16px;
  }
  .rent_first {
    flex-wrap: wrap;
    padding: 24px;
  }
  .rent_first h1 {
    width: 100%;
    padding: 0 0 24px;
    font-size: 24px;
  }
  .rent_first .image {
    width: 100%;
  }
  .rent_sections {
    padding: 40px 0 0;
  }
  .rent_sections h2 {
    padding: 0 0 20px;
    font-size: 24px;
  }
  .rent_sections section {
    padding: 0 0 40px;
  }
  .rent_article {
    flex-wrap: wrap;
  }
  .rent_article .image {
    width: 100%;
    margin: 0 0 12px;
  }
  .rent_article .text {
    width: 100%;
  }
  /* Rent end */
  /* Modals begin */
  .first_modal .close, .u_modal .close {
    width: 48px;
    height: 48px;
    left: calc(100% - 58px);
    top: 10px;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
  }
  .u_modal {
    padding: 20px;
  }
  .u_modal .image {
    display: none;
  }
  .u_modal .inner {
    max-width: 100%;
  }
  .u_modal h2 {
    font-size: 24px;
  }
  .u_modal .text {
    font-size: 14px;
  }
  .u_modal .link a {
    font-size: 14px;
  }
  .u_logo {
    padding: 0 0 16px;
  }
  .u_logo img {
    height: 36px;
  }
  .app_links {
    text-align: center;
  }
  .app_links a {
    margin: 0 4px 8px;
  }
  .info_line {
    height: auto;
    padding: 24px 0 0;
  }
  .info_line > div {
    display: block;
  }
  .info_line .l_side, .info_line .r_side {
    flex-direction: column;
  }
  .info_line p {
    padding: 6px 0 12px;
    text-align: center;
    font-size: 16px;
  }
  .info_line .link {
    padding: 0 0 12px;
  }
  /* Modals end */

  /* Club begin */
  .first_club {
    padding: 24px;
  }
  .first_club::before, .first_club::after {
    display: none;
  }
  .first_club .inner {
    margin: 0 auto;
    text-align: center;
  }
  .first_club h2 {
    font-size: 36px;
  }
  .first_club p {
    font-size: 16px;
  }
  .first_club .link a {
    padding: 12px 24px;
    font-size: 16px;
  }
  .club_about {
    display: block;
  }
  .club_about .inner {
    width: 100%;
  }
  .club_about .image {
    width: 100%;
    padding: 32px 0 0;
  }
  .club_about h2 {
    padding: 0 0 20px;
    font-size: 32px;
  }
  .club_about h3 {
    font-size: 18px;
  }
  .club_about ul {
    font-size: 16px;
  }
  .club_advantages h2 {
    padding: 0 0 24px;
    font-size: 32px;
  }
  .advantages_four {
    grid-template-columns: 1fr 1fr;
    gap: 16px;
  }
  .coupon_block h2 {
    padding: 0 0 24px;
    font-size: 32px;
  }
  .club_actions h2 {
    padding: 0 0 24px;
    font-size: 32px;
  }
  .coupon_grid {
    grid-template-columns: 1fr;
    gap: 16px;
    padding: 0 0 24px;
  }
  .coupon_item {
    flex-flow: column;
  }
  .coupon_item .image::before {
    display: none;
  }
  .coupon_item .inner {
    width: 100%;
    padding: 20px 0 0;
    text-align: center;
  }
  .coupon_item .inner::before, .coupon_item .inner::after {
    display: none;
  }
  .club_produts h2 {
    padding: 0 0 24px;
    font-size: 32px;
  }
  .products_slider .owl-nav {
    right: -12px;
  }
  .actions_carousel .owl-nav {
    right: -12px;
  }
  .advantages_four .owl-nav {
    right: -12px;
  }
  .club_banner {
    padding: 0 0 30px;
  }
  .action_item {
    width: 100% !important;
  }
  .action_item .image {
    width: 150px;
  }
  .action_item .inner {
    width: calc(100% - 160px);
  }
  .only_two {
    padding: 0;
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .only_two article {
    padding: 16px;
  }
  .only_two .inner {
    padding: 12px 0 0;
  }
  .only_two h2 {
    padding: 0 0 24px;
    font-size: 21px;
  }
  .only_two .link a {
    padding: 12px 24px;
    font-size: 14px;
  }
  .products_block {
    padding: 0 0 40px;
  }
  .products_block h2 {
    padding: 0 0 24px;
    font-size: 32px;
  }
  .private_grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .bloq_three {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .bloq_three figure {
    padding: 16px;
  }
  .bloq_three figcaption {
    padding: 16px 0 0;
    font-size: 21px;
  }
  .recipies_grid {
    grid-template-columns: 1fr 1fr;
  }
  .recipies_grid figcaption {
    padding: 12px 0 0;
    font-size: 18px;
  }
  .similar_bloq h2 {
    padding: 0 0 24px;
    font-size: 32px;
  }
  /* Club end */
  .img_upload_block {
    grid-column: span 1;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .lottery_item_content{

    grid-template-columns: 1fr;
    grid-auto-rows: minmax(min-content, max-content);
    grid-gap: 16px;
  }

  .lottery_item_content h2 , .lottery_form_main h2{

    font-size: 26px;
    line-height: 32px;
  }
  .lottery_item_content h3 {

    font-size: 18px;
    line-height: 26px;
  }
  .lottery_form{
    grid-template-columns: 1fr;
    gap: 24px;
    margin-bottom: 20px;
  }
  .lottery_form_main{
    margin: 40px auto;
  }
  .lottery_form .cv_upload label {
    padding: 30px;
  }
  /* Countdown begin */
  .index_countdown {
    flex-wrap: wrap;
    padding: 24px 20px;
  }
  .index_countdown .l_side {
    width: 100%;
    flex-wrap: wrap;
  }
  .index_countdown h3 {
    width: 100%;
    padding: 0 0 20px;
    font-size: 32px;
    text-align: center;
    order: 0;
  }
  .index_countdown .link {
    width: 100%;
    text-align: center;
  }
  .countdown_clock {
    width: 100px;
    padding: 0 0 20px;
    order: 1;
    margin: 0 auto;
  }
  /* Countdown end */
  
  /* Header begin */
  .main_nav {
    display: none;
  }
  .main_header {
    height: 100px;
    background: #fff;
  }
  .main_header > div {
    align-items: center;
    height: 100%;
    padding: 0 16px;
  }
  .main_header .header_links {
    display: none;
  }
  .main_header .r_side {
    display: flex;
  }
  .first_header {
    display: none;
  }
  .toggler {
    display: block;
  }
  /* Header end */
  /* Index slider begin */
  .index_slider h2 {
    padding: 0 0 12px;
    font-size: 32px;
  }
  .index_slider p {
    font-size: 18px;
  }
  .index_slider .link a {
    padding: 12px 24px;
    font-size: 16px;
  }
  .index_dots ul {
    padding: 0 16px;
  }
  .new_slider {
    width: calc(100% + 20px);
  }
  .new_slider .owl-nav {
    display: none;
  }
  /* Index slider end */
  /* Index special begin */
  .index_special {
    padding: 40px 0;
  }
  .uni_header {
    padding: 0 0 24px;
  }
  .uni_header h2 {
    font-size: 32px;
  }
  .uni_header p {
    font-size: 18px;
  }
  .uni_header .link a {
    padding: 12px 24px;
    font-size: 14px;
  }
  .special_grid article {
    min-height: 270px;
    padding: 16px 24px 24px;
    /*background-size: auto 80%;*/
  }
  .special_grid h3 {
    padding: 0 0 12px;
    font-size: 24px;
  }
  .special_grid .date {
    font-size: 16px;
  }
  .download a {
    padding: 12px 20px 12px 50px;
    font-size: 14px;
  }
  .advantages_grid {
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    padding: 0 0 60px;
  }
  .advantages_grid h3 {
    font-size: 48px;
  }
  .advantages_grid footer p {
    font-size: 21px;
  }
  .advantages_three h3 {
    font-size: 18px;
  }
  .become_index {
    min-height: 1px;
    padding: 48px 32px;
  }
  .become_index img {
    display: none;
  }
  .become_index h2 {
    padding: 0 0 16px;
    font-size: 48px;
  }
  .become_index p {
    padding: 0 0 32px;
    font-size: 16px;
  }
  .become_index .link a {
    font-size: 16px;
  }
  /* Index special end */
  /* Footer begin */
  .footer_nav {
    width: 100%;
  }
  .footer_nav article {
    width: 25%;
  }
  .footer_subscribe {
    padding: 32px 0 0;
  }
  /* Footer end */
  /* About begin */
  .special_first {
    padding: 60px 0;
  }
  .special_first h1 {
    padding: 0 0 12px;
    font-size: 32px;
  }
  .special_first p {
    font-size: 18px;
  }
  .head_image img {
    max-height: 210px;
  }
  .head_carousel {
    width: 360px;
  }
  .vision_wrapper {
    padding: 40px 0 80px;
  }
  .vision_sides article {
    min-height: 240px;
    padding: 32px;
  }
  .values_lines li {
    padding: 0 0 0 48px;
    font-size: 36px;
  }
  .values_lines li::before {
    width: 12px;
    height: 12px;
    left: 20px;
    top: calc(50% - 6px);
  }
  .banner_wrapper {
    padding: 120px 0 80px;
  }
  .one_banner {
    padding: 32px 25vw;
  }
  .one_banner img {
    width: 200px;
    max-height: 180px;
    object-fit: contain;
    object-position: 100% 100%;
  }
  .one_banner h2 {
    font-size: 24px;
  }
  .standarts_block h2 {
    padding: 0px 0px 60px;
    font-size: 32px;
  }
  .standarts_block img {
    width: 45vw;
  }
  .standarts_three {
    grid-template-columns: 1fr;
    gap: 24px;
  }
  .corporate_block {
    padding: 80px 0 0;
  }
  .corporate_block h2 {
    padding: 0 0 24px;
    font-size: 32px;
  }
  .values_grid article {
    width: calc(50% - 24px);
    margin-bottom: 24px;
    padding: 0;
    border: none;
  }
  /* About end */
  /* Management begin */
  .management_wrapper h2 {
    padding: 0 0 24px;
    font-size: 24px;
  }
  .management_section {
    padding: 0 0 20px;
  }
  .management_section h3 {
    padding: 0 0 16px;
    font-size: 20px;
  }
  .management_flex figure {
    width: calc(50% - 24px);
  }
  .management_flex h4 {
    padding: 0 0 6px;
    font-size: 18px;
  }
  .management_flex p {
    font-size: 14px;
  }
  /* Management end */
  /* Articles begin */
  .articles_wrapper {
    padding: 40px 0 0;
  }
  .articles_grid {
    grid-template-columns: 1fr 1fr;
    gap: 16px;
  }
  .articles_grid article {
    padding: 16px;
  }
  .articles_grid .inner {
    padding: 16px 0px 2px;
  }
  .articles_grid h3 , .lottery_grid h3 {
    padding: 0 0 8px;
    font-size: 20px;
  }
  .lottery_grid .full_link {
    margin-top: 25px;
    padding: 12px 32px;
  }
  .corporate_header {
    padding: 0 0 20px;
  }
  .corporate_header h2 {
    padding: 0 0 8px;
    font-size: 32px;
  }
  .corporate_header p {
    font-size: 18px;
  }
  /* Articles end */
  /* Cards begin */
  .cards_header {
    padding: 0 0 32px;
  }
  .cards_header article {
    padding: 60px 40px 60px;
  }
  .cards_header h1 {
    padding: 0 0 12px;
    font-size: 36px;
  }
  .cards_header p {
    font-size: 18px;
  }
  .cards_wrapper {
    padding: 32px 0;
  }
  .cards_grid {
    gap: 16px;
  }
  .cards_grid article {
    padding: 8px 0;
  }
  .cards_grid .inner {
    padding: 12px 20px 18px 20px;
  }
  .cards_grid h3 {
    padding: 0 0 8px;
    font-size: 24px;
  }
  .cards_grid p {
    font-size: 14px;
  }
  .s_slider {
    width: calc(33.33vw - 30px);
  }
  /* Cards end */
  /* Gifts form begin */
  .gift_header {
    padding: 0 0 32px;
  }
  .gift_header article {
    min-height: 270px;
    padding: 60px 40px 60px;
  }
  .gift_header h1 {
    padding: 0 0 12px;
    font-size: 36px;
  }
  .gift_header p {
    font-size: 18px;
  }
  .form_section {
    padding: 24px;
  }
  .form_section h3 {
    padding: 0 0 16px;
    font-size: 18px;
  }
  .form_grid {
    grid-template-columns: 1fr 1fr !important;
  }
  /* Gifts form end */
  /* Contacts begin */
  .contacts_sides {
    grid-template-columns: 1fr;
  }
  .contacts_info {
    padding: 40px;
    background-image: none;
  }
  .contacts_info h2 {
    font-size: 32px;
  }
  .contacts_info .link a {
    padding: 8px 24px;
    font-size: 14px;
  }
  .contacts_inner {
    padding: 30px 40px 40px;
  }
  .contacts_inner h1 {
    padding: 0 0 20px;
    font-size: 36px;
  }
  .contacts_inner dt {
    font-size: 15px;
  }
  .contacts_inner dd {
    padding: 0 0 16px;
    font-size: 18px;
  }
  .contacts_inner dd:last-child {
    padding: 0;
  }
  .contacts_map {
    height: 360px;
  }
  .contact_header {
    flex-wrap: wrap;
  }
  .contact_header h2 {
    padding: 0 0 8px;
    font-size: 36px;
  }
  .contact_header p {
    font-size: 20px;
  }
  .contact_tabs {
    padding: 20px 0 0;
  }
  .faq_list h3 {
    padding: 24px 24px 18px;
    font-size: 18px;
  }
  .faq_list .inset {
    padding: 0 24px 24px;
  }
  /* Contacts end */
  /* Corporate begin */
  .corporate_wrapper {
    padding: 50px 0 0;
  }
  .corporate_grid {
    gap: 16px;
  }
  .corporate_grid article {
    min-height: 270px;
    padding: 30px 24px 24px;
    background-size: auto 60%;
  }
  .corporate_grid h3 {
    padding: 0 0 8px;
    font-size: 24px;
  }
  .corporate_grid p {
    font-size: 16px;
  }
  .corporate_grid .link a {
    padding: 12px 24px;
    font-size: 15px;
  }
  /* Corporate end */
  /* Special begin */
  .special_wrapper {
    padding: 40px 0 0;
  }
  .special_header {
    padding: 0 0 40px;
  }
  .special_header article {
    padding: 40px 40px 40px;
  }
  .special_header h1 {
    padding: 0 0 48px;
    font-size: 36px;
  }
  .special_header .date {
    padding: 0 0 8px;
    font-size: 20px;
  }
  .products_header h2 {
    padding: 0 0 8px;
    font-size: 36px;
  }
  .products_header p {
    font-size: 20px;
  }
  .filter_select select {
    height: 56px;
    font-size: 14px;
  }
  .products_grid {
    grid-template-columns: 1fr 1fr 1fr;
    gap: 16px;
  }
  .products_grid h3 {
    padding: 0 0 8px;
    font-size: 16px;
  }
  .products_grid p {
    font-size: 15px;
  }
  .products_grid .image {
    height: 210px;
  }
  .products_grid .price {
    padding: 30px 0 0;
  }
  /* Special end */
  /* Career begin */
  .promise_wrapper h2 {
    padding: 0 0 24px;
    font-size: 32px;
  }
  .promise_grid {
    grid-template-columns: 1fr;
  }
  .promise_grid article {
    padding: 24px;
  }
  .promise_grid .icon {
    height: 64px;
  }
  .promise_grid .icon img {
    width: 48px;
  }
  .promise_grid li {
    font-size: 16px;
  }
  .career_banner {
    min-height: 240px;
  }
  .career_banner .image {
    display: none;
  }
  .career_banner h2 {
    padding: 0 20px 20px;
    font-size: 32px;
  }
  .career_banner p {
    font-size: 18px;
  }
  .cbanner_wrapper {
    padding: 30px 0 50px;
  }
  .vacancies_wrapper {
    padding: 0 0 40px;
  }
  .vacancies_header h2 {
    font-size: 32px;
  }
  .vacancies_header .link a {
    padding: 12px 20px;
    font-size: 14px;
  }
  .vacancies_grid {
    grid-template-columns: 1fr 1fr;
  }
  .vacancies_grid article {
    padding: 24px;
    min-height: 160px;
  }
  .vacancies_grid h3 {
    font-size: 18px;
  }
  .vacancies_grid time {
    font-size: 14px;
  }
  .employer_wrapper {
    padding: 0 0 40px;
  }
  .employer_block {
    display: block;
  }
  .employer_block .inner {
    width: 100%;
    padding: 24px;
  }
  .employer_block h2 {
    padding: 0 0 12px;
    font-size: 24px;
  }
  .employer_block p {
    font-size: 14px;
  }
  .employer_block .image {
    width: 100%;
  }
  .advantages_wrapper {
    padding: 0 0 40px;
  }
  .advantages_block {
    display: block;
  }
  .advantages_block .inner {
    width: 100%;
    padding: 20px 0 0;
  }
  .advantages_block h2 {
    padding: 0 0 12px;
    font-size: 24px;
  }
  .advantages_block p {
    font-size: 14px;
  }
  .advantages_block .image {
    width: 100%;
  }
  .workers_wrapper {
    padding: 0 0 40px;
  }
  .workers_wrapper h2 {
    padding: 0px 0px 20px;
    font-size: 32px;
  }
  .workers_carousel img {
    width: 100%;
  }
  .workers_carousel article {
    padding: 12px;
  }
  .workers_carousel .inner {
    padding: 8px 0 4px;
  }
  .workers_carousel h3 {
    padding: 0 0 2px;
    font-size: 18px;
  }
  .workers_carousel p {
    font-size: 14px;
  }
  /* Career end */
  /* Banner begin */
  .banner_block {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
  }
  .banner_block .l_side {
    justify-content: center;
  }
  .banner_block .main_image img {
    width: 200px;
  }
  .banner_block .center_image {
    display: none;
  }
  .qr_block {
    display: none;
    padding: 24px;
  }
  .qr_image img {
    width: 100%;
  }
  .download_link {
    float: none;
    width: 100%;
  }
  /* Banner end */
  /* Rent begin */
  .rent_wrapper > div {
    padding: 0 16px;
  }
  .rent_first {
    flex-wrap: wrap;
    padding: 24px;
  }
  .rent_first h1 {
    width: 100%;
    padding: 0 0 24px;
    font-size: 24px;
  }
  .rent_first .image {
    width: 100%;
  }
  .rent_sections {
    padding: 40px 0 0;
  }
  .rent_sections h2 {
    padding: 0 0 20px;
    font-size: 24px;
  }
  .rent_sections section {
    padding: 0 0 40px;
  }
  .rent_article {
    flex-wrap: wrap;
  }
  .rent_article .image {
    width: 100%;
    margin: 0 0 12px;
  }
  .rent_article .text {
    width: 100%;
  }
  /* Rent end */
  /* Modals begin */
  .u_modal .close {
    width: 48px;
    height: 48px;
    left: calc(100% - 58px);
    top: 10px;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
  }
  .u_modal {
    padding: 20px;
  }
  .u_modal .image {
    display: none;
  }
  .u_modal .inner {
    max-width: 100%;
  }
  .u_modal h2 {
    font-size: 24px;
  }
  .u_modal .text {
    font-size: 14px;
  }
  .u_modal .link a {
    font-size: 14px;
  }
  .u_logo {
    padding: 0 0 16px;
  }
  .u_logo img {
    height: 36px;
  }
  .app_links {
    text-align: center;
  }
  .app_links a {
    margin: 0 4px 8px;
  }
  .info_line {
    height: auto;
    padding: 24px 0 0;
  }
  .info_line > div {
    display: block;
  }
  .info_line .l_side, .info_line .r_side {
    flex-direction: column;
  }
  .info_line p {
    padding: 6px 0 12px;
    text-align: center;
    font-size: 16px;
  }
  .info_line .link {
    padding: 0 0 12px;
  }
  /* Modals end */

  /* Club begin */
  .first_club {
    padding: 24px;
  }
  .first_club::before, .first_club::after {
    display: none;
  }
  .first_club h2 {
    font-size: 36px;
  }
  .first_club p {
    font-size: 16px;
  }
  .first_club .link a {
    padding: 12px 24px;
    font-size: 16px;
  }
  .club_about h2 {
    padding: 0 0 20px;
    font-size: 32px;
  }
  .club_about h3 {
    font-size: 18px;
  }
  .club_about ul {
    font-size: 16px;
  }
  .club_advantages h2 {
    padding: 0 0 24px;
    font-size: 32px;
  }
  .advantages_four {
    grid-template-columns: 1fr 1fr;
    gap: 16px;
  }
  .coupon_block h2 {
    padding: 0 0 24px;
    font-size: 32px;
  }
  .club_actions h2 {
    padding: 0 0 24px;
    font-size: 32px;
  }
  .coupon_grid {
    grid-template-columns: 1fr;
    gap: 16px;
    padding: 0 0 24px;
  }
  .coupon_item {
    /*flex-flow: column;
    .image {
      &::before {
        display: none;
      }
    }
    .inner {
      width: 100%;
      padding: 20px 0 0;
      text-align: center;
      &::before, &::after {
        display: none;
      }
    }*/
  }
  .club_produts h2 {
    padding: 0 0 24px;
    font-size: 32px;
  }
  .products_slider .owl-nav {
    right: -12px;
  }
  .actions_carousel .owl-nav {
    right: -12px;
  }
  .advantages_four .owl-nav {
    right: -12px;
  }
  .club_banner {
    padding: 0 0 40px;
  }
  .action_item {
    width: 100% !important;
  }
  .action_item .image {
    width: 150px;
  }
  .action_item .inner {
    width: calc(100% - 160px);
  }
  .only_two {
    padding: 0;
  }
  .only_two article {
    padding: 16px;
  }
  .only_two .inner {
    padding: 12px 0 0;
  }
  .only_two h2 {
    padding: 0 0 24px;
    font-size: 21px;
  }
  .only_two .link a {
    padding: 12px 24px;
    font-size: 14px;
  }
  .products_block {
    padding: 0 0 40px;
  }
  .products_block h2 {
    padding: 0 0 24px;
    font-size: 32px;
  }
  .private_grid {
    grid-template-columns: 1fr 1fr;
    gap: 16px;
  }
  .bloq_three {
    gap: 16px;
  }
  .bloq_three figure {
    padding: 16px;
  }
  .bloq_three figcaption {
    padding: 12px 0 0;
    font-size: 18px;
  }
  .recipies_grid {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .recipies_grid figcaption {
    padding: 12px 0 0;
    font-size: 18px;
  }
  .similar_bloq h2 {
    padding: 0 0 24px;
    font-size: 32px;
  }
  /* Club end */
  .img_upload_block {
    grid-column: span 2;
  }
}
@media (min-width: 1024px) and (max-width: 1180px) {
  /* Header begin */
  .header_links span {
    display: none;
  }
  /* Header end */
  .values_lines li {
    font-size: 32px;
  }
  /* Banner begin */
  .banner_block .main_image img {
    width: 200px;
  }
  .qr_block {
    padding: 24px;
  }
  .qr_image img {
    width: 100%;
  }
  /* Banner end */
  /* Modals begin */
  .u_modal .close {
    width: 48px;
    height: 48px;
    left: calc(100% - 58px);
    top: 10px;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
  }
  .u_modal .image img {
    width: 640px;
  }
  /* Modals end */
}
@media (min-width: 1024px) and (max-width: 1280px) {
  /* Modals begin */
  .u_modal .close {
    width: 48px;
    height: 48px;
    left: calc(100% - 58px);
    top: 10px;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
  }
  /* Modals end */
}