@media (max-width: 1440px){

    /* HEADER */

    .header{
        height: 90px;
    }

    .header__container{
        width: 950px;
    }

    .header__title{
        font-size: 45px;
        line-height: 33px;
    }

    .header__span{
        font-size: 23px;
    }

    .header__socials{
        margin-left: 210px;
    }

    .header__menu{
        gap: 40px;
    }
    
    .menu-link{
        font-size: 17px;
    }

    #header__title{
        line-height: 35px;
    }

    #header__socials{
        margin-left: 250px;
    }

    /* SECTION 3 */

    .text-block{
        margin-top: 75px;
        width: 950px;
    }

    .text-block__title{
        font-size: 40px;
        padding-bottom: 35px;
    }

    .text-block__paragraph{
        font-size: 22px;
    }

    /* SECTION 4 */

    .overlay-section{
        margin-top: 75px;
        height: 550px;
    }

    .overlay-section__background{
        padding-top: 110px;
        width: 950px;
    }

    .overlay-section__title{
        font-size: 40px;
        padding-bottom: 35px;
    }

    .overlay-section__paragraph{
        font-size: 22px;
    }

    /* SECTION 5 */

    .list-section{
        width: 810px;
    }

    .list-section__title{
        font-size: 35px;
    }

    .list-section__list{
        font-size: 22px;
    }

    /* SECTION 6 */

    .pricing-section{
        margin-top: 75px;
        width: 950px;
    }

    .pricing-section__block{
        margin-top: 45px;
    }

    .pricing-section__title{
        font-size: 50px;
        padding-bottom: 22px;
    }

    .pricing-section__text{
        font-size: 22px;
        padding-bottom: 30px;
    }

    .pricing-section__price{
        font-size: 30px;
    }

    /* SECTION 7 */

    .contacts{
        width: 585px;
        margin-top: 75px;
    }

    .contacts__item:not(:last-child){
        margin-bottom: 27px;
    }

    .contacts__icon{
        height: 27px;
        width: 27px;
        margin-right: 25px;
    }

    .contacts__text{
        font-size: 38px;
    }

    .contacts__link{
        font-size: 38px;
    }

    /* SECTION 8 */
    
    iframe{
        width: 950px;
        height: 490px;
    }

    /* FOOTER */

    .footer{
        height: 75px;
        margin-top: 75px;
    }

    .footer__container{
        width: 950px;
    }

    .footer__author{
        font-size: 35px;
        line-height: 0.6;
    }

    .footer__specialization{
        font-size: 19px;
    }

    .footer__phone{
        font-size: 18px;
    }

    .social-link img{
        width: 21px;
        height: 21px;
    }

    .footer__credits{
        font-size: 17px;
    }
}



@media (max-width: 1024px){

    /* HEADER */

    .header{
        height: 73px;
    }

    .header__container{
        width: 668px;
    }

    .header__title{
        font-size: 35px;
        line-height: 28px;
    }

    .header__span{
        font-size: 17px;
    }

    .header__language{
        margin-top: 9px;
    }

    .header__socials{
        margin-left: 180px;
        gap: 15px;
        margin-top: 11px;
    }
    
    .img{
        width: 16px;
        height: 16px;
    }

    .header__menu{
        gap: 20px;
        margin-top: 8px;
    }

    .menu-link{
        font-size: 15px;
    }

    #header__title{
        line-height: 29px;
    }

    #header__socials{
        margin-left: 185px;
    }

    #header__menu {
        gap: 13px;
    }

    /* SECTION 3 */
    
    .text-block{
        margin-top: 50px;
        width: 668px;
    }

    .text-block__title{
        font-size: 32px;
        padding-bottom: 27px;
    }

    .text-block__paragraph{
        font-size: 16px;
    }

    /* SECTION 4 */

    .overlay-section{
        background-attachment: scroll;
        height: 406px;
        margin-top: 50px;
    }

    .overlay-section__background{
        padding-top: 74px;
        width: 668px;
    }

    .overlay-section__title{
        font-size: 32px;
        padding-bottom: 30px;
    }

    .overlay-section__paragraph{
        font-size: 16px;
    }

    /* SECTION 5 */

    .list-section{
        margin-top: 50px;
        width: 542px;
    }

    .list-section__title{
        font-size: 30px;
    }

    .list-section__list{
        font-size: 16px;
    }

    /* SECTION 6 */

    .pricing-section{
        margin-top: 50px;
        width: 668px;
    }

    .pricing-section__block{
        margin-top: 20px;
    }

    .pricing-section__title{
        font-size: 40px;
        padding-bottom: 15px;
    }

    .pricing-section__text{
        font-size: 16px;
        padding-bottom: 15px;
    }

    .pricing-section__price{
        font-size: 23px;
    }

    /* SECTION 7 */

    .contacts{
        width: 488px;
        margin-top: 50px;
    }

    .contacts__item:not(:last-child){
        margin-bottom: 25px;
    }

    .contacts__icon{
        margin-right: 20px;
        width: 25px;
        height: 25px;
    }

    .contacts__text{
        font-size: 32px;
    }

    .contacts__link{
        font-size: 32px;
    }

    /* SECTION 8 */

    iframe{
        width: 668px;
        height: 318px;
    }

    /* FOOTER */

    .footer{
        height: 60px;
        margin-top: 50px;
    }

    .footer__container{
        width: 668px;
    }

    .footer__author{
        padding-top: 0px;
        font-size: 26px;
        line-height: 0.6;
    }

    .footer__specialization{
        font-size: 14px;
    }

    .footer__phone{
        font-size: 13px;
        margin-bottom: 5px;
    }

    .social-link img{
        width: 19px;
        height: 19px;
        gap: 23px;
    }

    .footer__credits{
        font-size: 15px;
    }

}



@media (max-width: 768px){

    /* HEADER */

    .header{
        height: 140px;
    }

    .header__container{
        width: 425px;
    }

    .header__title{
        float: none;
        text-align: center;
        font-size: 33px;
        line-height: 29px;
    }

    .header__span{
        font-size: 20px;
    }

    .header__right{
        float: none;
    }

    .header__language{
        margin-right: 135px;
        margin-top: 0px;
    }

    .header__socials{
        margin-left: 128px;
        gap: 15px;
        margin-top: 11px;
    }
    
    .img{
        width: 20px;
        height: 20px;
    }

    .header__menu{
        justify-content: center;
        gap: 20px;
    }

    .menu-link{
        font-size: 15px;
    }

    #header__title{
        line-height: 23px;
    }

    #header__socials{
        margin-left: 125px;
    }

    #header__menu {
        gap: 13px;
    }

    /* SECTION 3 */
    
    .text-block{
        margin-top: 30px;
        width: 425px;
    }

    .text-block__title{
        padding-bottom: 15px;
        font-size: 25px;
    }

    .text-block__paragraph{
        font-size: 14px;
    }

    /* SECTION 4 */

    .overlay-section{
        background-attachment: scroll;
        height: 350px;
        margin-top: 30px;
    }

    .overlay-section__background{
        padding-top: 40px;
        width: 425px;
    }

    .overlay-section__title{
        font-size: 25px;
        padding-bottom: 25px;
    }

    .overlay-section__paragraph{
        font-size: 13px;
    }

    /* SECTION 5 */

    .list-section{
        margin-top: 30px;
        width: 410px;
    }

    .list-section__title{
        font-size: 23px;
        padding-bottom: 25px;
    }

    .list-section__list{
        font-size: 12px;
    }

    /* SECTION 6 */

    .pricing-section{
        margin-top: 30px;
        width: 425px;
    }

    .pricing-section__block{
        margin-top: 15px;
    }

    .pricing-section__title{
        font-size: 30px;
        padding-bottom: 7px;
    }

    .pricing-section__text{
        font-size: 13px;
        padding-bottom: 5px;
    }

    .pricing-section__price{
        font-size: 14px;
    }

    /* SECTION 7 */

    .contacts{
        width: 340px;
        margin-top: 30px;
    }

    .contacts__item:not(:last-child){
        margin-bottom: 20px;
    }

    .contacts__icon{
        margin-right: 10px;
        width: 20px;
        height: 20px;
    }

    .contacts__text{
        font-size: 21px;
    }

    .contacts__link{
        font-size: 21px;
    }

    /* SECTION 8 */

    .map{
        margin-top: 15px;
    }

    iframe{
        border-radius: 0px;
        width: 100%;
        height: 220px;
    }

    /* FOOTER */

    .footer{
        height: 50px;
        margin-top: 30px;
    }

    .footer__container{
        width: 425px;
    }

    .footer__author{
        font-size: 17px;
        line-height: 0.6;
    }

    .footer__specialization{
        font-size: 9px;
    }

    .footer__phone{
        font-size: 12px;
        margin-bottom: 3px;
        -webkit-user-select: none; /* Для WebKit браузеров */
        user-select: none;
    }

    .footer__socials{
        gap: 16px;
    }

    .social-link img{
        width: 14px;
        height: 14px;
    }

    .footer__credits{
        font-size: 12px;
    }

    .notification{
        display: none;
    }

}



@media (max-width: 425px){

    /* HEADER */

    .header{
        height: 135px;
    }

    .header__container{
        width: 317px;
    }

    .header__title{
        float: none;
        text-align: center;
        font-size: 27px;
        line-height: 24px;
    }

    .header__span{
        font-size: 18px;
    }

    .header__right{
        float: none;
    }

    .header__language{
        margin-right: 80px;
        margin-top: 2px;
    }

    .language-link{
        font-size: 17px;
    }

    .header__socials{
        margin-left: 80px;
        gap: 15px;
        margin-top: 11px;
    }
    
    .img{
        width: 20px;
        height: 20px;
    }

    .header__menu{
        justify-content: center;
        gap: 15px;
    }

    .menu-link{
        font-size: 14px;
    }

    #header__language{
        margin-right: 80px;
    }

    #header__socials{
        margin-left: 75px;
    }

    #header__menu {
        gap: 8px;
    }

    /* SECTION 2 */

    .photo-section__image{
        height: 300px;
    }

    /* SECTION 3 */
    
    .text-block{
        margin-top: 20px;
        width: 317px;
    }

    .text-block__title{
        padding-bottom: 10px;
        font-size: 16px;
    }

    .text-block__paragraph{
        font-size: 12px;
    }

    /* SECTION 4 */

    .overlay-section{
        background-attachment: scroll;
        height: 330px;
        margin-top: 30px;
    }

    .overlay-section__background{
        padding-top: 20px;
        width: 317px;
    }

    .overlay-section__title{
        font-size: 16px;
        padding-bottom: 9px;
    }

    .overlay-section__paragraph{
        font-size: 12px;
    }

    /* SECTION 5 */

    .list-section{
        margin-top: 20px;
        width: 317px;
    }

    .list-section__title{
        font-size: 15px;
        padding-bottom: 12px;
    }

    .list-section__list{
        font-size: 11px;
    }

    /* SECTION 6 */

    .pricing-section{
        margin-top: 20px;
        width: 317px;
    }

    .pricing-section__block{
        margin-top: 15px;
    }

    .pricing-section__title{
        font-size: 20px;
        padding-bottom: 5px;
    }

    .pricing-section__text{
        font-size: 12px;
        padding-bottom: 10px;
    }

    .pricing-section__price{
        font-size: 12px;
    }

    /* SECTION 7 */

    .contacts{
        width: 269px;
        margin-top: 30px;
    }

    .contacts__item:not(:last-child){
        margin-bottom: 15px;
    }

    .contacts__icon{
        margin-right: 5px;
        width: 15px;
        height: 15px;
    }

    .contacts__text{
        font-size: 17px;
    }

    .contacts__link{
        font-size: 17px;
    }

    /* SECTION 8 */

    .map{
        margin-top: 15px;
    }

    iframe{
        border-radius: 0px;
        width: 100%;
        height: 220px;
    }

    /* FOOTER */

    .footer{
        height: 45px;
        margin-top: 20px;
    }

    .footer__container{
        width: 317px;
    }

    .footer__author{
        font-size: 13px;
        line-height: 0.7;
    }

    .footer__specialization{
        font-size: 8px;
    }

    .footer__phone{
        font-size: 9px;
        margin-bottom: 4px;
        -webkit-user-select: none;
        user-select: none;
    }

    .footer__socials{
        gap: 13px;
    }

    .social-link img{
        width: 13px;
        height: 13px;
    }

    .footer__credits{
        font-size: 8px;
    }

    .notification{
        display: none;
    }

}