@media(max-width:1440px) {
    .section__piter {
        flex-wrap: wrap;
    }

}

@media(max-width:1000px) {

    .rules__item {
        font-size: 1.5rem;
    }

    .header {
        padding: 10px 0;
    }

    .hero__text {
        font-size: 18px;
        font-weight: 500;
    }

    .header__blok {
        margin-bottom: 10px;
        border-radius: 8px;
    }

    .link {
        font-size: 25px;
    }

    .nav {
        padding: 10px;
        border-radius: 8px;
    }

    .nav__items {
        font-size: 22px;
    }

    .section__piter {
        margin-bottom: 15px;
        border-radius: 8px;
    }

    .section__blok {
        padding: 0;
    }

    .reference__caption {
        padding: 0;
        font-size: 30px;
    }
}

@media(max-width:768px) {

    .container {
        padding: 0 8px;
    }

    .servises__items {
        font-size: 1.5rem;  
    }

    .servises__span {
        font-size: 1.2rem;
    }

    .servises__text {
        margin: 0;
        font-size: 1.5rem;
    }

    .blok,.footer__blok  {
        border-radius: 8px;
    }

    .rules__blok {
        padding: 8px;
    }

    .hero__block {
        padding: 10px;
    }

    .section__piter {
        padding: 8px;
    }

    .contacts__link {
        margin: 0 auto 10px;
    }

    .link {
        padding: 0 25px;
        font-size: 30px;
    }

    .header__bottom {
        display: none;
    }

    .servises__caption {
        font-size: 20px;
    } 

    .servises__items {
        font-size: 1.2rem;
    }

    .servises__caption {
        line-height: 25px;
        margin-bottom: 5px;
    }

    .servises__span {
        padding: 0px;
        font-weight: 500;
        line-height: 31px;
        color: #ee5454;
    }

    .contacts__slogan {
        margin: 0;
        padding-left: 0px;
        font-size: 1.3rem;
        font-weight: 700;
        color: #ff2d2d;
    }

    .contacts__items {
        font-size: 1.2rem;
    }

    .contacts__items:not(:last-child) {
        margin-bottom: 5px;
    }

    .contacts__ist {
        padding-left: 15px;
    }

    .reference__marquee {
        display: none;
    }

    .rules__caption {
        font-size: 2rem;
    }

    .lead__nav {
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 80%;
        height: 100vh;
        overflow-y: auto;
        background: rgb(0, 0, 0);
        background: rgb(0, 0, 0);
        background: linear-gradient(351deg,
                rgba(0, 0, 0, 0.7161458333333333) 100%,
                rgba(61, 61, 71, 0.34919905462184875) 100%);
        transition: transform 0.3s ease-in-out, visibility 0.3s ease-in-out;
        transform: translateX(-100%);
        visibility: hidden;
    }

    .lead__nav--active {
        transform: none;
        visibility: visible;
    }

    .header__blok {
        display: grid;
        grid-template-areas: "f f f f f f f i"
                             "a a a a a a a a";
    }

    .burger {
        grid-area: i;
        position: relative;
        display: block;
        width: 30px;
        height: 18px;
    }

    .header__top {
        grid-area: f;
    }
    
    
    .header__address {
        grid-area: a;
       
    }

    .heder__img {
        max-width: 650px;
    }

    .burger__line {
        position: absolute;
        right: 0;
        width: 100%;
        height: 2px;
        background-color: black;
        transition: transform 0.3s ease-in-out, top 0.3s ease-in-out;
    }

    .burger__line:first-child {
        top: 0;
    }

    .burger__line:last-child {
        top: calc(100% - 2px);
    }

    .burger__line:nth-child(2) {
        top: 50%;
        transform: translateY(-50%);
    }

    .burger--active .burger__line:nth-child(2) {
        transform: scale(0);
    }

    .burger--active .burger__line:first-child {
        top: 50%;
        transform: rotate(45deg);
    }

    .burger--active .burger__line:last-child {
        top: 50%;
        transform: rotate(-45deg);
    }
}

@media(max-width:600px) {

    .servises__list {
        padding: 0 15px;
    }

    .footer__link {
        font-size: 20px;
    }

    .servises {
        padding: 0;
    }

    .servises__bottom {
        padding-bottom: 15px;
    }


    .servises__blok {
        padding: 20px;
    }

    .footer__img {
        max-width: 310px;
        border-radius: 15px;
    }
}

@media(max-width:470px) {

    .heder__img {
        max-width: 240px;
    }

    .rules__caption {
        font-size: 1.5rem;
    }


    .link {
        padding: 0 10px;
        font-size: 20px;
    }

    .reference__title {
        font-size: 1.2rem;
    } 

    .reference__link {
        font-size: 1.2rem;
    }

    .servises__blok {
        padding: 15px;
    }

    .rules__item {
        font-size: 1.2rem;
    }

    .footer__link {
        font-size: 23px;
    }

    .footer__caption {
        font-size: 25px;
    }

    .contacts__slogan {
        padding: 5px 8px;
    }
}

@media(max-width:370px) {

   

    .contacts__blok {
        padding: 10px;
    }


    .servises__blok {
        padding: 10px;
    }

    .nav__items {
        font-size: 25px;
    }

    .footer__img {
        max-width: 250px;
        border-radius: 15px;
    }

}


@media(max-width:350px) {

    .link {
        font-size: 20px;
    }

    .heder__img {
        max-width: 200px;
    }
}