@media (max-width: 480px) {

    .time-work{
        margin-left: 0px;
    }
    .close{
        margin: -20px -10px 0 0;
    }
    /* ========= блок портфолио на главной ========*/
    .our__works{
        margin-top: 50px;
    }
    .our__works__block{
        margin-top: 50px;
        flex-wrap: wrap;
    }
    .our__works__poster{
        width:100%;
        height: 100%;
    }
    .our__works__play{
        font-size: 80px;
    }
    .our__works__inner__title{
        margin-top: 20px;
    }
    .our__works__video{
        width: 100%;
        height: 100%;
    }
    .our__works__after{
        margin-top: 50px;
    }
    .our__works__after p{
        width: 100%;
    }
    /* ========= end block ========*/

    .form-home{
        margin-left: 10%;
        width: 80%;
    }
    .footer__icon__block a:nth-child(n+2){
        margin-left: 20px;
    }

    /* ========= блок призыва к действию ========*/
    .we__help__title{
        font-size: 30px;
        text-align: center;
    }
    .we__help__inner{
        padding-top: 65px;
        display: block;
    }
    .we__help__social{
        margin: 20px 0 0 0;
    }
    .we__help__link{
        margin-left: 25%;
        margin-top: 20px;
    }
    /* ========= end block ========*/

    /* ========= блок футр ========*/
    .footer__wrapper {
        flex-direction: column;
    }
    .footer__logo {
        margin: 0 auto;
        padding: 50px 0;
        display: flex;
    }
    .footer__wrapper {
        flex-direction: column-reverse;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .footer__block{
        width: 100%;
        margin-top: 20px;
    }
    .footer__title {
        font-size: 22px;
    }
    .brand-image img{
        width:40%;
    }
    .modal-content{
        padding: 0;
        margin-right: 22px;
    }
    .form-popup{
        padding: 20px 20px 50px 20px;
    }
    /* ========= end block ========*/

    /* ========= Страница контакты ========*/
    .contact__info__block {
        align-items: flex-start;
    }
    .contact__block__buttons button:first-child {
        display: block;
    }
    .contact__wrapper {
        margin-bottom: 50px;
    }
    .contact__block__buttons {
        width: 100%;
    }
    /* ========= end block ========*/

    .info__button__white {
        width: 43%;
    }
    .main__button button {
        width: 160px;
    }
    .main__info__block__desc {
        font-size: 22px;
    }
    .main__info {
        height: 680px;
        background-size: 100% 680px;
    }
    .what__we__do__wrapper {
        margin-bottom: 20px;
    }
}

@media (max-width: 380px) {
    .footer__title {
        font-size: 20px;
    }
    .contact__title {
        font-size: 18px;
    }
    .contact__desc {
        font-size: 18px;
        margin-bottom: 12px;
    }
    .contact__info__block {
        margin-bottom: 25px;
    }
    .main__button {
        flex-direction: column;
        align-items: center;
    }
    .main__button button:first-child {
        margin-bottom: 15px;
    }
    .info__button__white {
        width: 42%;
    }
    .main__info__block {
        padding-top: 120px;
    }
    .main__info__block__name {
        font-size: 40px;
    }

}