@media (max-width: 1250px) {
    .container {
        margin-right: 10px;
        margin-left: 10px;
    }
}


@media (max-width: 1100px) {
    .about-dot {
        width: 250px;
        height: 250px;
    }

    .about-dot:nth-child(2) {
        top: 171px;
        right: 184px;
    }

    .about-dot:nth-child(3) {
        top: 212px;
    }

    .about-dot-inner h2 {
        font-size: 42px;
        margin-bottom: 14px;
    }

    .about-dot-inner p {
        font-size: 15px;
    }

    .about-inner-right h1 {
        font-size: 62px;
    }

    .about-inner-right p {
        font-size: 24px;
        width: 93%;
    }

    .about {
        background-position: 89% 9%;
    }
}


@media (max-width: 868px) {
    .header-nav,
    .header-soc {
        display: none;
    }

    .header-inner {
        padding: 25px 27px;
    }

    #button-burger {
        display: block;
    }

    .mobile-inner {
        width: 60%;
    }

    /* .main-inner div h1 {
        font-size: 61px;
    } */

    .main-inner div {
        margin-right: 0;
        margin-bottom: 30px;
        text-align: center;
    }

    .main-button {
        text-align: center;
        margin-right: auto;
        margin-left: auto;
    }

    .main-inner {
        flex-direction: column;
        justify-content: center;
    }

    .main-inner img {
        width: 70%;
    }

    .premium-inner {
        flex-direction: column;
    }

    .calc-inner {
        flex-direction: column;
    }

    .calc-input,
    .calc-form button,
    .calc-form p,
    .calc-form h2,
    .result-cities,
    .calc-form form,
    .calc-form {
        width: 100%;
    }

    .calc-form p {
        font-size: 10px;
    }

    .title-section {
        font-size: 25px;
    }

    .calc-input,
    .result-cities span,
    .calc-form button {
        font-size: 17px;
    }

    .calc-form h2 {
        font-size: 22px;
    }

    .calc-form {
        padding: 17px;
    }

    .etaps-block p {
        font-size: 15px;
    }

    .etaps-block h3 {
        font-size: 75px;
    }

    .etaps-block:nth-child(1) {
        margin-top: 233px;
    }

    .etaps-block:nth-child(2) {
        margin-top: 121px;
    }

    .about-inner {
        flex-direction: column;
    }

    .about-inner-left {
        order: 2;
        width: 100%;
        height: 423px;
    }

    .about-inner-right {
        order: 1;
        width: 100%;
        margin-left: 0;
    }

    .mobile-dots {
        margin-right: auto;
        margin-left: auto;
        position: relative;
        width: 378px;
        transform: scale(0.8);
        height: 500px;
        margin-top: 50px;
    }

    .coments-title {
        font-size: 49px;
        margin-bottom: 20px;
    }

    .coments-item p {
        font-size: 13px;
    }

    .coments-start {
        flex-direction: column;
    }

    .polygon-left {
        top: -12px;
        left: 15px;
        width: 79px;
    }

    .polygon-right {
        top: -17px;
        left: 30px;
        width: 71px;
    }

    .photo-coment-left,
    .photo-coment-right {
        width: 75px;
    }

    .coments {
        background-position: 94% 5%;
    }
}

@media (max-width: 550px) {
    .header-logo {
        width: 214px;
    }

    .main-inner div h1 {
        font-size: 60px;
    }

    .etaps-img {
        display: none;
    }

    .etaps-block:nth-child(1) {
        margin-top: 0px;
    }

    .etaps-block:nth-child(2) {
        margin-top: 0px;
    }

    .etaps-block {
        width: 100%;
        position: relative;
    }

    /* .etaps-block p {
        order: 2;
    }

    .etaps-block h3 {
        order: 1;
    } */

    .etaps-block h3 {
        position: absolute;
        right: 50%;
        transform: translateX(50%);
    }

    .etaps-inner {
        flex-direction: column;
        gap: 40px;
    }    

    .faq-inner {
        flex-direction: column;
    }

    .faq-start img {
        margin-left: 10px;
    }

    .contacts {
        position: static;
    }

    .block-contacts {
        position: relative;
        top: auto;
        bottom: 0;
        z-index: 9;
        
        transform: none;
        width: 100%;
        margin-bottom: -30px;

        border-radius: 18px 18px 0px 0px;
    }

    .contacts .container {
        margin-right: 0;
        margin-left: 0;
    }

    .contacts iframe {
        height: 200px;
    }

    .footer-menu {
        flex-direction: column;
    }

    .footer-menu a {
        margin-right: 0;
        font-size: 15px;
        margin-bottom: 20px;
    }

    footer p,
    footer h4 {
        font-size: 15px;
    }

    .mobile-inner {
        width: 74%;
    }

    .about-inner-right button {
        padding: 12px 18px;
        width: 100%;
    }

    .photo-inner img {
        width: 100%;
    }

   
}