@media screen and (max-width: 1400px) {
  .coupon .divan {
    right: 0;
  }
}
@media screen and (max-width: 1200px) {
  .logo,
  .desctop_menu,
  .work_time {
    padding: 5px 0 3px 0;
  }
  .work_time {
    padding-left: 10px;
  }
  nav.flex_container {
    justify-content: center;
  }
  .coupon .divan {
    max-width: 600px;
  }
  .coupon > div {
    top: 100px;
  }
  .benefits {
    grid-template-columns: repeat(2, 1fr);
  }
  .services {
    flex-wrap: wrap;
    justify-content: center;
  }
}
@media screen and (max-width: 991px) {
  .orders {
    background-size: contain;
  }
  .order {
    padding: 15px;
  }
  .servisec_content p {
    margin: 20px 0px 7px;
  }

  .arrow {
    width: 30px;
    height: 30px;
  }
  .banner > div > div {
    max-width: 500px;
    position: relative;
    z-index: 2;
  }
  .coupon .divan {
    display: none;
  }
  .descript_coupon {
    width: 100%;
    text-align: center;
  }
  .descript_coupon button {
    margin: 33px auto 0px;
  }
  .descript_coupon h2 {
    text-align: center;
  }
  .servisec_content {
    padding: 20px;
  }
  .filter_category {
    grid-template-columns: repeat(2, 1fr);
  }
  .carousel-2 .owl-item.center .owl-pic {
    height: 390px;
  }
  .carousel-2 .owl-pic {
    height: 264px;
  }
  .carousel-2 .owl-nav .owl-prev,
  .carousel-2 .owl-nav .owl-prev:hover,
  .carousel-2 .owl-nav .owl-next,
  .carousel-2 .owl-nav .owl-next:hover {
    width: 50px;
    height: 50px;
  }
  .cleaning_simple {
    flex-direction: column;
    align-items: center;
  }
  .cleaning_simple img {
    transform: rotate(90deg);
    display: block;
    margin: 45px 0px;
  }
  .contact > .flex_container {
    flex-wrap: wrap;
  }
  .descript_coupon .anchor {
    margin: 33px auto;
  }
}
@media screen and (max-width: 768px) {
  .phone {
    font: 700 20px/25px "Cera Pro Bold";
  }
  .work_time img {
    width: 20px;
  }
  .work_time {
    justify-content: end;
  }
  .time {
    font: 400 12px/15px "Cera Pro Medium";
  }
  .mobile_menu {
    max-width: 243px;
    position: fixed;
    width: 100%;
    background: var(--white);
    padding: 25px;
    text-align: right;
    right: 0;
    top: 0;
  }
  .banner > div:only-child {
    z-index: 0;
  }
  .carousel-2 .owl-item.center .owl-pic {
    height: 50%;
  }
  .carousel-2 .owl-pic {
    height: 50%;
    margin: 0;
  }
  .carousel-2 .owl-nav .owl-prev,
  .carousel-2 .owl-nav .owl-prev:hover,
  .carousel-2 .owl-nav .owl-next,
  .carousel-2 .owl-nav .owl-next:hover {
    width: 50px;
    height: 50px;
  }
  .carousel-2 .owl-item.center .owl-pic {
    width: 95%;
    margin: auto;
  }
  .carousel-2 .owl-nav .owl-prev,
  .carousel-2 .owl-nav .owl-prev:hover {
    left: 0;
  }
  .carousel-2 .owl-nav .owl-next,
  .carousel-2 .owl-nav .owl-next:hover {
    right: 0;
  }
  .filter_category {
    grid-template-columns: 1fr;
  }
  button,
  .anchor {
    font: 700 14px/16px "Cera Pro Bold";
  }
  h1,
  h1 > span.purple {
    font: 700 34px/40px "Cera Pro Bold";
  }
  h1 {
    margin: 15px 0px;
  }
  h2 {
    font: 700 30px/36px "Cera Pro Bold";
  }
  h3 {
    font: 700 18px/24px "Cera Pro Bold";
  }
  .logo img {
    max-width: 232px;
  }
  .desctop_menu,
  .work_time {
    display: none;
  }
  .menu_mobile {
    display: block;
  }
  nav.flex_container {
    justify-content: space-between;
  }
  .banner .main_image {
    max-width: 335px;
  }
  .banner span {
    font: 400 18px/22px "Cera Pro Medium";
  }
  .banner {
    min-height: 420px;
  }
  .banner > div > div {
    max-width: 420px;
  }
  main section {
    margin-bottom: 50px !important;
  }
  .about_company p {
    margin: 30px 0px 50px;
    font: 400 14px/18px "Cera Pro Medium";
  }
  .about_company form {
    grid-template-columns: repeat(2, 1fr);
  }
  label {
    font: 700 14px/16px "Cera Pro Bold";
    margin: 10px 0px;
  }
  .services .container_index {
    font: 700 18px/18px "Cera Pro Bold";
  }

  .benefits > div img {
    width: 50px;
  }
  .benefits > div p {
    font: 400 14px/18px "Cera Pro Medium";
  }
  .main_list > li {
    font: 700 16px/22px "Cera Pro Bold";
    padding: 20px 20px 20px 0px;
  }
  .orders > div {
    justify-content: center;
  }
  .orders {
    background: none;
    padding-top: 35px;
  }
  .contacts span,
  .time_footer span:first-child,
  .footer_messenger span,
  .contacts .phone_footer,
  footer .time_footer span {
    font: 700 14px/16px "Cera Pro Bold";
  }
  .question_fon img:first-child,
  .question_fon img:last-child {
    display: none;
  }
  footer {
    padding: 15px 10px;
  }
  /*
  .foto_gallery {
    grid-template-columns: repeat(2, 1fr);
  }
   */
}
@media screen and (max-width: 620px) {
  .mobile_menu > ul {
    margin-top: 30px;
  }
  .number_service {
    width: 100px;
    height: 100px;
    font: 700 45px/85px "Cera Pro Bold";
  }
  .num-service span {
    margin-top: 10px;
  }
  .cleaning_simple img {
    height: 20px;
  }
  main section {
    margin-bottom: 32px !important;
  }
  .banner > div:only-child {
    flex-wrap: wrap;
  }
  .banner span {
    font: 400 16px/20px "Cera Pro Medium";
  }
  h1,
  h1 > span.purple {
    font: 700 24px/30px "Cera Pro Bold";
  }
  .banner button {
    margin: auto;
    width: 171px;
    height: 35px;
    font: 700 12px/15px "Cera Pro Bold";
  }
  button img,
  .anchor img {
    width: 20px;
  }
  .banner .main_image {
    max-width: 255px;
    position: static;
    margin-top: 10px;
  }
  .banner {
    height: auto;
    padding-top: 27px;
  }
  .banner > div:only-child {
    height: auto;
    justify-content: center;
  }
  .banner > div > div {
    max-width: inherit;
    text-align: center;
  }
  .logo img {
    max-width: 166px;
  }
  .menu_mobile svg, .close {
    width: 15px;
  }
  .about_company p {
    margin: 15px 0px 25px;
    font: 400 12px/16px "Cera Pro Medium";
  }
  .about_company form {
    padding: 16px;
  }
  .about_company button {
    font: 700 12px/15px "Cera Pro Bold";
  }
  h2 {
    font: 700 24px/24px "Cera Pro Bold";
  }
  footer > div.flex_container {
    flex-wrap: wrap;
    justify-content: center;
  }
  .contacts span,
  .time_footer span:first-child {
    margin-bottom: 5px;
  }
  footer .contacts > div,
  footer .time_footer > div {
    align-items: center;
  }
  footer .contacts img,
  footer .time_footer img {
    margin-right: 5px;
    width: 15px;
    height: 15px;
  }

  .descript_coupon h2 {
    font: 700 30px/32px "Cera Pro Bold";
  }
  .descript_coupon p {
    font: 400 16px/20px "Cera Pro Medium";
  }
  .coupon {
    min-height: 215px;
    padding: 39px;
  }
  .coupon > div {
    position: static;
  }
  .benefits {
    grid-template-columns: 1fr;
    max-width: 328px;
    margin: 28px auto;
    text-align: center;
    grid-gap: 25px;
  }
  .benefits h3 {
    text-align: center;
  }
  .benefits > div img {
    margin-bottom: 15px;
  }
  .question {
    padding: 30px;
  }
  .price_list li {
    font: 400 14px/16px "Cera Pro Medium";
  }
  .carousel-2 .owl-nav .owl-prev,
  .carousel-2 .owl-nav .owl-prev:hover,
  .carousel-2 .owl-nav .owl-next,
  .carousel-2 .owl-nav .owl-next:hover {
    width: 30px;
    height: 30px;
    font-size: 30px !important;
  }
  .info_contact div:first-child span {
    font: 700 14px/20px "Cera Pro Bold";
  }
  .info_contact > div:last-child span {
    font: 400 14px/20px "Cera Pro Medium";
  }
  .foto_gallery {
    padding: 50px 0px;
  }
  .banner .anchor {
    margin-left: auto;
  }
}
@media screen and (max-width: 520px) {
  .carousel-2 .owl-item.center .owl-pic {
    height: 30%;
  }
  .carousel-2 .owl-pic {
    height: 30%;
    margin: 0;
  }
  .inside_text {
    font: 400 14px/16px "Cera Pro Medium";
  }
  /*
  .foto_gallery {
    grid-template-columns: repeat(1, 1fr);
    text-align: center;
  }

   */
}
@media screen and (max-width: 420px) {
  .about_company form {
    grid-template-columns: 1fr;
    padding: 30px;
  }
}