@media screen and (max-width: 1200px) {
  .header .row,
  .container:not(.services__top-inner) {
    padding: 0 20px;
  }
  .header .row:before {
    display: none;
  }
  .header-right-column {
    margin-right: 0;
  }
  .main-slider .container {
    padding: 0 100px;
  }
  .services-1-page .services__main-section-title::before {
    font-size: 6rem;
    left: 1rem;
  }
  .services__main-text {
    width: auto;
  }
  
  .services__main-table-desc {
        margin-top: 63px;
    margin-bottom: 27px;
 
  }

}

@media screen and (max-width: 1024px) {
  .container {
    padding: 0 20px;
  }
  .header-right-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  
  .services__main-table th, .services__main-table td {
    padding: 15px 15px;
}

  .header-center-column,
  .header-right-column {
    margin-bottom: 0;
  }
  .header .row::after {
    display: none;
  }
  .email__wrapper {
    margin-bottom: 1.5rem;
  }
  .phone__wrapper {
    margin-left: 0;
  }
  .services__request {
    margin: 4rem auto 0 auto;
  }
  .section__title:before {
    left: 4.7rem;
  }
  .our-services .section__title {
    margin-bottom: 6rem;
  }
  .our-advantages .section__title:before {
    font-size: 7rem;
    top: 24.2rem;
  }
  .footer .container {
    padding: 0;
  }
  .footer__navigation .footer__col:last-of-type {
    margin-right: 0;
  }
  .footer__navigation {
    padding: 5rem 3rem;
  }
  .footer__col {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .footer__navigation .footer__col:first-of-type::before {
    display: none;
  }
  .footer__top .footer__right a::before {
    top: 0;
  }
  .footer__copywrite {
    padding: 0 3rem 5rem 3rem;
  }
  .footer__developer {
    padding: 0 3rem;
  }
}

@media screen and (max-width: 998px){
  #scroll-down{
    display: none;
  }

}

@media screen and (max-width: 960px) {
  .main-slider .slider__nav-wrapper {
    top: initial;
    left: 50% !important;
    bottom: 0;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    text-align: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  
    .services__main-table th, .services__main-table td {
    padding: 15px 5px;
}
  .main-slider .slider__nav-wrapper ol {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding: 0;
  }
  .main-slider .slider__nav-wrapper ol li {
    border-right: none;
    border-bottom: 3px solid rgba(255, 255, 255, 0.3);
    padding: 0 10px;
  }
  .main-slider #scroll-down {
    left: initial;
    right: 1rem;
  }
  .services__main-section {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .contacts__wrapper {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .contacts__column {
    width: 50%;
    margin-bottom: 5rem;
    text-align: center;
  }
  .contacts-page section.contacts .adress__wrapper {
    margin-left: 0;
  }
  .contacts-page section.contacts .adress__wrapper::before {
    display: none;
  }
  .contacts-page section.contacts .footer__social {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .map-bg,
  .map-bg > iframe {
    height: 40rem;
  }
  .contacts-page .contact__form {
    position: static;
    margin: 5rem auto 0 auto;
    width: 100%;
  }

  .services-page .services__request{
    height: initial;
    text-align: center;
  }

  .services-page .services__request-inner{
    margin-bottom: 2rem;
    text-align: left;
  }

  .services-page .services__request .big-button{
    position: static;
  }
}

@media screen and (max-width: 930px){
  .services__request{
    text-align: center;
  }

  .services__request-inner{
    margin-bottom: 2rem;
    text-align: left; 
  }

  .services__request .big-button{
    position: static;
    padding: 1.5rem 3.2rem;
  }
}

@media screen and (max-width: 800px) {
  .benefits__element{
    width: 50%;
    margin-bottom: 30px;
  }

  .nav__dropdown .nav__dropdown-wrapper {
    padding: 20px;
    overflow-x: scroll;
    height: 250px;
}

  .main-slider .slider__item .container {
    padding: 0 40px;
  }
  .main-slider .slider__content {
    width: 100%;
  }
  .main-slider .slider__content h2 {
    font-size: 3.3rem;
  }
  .main-slider .slider__content h2::before {
    display: none;
  }
  .section__title:before {
    font-size: 8rem;
  }
  .advantages__list {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
  .advantages__item {
    width: 25.8rem;
    margin-bottom: 5rem;
  }
  .about-us-page .advantages__list {
    margin-top: 0;
  }
  .about-us-page .advantages__item {
    padding: 5rem 0;
    margin-bottom: 2rem;
  }
  .our-advantages .section__title:before {
    font-size: 5rem;
    top: -27px;
    left: 0;
  }
  .our-clients {
    margin-top: 0;
  }
  .footer__navigation {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
        flex-direction: column;
  }
  .footer__col:not(:last-of-type) {
    margin-bottom: 4rem;
  }
  .footer__col:not(:first-of-type) .footer__title {
    margin-bottom: 0;
  }
  .footer__top .footer__right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  /* МОБИЛЬНОЕ МЕНЮ
  =======================================*/

  .header nav.menu {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #2a2744;
    z-index: 999;
    left: -100%;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  .nav__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
    text-align: center;
    font-size: 2.6rem;
  }

  .nav__item:not(:first-of-type) {
    margin-left: 0;
  }

  .nav__link {
    display: inline-block;
  }

  .nav__dropdown .dropdown__item:hover a{
    text-decoration: none;
  }

  .about-us-page .nav__link,
  .contacts-page .nav__link{
    color: #ffffff;
  }

  .nav__link.nav__link--has-dropdown > span {
    padding: 0;
  }

  .nav__link--has-dropdown::before {
    left: initial;
    right: 40%;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }

  .nav__link--has-dropdown:hover + .nav__dropdown,
  .nav__dropdown:hover {
    max-height: 0;
  }

  .nav__link.nav__link--has-dropdown:hover:before {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }

  .nav__link:hover {
    border-bottom-width: 0;
  }

  .nav__dropdown {
    position: static;
    background-color: #1e1c30;
  }

  .header nav.menu .dropdown-is-open .nav__dropdown {
    max-height: 30rem;
  }

  .header__column {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
  }

  .header-center-column {
    position: absolute;
  }

  .header-right-column {
    text-align: right;
  }

  .logo {
    margin: 0 auto;
  }

  .mobile-btn {
    display: block;

  }

  #mobile-menu-close {
    display: block;
    right: inherit;
    top: 30px;
    left: 30px;
    opacity: 1;
  }

}

@media screen and (max-width: 768px){
  .services__main-text{
    width: 100%;
  }
  
  .services__main-table-inner {
    overflow: scroll;
}

}

@media screen and (max-width: 700px) {
  .contact__form{
    width: 100%;
  }
  #test-modal{
    width: 95%;
  }
  .contact__form{
    padding: 0;
  }
  .about-us {
    padding-bottom: 12rem;
  }
  .our-advantages .section__title {
    font-size: 3.5rem;
    opacity: 1;
    margin-bottom: 6rem;
  }
  .section__title {
    font-size: 3.5rem;
  }
  .our-advantages .section__title::before {
    display: none;
  }
  .section__title:before {
    font-size: 6rem;
    top: 2.5rem;
  }
  .about-us .section__text {
    padding-left: 0;
    width: auto;
  }
  .about-us-page section.about-us .section__text-bottom {
    padding-left: 0;
  }
  .our__services-slider .slider__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: initial;
  }

  .our__services-slider .slider__item.current-slide{
    height: 42rem;
  }

  .our__services-slider .slider__content .headline__wrapper {
    top: inherit;
    bottom: 0;
    -webkit-transform: none;
            transform: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 8rem;
    width: 100%;
  }
  .our__services-slider .current-slide .slider__content .headline__wrapper {
    min-height: auto;
    width: 100%;
    height: 100%;
  }
  .our__services-slider .headline__wrapper h2 {
    width: auto;
  }

  .services-1-page .services__main-section-title span:after{
    right: 4.5rem;
  }
}

@media screen and (max-width: 667px){

  .header .email__wrapper,
  .header .phone__wrapper{
    text-align: right;
  }

  .header .email__link,
  .header .phone__link{
    display: inline-block;
    width: 3rem;
    height: 3rem;
  }

  .header a.email__link:before,
  .header a.phone__link:before{
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
  }

  .header .email__link span,
  .header .phone__link span{
    display: none;
  }

  .services-page .services__title:before{
    display: none;
  }

  .services-page .breadcrumbs{
    margin-left: 0;
  }
}

@media screen and (max-width: 600px) {
  .our__services-slider .slider__item,
  .our__services-slider .slider__item.current-slide {
    width: 100%;
  }
  .section__title::before {
    font-size: 4rem;
  }
  .about-us-page .gray-bg {
    padding-bottom: 14rem;
  }
  .about-us-page #scroll-down {
    bottom: -10rem;
  }
  .about-us-page section.about-us {
    padding-bottom: 0;
  }
  .about-us-page section.about-us .section__text-bottom {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .about-us-page section.about-us .section__text-column:nth-of-type(2) {
    margin: 2rem auto 0 auto;
  }
  .about-us-page .advantages__item > .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .about-us-page .advantages__top {
    margin-bottom: 5rem;
  }
  .about-us-page .advantages__bottom {
    margin: 0 auto;
    text-align: center;
  }
  .contacts__column {
    width: 100%;
    margin-bottom: 2rem;
  }
  .footer__top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .footer__bottom {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .footer__top .footer__right,
  .footer__bottom .footer__right {
    width: 100%;
  }
  .footer__developer {
    padding: 3rem;
  }
}

@media screen and (max-width: 534px){
  section.services__top{
    height: initial;
    padding-bottom: 2rem;
  }

  .services__title{
    font-size: 3.2rem;
  }
}

@media screen and (max-width: 500px) {
  .services__request {
    width: 100%;
    height: auto;
  }
}

@media screen and (max-width: 480px){
    .benefits__element{
    width: 200px;
    margin-bottom: 30px;
  }
  .ben{
    -webkit-justify-content: center;
            justify-content: center;
  }
  .contact__form{
    height: initial;
  }

  .contact__form #send{
    margin-bottom: 2rem;
  }

  .services-page.services-3-page .services__main-section-title span:after{
    right: -27rem;
    top: -19.1rem;
  }
}

/* PRELOADER */
@media screen and (min-width: 640px) {
  .loader .percent {
    font-size: 200px;
  }
}