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

    section.best {
        margin-bottom: 20px;
    }
    .best .inner__col {
        flex-direction: row;
        align-items: center;
    }
    .best .inner__col {
        text-align: left;
    }
    .best .inner__col br {
        display: none;
    }
    .best i {
        margin-bottom: 0;
        min-width: 80px;
        text-align: center;}

    .banners-item .image img {
        clip-path: none;
    }

    #about h4 {
        font-size: 1.3rem;
        line-height: 1.4rem;
        margin-top: 40px;}

    .section {
        margin: 0;
    }

    section.main .container {
        padding: 0 0 0 0;}

    .flex-col {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 100%;
        align-items: center;
    }

    .main-text {
        color: var(--color-white);
        width: 100% !important;
        padding: 20px 0 5px 0;
        background: rgba(0,0,0,0.5);
        font-size: 1.1rem;
        line-height: 1.3rem;
        text-align: center;
        max-width: 100% !important;}


    .sub-text {
        color: var(--color-white);
        font-size: 0.8rem;
        line-height: 1.3rem;
        width: 100%;
        text-align: center;
        background: rgba(0,0,0,0.5);
        padding-bottom: 15px;}

    .banner__text .btn {
        margin: 20px 0;}

    .title .swiper  h2 {
        font-size: 1rem;
        min-height: 50px;
        line-height: 1.4rem;}

    .features-grid {
        grid-template-columns: repeat(1, 1fr);}

    .features-grid .grid-item span {
        margin: 0 auto;
        width: 70px;
        height: 70px;}

    .fa-3x {
        font-size: 2em;}

    .swp-header-banners-pagination {
        padding: 20px 0;}

    .grid-item {
        display: grid;
        grid-template-columns: 100px auto;
        align-items: center;
        gap: 10px;}

    .features-subtitle {
        text-align: left;
        font-size: 0.85rem;
        min-height: auto;
        justify-content: start;
        padding-right: 20px;}

    .features-subtitle br {
        display: none;}

    .features-title {
        min-height: auto;
        font-size: 1rem;
        color: var(--color-brown);
        font-weight: 400;
        line-height: 1.3rem;
        margin-bottom: 10px;
        text-align: left;
        align-items: start;
        justify-content: start;}

    .bullets {
        display: flex;
        gap: 20px;
        font-size: 0.8rem;
        flex-direction: column;
        text-align: center;}

    header.desktop {display: none;}
    header.mobile {
        background: var(--color-white);
        display: block;
        padding: 0;}

    .show_menu i {
        color: var(--color-brown);
        margin-right: 10px;
        cursor: pointer}

    .buttons i {
        color: var(--color-white);}

    .banner__text {}

    .phones {
        flex-direction: column;
        text-align: center;
        justify-content: center;
        padding-top: 50px;}

    .overlay-content {
        width: 100%;
        text-align: center;}

    .overlay .buttons {
        display: flex;
        justify-content: space-between;
        padding: 20px;
        align-items: center;}

    .overlay {
        overflow-y: auto;
        position: relative; }

    .overlay .close_btn {
        height: 40px;
        width: 40px; }

    .overlay ul li {
        margin: 20px 0;}

    .overlay a {
        font-size: 1rem;
        color: var(--color-brown);
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .overlay a:hover {
        color: var(--color-black);}

    .accordion {
        margin-top: 0;}


    .title h2 {
        width: 100%;
        font-size: 2rem;}

    .sendform.inline {
        flex-direction: column;}

    section.main {
        height: 100%;
        padding-top: 100px;

    }

    .sub {
        width: 100% !important;
    }

    .logo img {
        width: 131px;
    }
    .why .inner__col {
        display: flex;
        gap: 20px;
        justify-content: center;
        align-items: center;
        flex-direction: row;
    }


    .fa-5x {
        font-size: 4em;}
    .why, .company, .form-first, .faq, .form, .variant {
        /*background: #FFF;*/
    }

    .why {padding: 80px 0;}

    .header__title {}

    .menu__toggle {
        align-items: end;
        display: flex;}

    body {background:  none;}

    section:nth-child(1) {
        height: 100%;
    }

    .flex-container .grid {
        flex-direction: column;
    }
    .flex-container .grid span {
        line-height: 1.5rem;
        font-size: 1rem;
        padding: 30px 0 0 0;
        text-align: center;
        order: 1;
    }
    .section.about-us img {
        order: 0;
        width: 180px;
    }

    .best .grid {
        flex-direction: column;
    }

    h1 {
        font-size: 1.4rem;
        text-transform: uppercase;
        line-height: 1.5rem;}

    h2 {
        /*font-size: 25px;*/
        /*line-height: 25px;*/
        font-weight: 400;
        text-align: center;}

    .container {
        max-width: 100%;
        padding: 20px;}

    .header__col {
        flex-direction: column;}

    .header__col:nth-child(3) {
        justify-content: center;
        align-items: center;
        gap: 20px;
        flex-direction: row;}

    .header__col:nth-child(3) img {
        width: 130px;
        max-width: 70%;}

    .header__col .header__title {
        color: var(--color-black);
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: start;
        text-align: center;}

    .header__col .header__title h1 {
        display: none;
    }
    .header__slider__content {
        padding: 60px 0;}

    .header__slider__content.note {
        padding-right: 30px !important;}

    .header .header__logo img {
        max-width: 200px;}

    .header__logo {
        display: flex;
        justify-content: space-around;
        width: 100%;}

    .header__logo i {
        color: var(--color-white);}

    .header__menu {
        display: none;}

    .grid__cols__2 {
        grid-template-columns: 100%;}

    .why .grid.grid__cols__4 {
        display: flex;
        padding: 0;
        justify-content: space-evenly;
        flex-direction: column;
        gap: 40px;}

    .why br {
        display: none;}

    .bg_arrow {
        background: url('../img/arrow.png') right center no-repeat;}

    .company .grid.grid__cols__4 {
        display: grid;
        padding: 80px 0;
        justify-content: space-evenly;
        grid-template-columns: repeat(2, 2fr);
        gap: 20px;}

    .company .inner__col {
        text-align: center;
        border: 1px solid var(--color-gray);
        border-radius: .5rem;
        padding: 20px 10px;
        margin-bottom: 20px;}

    .company .inner__col div {
        font-size: 14px;}

    .container .title {
        margin-bottom: 60px;
        text-align: center;
        justify-content: center;}

    .form-first .sendform {
        margin: 0 auto 0 auto;}

    .variant .grid.grid__cols__2 {
        display: flex;
        gap: 20px;
        flex-direction: column;}

    .variant .inner__col {
        margin: 60px 0 0 0;}

    .variant .inner__col:nth-child(2) {
        margin-top: 30px;}

    .accordion .card__title,
    .accordion .card__title p{
        font-size: 14px;}

    .accordion .card__content {
        font-size: 14px;
    }
    .why .grid.grid__cols__4 span {
        position: relative;
        left: 0;
        bottom: 0;}


    .form  .container .title {
        margin-bottom: 0;}

    .sendform.inline {
        display: grid;
        grid-template-areas:
            'A'
            'B'
            'C'
            'D';
        gap: 20px;
        grid-template-columns: 100%;}

    footer img {
        max-width: 180px;
    }
}


@media screen and (min-width: 993px) {
    .zoom {
        max-width: 1440px;
        width: 1440px;}
}

@media screen and (min-width: 993px) and (max-width: 1081px) {
    .phones a {
        font-size: 1rem;}

    .container {
        padding: 0 40px;
    }
}

@media screen and (min-width: 1080px) and (max-width: 1440px) {  }

@media screen and (min-width: 2000px) {  }

@media(max-width:767px) {  }