@media (max-width: 1300px) {
  #offer .offer-boxes .offer-box {
    flex: 0 0 calc(50% - 50px);
    max-width: 50%;
  }
}

@media (max-width: 1200px) {
  #about-company .content-about-company {
    flex-direction: column;
    gap: 50px 0;
  }

  #about-company .content-about-company .left {
    width: 100%;
    padding: 0;
    gap: 25px 0;
  }

  #about-company .content-about-company .right {
    width: 100%;
    height: auto;
    min-height: 500px;
  }
}

@media (max-width: 1100px) {
  #gallery-page .gallery-content ul > li {
    display: flex;
    flex: 0 0 calc(33% - 12px);
    max-width: 33.33%;
  }
}

@media (max-width: 1050px) {
  #why-us .boxes {
    flex-wrap: wrap;
  }

  #why-us .boxes .box {
    flex: 0 0 calc(50% - 38px);
    max-width: 50%;
  }
}

@media (max-width: 1000px) {
  #contact .contact-content {
    gap: 0 20px;
  }

  #contact .contact-content .left-contact {
    width: 35%;
  }

  #contact .contact-content .right-contact {
    width: calc(65% - 50px);
    padding: 25px;
    justify-content: space-around;
  }
}

@media (max-width: 1000px) {
  #contact-page #contact .contact-content {
    gap: 0 20px;
  }

  #contact-page #contact .contact-content .left-contact {
    width: 35%;
  }

  #contact-page #contact .contact-content .right-contact {
    width: calc(65% - 50px);
    padding: 25px;
    justify-content: space-around;
  }
}

@media (max-width: 900px) {
  body.home #background-photo {
    height: 650px;
  }

  #header {
    height: 80px;
  }

  #header .top-header {
    display: none;
  }

  #header .border-header {
    display: none;
  }

  #header .bottom-header {
    align-items: center;
  }

  #header .bottom-header .menu-header {
    display: none;
  }

  #header .bottom-header .mobile-menu-header {
    display: block;
  }
}

@media (max-width: 850px) {
  #gallery .photos .swiper-wrapper .photo {
    filter: none;
  }

  #gallery .photos .swiper-wrapper .photo.swiper-slide-active {
    height: 300px;
  }
}

@media (max-width: 800px) {
  #about-company .content-about-company .left {
    align-items: center;
  }

  #about-company .content-about-company .right {
    display: flex;
    flex-direction: column;
  }

  #about-company .content-about-company .right .photo {
    display: flex;
    height: 250px;
    justify-content: center;
    position: relative;
    overflow: hidden;
  }

  #about-company .content-about-company .right .photo:nth-child(1) {
    display: flex;
    height: 250px;
    justify-content: center;
    position: relative;
    overflow: hidden;
  }
}

@media (max-width: 775px) {
  #contact .contact-content {
    flex-direction: column;
    gap: 20px 0;
  }

  #contact .contact-content .left-contact {
    width: 100%;
    align-items: center;
    gap: 25px 0;
  }

  #contact .contact-content .left-contact .company-data {
    align-items: center;
  }

  #contact .contact-content .right-contact {
    width: calc(100% - 50px);
    gap: 25px 0;
  }

  
  #contact-page #contact .contact-content {
    flex-direction: column;
    gap: 20px 0;
  }

  #contact-page #contact .contact-content .left-contact {
    width: 100%;
    align-items: center;
    gap: 25px 0;
  }

  #contact-page #contact .contact-content .left-contact .company-data {
    align-items: center;
  }

  #contact-page #contact .contact-content .right-contact {
    width: calc(100% - 50px);
    gap: 25px 0;
  }
}

@media (max-width: 750px) {
  #why-us .boxes .box {
    flex: 0 0 calc(100% - 38px);
    max-width: 100%;
  }

  #gallery .photos .swiper-wrapper .photo {
    filter: none;
  }

  #gallery .photos .swiper-wrapper .photo.swiper-slide-active {
    height: 300px;
  }

  #gallery-page .gallery-content ul > li {
    display: flex;
    flex: 0 0 calc(50% - 12px);
    max-width: 50%;
  }
}

@media (max-width: 700px) {
  #offer .offer-boxes .offer-box {
    flex: 0 0 calc(100% - 50px);
    max-width: 100%;
    justify-content: center;
  }

  #footer .top-footer .menu-header ul {
    flex-direction: column;
  }

  #footer .top-footer .menu-header ul > li {
    border-right: none;
    padding: 10px 0;
  }

  #footer .bottom-footer p {
    text-align: center;
  }

  #footer .bottom-footer p span {
    display: block;
    margin: 10px 0;
  }
}

@media (max-width: 650px) {
  #contact-page #contact .contact-content {
    flex-direction: column;
  }

  #contact-page #contact .contact-content .company-data {
    width: calc(100% - 50px);
    gap: 50px 0;
  }

  #contact-page #contact .contact-content .company-data .top-data {
    align-items: center;
  }

  #contact-page #contact .contact-content .company-data .bottom-data {
    align-items: center;
  }

  #contact-page #contact .contact-content .company-map {
    width: calc(100% - 2px);
    height: 250px;
  }
}

@media (max-width: 600px) {
  #opinions .opinions-boxes .swiper-wrapper {
    justify-content: center;
  }

  #opinions .opinions-boxes .opinion-box {
    padding: 20px;
    width: calc(100% - 42px) !important;
  }

  #opinions .opinions-boxes .opinion-box .icon-opinion,
  #opinions .opinions-boxes .opinion-box .icon-opinion svg {
    width: 50px;
    height: 50px;
  }

  #opinions .opinions-boxes .opinion-box .opinion-content .title-opinion {
    flex-direction: column;
    gap: 5px 0;
  }

  #opinions .opinions-boxes .opinion-box .opinion-content .title-opinion p {
    margin: 5px 0;
  }

  #about-company,
  #why-us,
  #opinions,
  #offer,
  #gallery,
  #contact {
    width: calc(100% - 20px);
    padding: 30px 10px;
  }

  #footer {
    width: calc(100% - 20px);
    padding: 20px 10px 10px;
  }

  .container {
    width: calc(100% - 30px);
    padding: 15px;
  }
}

@media (max-width: 550px) {
  #contact .contact-content .right-contact .bottom-contact-form {
    flex-direction: column;
    gap: 15px 0;
    align-items: center;
  }

  #contact .contact-content .right-contact .bottom-contact-form .accept {
    width: 100%;
  }

  #contact .contact-content .right-contact .bottom-contact-form .send {
    width: 100%;
  }

  #contact
    .contact-content
    .right-contact
    .top-contact-form
    .customer-data
    input {
    flex: unset;
    width: 100%;
    max-width: 100%;
  }

  #slider .title-slider h1 {
    font-size: 36px;
  }

  #contact-page #contact .contact-content .right-contact .bottom-contact-form {
    flex-direction: column;
    gap: 15px 0;
    align-items: center;
  }

  #contact-page #contact .contact-content .right-contact .bottom-contact-form .accept {
    width: 100%;
  }

  #contact-page #contact .contact-content .right-contact .bottom-contact-form .send {
    width: 100%;
  }

  #contact-page #contact
    .contact-content
    .right-contact
    .top-contact-form
    .customer-data
    input {
    flex: unset;
    width: 100%;
    max-width: 100%;
  }
}

@media (max-width: 500px) {
  #opinions .opinions-boxes .opinion-box .icon-opinion,
  #opinions .opinions-boxes .opinion-box .icon-opinion svg {
    width: 25px;
    height: 25px;
  }
}

@media (max-width: 450px) {
  #gallery-page .gallery-content ul > li {
    display: flex;
    flex: 0 0 calc(100% - 12px);
    max-width: 100%;
  }
}