@media only screen and (max-width: 1000px) {
    .promo-video-container {
        width: 90%;
    }
}

@media only screen and (max-width: 800px) {
    .responsive-section {
        width: 100vw;
    }
}

@media only screen and (max-width: 600px) {
    .promo-video-container {
        width: 100%;
    }

    .logo-content {
        width: 90%;
    }

    .menu-text {
        font-size: 20px;
    }

    .image-description {
        padding: 90px;
        font-size: 12px;
        width: 100vw;
        z-index: 1;
        pointer-events: none;
    }

    .top-picture-header {
        font-size: 4.7vw;
    }

    .top-picture-description {
        font-size: 15px;
        transition: 0.2s;
        height: fit-content;
    }

    .top-picture-container {
        background: black;
        padding-bottom: 50px;
        border-radius: 25px;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
    }

    .top-picture-slide>.top-picture {
        min-width: 100vw;
        height: auto;
        aspect-ratio: 5 / 3;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

    .top-picture-slide-buttons {
        width: 100vw;
        height: auto;
        aspect-ratio: 5 / 3;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

    .top-picture-slide-buttons>button {
        width: 35px;
        font-size: 30px;
    }

    .instagram-description {
        font-size: 16px;
    }

    .instagram-content{
        width: 100vw;
    }

    .instagram-content > a{
        width: 50%;
    }

    .instagram-content > a > img{
        width: 100%;
    }

    .accordion_description_hidden {
        height: 150px;
        overflow: hidden;
        text-overflow: ellipsis;
        transition: 0.2s;
        position: relative;
    }

    .accordion_description_hidden:after {
        content: "";
        height: 35px;
        width: 100%;
        display: block;
        position: absolute;
        top: 150px;
        background: linear-gradient(360deg, black, transparent);
        margin-top: -30px;
    }

    .image-table {
        flex-direction: column;
        height: 340px;
        justify-content: space-between;
    }

    .image-table:last-child {
        height: 170px;
    }

    .menu-long-cell,
    .menu-short-cell,
    .menu-full-cell {
        width: 100%;
        height: 150px;
    }

    .ps-image-table {
        flex-direction: column;
    }

    .image-sub-container {
        height: 550px;
    }

    .image-container:hover {
        width: 100%;
    }

    .image-container {
        position: relative;
    }

    #first_course {
        padding-bottom: 100px;
    }

    .section-title {
        font-size: 1.3rem;
        font-weight: 800;
    }

    .section-subtitle {
        font-size: 18px;
    }

    .course-menu {
        flex-direction: column;
    }

    .course-menu-head {
        font-size: 15px;
    }

    .course-menu-cols {
        margin: auto;
        width: 100%;
        padding: 0px 20px;
        justify-content: space-between;
    }

    .course-menu-col {
        height: 700px;
    }

    .course-menu-small {
        font-size: 8px;
        margin-top: -38px;
    }

    .course-menu-item,
    .course-menu-price {
        font-size: 13px;
    }

    .course-menu-subitem {
        font-size: 13px;
    }

    .course-menu-subitem {
        font-size: 10px;
        margin-top: -20px;
        height: 10px;
    }

    .course-menu-container {
        width: 98%;
        margin: auto;
        margin-left: 1.4%;
        padding: 0px;
    }

    .course-menu01 {
        height: 220px;
    }

    .image-bg {
        object-fit: cover;
    }

    .slide {
        height: 500px;
        width: 100vw;
        padding: 0px;
        position: relative;
    }

    .slide-image {
        width: 100%;
    }

    .slide-description {
        width: 90vw;
        transition: 3s;
    }

    .slide-counter {
        padding-top: 15px;
        font-size: 25px;
    }

    .slide-btns{
        width: 94%;
    }

    .shop-image-table {
        flex-direction: row;
        padding: 0px 0px;
        width: max-content;
    }

    .review-table {
        flex-direction: column;
        align-items: center;
    }

    .review-item {
        width: 90%;
        margin-bottom: 20px;
    }

    .contact-table-container {
        flex-direction: column-reverse;
    }

    iframe {
        width: 100%;
    }

    #contact-table {
        width: 100%;
    }

    .call-us,
    .tablelog {
        font-size: 20px;
        margin: 20px 0;
        filter: brightness(0) grayscale(1);
        color: black;
    }

    .phone {
        width: 40px;
    }

    .fixed-item {
        bottom: 10px;
        right: 10px;
    }

    .fixed-item img {
        width: 80px;
        height: 75px;
        padding: 0;
        padding-right: 10px;
    }

    .video-container>video {
        height: 100vh;
        transform: translateX(-247px);
    }

    .course-description {
        padding: 10px 50px 100px 50px;
    }

    #second_course .image-subdescription {
        margin: 0;
        margin-top: 0px;
        padding-top: 20px;
    }

    .standart-menu{
        gap: 20px;
    }

    .fixed-item {
        transform: translateY(0px) translateX(90px);
        flex-direction: row;
    }

    .footer-sp {
        display: block;
    }

    .footer-pc {
        display: none;
    }

    .copyright-text {
        text-align: center;
        padding-bottom: 20px;
        width: 100%;
    }

    .social-icon {
        width: 80px;
        padding: 0px 5px;
        filter: brightness(50);
    }

    .social-icon:hover {
        filter: brightness(1);
    }

    .footer>.copyright {
        flex-direction: column;
        align-items: flex-start;
    }

    .seo-icon {
        margin-right: -200px;
    }

    .footer-icon-list {
        width: 50%;
        display: flex;
        flex-direction: row;
        justify-content: space-around;
    }

    .table-log-icon {
        margin-right: 10px !important;
    }

    .standart-menu-container {
        margin-top: -485px;
        padding: 0px 20px;
    }

    .image-subdescription {
        padding-top: 0px;
        margin: 3px;
    }

    .sub-page-fixed-item {
        transform: none;
    }

    .smaller-text {
        font-size: 14px;
    }

    .custom-social-btn {
        background: white;
        border-radius: 5px;
        width: 300px;
        margin: auto;
        margin-bottom: 40px;
    }

    .review-button {
        border-radius: 5px;
    }

    .menu-section {
        margin-top: -5px;
        margin-bottom: 50px;
    }

    .black-trans-background {
        padding-bottom: 0px;
    }

    .blank-section {
        display: none;
    }

    .gallery-section {
        padding-top: 100px;
    }

    #bqq_section {
        margin-top: 200px;
    }

    .store-section {
        margin-top: 0px;
    }

    .shop-images-container {
        width: 100vw;
        overflow-x: scroll;
        scroll-behavior: smooth;
    }

    .shop-image-container {
        width: 100vw;
    }

    .hovered {
        opacity: 1;
    }

    .burger-menu-container {
        top: 0;
        left: 0;
    }

    .burger-menu {
        z-index: 101;
        margin: 20px;
    }

    .open-menu .burger-menu-content {
        max-height: 100vh;
    }

    .burger-menu-content {
        z-index: 100;
        position: absolute;
        top: 0;
        width: 100vw;
        height: 100vh;
    }

    .burger-menu-content>nav {
        margin-top: 0;
        width: 100%;
    }

    .burger-menu-content>nav>ul {
        height: 100vh;
        align-items: center;
        justify-content: center;
        gap: 20px;
        background: black;
    }

    .burger-menu-content>nav>ul>li>a {
        padding: 5px 20px;
        width: 80vw;
        text-align: center;
        background: none;
        background-image: linear-gradient(90deg, transparent 0%, #ff00003d 20%, #ff00003d 80%, transparent 100%);
    }

    .burger-menu-content>nav>ul>li>a:hover {
        background: #ff02017a;
        text-decoration: none;
    }

    .section-header{
        padding-bottom: 20px;
    }

    .staff-contents{
        width: 100vw;
        gap: 0;
    }

    .staff-content{
        min-width: 100vw;
    }

    .staff-image{
        height: auto;
    }

    .staff-content > p{
        width: 94%;
        margin: 20px auto;
    }
    .staff-controller{
        width: 200%;
        top: 10%;
        margin-left: 0;
        flex-direction: row-reverse;
        justify-content: center;
    }
    .staff-slide-button{
        width: 35px;
        height: 35px;
        font-size: 20px;
        background: #000000;
    }
    #staffSliderLeftBtn{
        position: relative;
    }
}

@media only screen and (max-width: 400px) {}

@media only screen and (max-width: 300px) {}