@media (max-width: 768px) {
    .left-container {
        width: 100%;
    }
    .right-container {
        width: 100%;
        padding: 0;
    }
    .post-card {
        width: 100%;
        margin-top: 3%;
    }
    .modal-content {
        width: 90%;
    }
    .form-popup {
        width: 90%;
    }
    .form-container button{
        margin-left: 20%;
    }
    .fonts img {
        width: 100%;
    }
    .btn__add__more {
        margin-left: 25%;
    }
    .portfolio__link {
        width: auto;
    }
    .portfolio__wrapper {
        margin: 0 0 30px 0;
    }
    .card-video {
        flex-wrap: wrap;
        flex-direction: column;
    }
    .our__works__inner{
        width: 100%;
    }
    #block_1:after {
        display: none;
    }
    .tab-description>label {
        font-size: 16px;
    }
    .what__include {
        width: 100%;
        padding: 20px 0 10px 0;
    }
    .in__block__previe__video {
        flex-wrap: wrap;
    }
    .in__block__previe__video img:not(:first-child) {
        padding: 0;
    }
    .our__works__poster__block {
        width: 100%;
    }
    .price__in__card {
        width: 85%;
        height: 100%;
        margin: 10px 0 10px 0;
    }
    .card-video .our__works__poster {
        width: 100%;
    }
    .tab-description {
        width: 100%;
    }
    .form-question {
        flex-direction: column;
    }
    .form__question__container .form-text {
        width: 90%;
    }
    .form-question input {
        margin: 20px 0 0 0;
        height: 30px;
        width: 90%;
    }
    .form-question button {
        margin-top: 20px;
        width: 35%;
        height: 30px;
    }
    .support__info {
        width: 100%;
        margin: 50px 20px 50px 20px;
    }
    .we__won__info {
        flex-direction: column;
    }
    .we__won__info__title {
        width: 100%;
        font-size: 26px;
    }
    .we__won__info__desc {
        width: 100%;
        font-size: 26px;
        padding-top: 10px;
    }
    .block__project__title {
        font-size: 26px;
        padding: 0 20px 0 20px;
        text-align: center;
        width: 80%;
    }
    .index__text {
        font-size: 20px;
        padding-left: 20px;
    }
    .index__form__block input {
        height: 40px;
        width: 85%;
        margin-left: 20px;
    }
    .index__checkbox+label {
        font-size: 16px;
        margin-left: 20px;
    }
    .index__form__block input::placeholder {
        font-size: 16px;
    }
    .index__form__button {
        font-size: 18px;
    }
    .index__form {
        width: 90%;
    }
    .why__we__wrapper {
        flex-direction: column;
    }
    .why__we__block {
        width: 100%;
    }
    .why__we__block img {
        width: 30%;
    }
    .price__last__info {
        width: 100%;
    }
    .price__info a {
        margin-top: 20px;
    }
    .price__info p {
        width: 100%;
    }
    .price__wrapper {
        flex-direction: column;
    }
    .price__block {
        width: 100%;
    }
    .price {
        background-repeat: no-repeat;
        background-position: -40px 0px;
        background-size: cover;
        height: 3000px;
    }
    .who__we__work__block__right:before {
        display: none;
    }
    .who__we__work__block__right {
        margin-bottom: 50px;
    }
    .who__we__work__block__left:before {
        display: none;
    }
    .who__we__work__block__left {
        margin-bottom: 50px;
    }
    .who__we__work__block__text {
        margin: 0 20px 0 20px;
    }
    .we__help {
        height: 450px;
    }
    .we__help__inner {
        padding-top: 80px;
    }
    .we__help__title {
        font-size: 36px;
    }
    .we__help__social {
        margin-top: 20px;
        align-items: baseline;
    }
    .contact__wrapper {
        flex-direction: column;
    }
    .contact__block {
        width: 100%;
    }
    .contact__info__block {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .contact__block__buttons {
        margin: 0 auto;
        align-items: center;
    }
    .contact__wrapper {
        margin-bottom: 100px;
    }
    .footer__wrapper .footer__block {
        width: 100%;
    }
    .footer__title,
    .footer__desc {
        margin-bottom: 17px;
    }
    .footer__icon__block i {
        font-size: 35px;
    }
    .footer__desc {
        font-size: 18px;
    }
    .main__info__block:before {
        display: none;
    }
    .main__info__block {
        width: 100%;
        max-width: none;
        padding-bottom: 50px;
        padding-top: 140px;
    }
    .main__info {
        background-size: 100% 700px;
        height: 700px;
    }
    .info__button__white {
        width: 45%;
    }
    .info__button {
        flex-wrap: wrap;
        row-gap: 15px;
        padding-bottom: 25px;
    }
    .what__we__do__desc {
        width: 90%;
    }
    .block__left__content{
        width: 100%;
        margin-left: 1%;
    }
}

@media (max-width: 600px) {
    .what__we__do__block {
        width: 100%;
        margin-bottom: 15px;
    }
    .what__we__do__bonus {
        flex-direction: column;
    }
    .what__we__do__bonus p {
        margin-bottom: 10px;
    }
    .what__we__do__button__bonus {
        margin: 20px 0 0 0;
    }
    .portfolio__block{
        width: 100%;
        margin-bottom: 10px;
    }
    .portfolio__block__inner{
        top: 40%;
    }
    .portfolio__block:before{
        display: none;
    }
}