@media screen and (max-width: 480px) {
    html, body {
        overflow-x: hidden;
    }


    /*    ------------------------хедер с лого та меню*/
    header {
        height: 54px;
    }

    .standard_header {
        width: 100vw;
        height: 54px;
        justify-content: space-between;
    }

    .standard_header > img:first-of-type {
        margin-top: 20px;
        width: 70px;
        margin-left: 10%;
    }

    .standard_header > nav {
        display: none;
    }

    .contacts_box {
        display: none;
    }

    .contacts_box > a > img {
        display: none;
    }

    .i-tel {
        display: none;
    }

    .icons_burger {
        display: flex;
        align-items: center;
        margin-right: 10%;
        gap: 3vw;

    }

    .icons_burger > a {
        display: block;
        padding-top: 5px;
    }

    .icons_burger > a > img {
        width: 27px;
    }

    /*   ------Бургер меню-----*/
    /* Іконка меню */
    .menu-icon {
        display: block;
        cursor: pointer;
        transition: transform 0.3s ease;
        padding-bottom: 5px;
    }

    /* Меню */
    .menu {
        display: block;
        position: fixed;
        top: 0;
        right: -100%;
        width: 210px;
        height: 100vh;
        transition: right 0.3s ease;
        padding: 40px 0 0 0;
        background: #477cac;
        background: radial-gradient(circle farthest-corner at center center, #477cac 0%, #042848 80%);
        background: -webkit-radial-gradient(circle farthest-corner at center center, #477cac 0%, #042848 80%);
        background: -moz-radial-gradient(circle farthest-corner at center center, #477cac 0%, #042848 80%);
        box-shadow: inset 4px 0 7px 0 rgba(174, 217, 235, 0.75),
        -11px 2px 13px 0 rgba(43, 41, 41, 0.75);
    }

    .menu nav ul {
        text-align: center;
        padding-right: 20px;
    }

    .menu > nav > ul > li > a {
        font-family: "Commissioner", sans-serif;
        font-optical-sizing: auto;
        color: white;
        font-size: 18px;
        display: block;
        padding-top: 20px;
        transition: background 0.3s ease;
    }

    /* Подменю */
    .submenu {
        position: relative;
    }

    .toggle-submenu {
        position: absolute;
        top: 17px;
        right: 5px;
        cursor: pointer;
        color: #98cde5;
        font-size: 25px;
        width: 20px;
    }

    /* Приховані елементи подменю */
    .submenu-items {
        display: none;
        margin-top: 10px;
        padding-left: 15px;
    }

    .submenu-items > li > a {
        display: block;
        padding: 10px 0 10px 23px;
        font-family: "Commissioner", sans-serif;
        font-optical-sizing: auto;
        color: white;
        font-size: 14px;
        text-align: left;

    }

    /* Открытое меню */
    .menu.open {
        right: 0;
    }

    /* Анімація иконки */
    .menu-icon.active {
        background: white; /* Круг */
        border-radius: 50%;
        padding: 5px;
        transform: translateX(-185px);
        box-shadow: 6px 9px 7px 0 rgba(35, 34, 34, 0.75);
    }

    .menu-icon {
        margin-top: 10px;
    }

    .menu-icon svg {
        width: 35px;
        height: 30px;
    }

    /* Хрестик */
    .menu-icon.active svg path {
        stroke: black; /* Колір */
        stroke-width: 4; /* Товщина */
        stroke-linecap: round; /* Закруглені кути */
    }


    /*-----------------------------------------main-------------------------------------*/
    .main_laptop {
        width: 100vw;
        /*height: 580px;*/
        height: 165vw;
        margin-top: 54px;
        display: flex;
        flex-direction: column;
        background-position: center;
        justify-content: flex-start;
    }

    .standard_main {
        width: 100%;
        height: 165vw;
        justify-content: flex-start;
        align-items: center;
        position: relative;
        margin-top: 0;
    }

    /*-----------Заголовок сайту------------*/
    .standard_main > h3 {
        font-size: 8.2vw;
        margin-top: 50px;
        width: 80vw;
        display: inline-block;
        transform: scaleY(1.1);    /* увеличивает высоту букв на 30% */
        margin-left: auto;
        margin-right: auto;
        line-height: 1.3;
    }

    .standard_main > h1 {
        margin: 0 auto 20px auto;
        display: inline-block;
        /*transform: scaleY(1.8);*/
        width: 80vw;
        font-size: 12vw;
        letter-spacing: normal;
    }

    .advertising_box_mobile { /*контейнер для мобільного*/
        width: 100vw;
        /*height: 400px;*/
        height: 62vh;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        margin-top: 1vw;
        position: relative;
       }

    .advertising_box {
        display: none;
    }

    /*--------------Головна картинка ноутбуку та моб-----------*/
    .advertising_box > img {
        display: none;
    }

.form-group-img-top{
    display: block;
    width: 100%;
    position: relative;
    bottom: 0;
}


    /*-------------------------Тези для мобільного---------------------*/
    .general_ul {
        display: flex;
        justify-content: space-between;
        width: 100vw;
        padding: 0 10% 0 10%;
    }

    .general_ul > li {
        display: flex;
        flex-direction: column; /* Элементы в колонке */
        align-items: center;
        justify-content: flex-start;
        font-size: 12px;
        font-family: "Commissioner", sans-serif;
        font-optical-sizing: auto;
        color: rgba(255, 255, 255, 1);
        position: relative;
        margin-top: 10px;
    }

    .general_ul > ul > li:first-of-type {
        text-align: left;
    }

    .general_ul > li:nth-of-type(2) {
        text-align: center;
        /*margin-left: 11vw;*/
        /*margin-right: 11vw;*/
    }

    .general_ul > li:last-of-type {
        text-align: right;
    }

    .general_ul > li:first-of-type::before {
        position: absolute;
        left: 36px;
        top: -20px;
        content: "";
        background-image: url("img/icon_ul.svg");
        background-size: 9px 9px; /* Уменьшает размер */
        background-repeat: no-repeat;
        width: 12px;
        height: 12px;
    }

    .general_ul > li:nth-of-type(2)::before {
        position: absolute;
        left: 32px;
        top: -20px;
        content: "";
        background-image: url("img/icon_ul.svg");
        background-size: 9px 9px; /* Уменьшает размер */
        background-repeat: no-repeat;
        width: 12px;
        height: 12px;
    }

    .general_ul > li:last-of-type::before {
        position: absolute;
        left: 33px;
        top: -20px;
        content: "";
        background-image: url("img/icon_ul.svg");
        background-size: 9px 9px; /* Уменьшает размер */
        background-repeat: no-repeat;
        width: 12px;
        height: 12px;
    }

    /*--Форма зворотнього зв'язку--*/
    .containerForm {
        background-image: none;
        width: 90%;
        height: 150px;
        position: absolute;
        padding-top: 30px;
        color: #032b53;
        border-radius: 8px;
        left: 19px;
        /*bottom: -60px;*/
        bottom: 40vh;
        box-shadow: none;
    }

  .form-group>h2{
      margin-top: 5px;
    font-size: 16px;
    display: inline-block;
    color: #0d3355;
}
    .containerForm > p {
        display: none;
    }
.containerForm > h4 {
    display: none;
}
    .form-group > input::placeholder {
        text-align: center;
    }

    .form-group {
        position: relative;
        flex-direction: column;
        gap: 0;
    }

    .form-group > input[type="text"] {
        width: 70%;
        height: 40px;
        border-radius: 12px;
        border: 4px solid #032b53;
        padding: 10px;
        font-size: 20px;
        margin-top: 0;
    }

    .form-group > button {
        width: 87vw;
        height: 70px;
        font-size: 20px;
        border-radius: 12px;
        background-color: #efe658;
        color: #b38b00;
        font-weight: bold;
        cursor: pointer;
        border: 3px solid #b38b00;
    }

    .notification {
        margin-top: 6px;
        font-weight: bold;
        text-align: center;
        display: none;
        left: 6px;
        bottom: 24px;
        width: 87vw;
        height: 70px;
        border-radius: 12px;
        color: #074a07;
        padding: 0 10px 10px 10px;
        border: 3px solid darkgreen;
    }

    /** Контейнер после отправки *!*/
    .containerForm.sent {
        height: auto;
        /*background-color: #dce3eb;*/
        padding-top: 20px;
    }

    /* Уведомление под кнопкой */
    .notification.sent {
        display: block;
        color: white;
        font-size: 18px;
        margin-top: 10px;
        font-family: "Commissioner", sans-serif;
    }

    .notification > span {
        display: block;
        padding-top: 23px;
        color: #022902;
        font-size: 16px;
        font-family: "Commissioner", sans-serif;
    }

    /*    ------------------------Про нас------------------------*/
    .pronas_block {
        margin-top: 150px;
        height: 710px;
        overflow-x: hidden; /* не даем уехать всему секшену */
        position: relative;
        padding-bottom: 25px;
    }

    .animated-gradient-text {
        font-size: 31px;
        text-align: center;
    }
    .long {
        text-align: center;
    }

    .pronas_block > p {
        font-size: 14px;
        margin-bottom: 40px;
        margin-top: 6px;
    }

    .card_box.mobile-slider {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start;
        overflow: hidden;
        transition: transform 0.3s ease-in-out;
        width: 100vw;
        gap: 0 !important;
    }


    /* Каждая карточка занимает ровно экран */
    .card_box.mobile-slider .card {
        width: 100vw !important;
        margin: 0 !important;
        flex-shrink: 0;
        box-sizing: border-box;
        border-radius: 6px;
    }

    .card {
        height: 480px;
        /*box-shadow: inset 1px 1px 1px 3px #356691;*/
        /*border: none;*/
        padding: 15px 40px 0 40px;
    }

    .card_indicator_wrapper_card1 {
        display: flex;
        justify-content: center;
        gap: 8px;
        margin-top: 15px;
    }

    .card_indicator_card1 {
        width: 17px;
        height: 8px;
        border-radius: 3px;
        background-color: #b3b0b0;
        transition: background-color 0.3s ease;

    }

    .card_indicator_card1.active_card1 {
        background-color: red;
    }

    .read-more_pronas {
        font-size: 16px;
    }

    .citata1 {
        height: 80px;
        font-size: 14px;
        width: 83%;
        margin-top: 30px;
        border-radius: 9px;
        padding: 5px;
        box-shadow: 3px 21px 5px -17px rgba(0, 0, 0, 0.75);
        -webkit-box-shadow: 3px 21px 5px -17px rgba(0, 0, 0, 0.75);
        -moz-box-shadow: 3px 21px 5px -17px rgba(0, 0, 0, 0.75);
    }

    .card > h5 {
        font-family: "Commissioner", sans-serif;
        font-optical-sizing: auto;
        font-size: 20px;
        color: #023b66;
        margin-bottom: 7px;
    }

    .card > p {
        font-family: "Commissioner", sans-serif;
        font-optical-sizing: auto;
        font-size: 16px;
        text-align: center;

    }

    .card > img {
        height: 220px;
        margin-bottom: 7px;
    }

    .profee {
        margin-top: 35px;
    }

    .filosofiya {
        margin-top: 50px;
    }

    .dostizheniya {
        margin-top: 44px;
    }

    .dopVoz {
        margin-top: 64px;
    }

    .vzroslye {
        margin-top: 84px;
    }

    .zadacha_new {
        margin-top: 65px;
    }

    .missia {
        margin-top: 48px;
    }

    .dostizheniya_img {
        height: 215px;
        margin-top: 5px;
    }

    .dopVoz_img {
        height: 215px;
        margin-top: 5px;
    }

    .vzroslye_img {
        height: 215px;
        margin-top: 5px;
    }

    .zadacha_img {
        height: 213px;
        margin-top: 7px;
    }

    .missia_img {
        height: 215px;
        margin-top: 5px;
    }

    /*-------Модальні вікна-------*/
    .modal_content {
        width: 95vw;
        height: auto; /* Позволяет содержимому подстраиваться */
        max-height: 75vh;
        padding: 18px;
        font-size: 16px;
        overflow-y: auto;
        margin-top: 60px;
    }

    .modal_close {
        top: 8px;
        right: 8px;
        width: 28px;
        height: 28px;
        line-height: 28px;
        font-size: 18px;
    }

    /*    ---------------Анімація зачинення вікон з вилетом----------*/
    @keyframes bounceUpOut {
        0% {
            transform: translateY(0);
            opacity: 1;
        }
        40% {
            transform: translateY(-30px);
            opacity: 0.8;
        }
        70% {
            transform: translateY(-20px);
            opacity: 0.6;
        }
        100% {
            transform: translateY(-320px);
            opacity: 0;
        }
    }

    .modal_closing {
        animation: bounceUpOut 500ms ease forwards;
    }

    .citata_dop_voz {
        min-height: 110px;
        width: 98%;
        padding: 12px 16px;
        font-size: 16px;
        text-align: center;
    }

    .citata2 {
        width: 98%;
        /*min-height: 70px; !* вместо height *!*/
        min-height: auto;
        padding: 12px 16px;
        font-size: 14px;
        text-align: center;
    }

    /*    ---------------СЛАЙДЕР ТРЕНЕРІВ-------------------------*/

    .slider-coach,
    .slider-container-coach,
    .slide-coach {
        width: 100%;
        max-width: 100vw;
        box-sizing: border-box;
        overflow: hidden;
        height: 720px;
    }
.slide-coach{
    /*margin-top: 30px;*/
}

    .slider-button-coach {
        width: 40px;
        height: 40px;
        font-size: 20px;
    }

    .dot-coach {
        width: 8px;
        height: 4px;
        border-radius: 3px;
    }

    .card_trener {
        width: 100%;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
    }

    .dots-container-coach {
        bottom: 15px;
    }

    .slide-coach.slide-prev-coach,
    .slide-coach.slide-next-coach {
        display: none !important;
    }
    .slider-container-coach, .slider-coach{
    margin: 20px auto 0 auto;
}
.trenery_section{
    height: auto;
    overflow: visible;
    margin-bottom: 0;
}
.regalia_box{
    height: 500px;
}
    .regalia_box > h5 {
        margin: 7px 0 5px 0;
        font-size: 15px;
        color: #333;
    }

    .regalia_box > p {
        font-size: 15px;
        color: #555;
        line-height: 1.4;
    }


/*    -----------------------------МАПА ТРЕНУВАЛЬНИХ ЗАЛІВ-------------------------*/
    .locations_section{
        padding-top: 40px;
        padding-bottom: 50px;
    }
    .locations_section>p{
        font-size: 14px;
        margin-top: 6px;
    }
    .map-traning{
        width: 400px;
        margin-top: 10px;
    }
    .animated-gradient-text2{
        font-size: 31px;
    }
.address-button{
    width: 87vw;
    height: 70px;
    border-radius: 12px;
    background-color: #efe658;
    /*color: #b38b00;*/
    font-weight: bold;
    cursor: pointer;
    border: 3px solid #b38b00;
    margin-bottom: 20px;
    margin-top: 20px;
}

    .details-text{
        font-size: 20px;
        color: #b68e02;
    }
.popup{
    width: 95vw;
    height: auto; /* Позволяет содержимому подстраиваться */
    max-height: 75vh;
    font-size: 16px;
    padding: 20px;
}
/*    -----------------------------СЛАЙДЕР ВІДГУКИ-----------------------*/
    .slide-vidguk.slide-active-vidguk {
        opacity: 1;
        display: block;
        z-index: 2;
        border-radius: 8px;
        left: 50%;
        top: 0;
        transform: translateX(-50%);

    }
    .slide-vidguk{
        width: 100vw;
    }
    .slider-vidguky,
    .slider-container-vidguky {
        position: relative;
        width: 100%;
        height: 82vh;
        margin: 30px 0 30px 0;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .card-vidguk{
        width: 100%;
        height: 82vh;
        padding: 30px 20px;
    }

    .top-card-box{
        gap: 25px;
    }

    .top-card-box>img{
        width: 150px;
        height: 150px;
        border-radius: 50%;
    }

    .right-top-card-box>h3{
        font-size: 13px;
    }

    .specialty{
        font-size: 10px;
        margin-top: 7px;
        padding: 5px 10px;
        box-shadow: none;
    }
    .bottom-card-box{
        padding-top: 15px;
        gap: 5px;
    }

    .left-bottom-card-box>span{
        font-size: 44px;
    }

/*    ---------------------------FOOTER---------------------------*/
.footer-container{
    background-image: url("img/foote_mobil.png");
    background-size: cover;
    width: 100vw;
    height: 750px;
    padding-left: 0;
    align-items: center;
    padding-bottom: 15px;

}
    .footer-child-01{
    margin-left: 30px;
    width: 340px;
    display: block;
    }
    .footer-h3{
        font-size: 8.4vw;
        background: radial-gradient(circle farthest-corner at center center, #595858 0%, #8a8989 80%);
        background-size: 400% 400%;
        background-repeat: no-repeat;
        /* ✂️ Градиент как текст */
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent;
        color: #fefefe; /* fallback */
        /* 🔁 Анимация */
        animation: gradientShift 6s ease infinite;
        margin-top: 35px;
            }
    .footer-h2{
        font-size: 12vw;
        background: radial-gradient(circle farthest-corner at center center, #595858 0%, #8a8989 80%);
        background-size: 400% 400%;
        background-repeat: no-repeat;
        /* ✂️ Градиент как текст */
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent;
        color: #fefefe; /* fallback */
        /* 🔁 Анимация */
        animation: gradientShift 6s ease infinite;
    }
    .footer-h4{
        display: none;
    }
    .footer-ul{
        display: none;
    }
    .footer-tel{
        display: block;
        color: #555353;
        font-size: 20px;
        align-self: flex-start;
        margin-left: 10%;
        z-index: 100;
    }
/*---------------------------footerForm--------------------------*/
    .footerForm{
        bottom: 20px;
        left: 20px;
        width: 90vw;
        height: auto;
    }
    .footerForm-group>button{
        font-size: 20px;
        width: 87vw;
        height: 70px;
    }
    #phoneInput-footer{
        width: 70%;
        height: 40px;
    }
    .footerForm-group>h2{
        display: none;
    }
    .notification-footer{
        margin-top: 6px;
        font-weight: bold;
        text-align: center;
        display: none;
        left: 6px;
        bottom: 0;
        width: 87vw;
        height: 70px;
        border-radius: 12px;
        color: #074a07;
        padding: 20px 10px 10px 10px;
        border: 3px solid darkgreen;
        font-size: 20px;
    }
    .target-button{
        margin-top: 0;
    }



/*--------------------------СТОРІНКА СПОРТЗАЛИ---------------------*/
    .main-dojangs {
        height: auto;
        padding-bottom: 10px;
    }

    .h1-region {
        font-size: 18px;
        margin-top: 40px;
        margin-bottom: 30px;
        text-align: center;
    }
    .h1-kiev{
        font-size: 28px;
        margin-top: 50px;
        margin-bottom: 20px;
        text-align: center;
    }

    .dojangs-top-box {
        width: 100%;
        height: 150px;
    }
  /*-------------------------------------Малюнки в шапці сторінок с залами------------------*/
  .kiev_dojang_heder_mobil{
      display: block;
      width: 90%;
      bottom: 5px;
  }
  .region_dojang_heder_mobil{
      display: block;
      width: 90%;
      position: absolute;
      bottom: 0;
  }
    .kiev_dojang_heder{
        display: none;
    }
    .region_dojang_heder{
       display: none;
    }

      .dodjang-section{
        width: 100vw;
    }

    /*------------------------Секція з доджанамі---------------------*/
    .section-dodjangs{
        width: 100vw;
        margin: 15px auto 0 auto;
        align-items: center;
    }
.kiev-dodjangs{
    width: 90vw;
    margin-top: 40px;
    margin-bottom: 40px;
    flex-direction: column;
    gap: 100px;
    }
.card-dodjang{
    width: 80vw;
    height: auto;
}
.card-dodjang>img{
    width: 100%;
    border-radius: 8px
}
.dj-button{
    width: 80vw;
    height: 55px;
    border-radius: 8px;
    font-size: 20px;
}
    .card-dodjang>h3{
        margin-top: 15px;
        /*margin-bottom: 15px;*/
        font-size: 20px;
        font-weight: 500;
        color: #333;
    }
.card-dodjang>p{
        font-size: 18px;
    margin-bottom: 35px;
    }
.stiker{
    margin-bottom: 20px;
    width: 190px;
    height: 37px;
    font-size: 14px;
    border-radius: 6px;
}
    .region-dodjangs{
        width: 90vw;
        margin-top: 60px;
        margin-bottom: 80px;
        flex-direction: column;
        gap: 100px;
    }
/*    -------------------------Онлайн тхеквондо---------------------*/
    .online-dodjangs{
        width: 90vw;
        margin-top: 50px;
        margin-bottom: 40px;
        flex-direction: column;
    }
    .card-online{
    width: 80vw;
    height: auto;
    flex-direction: column-reverse;
    gap: 15px;
}
    .card-online>img{
        width: 100%;
        border-radius: 8px
    }
    .online-text>h3{
        margin-top: 15px;
        margin-bottom: 15px;
        font-size: 20px;
    }
    .online-text>p{
        font-size: 18px;
        margin-bottom: 35px;
    }
/*    ---------------------------------Меню спортзалів-----------------------------*/

    .nav-dodjangs{
        display: flex;
        width: 100vw;
        margin-bottom: 50px;
        margin-left: 30px;
        gap: 5px;
        align-items: center;
    }
    .nav-dodjangs>p{
        /*text-decoration: underline;*/
        font-size: 3vw;
        transform: scaleY(1.2);
        font-family: "Commissioner", sans-serif;
        font-optical-sizing: auto;
        text-align: center;
    }

    .nav-dodjangs>a{
        font-size: 3vw;
        font-family: "Commissioner", sans-serif;
        font-optical-sizing: auto;
        color: #333;
        font-weight: 500;
        transform: scaleY(1.2);
        text-align: center;
    }

/*  ------------------Выпадающий список адресов----------------*/
    .dodjang-top-section{
        width: 100vw;
        margin-bottom: 5px;
    }
    .select-wrapper {
        width: 220px;
        position: relative;
        margin-left: 25px;

    }

    .select-dodjangs {
        width: 220px;
        font-size: 16px;
        padding: 6px 12px;
        border-radius: 8px;
        box-sizing: border-box;
        background-color: #fff;
        appearance: none;
    }

    .select-wrapper::after {
        right: 10px;
        font-size: 16px;
    }

    /* Псевдо-имитация раскрытого списка */
    .select-dodjangs:focus {
        position: relative;
        z-index: 9999;
    }

    .select-dodjangs:focus option,
    .select-dodjangs:focus optgroup {
        width: 100vw;
        max-width: 100vw;
        display: block;
        padding: 6px 12px;
        font-size: 12px;
        box-sizing: border-box;
    }

    option {
        font-size: 12px;
        padding: 10px;
    }

    optgroup {
        font-size: 12px;
        font-weight: bold;
        color: #023b66;
    }
    /*---------------------------------Повернення на головну-----------------------*/
    .home-menu{
        width: 140px;
        height: auto;
        margin-top: 10px;
        margin-left: 15px;
        display: block;
        /*border: 2px solid blueviolet;*/
        /*display: flex;*/
        align-items: flex-start;
        justify-content: flex-start;
    }
    .home-menu>a{
        font-size: 14px;
    }
    /*----------------------------------Загальна частина сторінок Зали-------------*/
.address-text-long{
    font-size: 14px;
}
.address-text{
    font-size: 16px;
}
    .dodjang-midl-section{
        width: 100vw;
        margin: 0 auto;

    }
    .foto-container{
        width: 100vw;
        flex-wrap: wrap;
        padding-left: 14px;
        margin-bottom: 30px;
        gap: 10px;
    }
    .foto-box{
        width: 100vw;
        height: auto;
        gap: 10px;
        align-items: center;
        justify-content: center;
    }
    .foto-box>img{
       width: 45vw;
       height: 30vw;
    }
    .map-box{
        width: 90vw;
        margin: 0 auto 30px auto;
        display: flex;
        justify-content: center;
        gap: 20px;
        flex-direction: column;
    }
    .map-box>img{
        width: 90vw;
    }
    .frame-map{
        width: 90vw;
    }
    .information-traning{
        width: 90vw;
        height: 290px;
    }



/*    -----------------------------Слайдер прикладів тренувань-------------------------*/
    .slider {
        width: 100%;
        height: auto;
    }

    .slider-track img {
        width: 100%;
        height: auto;
    }

    .nav {
        display: none;
    }

    .map-box>video{
        width: 100%;
        height: auto;
    }
    /*--------------------------Розклад----------------------------*/
    .rozklad{
        width: 100vw;
        padding: 0 7px;
        margin-top: -10px;
        margin-bottom: 50px;
    }
    .rozklad>hr{
        width: 95vw;
        height: 7px;
        margin: 5px auto;
    }
    .rozklad>h5{
        color: #032b53;
        font-size: 18px;
        margin-bottom: 10px;
    }
    .text-box{
        margin: 0 auto;
        width: 340px;
        display: flex;
        justify-content: center;
    }
    .text-box-smol{
        margin: 0 auto;
        width: 290px;
        display: flex;
        justify-content: flex-end;
    }
    .text-box > h6{
        font-size: 17px;
        color: #032b53;
        display: block;
        font-weight: 700;
        text-indent: 0;
    }
    .text-box>p{
        font-size: 17px;
        display: block;
    }
    .paragraf{
        text-indent: 2px;
    }
    .paragraf2{
        font-size: 17px;
        text-indent: 150px;
    }
    .paragraf3{
        font-size: 17px;
        text-indent: 162px;
    }
    .rozklad>p{
        font-size: 17px;
        text-indent: 145px;
    }
    .text-box-smol{
        display: flex;
        align-items: center;
        gap: 10px;
    }
    .text-box-smol>h6{
        font-size: 17px;
        color: #032b53;
        display: block;
        font-weight: 700;
        text-indent: 40px;
    }
    .text-box-smol>p{
        font-size: 17px;
        /*text-indent: 225px;*/
    }
    /*-------------------------------ТРЕНЕР------------------------------------*/

    .foto-box-mix{
        width: 100vw;
        height: auto;
        gap: 10px;
        justify-content: center;
        align-items: center;
    }
    .foto-box-mix>img{
        width: 45vw;
        height: 64vw;
    }
    .foto-inbox>img{
        width: 45vw;
        height: 30vw;
    }
    .foto-inbox{
        height: auto;
        width: 45vw;
    }

    /*------------------------------Слайдер тренера-------------------*/
    .dodjan-section{
        margin: 30px auto 40px auto;
    }
    .slider2 {
        width: 100%;
        height: auto;
    }

    .slider2-track img {
        width: 100%;
        height: auto;
    }

    .slider2-nav {
        display: none;
    }
    .information-traning.coach{
        margin: 0 auto;
        width: 90vw;
    }
    .information-traning.coach>p{
        /*width: 100%;*/
        /*text-align: center;*/
        font-size: 16px;
    }
    .information-traning>img{
        /*margin-bottom: 5px;*/
    }

    /*------------------------------СЛАЙДЕР ВІДГУКИ-ДОДЖАН--------------------*/

    .dodjan-slider-wrapper {
        width: 94vw;
        height: 700px;
    }

    .dodjan-card {
        width: 94vw;
        height: 700px;
    }

    .dodjan-btn {
        display: none;
    }

    .dodjan-slide-prev,
    .dodjan-slide-next {
        display: none !important;
    }

    .dodjan-slide-active {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) scale(1);
    }
.dodjan-dots-container{
    width: 300px;
    height: 30px;
    flex-wrap: wrap;
}
    .dodjan-top-card-box{
        gap: 20px;
    }
    .dodjan-top-card-box > img {
        width: 160px;
        height: 160px;
        border-radius: 50%;
        flex-shrink: 0;
    }
    .dodjan-right-top-card-box > h3{
        font-size: 13px;
    }
    .dodjan-specialty {
        margin-top: 5px;
        padding: 5px 10px;
        border-radius: 5px;
        background-color: #f5f5f5;
        font-size: 10px;
        font-weight: 500;
        color: #474545;
        box-shadow: -19px 20px 20px -25px rgba(105, 102, 102, 0.8) inset;
    }
    /*    ---------------------------FINAL STEP------------------------*/
   .finalStep-section{
       height: 1320px;
       margin-top: 5px;

   }
    .finalStep-section.finalStep-section-dovidnyk{
        height: 800px;
        margin-top: 5px;
    }
    .finalStep-container{
        width: 100vw;
        height: 800px;
        align-items: flex-end;
    }
    .finalStep-section.finalStep-container-dovidnyk{
        width: 100vw;
        height: 800px;
        align-items: flex-end;
    }
    .stiker-step{
        display: none;
    }
    .stiker-step_mob{
        display: flex;
        align-items: center;
        justify-content: center;
        width: 180px;
        height: 50px;
        background-color: rgba(247, 247, 247, 1);
        border-radius: 8px;
        padding-bottom: 3px;
        margin-right: 10vw;
        margin-top: 40px;
    }
    .stiker-step_mob>p{
        font-weight: 500;
        font-size: 20px;
        color: #032b53;
    }
    .form-container{
        align-self: center;
        margin-right: 0;
        margin-top: 15px;
        border-radius: 15px;
        height: 530px;
        width: 85vw;
    }
    .form-container p{
        margin-bottom: 150px;
    }
    .final-img-mob{
        display: block;
        width: 400px;
        margin: 10px auto 0 auto;
    }
    .final-img-loptop{
        display: none;
    }
    select{
        width: 65vw;
        font-size: 17px;
    }
    input[type="text"]{
        width: 65vw;
        font-size: 17px;
    }
    .form-container>button{
        width: 65vw;
        font-size: 13px;
    }

/*-------------------------------Меню програм тренувань------------------------*/
    .nav-programs{
        display: flex;
        width: auto;
        margin: 10px auto 50px auto;
        gap: 5px;
        align-items: center;
        flex-wrap: wrap;
        padding: 5px;
    }
    .nav-programs>p{
        font-size: 3vw;
        transform: scaleY(1.2);
        font-family: "Commissioner", sans-serif;
        font-optical-sizing: auto;
        text-align: center;
    }

    .nav-programs>a{
        font-size: 3vw;
        font-family: "Commissioner", sans-serif;
        font-optical-sizing: auto;
        color: #333;
        font-weight: 500;
        transform: scaleY(1.2);
        text-align: center;
    }
/*----------------------------------Сторінка ТРЕНУВАЛЬНІ ПРОГРАМИ---------------------*/
    .map-box.program{
        gap: 0;
        height: auto;
        margin: 0 auto 10px auto;
    }
    .information-traning.program{
        height: auto; /* позволить расти */
        max-height: 1050px;

    }
    .information-traning.programs-midl{
        height: auto; /* позволить расти */
        max-height: 4500px;
    }
    .information-traning.programs-big{
        height: auto; /* позволить расти */
        max-height: 500px;

    }

    .foto-container.program{
        width: 100vw;
        flex-wrap: wrap;
        padding-left: 0;
        margin: 0 auto 10px auto;
        height: auto;
        align-items: center;
        gap: 10px;
    }
    .address-text.program{
        margin-bottom: 15px;
    }
    .slider.program{
    margin: 10px auto 10px auto;
    }
    .citata1.program {
        height: auto;
        max-height: 160px;
        font-size: 14px;
        width: 95%;
        margin-top: 10px;
        border-radius: 5px;
        padding: 15px;
        box-shadow: 3px 21px 5px -17px rgba(0, 0, 0, 0.75);
        -webkit-box-shadow: 3px 21px 5px -17px rgba(0, 0, 0, 0.75);
        -moz-box-shadow: 3px 21px 5px -17px rgba(0, 0, 0, 0.75);
    }
    /*---------------------------ЩО ЦЕ------------------------------*/
    .main-tkd{
        height: auto;
        padding-bottom: 10px;
    }
    .h1-tkd{
        font-size: 28px;
        margin-top: 40px;
        /*margin-bottom: 20px;*/
        text-align: center;
    }
    .tkd-top-box{
        width: 100%;
        height: 150px;
        margin-bottom: 10px;
    }
    .tkd_img_dojang_heder{
        width: 90%;

    }
.foto-box-dvoynaya{
    width: 100vw;
    height: auto;
    gap: 15px;
    align-items: center;
    justify-content: start;

}

    .foto-box-dvoynaya img{
        width: 43vw;
        height: 32vw;
    }

    /*----------------------ДОВІДНИК ТХКВОНДО----------------------------------*/
    .nav-dodjangs.nav-dop-tehnik{
        margin: 10px 10px 25px 10%;
    }
    .dovidnyk-menyu-box{
        display: flex;
        align-items: center;
        width: 100%;
        margin: 15px auto;
        flex-direction: column;
    }
.dovidnyk-menyu-rozdil{
    width: 140px;
    height: 40px;
}
    .dovidnyk-menyu{
        width: 280px;
    }
    .title{
        font-size: 14px;
        font-weight: 600;
    }
    .subtitle{
        font-size: 13px;
        margin-top: -2px;
    }
    .h1-tkd.dovidnyk-h1{
       font-size: 23px;
    }

.tkd-top-box.dovidnyk-img{
    width: 85%;
}
    .dovidnyk-menyu-rozdil.natysnuta-button span{
        font-size: 14px;
        font-weight: 500;
        margin-top: -3px;
    }
    .dovinyk-central-section{
        width: 98vw;
        flex-wrap: wrap;
        gap: 0;
        justify-content: center;
    }
    .kolonka-dovidnyka{
        width: 85vw;
        height: auto;
        align-items: center;
    }
    .animated-gradient-text-dovidnyk{
        font-size: 32px;
    }
    .utochnyuyuchiy-text-dovidnyk{
        font-size: 17px;
        margin: 4px auto 15px auto;
    }
    .nav-nagoru{
        margin: 35px 8% 15px 0;
        height: 30px;
        display: flex;
        justify-content: flex-end;
    }
    /*---------------KIBON----------------*/
    .dovinyk-rozdil-menyu-box{
        width: 100%;
    }
    .dovinyk-rozdil-menyu-box-poomsae{
        width: 85%;
    }

    .kibon-menyu-rozdil{
        width: 90px;
        height: 30px;
        font-size: 9px;
    }
    .kibon-menyu-rozdil-poomsae{
        width: 33%;
        height: 30px;
        font-size: 9px;
        border-radius: 2px;
    }

    .kibon-menyu-rozdil.natysnuta-v-kibon{
        width: 90px;
        height: 30px;
        background: white;
        color: #d80404;
        font-weight: 500;
        box-shadow: 0 2px 0 0 darkred;
        font-size: 10px;
    }
    .kibon-menyu-rozdil.natysnuta-v-kibon-poomsae{
        width: 50%;
        height: 30px;
        background: white;
        color: #d80404;
        font-weight: 500;
        box-shadow: 0 2px 0 0 darkred;
        font-size: 10px;
    }
/*-----------SOGI------------*/
    .book-section{
        width: 100%;

    }
    .utocnyuvalna-ramka-01{
        width: 95%;
        margin-bottom: 18px;
    }
    .nazva-tehniky-ramka{
        width: 87vw;
    }
    .box-photo-poyasnennya{
        width: 87vw;
        height: 870px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        /*border: 2px solid red;*/

    }
    .photo-tehnik{
        height: auto;
        width: 100%;
        /*border: 2px solid rebeccapurple;*/
        margin: 0 auto 10px auto;

    }
    .poyasnennya-tehnik{
        width: 100%;
        height: 360px;
        /*border: 2px solid orangered;*/
    }

    .movement{
        width: 100%;
        height: 200px;
        /*border: 2px solid #022902;*/
    }
    .deduction-fectors{
        width: 100%;
        height: 160px;
        /*border: 2px solid #2f4fb6;*/
    }
    .ramka-movement{
        width: 100%;
        height: 35px;
        background: #055505;
        border: 4px solid #107310;
        border-radius: 2px;
        padding: 5px 5px 5px 20px;
        display: flex;
        align-items: center;
        color: white;
    }
    .ramka-deduction-fectors{
        width: 100%;
        height: 35px;
        border: 5px solid #ea0606;
        border-radius: 2px;
        padding: 5px 5px 5px 20px;
        display: flex;
        align-items: center;
        color: #ea0606;
        font-weight: 700;
    }
    .text-opysu-tehnik{
        width: 100%;
    }

/*-----------------------------SlIDER TEHNIK------------------*/
    .slider-wrapper {
        overflow: hidden;
        width: 100vw;
        margin: 0 auto;
    }

    .slider-tehnik {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        transition: transform 0.4s ease-in-out;
        width: max-content;
    }

    .kartochka {
        min-width: 100vw;
        flex-shrink: 0;
        box-sizing: border-box;
        align-items: center;
    }

    .slider-indicators {
        display: flex;
        justify-content: center;
        gap: 5px;
        margin-top: 10px;
    }

    .slider-indicators .dot {
        width: 8px;
        height: 8px;
        background-color: gray;
        border-radius: 50%;
    }

    .slider-indicators .dot.active {
        background-color: red;
    }
/*    -----------------kartochka-video--------------------*/
.video-mobil{
    margin-bottom: 5px;
    border-radius: 8px;
    width: 107%;
}
.box-photo-poyasnennya-with-video{
    gap: 20px;
    height: 1250px;
    width: 87vw;
    /*margin: 5px 0;*/
}
    .box-with-video{
        height: 700px;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 20px;
        /*border: 2px solid blueviolet;*/
    }
    .photo-tehnik-with-video{
        height: auto;
        width: 95%;
        /*border: 2px solid rebeccapurple;*/
        margin: 0 auto;
        border-radius: 8px;
    }
    .poyasnennya-with-video{
        width: 100%;
        height: 520px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 10px;
        /*border: 2px solid orange;*/
        margin-top: 0;
    }

    .movement-with-video{
        width: 97%;
        height: 230px;
        display: flex;
        flex-direction: column;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    }

    .ramka-movement-with-video{
        width: 100%;
        height: 35px;
        background: #055505;
        border: 4px solid #107310;
        border-radius: 4px;
        padding: 5px 5px 5px 20px;
        display: flex;
        align-items: center;
        color: white;
    }
    .text-with-video-01{
        width: 97%;
        height: 215px;
        display: flex;
        flex-direction: column;
        padding: 7px 7px 7px 30px;
        font-size: 15px;
    }
    .text-with-video{
        width: 97%;
        height: 215px;
        display: flex;
        flex-direction: column;
        padding: 7px 7px 7px 30px;
        font-size: 15px;
        /*border: 2px solid magenta;*/
    }

    .deduction-fectors-with-video{
        width: 97%;
        height: 270px;
        display: flex;
        flex-direction: column;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    }
    .ramka-deduction-fectors-with-video{
        height: 35px;
        width: 100%;
        border: 5px solid #005bb5;
        background: #023b66;
        border-radius: 4px;
        padding: 5px 5px 5px 20px;
        display: flex;
        align-items: center;
        color: white;
        font-weight: 700;
    }
/*------------------------------ПРИХОВАНІ ВІКНА ПОМИЛОК------------------------------*/
    .modal-box-pomylky {
        width: 87vw;
        margin-top: auto !important;
        margin-bottom: 0;
        align-self: flex-end;
        text-align: justify;
        }
/* -------------------------------MAKKI----------------------------------------*/

    .menyu-rozdily-tehnik{
        display: flex;
        width: 95vw;
        height: 80px;
        flex-wrap: wrap;
        border-radius: 4px;
        /*border: 3px solid #555353;*/
        /*background-color: #555353;*/
        align-items: center;
        justify-content: center;
        gap: 8px;
        row-gap: 2px;
        margin: -2vw auto 0 auto;

    }
    .button-last-menyu-rozdily-tehnik{
        width: 84vw;
        height: 30px;
        }
    .button-menyu-rozdily-tehnik{
        width: 41vw;
        height: 26px;
        }

    .dovinyk-central-section a{
        font-size: 14px;
    }

    .button-menyu-rozdily-tehnik:hover{
        width: 40vw;
        height: 24px;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
    }
    .button-last-menyu-rozdily-tehnik:hover{
        width: 83vw;
        height: 28px;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);

    }
    .natisnuta-button-makki{
        width: 41vw;
        height: 30px;
        border-radius: 3px;
        font-size: 14px;
    }
    .natisnuta-last-button-makki{
        width: 84vw;
        height: 30px;
        font-size: 14px;
    }
/*------------------------------УДАРНА ПОВЕРХНЯ-------------------------------*/
    .img_tehnika{
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2),
        0 4px 8px rgba(0, 0, 0, 0.15);
        border-radius: 8px;
        width: 80vw;

        margin: 10px auto;
    }
    .nav-tehnika{
            display: flex;
            width: 90vw;
            height: 35px;
            margin: 3px auto 30px auto;
            gap: 5px;
            align-items: center;
            flex-wrap: wrap;
            padding: 5px;
    }
    .left-mobile {
        align-self: flex-start !important;
        text-align: left !important;

    }
/*------------------------POOMSAE-TAEGEUK-----------------------*/
    .dovidnyk-menyu-box-taegeuk{
        display: flex;
        align-items: center;
        width: 100%;
        margin: 15px auto;
        flex-direction: column;
        gap: 20px;

    }
    .dovidnyk-menyu-taegeuk{
        width: 280px;
    }
    .dovidnyk-menyu-rozdil-taegeuk{
        width: 140px;
        height: 40px;

    }
    .nav-poomsae{
        height: 40px;
    }
    .nav-poomsae>a{
        margin-left: 20px;
        font-size: 12px;
    }
    .video-poomsae{
        margin-bottom: 5px;
        border-radius: 8px;
        width: 90vw;
        height: 50.625vw;
    }
    .simpol-poomsae-box{
        margin: 90px auto 0 auto;
        gap: 10px;
        width: 90%;
    }
    .simpol-poomsae{
        width: 70vw;
        height: auto;


    }
/*----------------SHEMA RUHU----------*/
    .shemaRuhu-box{
        width: 100%;
        flex-direction: column;
        align-items: center;
        gap: 20px;
    }
    .photoRuhiv-box{
        width: 90%;
        margin: 20px 0 10px 0;
    }
    .poyasnenyzRuhiv-ramka{
        width: 90vw;
        margin: 0 auto 20px auto;
    }

   .photoRuhiv-box>h5{
        margin: 10px 0 10px 30px;
    }
    .tablycyaRuhiv-box{
        margin: 20px 0 0 0;
        width: 100%;
    }
.tablycyaRuhiv-box>h5{
   margin: 0 0 10px 13%;
}
    .tablycyaRuhiv{
        width: 100%;
    }
    .stroka-tablycyaRuhiv-01{
        width: 96vw;
    }
    .stroka-tablycyaRuhiv-02{
        width: 96vw;
    }
    .yacheykaSmall-tablycyaRuhiv{
        width: 16vw;
    }
    .yacheykaSmall-tablycyaRuhiv>p{
        font-size: 12px
    }

    .taegeuk-footer{
        width: 90%;
        height: 8vh;
        margin: 0 auto 20px auto;
        display: flex;
        align-items: start;
        justify-content: center;
    }
    .taegeuk-footer>img{
        width: 90vw;
        margin-left: 0;
    }
    .yacheykaMidl-tablycyaRuhiv>p{
        font-size: 12px;
    }
    .yacheykaBig-tablycyaRuhiv>p{
        font-size: 12px;
    }
}