@media (max-width: 1399.98px) {
    .container {
        max-width: 1140px;
    }

    .other__img {
        width: 500px;
        height: 500px;
        min-width: 500px;
        min-height: 500px;
    }
}

@media (max-width: 1199.98px) {
    .container {
        max-width: 960px;
    }
}

@media (max-width: 991.98px) {
    .container {
        max-width: 820px;
    }

    .other__title,
    .us__title {
        font-size: 38px;
    }

    .compare__table {
        width: 912px !important;
    }

    .compare__wrapper {
        overflow-x: scroll;
        padding-bottom: 10px;
        scrollbar-width: thin;
        scrollbar-color: #10b981 #f3f4f6;
    }

    .compare__wrapper::-webkit-scrollbar {
        height: 8px;
        transition: all 0.3s ease;
    }

    .compare__wrapper::-webkit-scrollbar-track {
        background: #f3f4f6;
        border-radius: 4px;
    }

    .compare__wrapper::-webkit-scrollbar-thumb {
        background: #10b981;
        border-radius: 4px;
        transition: all 0.3s ease;
    }

    .compare__wrapper::-webkit-scrollbar-thumb:hover {
        background: #059669;
        transform: scale(1.1);
    }

    .compare__wrapper:hover::-webkit-scrollbar {
        height: 10px;
    }

    .use__wrapper {
        display: block;
    }

    .other__img {
        width: 350px;
        height: 350px;
        min-width: 350px;
        min-height: 350px;
    }

    .us__unformation {
        margin: 0;
        max-width: 100%;
    }

    .us__img {
        display: none;
    }

    .professionals__wrapper {
        flex-direction: column;
    }

    .professionals__info {
        flex-basis: 100%;
    }
}

@media (max-width: 770.98px) {
    .container {
        max-width: 640px;
    }

    .compare {
        padding: 30px 10px;
    }

    .other__img {
        width: 250px;
        height: 250px;
        min-width: 250px;
        min-height: 250px;
    }

    .portfolio {
        padding: 70px 0;
    }
}

@media (max-width: 690.98px) {
    .footer__wrapper {
        flex-wrap: wrap;
    }

    .footer__nav {
        flex-wrap: wrap;
        margin: 30px 0;
    }

    .nav__list {
        margin: 30px 0;
    }
}

@media (max-width: 630.98px) {
    .other__img {
        width: 200px;
        height: 200px;
        min-width: 200px;
        min-height: 200px;
    }
}

@media (max-width: 575.98px) {
    .container {
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }

    .portfolio,
    .other {
        padding-top: 59px;
        padding-bottom: 59px;
    }

    .professionals__title {
        font-size: 30px;
        line-height: 35px;
    }

    .professionals__subtitle {
        font-size: 20px;
        line-height: 25px;
    }

    .section__title,
    .other__title,
    .us__title {
        font-size: 30px;
    }

    .other__img {
        display: none;
    }

    .professionals__btn {
        min-width: 300px !important;
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
}



@media (max-width: 400.98px) {
    .portfolio {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .submit-button {
        width: 100%;
    }
}