@media screen and (max-width:1300px) {
   .salon_first_screen_wrap {
      margin: 0;
   }
}

@media screen and (max-width:1200px) {
   .container {
      max-width: 768px;
      padding: 0 10px;
   }

   .salon_first_screen_wrap .content .salon_big_title {
      max-width: 500px;
      font-size: 36px;
   }

   .salon_first_screen_wrap {
      border-radius: 15px;
   }

   .salon_first_screen_wrap .content {
      top: 40px;
      left: 0px;
      padding: 0 40px;
   }

   .salon_first_screen_wrap .content .btn_blue {
      margin-top: 25px;
      padding: 10px 25px;
      font-size: 16px;
   }

   .salon_first_benefit .item {
      padding: 20px;
      border-radius: 15px;
      column-gap: 20px;
      ;
   }

   .salon_first_benefit .item .title {
      font-size: 18px;
   }

   .salon_first_benefit {
      row-gap: 15px;
   }

   .salon_second_screen {
      margin-top: 80px;
   }

   .salon_second_screen_wrap .salon_big_title {
      font-size: 36px;
      max-width: 500px;
      top: calc(50% - 83px);
   }

   .salon_thirdd_screen_wrap .item {
      height: 350px;
      padding-bottom: 30px;
      padding-top: 30px;
      padding-right: 50px;
      padding-left: 260px;
      justify-content: center;
      border-radius: 15px;
   }

   .salon_thirdd_screen_wrap .item .title {
      font-size: 28px;
   }

   .salon_thirdd_screen_wrap .item .text {
      margin-top: 20px;
   }

   .salon_thirdd_screen_wrap .item .text p {
      font-size: 14px;
   }

   .salon_thirdd_screen_wrap .item.item1 .icon img {
      width: 250px;
   }

   .salon_thirdd_screen_wrap .item.item2 .icon1 {
      left: 135px;
      top: 15px;
   }

   .salon_thirdd_screen_wrap .item.item2 .icon1 img {
      width: 160px;
   }

   .salon_thirdd_screen_wrap .item.item2 .icon2 {
      left: 15px;
      top: 105px;
   }

   .salon_thirdd_screen_wrap .item.item2 .icon2 img {
      width: 150px;
   }

   .salon_thirdd_screen_wrap .item.item2 .icon3 {
      left: 70px;
      top: 220px;
   }

   .salon_thirdd_screen_wrap .item.item2 .icon3 img {
      width: 180px;
   }

   .salon_thirdd_screen_wrap .item.item3 .icon {
      top: auto;
      left: 30px;
   }

   .salon_thirdd_screen_wrap .item.item3 .icon img {
      width: 200px;
   }

   .salon_video_wrap .item {
      border-radius: 15px;
   }

   .salon_video_wrap .item .icon {
      width: 65px;
      height: 65px;
   }

   .salon_video_wrap .item .icon svg {
      display: flex;
      margin-left: 3px;
   }

   .salon_vigoda_wrap .row {
      row-gap: 20px;
   }

   .salon_vigoda_wrap {
      padding: 40px;
      border-radius: 15px;
   }

   .salon_vigoda_wrap .left .icon {
      margin-top: -3px;
   }

   .salon_vigoda_wrap .left .salon_big_title {
      font-size: 32px;
   }

   .salon_vigoda_wrap .right .text p {
      font-size: 16px;
   }

   .salon_sale {
      margin-top: 80px;
   }

   .salon_sale_wrap .col-12 .title {
      font-size: 32px;
      margin-bottom: 30px;
   }
#wrapper .salon_proezd .title{
    font-size: 32px;
}
   .salon_sale_wrap {
      row-gap: 20px;
   }

   .salon_sale_wrap .item_head {
      row-gap: 15px;
   }

   .salon_sale_wrap .item_head .image {
      height: 195px;
      max-height: 195px;
   }

   .salon_sale_wrap .item {
      border-radius: 6px;
      row-gap: 10px;
   }

   .salon_sale_wrap .item_head .title {
      padding: 0 15px;
      font-size: 18px;
   }

   .salon_sale_wrap .item .item_cost {
      padding: 0 15px 15px 15px;
      column-gap: 14px;
      row-gap: 10px;
   }

   .salon_sale_wrap .item .item_cost .sale_cost,
   .salon_sale_wrap .item .item_cost .sale_cost span {
      font-size: 18px;
   }

   .salon_sale_wrap .item .item_cost {
      align-items: flex-end;
   }

   .salon_sale_wrap .item .item_cost .ussual_cost,
   .salon_sale_wrap .item .item_cost .ussual_cost span {
      font-size: 14px;
   }

   .salon_cloud {
      margin-top: 80px;
   }

   .salon_consult {
      margin-top: 80px;
   }

   .salon_consult_wrap .image {
      height: auto;
   }

   .salon_consult_wrap .left .text {
      margin-top: 15px;
   }

   .salon_consult_wrap .left .text p {
      font-size: 14px;
   }

   .salon_consult_wrap .left .salon_big_title {
      font-size: 28px;
   }

   .salon_consult_wrap .image img {
      width: 100%;
      height: 100%;
      object-fit: cover;
   }

   .salon_zabota {
      margin-top: 80px;
   }

   .salon_zabota_wrap .right .meta_info {
      margin-top: 40px;
   }

   .salon_zabota_wrap .btn_white {
      margin-top: 20px;
      font-size: 14px;
      padding: 8px 20px;
   }

   .salon_zabota_wrap .right .salon_big_title {
      font-size: 30px;
   }

   .salon_zabota_wrap .right .text_head p {
      font-size: 13px;
   }

   .salon_zabota_wrap .right .text_head {
      margin-top: 10px;
   }

   .salon_zabota_wrap .right .meta_info .name {
      font-size: 14px;
   }

   .salon_zabota_wrap .right .meta_info .text {
      margin-top: 6px;
   }

   .salon_zabota_wrap .right .meta_info .text p {
      font-size: 14px;
   }

   .salon_zabota_wrap .right {
      display: flex;
      flex-direction: column;
      height: 100%;
      align-items: flex-start;
      justify-content: center;
      padding: 30px 20px 30px 0;
      margin-top: 0px;
   }

   .salon_zabota_wrap .image {
      height: 100%;
   }

   .salon_divan {
      margin-top: 80px;
      padding: 80px 0;
   }

   .salon_divan_wrap .swiper_divan {
      width: 100%;
      max-width: 573px;
      height: 260px;
      background: #fff;
      border-radius: 10px;
      overflow: hidden;
   }

   .salon_divan_wrap .image {
      height: 100%;
   }

   .salon_divan_wrap .image img {
      width: 100%;
      height: 100%;
      object-fit: cover;
   }

   .salon_divan_wrap .right .salon_big_title {
      font-size: 32px;
   }

   .salon_divan_wrap .right ul {
      margin-top: 15px;
   }

   .salon_divan_wrap .right ul li {
      font-size: 14px;
      margin-bottom: 4px;
      column-gap: 12px;
   }

   .salon_divan_wrap .right ul li::before {
      max-width: 12px;
      max-height: 12px;
      min-width: 12px;
      min-height: 12px;
   }

   .salon_rew_wrap {
      margin-top: 80px;
      padding: 0;
      flex-wrap: wrap;
      border-radius: 15px;
   }

   .salon_rew_wrap .left {
      max-width: 100%;
      padding: 30px;
   }

   .salon_rew_wrap .right {
      max-width: 100%;
      position: relative;
      padding: 30px;
   }

   .salon_rew_wrap::after {
      display: none;
   }

   .salon_rew_wrap .right::after {
      content: '';
      display: block;
      width: 100%;
      height: 100%;
      background: #19398B;
      position: absolute;
      top: 0;
      left: 0;

   }

   .salon_rew_wrap .left .name {
      margin-top: 15px;
   }

   .salon_rew_wrap .left .text {
      margin-top: 5px;
   }

   .salon_rew_wrap .left .avatar {
      max-width: 100px;
      max-height: 100px;
   }

   .salon_proezd {
      margin-top: -20px;
   }

   .salon_proezd_wrap .row {
      row-gap: 20px;
   }

   .salon_proezd_wrap .left {
      flex-direction: row;
      column-gap: 10px;
   }

   .salon_proezd_wrap .image {
      max-width: 100%;
      height: auto;
   }

   .salon_proezd_wrap {
      border-radius: 15px;
   }

   .salon_proezd_wrap .left .salon_big_title {
      font-size: 32px;
   }

   .salon_proezd_wrap .left .adres {
      font-size: 16px;
      margin-top: 15px;
   }

   .salon_proezd_wrap .left .btn_white {
      padding: 10px 0;
      font-size: 16px;
   }

   .salon_proezd_wrap .left .btn_blue {
      padding: 10px 0;
      font-size: 16px;
   }

   .salon_proezd_wrap .left .btn_block {
      row-gap: 10px;
   }

   .salon_proezd_wrap .left .btn_block {
      width: 240px;
   }

   .salon_proezd_wrap .left {
      padding-top: 0;
   }

   .salon_proezd_wrap .left .btn_blue {
      border-radius: 6px;
   }

   .salon_second_screen_wrap .card_wrap .item {
      border-radius: 10px;
   }

   .card_wrap .item1 {
      max-width: 350px;
   }

   .card_wrap .item2 {
      max-width: 300px;
      margin-right: 0;
   }

   .card_wrap .item3 {
      margin-top: 290px;
   }

   .card_wrap .item4 {
      max-width: 240px;
      margin-left: auto;
      margin-top: 68px;
   }

   .card_wrap .item5 {
      max-width: 250px;
      margin-top: 30px;
   }

   .card_wrap .item6 {
      max-width: 350px;
      margin-left: 30px;
      margin-top: 20px;
   }

   .card_wrap .item7 {
      max-width: 260px;
      margin-left: auto;
      margin-top: -180px;
      margin-right: 10px;
   }

   .card_wrap .item8 {
      margin-right: 0;
      margin-top: -100px;
      max-width: 330px;
   }

   .page-new .row {
      --bs-gutter-x: 20px;
          margin-right: -15px!important;
    margin-left: -15px!important;
   }

   .salon_cloud_wrap .cloud_right {
      right: 3%;
   }

   .salon_cloud_wrap .cloud_left {
      left: 3%;
   }

   @keyframes animCloud1 {
      0% {
         opacity: 1;
      }

      100% {
         top: 100px;
         right: 0px;
         opacity: 0;
      }
   }

   @keyframes animCloud2 {
      0% {
         opacity: 1;
      }

      100% {
         top: 100px;
         left: 0px;
         opacity: 0;
      }
   }

   .salon_video_wrap .item .icon svg {
      margin-left: 4px;
      width: 12px;
      height: auto;
   }

   .salon_vigoda_wrap .right .text {
      margin-top: 0px;
   }
}

@media screen and (max-width:767px) {
   .container {
      max-width: 450px;
      padding: 0 10px;
   }

   .salon_first_screen_wrap .content .salon_big_title {
      font-size: 20px;
      max-width: 272px;
   }

   .salon_first_screen_wrap .content {
      top: 50%;
      transform: translateY(-50%);
      left: 0px;
      padding: 0 20px;
   }

   .salon_first_screen_wrap {
      display: flex;
      align-items: center;
      position: relative;
      padding-top: 85%;
      background: gray;
      border-radius: 10px;
   }

   .salon_first_screen_wrap .image {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
   }

   .salon_first_screen_wrap .content .btn_blue {
      font-size: 14px;
   }

   .salon_first_benefit .item .title {
      font-size: 16px;
   }

   .salon_thirdd_screen_wrap .item {
      border-radius: 10px;
   }

   .salon_first_benefit .item .icon svg,
   .salon_first_benefit .item .icon img {
      max-width: 37px;
      height: auto;
   }

   .salon_thirdd_screen_wrap .item {
      padding: 30px 15px;
      min-height: 300px;
      height: auto;
   }

   .salon_thirdd_screen_wrap .item .icon,
   .salon_thirdd_screen_wrap .item .icon1,
   .salon_thirdd_screen_wrap .item .icon2,
   .salon_thirdd_screen_wrap .item .icon3 {
      display: none;
   }


   .salon_thirdd_screen_wrap .item .title {
      font-size: 24px;
   }

   .salon_video {
      margin-top: 60px;
   }

   .salon_video_wrap .item .icon {
      width: 45px;
      height: 45px;
   }

   .salon_video_wrap .item .icon svg {
      margin-left: 3px;
      width: 10px;
   }

   .salon_video_wrap .item {
      border-radius: 10px;
   }

   .salon_video_wrap a {
      padding-top: 55%;
   }

   .salon_vigoda_wrap .left {
      align-items: flex-start;
   }

   .salon_vigoda_wrap {
      padding: 30px 20px;
   }

   .salon_vigoda_wrap .left .icon {
      display: none;
   }

   .salon_vigoda_wrap .left .salon_big_title {
      font-size: 24px;
   }

   .salon_vigoda_wrap .row {
      row-gap: 15px;
   }

   .salon_vigoda_wrap .right .text p {
      font-size: 14px;
   }

   .salon_sale {
      margin-top: 60px;
   }

   .salon_sale_wrap .col-12 .title {
      font-size: 24px;
   }
   .salon_proezd .title{
    font-size: 24px;
    margin-bottom: 45px;
}

   .salon_sale_wrap .col-12 .title {
      margin-bottom: 10px;
   }

   .salon_sale_wrap .item_head .image {
      position: relative;
      max-height: 100%;
      height: 100%;
      padding-top: 56%;
   }

   .salon_sale_wrap .item_head .image img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      position: absolute;
      top: 0;
      left: 0;
   }

   .salon_sale_wrap .item {
      height: auto;
   }

   .salon_consult_wrap .left .salon_big_title {
      font-size: 24px;
   }

   .salon_consult_wrap {
      row-gap: 20px;
   }

   .salon_consult_wrap .image {
      border-radius: 10px;
      height: auto;
   }

   .salon_zabota_wrap .image img {
      clip-path: unset;
      position: absolute;
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: top center;
      top: 0;
      left: 0;
   }

   .salon_zabota_wrap {
      border-radius: 20px;
   }

   .salon_zabota_wrap .right {
      padding: 30px 20px;
   }

   .salon_zabota_wrap .image {
      position: relative;
      padding-top: 70%;
   }

   .salon_zabota_wrap .right .salon_big_title {
      font-size: 24px;
   }

   .salon_zabota_wrap .right .text_head p {
      font-size: 14px;
      max-width: 350px;
   }

   .salon_zabota_wrap .right .meta_info {
      margin-top: 20px;
   }

   .salon_zabota_wrap .btn_white {
      border-radius: 6px;
      padding: 8px 30px;
   }

   .salon_divan {
      margin-top: 60px;
      padding: 60px 0;
   }

   .salon_divan_wrap {
      row-gap: 20px;
   }

   .salon_divan_wrap .right .salon_big_title {
      font-size: 24px;
   }

   .salon_rew_wrap {
      margin-top: 60px;
      border-radius: 10px;
   }

   .salon_rew_wrap .right .text p {
      font-size: 14px;
      line-height: 140%;
   }

   .salon_rew_wrap .right {
      padding: 30px 20px;
      column-gap: 10px;
   }

   .salon_rew_wrap .right .icon {
      align-items: flex-start;
   }

   .salon_rew_wrap .right .icon svg {
      width: 20px;
      height: auto;
   }

   .salon_rew_wrap .left {
      padding: 20px 20px;
   }

   .salon_rew_wrap .left .text p {
      font-size: 14px;
      line-height: 20px;
   }

   .salon_rew_wrap .left .avatar {
      width: 90px;
      height: 90px;
   }

   .salon_proezd {
      margin-top: -13px;
   }

   .salon_proezd_wrap .left .salon_big_title {
      font-size: 24px;
   }

   .salon_proezd_wrap {
      padding: 30px 20px;
      border-radius: 10px;
   }

   .salon_proezd_wrap .left .adres {
      font-size: 14px;
      margin-top: 10px;
   }

   .salon_proezd_wrap .left .btn_block {
      width: 100%;
   }

   .salon_proezd_wrap .left {
      flex-direction: column;
   }

   .salon_proezd_wrap .image {
      height: auto;
      max-height: 300px;
      border-radius: 8px;
   }

   .salon_proezd_wrap .left .btn_blue {
      border-radius: 6px;
      font-size: 14px;
   }

   .salon_proezd_wrap .left .btn_white {
      padding: 12px 0;
      font-size: 14px;
   }

   .salon_proezd_wrap .left {
      padding-top: 0;
   }

   .salon_divan_wrap .image {
      border-radius: 10px;
   }

   .salon_divan_wrap .right {
      margin-left: 0px;
   }

   .card_wrap .item1 {
      max-width: 90%;
      margin-left: 10px;
   }

   .card_wrap .item2 {
      max-width: 80%;
      margin-right: 0;
      margin-top: 60px;
      margin-left: auto;
   }

   .card_wrap .item3 {
      margin-top: 140px;
      max-width: calc(50% - 7px);
      margin-right: auto;
      margin-left: 0;
   }

   .card_wrap .item4 {
      max-width: calc(50% - 10px);
      margin-left: auto;
      margin-top: 60px;
      margin-right: 5px;
   }

   .card_wrap .item5 {
      max-width: 70%;
      margin-top: 60px;
      margin-right: 0px;
      margin-left: auto;
   }

   .card_wrap .item6 {
      max-width: 300px;
      max-width: 80%;
      margin-left: 10px;
      margin-top: 80px;
   }

   .card_wrap .item7 {
      max-width: 260px;
      max-width: 70%;
      margin-left: auto;
      margin-top: 80px;
      margin-right: 10px;
   }

   .card_wrap .item8 {
      margin-right: 0;
      margin-top: 70px;
      max-width: 280px;
      max-width: 90%;
      margin-left: 0;
   }

   .salon_second_screen_wrap .salon_big_title {
      font-size: 24px;
      padding: 0 10px;
   }

   .salon_second_screen {
      margin-top: 60px;
   }

   .salon_second_screen_wrap .card_wrap .item {
      border-radius: 8px;
   }

   .salon_cloud_wrap {
      padding-top: 260px;
   }

   .salon_cloud_wrap .icon img {
      width: 40%;
      margin: 0 auto;
   }

   .salon_cloud_wrap .cloud_right {
      right: 10px;
   }

   .salon_cloud_wrap .cloud_left {
      left: 10px;
   }

   .salon_cloud_wrap .cloud_right,
   .salon_cloud_wrap .cloud_left {
      bottom: 80px;
      top: auto;
   }

   .salon_cloud_wrap .cloud_right svg,
   .salon_cloud_wrap .cloud_left svg {
      width: 155px;
      height: auto;
   }

   @keyframes animCloud1 {
      0% {
         opacity: 1;
      }

      100% {
         bottom: 200px;
         right: 0px;
         opacity: 0;
      }
   }

   @keyframes animCloud2 {
      0% {
         opacity: 1;
      }

      100% {
         bottom: 200px;
         left: 0px;
         opacity: 0;
      }
   }

   .salon_zabota {
      margin-top: 60px;
   }

   .salon_consult {
      margin-top: 60px;
   }

   .salon_consult {
      margin-top: 60px;
   }

   .salon_first_benefit {
      margin-top: 20px;
   }

   .salon_divan_wrap .right ul li::before {
      margin-top: 4px;
   }
}