@media (max-width: 1023px) {
    body {
        width: 100%;
        overflow-x: hidden;
    }


    main {
        overflow-x: hidden;
    }

    .container {
        width: 100%;
        padding: 0 20px;
    }

    .header-login {
        display: none;
        width: 0;
    }

    .header-right {
        display: block;
        width: 0;
    }

    .header-fav {
        right: 20px;
    }

    .header-left {
        width: 100%;
        justify-content: center;
    }

    .header-left__burger + label {
        position: absolute;
        left: 20px;
    }

    .banner {
        background: url(/design/competition/img/banner-mob.svg) no-repeat top center;
        height: 670px;
        position: relative;
        padding-bottom: 0;
    }

    .banner__promo {
        display: none;
    }

    .banner__img {
        position: absolute;
        width: 100%;
        top: 270px;
    }

    .banner__btn {
        margin-right: 0;
        right: calc(50% - 120px);
    }

    .winners__winners {
        flex-wrap: wrap;
    }

    .winners__item {
        width: 100%;
    }

    .winners__thanks {
        padding: 30px;
    }

    .winners__thanks h3 {
        font-size: 20px;
        margin: 0 0 20px;
    }

    .winners__thanks p {
        font-size: 14px;
    }

    .lead {
        flex-wrap: wrap;
    }

    .lead__text h3 {
        display: none;
    }

    #rules + label {
        display: block;
        color: var(--blue);
        border: 1px solid var(--blue);
        background: #fff;
        padding: 15px 15px 11px;
        position: relative;
        margin-bottom: 20px;
        user-select: none;
    }

    #rules + label::after {
        content: '';
        display: block;
        width: 8px;
        height: 8px;
        border-right: 2px solid var(--blue);
        border-bottom: 2px solid var(--blue);
        transform: rotate(45deg);
        position: absolute;
        top: 15px;
        right: 15px;
    }

    #rules:checked + label::after {
        transform: rotate(-135deg);
        top: 20px;
    }

    .lead__rules {
        display: none;
    }

    #rules:checked ~ .lead__rules {
        display: block;
    }

    .lead__text {
        width: 100%;
    }

    #form {
        margin-top: 20px;
        width: 100%;
        padding: 0;
    }

    .lead__btns {
        flex-wrap: wrap;
    }

    .btn-blue {
        width: 100%;
        margin-top: 30px;
    }

    .testimonials__slide {
        flex-wrap: wrap;
    }

    .testimonials__item {
        width: 100%;
        margin-bottom: 20px;
    }


    #burget-menu {
        display: block;
    }

    /*menu*/
    .header-nav > ul {
        width: 100%;
        left: 0;
        position: absolute;
        background: #ffffffeb;
        top: 79px;
        display: block;
        overflow: hidden;
        height: 0;
        transition: all 0.5s ease;
    }

    .header-nav.opened > ul {
        height: 470px;
        box-shadow: 1px 6px 8px 2px #0000008c;
        padding-bottom: 10px;
    }

    .header-nav > ul > li {
        position: relative;
    }


    .header-nav a {
        color: var(--dark-gray);
        transition: color .2s;
        display: block;
    }

    .header-nav a:hover,
    .header-nav a:focus {
        color: var(--red);
        /*outline: none;*/
    }

    .header-nav > ul > li > a {
        padding: 4px 20px 4px;
    }

    .header-nav > ul > li.dropdown > a::after {
        content: '';
        position: absolute;
        right: -3px;
        bottom: 19px;
        border: 4px solid transparent;
        border-top: 4px solid var(--dark-gray);
    }


    .header-nav ul.dropdown {
        background-color: #ffffff;
        list-style: none;
        padding: 3px 20px 6px 40px;
        position: relative;
        box-shadow: none;
        top: auto;
        min-width: auto;
        opacity: 1;
        visibility: visible;
        transition: all 0.3s ease;
    }

    .header-nav ul.dropdown li a {
        text-decoration: none;
        margin: 0 0 5px 0;
        display: block;
        font-size: 90%;
        text-transform: none;
    }
}