@media screen and (max-width: 1299px) {
  .services-section {
    padding-top: 15rem
  }

  .services-list .service-item .service-item-wrapper .service-direction .service-direction-description .direction-description-text {
    padding-right: 3rem
  }

  .intro-service-section .service-decorate-count {
    left: -10%
  }

  .intro-service-section .service-decorate-count span {
    font-size: 50rem
  }

  .decorate-text-big span {
    font-size: 40rem
  }

  .page-header .header-wrapper .header-right-nav .btn {
    margin-right: 5.5rem
  }

  .page-header .header-wrapper .header-center-nav .header-contacts .contact-item {
    margin-right: 4rem
  }

  .page-header .header-menu-panel .menu-container nav .panel-menu-list {
    grid-row-gap: 4rem
  }

  .page-header .header-menu-panel .menu-container nav .panel-menu-list li a {
    font-size: 3rem;
    line-height: 4rem
  }

  .contacts-section h1, .intro-article-section h1, .intro-service-section h1 {
    font-size: 6rem
  }

  .contacts-section .contacts-map-wrapper {
    height: 50rem
  }
}

@media screen and (max-width: 1099px) {
  .advantages-list .advantages-item:nth-child(4) {
    max-width: 20rem !important
  }

  .advantages-list .advantages-item:nth-child(3) {
    max-width: 20rem !important
  }

  .welcome-section .welcome-content .advantages-list .advantages-item p {
    font-size: 1.2rem !important
  }

  .advantages-list .advantages-item {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }

  .page-footer .bottom-content-wrapper-top {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }

  .page-footer .bottom-content-wrapper-top .footer-logo {
    margin-bottom: 4rem;
    margin-right: 0
  }

  .page-footer .bottom-content-wrapper-top .footer-contacts {
    margin-left: 0;
    grid-template-columns: auto auto auto
  }
}

@media screen and (max-width: 999px) {
  .serivice-directions-list .serivice-directions-list-item .directions-list-item-wrapper .wrapper-text-column  li {
    font-size: 1.4rem;
  }
  .article-content-section ul li, .article-content-section ol li {
    font-size: 1.4rem
  }
.action-wrap {
  display: none !important;
}
  .services-list .service-item .service-item-wrapper .service-count {
    position: absolute;
    top: -3rem;
    max-width: 100%
  }

  .services-list .service-item .service-item-wrapper .service-count span {
    font-size: 12rem;
    line-height: 9rem
  }

  .services-list .service-item .service-item-wrapper .service-direction .service-direction-title .page-small-title {
    padding-right: 5rem
  }

  .services-list .service-item .service-item-wrapper .service-direction .mobile-btn {
    display: block
  }

  .services-list .service-item::after {
    display: none
  }

  .services-list .service-item:hover {
    background: rgba(0, 0, 0, 0);
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0
  }

  .services-list .service-item .service-item-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }

  p, span, a, .page-normal-text {
    font-size: 1.4rem;
    line-height: 2.1rem
  }

  .page-header .header-wrapper .header-center-nav .header-contacts {
    display: none
  }

  .page-header .header-menu-panel .menu-container {
    padding: 0 2rem;
    display: block;
    padding-top: 12rem;
    padding-bottom: 5rem
  }

  .page-header .header-menu-panel .menu-container .nav-items {
    position: relative;
    height: 100%;
    max-height: 100%;
    overflow: auto
  }

  .page-header .header-menu-panel .menu-container .nav-items::-webkit-scrollbar {
    width: 2px;
    overflow: visible;
    background-color: #fff;
    padding-right: 2px
  }

  .page-header .header-menu-panel .menu-container .nav-items::-webkit-scrollbar-thumb {
    background-color: var(--lightgreen);
    border-radius: 3px
  }

  .page-header .header-menu-panel .menu-container nav .panel-menu-list li a {
    font-size: 2.4rem;
    line-height: 3rem
  }

  .directions-list-item-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }

  .serivice-directions-list .serivice-directions-list-item .directions-list-item-wrapper .wrapper-text-column {
    max-width: 100%;
    margin-bottom: 4rem
  }

  .serivice-directions-list .serivice-directions-list-item:nth-child(odd) .wrapper-img-column .decor-bg-img {
    right: 0
  }

  .serivice-directions-list .serivice-directions-list-item:nth-child(even) .wrapper-img-column .decor-bg-img {
    left: 0
  }

  .serivice-directions-list .serivice-directions-list-item:nth-child(even) .wrapper-img-column {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
  }

  .serivice-directions-list .serivice-directions-list-item .directions-list-item-wrapper .wrapper-img-column .decor-bg-img::after {
    bottom: -3rem
  }

  .serivice-directions-list .serivice-directions-list-item {
    margin-bottom: 15rem
  }
}

@media screen and (max-width: 799px) {
  .serivice-directions-list .serivice-directions-list-item .directions-list-item-wrapper .wrapper-text-column ul li {
    font-size: 1.2rem;
  }
  .intro-article-section .article-bg-decorate-circe::after {
    background-size: contain;
    width: 300px
  }

  .article-content-section h2 {
    font-size: 2.4rem;
    line-height: 3rem
  }

  .article-content-section h3 {
    font-size: 2rem;
    line-height: 3rem
  }

  .article-content-section h4 {
    font-size: 1.8rem;
    line-height: 2.5rem
  }

  .article-content-section h5 {
    font-size: 1.4rem;
    line-height: 2rem
  }

  .advantages-list {
    height: 100px
  }

  .advantages-list .owl-stage-outer {
    height: 100%
  }

  .services-list .service-item .service-item-wrapper .service-direction .service-direction-description .direction-description-text {
    padding-right: 0
  }

  .serivice-directions-list .serivice-directions-list-item:first-child .decor-bg-img::before {
    background-size: contain;
    width: 45rem;
    height: 45rem;
    left: 0;
    right: 0
  }

  .page-footer h2 {
    font-size: 4.2rem !important
  }

  .wrapper-text-column h3, .wrapper-text-column h2, .wrapper-text-column h4 {
    font-size: 2rem;
    line-height: 2.5rem
  }

  .welcome-section .page-big-title {
    font-size: 3rem !important
  }

  .welcome-section h1 {
    font-size: 3rem !important
  }

  .page-small-title {
    font-size: 2rem
  }

  .page-small-title h2, .page-small-title h3, .page-small-title h4 {
    font-size: 2rem;
    line-height: 2.5rem
  }

  h3 {
    font-size: 2rem;
    line-height: 2.5rem
  }

  .serivice-directions-list .serivice-directions-list-item .directions-list-item-wrapper .wrapper-text-column .page-medium-title {
    margin-bottom: 3rem
  }

  .intro-service-section .service-decorate-count span {
    font-size: 30rem
  }

  .service-direction-headline .service-direction-list li span {
    font-size: 1.2rem
  }

  .intro-service-section .service-decorate-circe-medium::after {
    width: 40rem;
    height: 40rem;
    right: 0
  }

  .intro-service-section .intro-service-content {
    padding-top: 18rem;
    padding-bottom: 8rem
  }

  .service-direction-headline {
    padding: 4rem 0
  }


  .service-direction-headline .service-direction-list li {
    margin-right: 2rem
  }

  .service-content-section {
    padding-top: 6rem;
    padding-bottom: 4rem
  }

  .intro-error-section .decorate-text-big {
    top: 30%;
    right: auto
  }

  .intro-error-section .decorate-text-big span {
    font-size: 20rem
  }

  .intro-error-section .error-decorate-circe::after {
    background-size: contain;
    height: 162px;
    width: 246px
  }

  .intro-error-section .error-content .page-big-title {
    margin-bottom: 4rem
  }

  .intro-error-section .error-content .page-normal-text {
    margin-bottom: 4rem
  }

  .article-content-section h2 {
    margin-bottom: 2rem
  }

  .article-content-section h3 {
    margin-bottom: 1.5rem
  }

  .article-content-section {
    padding-top: 4rem;
    padding-bottom: 6rem
  }

  .intro-article-section {
    padding-top: 12rem;
    padding-bottom: 8rem
  }

  .contacts-section .decorate-circe-bg::after {
    height: 413px;
    background-size: contain;
    width: 191px
  }

  .contacts-headline .page-big-title .decorate-text-big {
    top: -50%
  }

  .contacts-section h1 {
    font-size: 4.2rem
  }

  .contacts-section {
    padding-top: 17rem;
    padding-bottom: 6rem
  }

  .contacts-section .contacts-map-wrapper {
    height: 30rem
  }

  .contacts-headline .page-big-title {
    margin-bottom: 4rem;
    max-width: 100%
  }

  .contacts-headline .headline-contacts-info {
    max-width: 100%
  }

  .contacts-headline {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 4rem
  }

  .services-list .service-item .service-item-wrapper .service-direction .service-direction-title {
    margin-bottom: 4.5rem
  }

  .services-list .service-item .service-item-wrapper .service-direction .service-direction-description .direction-description-list {
    max-width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
  }

  .serivice-directions-list .serivice-directions-list-item .directions-list-item-wrapper .wrapper-img-column .img-container {
    max-height: 30rem
  }

  .services-list .service-item .service-item-wrapper .service-direction .service-direction-description .direction-description-list li {
    font-size: 1.2rem;
    width: 100%;
    max-width: 50%
  }

  .services-list .service-item .service-item-wrapper .service-direction .service-direction-description {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }

  .services-list .service-item .service-item-wrapper .service-direction .service-direction-description .direction-description-text {
    max-width: 100%;
    margin-bottom: 2rem
  }

  .services-list .service-item .service-item-wrapper .service-direction .service-direction-description .direction-description-text p, .services-list .service-item .service-item-wrapper .service-direction .service-direction-description .direction-description-text span {
    font-size: 1.1rem;
    line-height: 1.6rem
  }

  .services-section {
    padding-top: 8rem;
    padding-bottom: 4rem
  }

  .page-footer .bottom-content-wrapper-bottom span, .page-footer .bottom-content-wrapper-bottom a {
    font-size: 1.1rem
  }

  .page-footer .bottom-content-wrapper-bottom {
    padding-bottom: 1rem
  }

  .page-footer .bottom-content-wrapper-center .footer-nav-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    grid-row-gap: 0;
    margin-bottom: -3rem
  }

  .page-footer .bottom-content-wrapper-center .footer-nav-list .nav-item {
    width: 100%;
    max-width: 50%;
    margin-bottom: 3rem
  }

  .page-footer .bottom-content-wrapper-center .footer-nav-list .nav-item a {
    font-size: 1.1rem
  }

  .decorate-text-big span {
    font-size: 12rem
  }

  .page-footer .bottom-content-wrapper-top .footer-logo {
    max-width: 11rem
  }

  .page-footer .bottom-content-wrapper-top .footer-contacts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-left: 0
  }

  .page-footer .bottom-content-wrapper-top .footer-contacts li {
    margin-bottom: 2.5rem
  }

  .page-footer .bottom-content-wrapper-top .footer-contacts li a span {
    font-size: 1.2rem
  }

  .page-footer .bottom-content-wrapper-top .footer-contacts li:nth-child(2) .contact-i {
    max-width: 1.8rem
  }

  .page-footer .bottom-content-wrapper-top .footer-contacts li:last-child {
    margin-bottom: 0
  }

  .page-footer .bottom-content-wrapper-center {
    padding: 4rem 0
  }

  .page-footer {
    padding-top: 4rem;
    border-radius: 2rem 2rem 0 0
  }

  .page-footer .footer-top-content .top-content-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }

  .page-footer .footer-top-content .top-content-wrapper .wrapper-text-column {
    max-width: 100%
  }

  .page-footer .footer-top-content .top-content-wrapper .wrapper-text-column .page-big-title {
    margin-bottom: 2rem
  }

  .page-footer .footer-top-content .top-content-wrapper .wrapper-text-column .page-text-small {
    font-size: 1.1rem
  }

  .page-footer .footer-top-content .top-content-wrapper .wrapper-form-column {
    max-width: 100%;
    padding-top: 3rem;
    padding-bottom: 5.5rem
  }

  .page-footer .footer-top-content .top-content-wrapper .wrapper-form-column form {
    max-width: 100% !important
  }

  .page-footer .footer-top-content .top-content-wrapper .wrapper-form-column form .input-wrapper {
    max-width: 100%
  }

  .mobile-nav {
    display: block !important
  }

  .page-header .header-menu-panel .menu-container nav {
    margin-bottom: 4rem
  }

  .page-header .header-wrapper {
    padding: 0 2rem
  }

  .page-header .header-menu-panel .menu-container nav .panel-menu-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-row-gap: 0
  }

  .page-header .header-menu-panel .menu-container nav .panel-menu-list li {
    margin-bottom: 4rem
  }

  .page-header .header-menu-panel .menu-container nav .panel-menu-list li:last-child {
    margin-bottom: 0
  }

  .page-header .header-menu-panel .menu-container nav .panel-menu-list li a {
    font-size: 1.6rem;
    line-height: 2rem
  }

  .page-header .header-wrapper .header-logo {
    max-width: 11rem
  }

  .page-header {
    height: 6rem
  }

  .page-header .header-wrapper .header-right-nav .btn {
    display: none
  }

  .advantages-item {
    padding: 2rem 2rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center
  }

  .advantages-item p {
    font-size: 1.2rem
  }

  .owl-carousel .owl-stage-outer {
    overflow: visible
  }

  .owl-carousel .owl-stage, .owl-carousel.owl-drag .owl-item, .welcome-section .welcome-content .advantages-list .advantages-item {
    height: 100%
  }

  .welcome-section .welcome-content .advantages-list .advantages-item {
    max-height: 100%
  }

  .welcome-section {
    overflow: hidden;
    padding-bottom: 4rem !important
  }

  .page-footer .footer-bottom-content .decorate-text-big {
    top: -10%
  }

  .circe-btn {
    width: 9rem;
    height: 9rem
  }

  .circe-btn span {
    font-size: 1.1rem;
    line-height: 1.4rem;
    max-width: 6rem
  }

  h1, .page-big-title {
    font-size: 4.2rem !important
  }

  .welcome-section .welcome-content .top-content {
    margin-bottom: 4.5rem;
    max-width: 42rem
  }

  .welcome-section .welcome-content .top-content .page-big-title {
    font-size: 3rem;
    margin-bottom: 2rem
  }

  .welcome-section .welcome-content .top-content .page-big-title h1 {
    line-height: 3.8rem
  }

  .services-section .services-headline {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 4rem
  }

  .services-section .services-headline .page-big-title {
    margin-bottom: 3rem
  }

  .services-section .decorate-text-big {
    bottom: 0;
    top: -6rem
  }

  .page-big-title h1, .page-big-title h2, .page-big-title h3, .page-big-title h4, .page-big-title h5, .page-big-title h6 {
    line-height: 5.3rem
  }

  p, span, a, .page-normal-text {
    font-size: 1.2rem;
    line-height: 1.8rem
  }

  .welcome-section .page-container::before {
    width: 100%;
    height: 100%;
    max-width: 560px;
    max-height: 560px;
    background-size: contain
  }

  .welcome-section::after {
    width: 100%;
    height: 100%;
    max-width: 560px;
    max-height: 560px
  }

  .welcome-section .welcome-content {
    padding-top: 20rem
  }
}

@media screen and (max-width: 599px) {
  .welcome-section .welcome-bg img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
  }
}

@media screen and (max-width: 499px) {
  .contacts-section .contacts-map-wrapper {
    height: 15.5rem
  }

  .bottom-content-wrapper-bottom {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -0.5rem
  }

  .bottom-content-wrapper-bottom div {
    margin: .5rem
  }
}

@media screen and (max-width: 430px) {
  .intro-service-section .service-decorate-count {
    left: -20%
  }
}

@media screen and (min-width: 799px) {
  .advantages-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 -10px
  }

  .advantages-list .advantages-item {
    margin: 0 10px;
    min-height: 9rem;
    padding: 2.5rem 4rem;
    padding-right: 3rem;
    -webkit-transition: background ease .3s, -webkit-transform ease .3s;
    transition: background ease .3s, -webkit-transform ease .3s;
    -o-transition: background ease .3s, transform ease .3s;
    transition: background ease .3s, transform ease .3s;
    transition: background ease .3s, transform ease .3s, -webkit-transform ease .3s
  }

  .advantages-list .advantages-item:hover {
    background: var(--lightgreen) !important;
    -webkit-transform: scale(105%);
    -ms-transform: scale(105%);
    transform: scale(105%)
  }

  .advantages-list .advantages-item:first-child {
    max-width: 20rem
  }

  .advantages-list .advantages-item:nth-child(3) {
    max-width: 26rem
  }

  .advantages-list .advantages-item:nth-child(4) {
    max-width: 28rem
  }
}