@media (max-width: 1300px) {
    .vartRan {
        .fw {
            display: block;

            h2 {
                margin-top: 25px;
            }

            img {
                width: 100%;
                height: 400px;
                object-fit: cover;
            }
        }

    }
}

@media (max-width: 1120px) {
    .nav {
        li {
            padding: 0 5px;
        }
    }
}



@media (max-width: 980px) {
    .nav {
        li {
            font-size: 14px;
        }
    }
}

@media (max-width: 950px) {
    .oss {
        img {
            width: 300px;
            height: 300px;
        }

        h2 {
            font-size: 30px;
        }

        p {
            font-size: 15px;
        }

        padding: 20px 25px;

    }
}

@media (max-width: 940px) {
    .testimonial-section {
        .next {
            right: 0;
        }

        .prev {
            left: 0;
        }

    }
}

@media (max-width: 860px) {
    .nav {
        ul {
            display: none;
        }

        .fa-user {
            display: none;
        }

        .burger_wrapper {
            display: block;
        }
    }
}

@media (max-width: 830px) {

    .burger_menu {
        text-align: right;
    }

    .popup {
        width: 100%;
        position: absolute;
        top: 100%;
        /* появляется ниже кнопки */
        left: 0;
        background: white;
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
        border-radius: 8px;
        overflow: hidden;
    }

    .popup .content a {
        display: block;
        padding: 14px 20px;
        border-bottom: 1px solid #eee;
    }

    .popup .content a:last-child {
        border-bottom: none;
    }
}

@media (max-width: 768px) {
    .konserter .card {
        width: 90%;
    }

    .konserter ul {
        gap: 24px;
    }
}

@media (max-width: 755px) {
    .oss {
        h2 {
            font-size: 20px;
        }

        p {

            margin-top: 10px;
        }

        gap: 20px;

        img {
            height: 200px;
            width: 200px;
        }

        .hr {
            width: 70px;
            margin: 15px;
        }
    }
}


@media (max-width: 730px) {
    .harmonien {
        padding: 30px;
    }
}


@media (max-width: 700px) {
    .vartRan .fw {
        grid-template-columns: 1fr;
        text-align: center;

        img {
            width: 100%;
            height: auto;
        }

        h2 {
            font-size: 28px;
        }

        .hr {
            margin: 20px auto;
        }

    }
}

@media (max-width: 650px) {
    @media (max-width: 650px) {
        .Yulia {
            gap: 30px;
        }

        .Yulia img {
            width: 90%;
            height: auto;
            max-width: 300px;
        }

        .arrow {
            font-size: 50px;
        }
    }
}


@media (max-width: 625px) {
    .syng {
        li {
            grid-template-columns: 1fr;
        }

        img {
            width: 100%;
        }
    }
}

@media (max-width: 450px) {

    .Yulia {
        gap: 30px;
    }

    .Yulia img {
        width: 200px;
        height: 300px;
    }

    .arrow {
        display: none;
    }
}

@media (max-width: 450px) {
    .oss {

        display: grid;
        grid-template-columns: 1fr;
        justify-items: center;

        h2 {
            font-size: 25px;
            text-align: center;
        }

        img {
            height: 190px;
            width: 190px;
        }

        p {
            font-size: 17px;
        }

        padding: 10px 10px;

        .hr {
            width: 50px;
            height: 3px;
            margin: 10px auto;
        }
    }
}

@media (max-width: 435px) {
    .harmonien .text {
        padding: 20px;

        h2 {
            font-size: 20px;
            font-weight: 400;
        }
    }
}

@media (max-width: 400px) {
    .fw {
        padding: 5px;
    }
}