@media only screen and (max-width : 1400px){
    header .header__links {
        margin-left: 30px;
    }

    header .header__logo p {
        width: 120px;
    }
}

@media only screen and (max-width : 1300px){
    header .header__logo p {
        width: 120px;
        font-size: 8px;
    }

    header .header__links {
        margin-left: 20px;
    }

    header .header__links .header__link a {
        font-size: 14px;
    }

    header .header__button a {
        font-size: 14px;
    }
}

@media only screen and (max-width : 1200px){
    header {
        padding: 15px 10px;
    }

    header::after {
        width: calc(100% - 20px);
    }

    header .header__logo p {
        width: 130px;
        font-size: 7px;
    }

    header .header__links {
        padding: 0;
        margin-left: 40px;
    }

    header .header__links .header__link a {
        font-size: 12px;
    }

    header .header__button a {
        font-size: 12px;
    }
}


@media only screen and (max-width : 1000px){
    header {
        padding: 10px 42px;
    }

    header::after {
        width: calc(100% - 82px);
    }

    header .header__logo{
        width: 100%;
    }

    header .header__logo p {
        width: 160px;
        font-size: 10px;
    }
}