@media(max-width:393px) {


    nav {
        display: flex;
        justify-content: space-between;
        width: 100%;
        border: 2px solid orange;
        padding-top: 4px;
        padding-right: 7px;
        padding-bottom: 0;
        padding-left: 24px;
        align-items: center;
    }

    .header-left {
        display: flex;
        column-gap: 61px;
        padding-left: 24px;
        align-items: center;
    }

    #searchEvents2 {
        display: none;
    }

    .header-child-search {
        position: absolute;
        top: 53px;
        left: 20px;
    }

    .header-right {
        gap: 18.7px;
    }

    .main-conteiner {
        padding: 83px 14px 0 21px;
        width: 100%;
    }

    .section-main-conteiner {
        display: flex;
        flex-direction: column;
        border: 2px solid green;
        align-items: center;
    }

    .text-main-conteiner {
        display: flex;
        flex-direction: column;
        gap: 20px;
        text-align: left;

    }

    .text-main-conteiner h2 {
        font-weight: bold;
        font-size: 25px;
        line-height: 30.5px;
    }

    .text-main-conteiner p {
        font-size: 12px;
        font-weight: var(--font-weight-regular);
        line-height: 24px;
        letter-spacing: 0;
    }

    .text-main-conteiner a {
        display: none;
    }

    .img-main-conteiner {
        margin-top: 10px;
    }

    .img-main-conteiner img {

        max-width: 215px;
        height: 153px;
    }

    .main-conteiner2 {
        display: flex;
        width: 100vw;
        flex-direction: column;
        margin-top: 20.4px;
        padding: 0;
        border: none;
    }

    .info-block {
        margin-bottom: 10px;
    justify-content: space-between;

    }

    .info-block-left {
        display: flex;
        column-gap: 6px;
        align-items: center;
        padding-left: 15px;
    }

    .info-block-left h2 {
        font-size: 20px;
        line-height: 24.7px;
    }

    .info-block-left button {
        background-color: rgba(151, 202, 209, 0.12);
        border: none;
        padding: 8px 28.64px 8px 8.22px;
        border-radius: 8px;
        font-weight: var(--font-weight-semiBold);
        font-size: 13.71px;
        line-height: 16.4px;

    }

    .info-block-left span {
        position: relative;
        right: -8px;
        cursor: pointer;
    }

    .info-block button {
        text-decoration: none;
        color: var(--button-color);
        font-size: 12px;
        line-height: 20px;
        font-weight: var(--font-weight-medium);
        border: none;
        background-color: #FFFFFF;
        cursor: pointer;
    }
    .events-conteiner {
        margin-top: 0;
        display: flex;
        flex-direction: column;
        width: 100%;
        row-gap: 36px;
        border: 2px solid blue;
    }

    .events-cards {
        display: flex;
        flex-direction: column;
        width: 100%;
        row-gap: 10px;
        border: 1px solid goldenrod;
    }

    .event {
        display: flex;
        flex-direction: column;
        row-gap: 4px;
        width: 100%;
        padding-left: 15px;
        position: relative;
        padding-top: 10px;
    }

    .event::after {
      
        content: '';
        position: absolute;
        top: 0;
        left: 4%;
        width: 87%;
        height: 1px;
        background-color: #707070;
    }

    .event img {
        margin-bottom: 0;
        transition: 1s;
        max-width: 60%;
    }

    .event h2 {
        font-weight: var(--font-weight-semiBold);
        font-size: 13px;
        line-height: 24px;
        color: #212121;
        text-align: left;
        max-width: 61%;
        white-space: normal;
    }

    .event p:first-of-type {
        font-weight: var(--font-weight-medium);
        font-size: 12px;
        line-height: 20px;
        color: #707070;
    }

    .event p:nth-of-type(2) {
        font-weight: var(--font-weight-regular);
        font-size: 11px;
        line-height: 20px;
        color: var(--text-bold-color);
        letter-spacing: -0.35px;
        display: flex;
        align-items: center;
        text-transform: uppercase;
    }

    .event-p-span p:nth-of-type(1) {
        display: flex;
        align-items: center;
        font-size: 11px;
        font-weight: var(--font-weight-regular);
        color: var(--text-bold-color);
        line-height: 24px;
    }

    .event-p-span p:nth-of-type(2) {
        display: flex;
        align-items: center;
        font-size: 11px;
        font-weight: var(--font-weight-regular);
        color: var(--text-bold-color);
        line-height: 24px;
    }

    .info-block2 {
        display: flex;
        justify-content: space-between;
        margin-top: 10px;
        align-items: center;
        border: 1px solid cornflowerblue;
        padding-left: 12px;
    }

    .info-block2 h2 {
        font-weight: var(--font-weight-semiBold);
        font-size: 20px;
        line-height: 24px;
        color: var(--text-bold-color);
    }

    .info-block2 button {
        color: var(--button-color);
        font-weight: var(--font-weight-medium);
        font-size: 12px;
        line-height: 18px;
        text-decoration: none;
        transition: 0.5s;
        background-color: #FFFFFF;
        border: none;
        cursor: pointer;

    }

    .events-conteiner2 {
        display: flex;
        flex-direction: column;
        row-gap: 10px;
        width: 100%;
        border: 1px solid black;
        margin-top: 10px;
        padding-bottom: 90px;

    }

    .event-card2 {
        display: flex;
        flex-direction: column;
        row-gap: 4px;
        width: 100%;
        padding-left: 15px;
        position: relative;
        padding-top: 10px;
    }

    .event-card2::after {
        content: '';
        position: absolute;
        top: 0;
        left: 4%;
        width: 87%;
        height: 1px;
        background-color: #707070;
    }

    .event-card2 img {
        transition: 1.2s;
        max-width: 60%;
    }

    .event-card2 h2 {
        font-weight: var(--font-weight-semiBold);
        font-size: 13px;
        line-height: 24px;
        color: #212121;
        text-align: left;
        max-width: 61%;
        white-space: normal;
    }

    .event-card2 p:nth-of-type(1) {
        font-weight: var(--font-weight-medium);
        font-size: 12px;
        line-height: 20px;
        color: #707070;
    }

    .event-card2 p:nth-of-type(2) {
        font-weight: var(--font-weight-regular);
        font-size: 11px;
        line-height: 20px;
        color: var(--text-bold-color);
        letter-spacing: -0.35px;
        display: flex;
        align-items: center;
        text-transform: uppercase;
    }

    .event-p-span2 p:nth-of-type(1) {
        display: flex;
        align-items: center;
        font-size: 11px;
        font-weight: var(--font-weight-regular);
        color: var(--text-bold-color);
        line-height: 24px;
    }

    .event-p-span2 p:nth-of-type(2) {
        display: flex;
        align-items: center;
        font-size: 11px;
        font-weight: var(--font-weight-regular);
        color: var(--text-bold-color);
        line-height: 24px;
    }




    .third-conteiner {
        display: flex;
        width: 100%;
        gap: 0;
        border: 1px solid purple;
        background-color: rgba(151, 202, 209, 0.08);
        padding: 0;
        padding-bottom: 32px;
        align-items: center;
        border-radius: 8px;
        /* flex-wrap: wrap; */
        position: relative;
    }

    .third-conteiner a {
        border: none;
        width: 0;
    }

    .third-conteiner img {
        max-width: 14.875rem;
        height: 8.55rem;
        position: absolute;
        top: 46px;
        left: 65px;
    }

    .text-third-conteiner {
        display: flex;
        flex-direction: column;
        row-gap: 0;
        border: 2px solid darkblue;
        width: 100%;

    }

    .text-third-conteiner h2 {
        font-size: 20px;
        line-height: 36px;
        margin-bottom: 137px;
        margin-top: 16px;
        margin-left: 15px;
    }

    .text-third-conteiner p {
        font-size: 12px;
        margin-left: 15px;
        width: 85%;
    }


    .text-third-conteiner button {
        align-self: center;
        margin-top: 22px;
    }

    .fourth-conteiner {
        display: flex;
        flex-direction: column;
        row-gap: 23px;
        margin-top: 0;
        border: 2px solid grey;
        position: relative;
        top: -23px;
    }

    .fourth-conteiner h2 {
        font-size: 20px;
        margin-left: 15px;
    }

    .all-categories {
        display: grid;
        grid-template-columns: repeat(2, 135px);
        row-gap: 11px;
        column-gap: 23px;
        padding-left: 32px;
    }

    .categories {
        width: 100%;
        height: 112px;


    }

    .fifth-conteiner {
        margin-top: 0;
        display: flex;
        flex-direction: column;
        gap: 0;
        width: 100%;

    }

    .fifth-conteiner h2 {
        font-size: 20px;
        margin-left: 26px;
    }

    .fifth-conteiner p {
        font-weight: var(--font-weight-regular);
        font-size: 12px;
        line-height: 24px;
        color: #707070;
        margin-left: 26px;

    }

    .popular-cities {
        display: grid;
        grid-template-columns: repeat(2, auto);
        width: 100%;
        row-gap: 18px;
        justify-content: space-between;
        /* align-items: center; */
        border: 2px solid black;
        margin-top: 0px;
        flex-wrap: wrap;
        padding-left: 26px;
        padding-right: 43px;
        column-gap: 18px;

    }




    .city {
        display: flex;
        flex-direction: column;
        text-align: center;
        /* flex: 1 1 calc(20% - 41.75px); */
        row-gap: 18px;
        width: 100%;
        max-width: 100%;
        border: 2px solid hotpink;
    }

    .city img {
        max-width: 154px;
        height: auto;
        transition: 1.1s;
    }

    .popular-cities .city:nth-of-type(5) {
        display: none;
    }

    .city a:nth-of-type(2) {

        font-size: 15px;
        line-height: 20.9px;

    }

    .sixth-conteiner {
        margin-top: 43px;
        display: flex;
        flex-direction: column;
        gap: 18px;
        width: 100%;
        border: 2px solid firebrick;
        padding-left: 25px;
        padding-right: 7px;

    }

    .sixth-conteiner h2 {
        font-size: 20px;
    }

    .sixth-conteiner-blocks {
        display: flex;
        flex-direction: column;
        gap: 12px;
        border: 2px solid rgb(3, 37, 18);
        width: 100%;
    }

    .block {
        display: flex;
        gap: 15px;
        padding: 19.91px 69.69px 15px 15px;
        border: 2px solid rgb(158, 158, 1);
        width: 100%;
        background-color: rgba(151, 202, 209, 0.08);
        border-radius: 8px;
    }

    .block-text {
        display: flex;
        flex-direction: column;
        row-gap: 10px;
        max-width: 100%;
    }

    .block-text h3 {
        font-weight: var(--font-weight-semiBold);
        font-size: 12px;
        line-height: 14.5px;
        color: var(--text-bold-color);
    }

    .block-text p {
        font-weight: var(--font-weight-regular);
        font-size: 10px;
        line-height: 15px;
        color: var(--text-bold-color);
    }

    .block-text a {
        text-decoration: none;
        font-weight: var(--font-weight-medium);
        font-size: 10px;
        line-height: 15px;
        color: var(--button-color);
    }

    .block img {
        width: 25.51px;
        height: 25.51px;

    }


    .seventh-conteiner {
        margin-top: 17px;
        padding-left: 25px;
        padding-right: 4px;
        display: flex;
        flex-direction: column;
        gap: 0;
        width: 100%;

    }

    .seventh-conteiner h2 {
        font-size: 20px;
        line-height: 36px;
        margin-bottom: 25px;
    }

    .seventh-conteiner p {
        display: none;
    }

    .blocks-7-conteiner {
        display: flex;
        flex-direction: column;
        gap: 0;
        width: 100%;
    }

    .block-seventh-conteiner {
        display: flex;
        flex-direction: column;
        gap: 0;
        max-width: 100%;
        text-align: left;
    }

    .block-seventh-conteiner h3 {
        font-size: 16px;
        line-height: 27px;
        margin-bottom: 11.5px;
        width: 76%;
    }

    .block-seventh-conteiner p {
        display: block;
        font-size: 12px;
        line-height: 23px;
        color: #707070;
        margin-bottom: 15.33px;
        width: 76%;

    }

    .block-seventh-conteiner a {
        font-weight: var(--font-weight-regular);
        font-size: 12px;
        line-height: 23px;
        margin-top: px;
    }

    .block-seventh-conteiner img {
        margin-top: 0;
        margin-bottom: 23px;
        max-width: auto;
        height: auto;
        transition: 1.2s;
    }

    .block2 img {
        margin-top: 32px;
    }

    .block3 img {
        margin-top: 45px;
    }



    .last-conteiner {
        padding: 20px 7px 36px 18px;
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 0;
    }

    /* .top-block-last-conteiner {
        display: flex;
        gap: 0px;
        align-items: center;
        border-bottom: 1px solid #707070;
        padding-bottom: 25px;
        margin-bottom: 34px;
    }
      */

    .top-block-last-conteiner {
        display: flex;
        gap: 0px;
        align-items: center;
        padding-bottom: 25px;
        margin-bottom: 34px;
        position: relative;
        /* для того, чтобы псевдоэлемент был относительно этого блока */
        border-bottom: none;
    }

    .top-block-last-conteiner::before {
        content: '';
        /* обязательный элемент для псевдоэлемента */
        position: absolute;
        bottom: 0;
        /* размещаем его внизу */
        left: 34%;
        /* выравниваем по центру */
        transform: translateX(-50%);
        /* центрируем */
        width: 67%;
        /* задаем длину границы, например, 50% */
        height: 1px;
        /* высота псевдоэлемента, делаем его тонким */
        background-color: #707070;
        /* цвет границы */
    }

    .top-block-last-conteiner h4 {
        border: none;
    }

    .top-block-last-conteiner a {
        width: 119px;
        transition: 0.5s;
    }

    .mid-block-last-conteiner {
        gap: 2.5px;
        border: none;
        margin-bottom: 21px;
    }

    .mid-block-settings {
        border-right: none;
    }

    .mid-block-settings h5 {
        font-weight: var(--font-weight-regular);
    }

    .play-app-store {
        display: none;

    }

    .apps-footer-conteiner {
        margin-bottom: 49px;
    }

    .bottom-block-last-conteiner {
        display: flex;
        column-gap: 0;
        align-items: center;
        margin-bottom: 0px;
    }

    .bottom-block-last-conteiner a {
        display: none;
    }


    .mid-block-settings:nth-of-type(2) {
        padding-left: 5px;
    }

    .mid-block-settings:nth-of-type(3) {
        padding-left: 4px;
    }
}