@media screen and (min-width:1920) and (max-width:2048px) {
    .slide-image {
        display: none;
        height: 986px !important;

    }
}

@media screen and (min-width:1728px) and (max-width:1919px) {
    .slide-image {
        height: 886px !important;
        
    }
}

@media screen and (min-width: 2201px) {
    .head-logo {
        width: 100%;
    }
}

@media screen and (min-width:1728px) and (max-width:2200px) {
    .head-logo {
        width: 26vw;
    }
}

@media screen and (min-width:851px) and (max-width:991px) {
    .head-logo {
        width: 100%;
    }

    .d-flex,
    .d-inline-flex {
        justify-content: center;
        align-items: center;
    }

    .pc_menu {
        padding: 0 !important;
    }

    .pc_menu p {
        font-size: 13px;
    }
}

@media only screen and (max-width: 1200px) {
    .top-nav-tt {
        flex: 1.4;
    }

    .video-container {
        width: 300px;
        right: 0rem;
        bottom: -5rem;
    }

    .play-btn {
        font-size: 4rem;
        top: 50px;
        left: 105px;
    }

    .video-container video {
        top: 1px;
    }


    /* for top_tt_page_sector */
    .top-tt-container-img {
        height: 12vh;
    }

    /* for about_kanazawa top page */
    .about-img {
        width: 210px;
        height: 210px;
    }

}


/*  devices (large laptops and desktops, 980px ) */

@media only screen and (max-width: 990px) {
    .top-nav-logo {
        flex-direction: column;
        flex: auto;
    }

    .tab_open {
        display: block;
    }

    .top-nav-sns {
        flex: auto;
    }

    .top-nav-tt {
        flex: auto;
    }

    /* for footer page */
    .kz-logo-title {
        font-size: 1.5rem;
    }

    .kz-logo-sub-title {
        font-size: 1.3rem;
    }

    .top-big-clz-tt-h1 {
        font-size: 28px;
    }

    .top-big-clz-tt-h2 {
        font-size: 20px;
    }

    .kz-st-voice-card-img {
        width: 180px;
        height: 180px;
        aspect-ratio: 1;
    }

    .feature-img-container {
        width: 180px !important;
        height: 180px !important;
    }

    .feature-img {
        width: 180px !important;
        height: 180px !important;
    }
}


/* for under ipad */
@media screen and (min-width:768px) and (max-width: 850px) {
    .mb-head {
        display: block !important;
    }

    .pc-head {
        display: none;
    }

    .feature-img {
        width: 180px !important;
        height: 180px !important;
    }

    .play-btn {
        display: none !important;
    }

    .head-logo {
        padding-bottom: 1em;
    }

    .top-nav-logo {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        align-content: center;
    }

    .top-big-clz-tt-h1 {
        font-size: 24px;
    }

    .top-big-clz-tt-h2 {
        font-size: 18px;
    }

    .footer-column {
        width: 100% !important;
    }

    .kz-content-wrapper {
        border-left: none;
    }

    .kz-content-wrapper-center {
        flex-direction: column;
        padding-left: 0em !important;
    }

    .kz-logo-title {
        font-size: 3.7rem;
    }

    .kz-logo-sub-title {
        font-size: 3em;
    }

    .text-container {
        padding: 2.75em 0em;
    }

    .img-fluid-center {
        position: relative;
        top: 50%;
    }

    .img-footer {
        position: absolute !important;
        width: 309px !important;
        top: -178px !important;
        left: 368px !important;
    }

    .kz-copywrite {
        padding: 3rem 0 0 0;
    }

}

@media screen and (max-width: 850px) {
    .slide-image {
        height: auto !important;
    }

    .single-page-title {
        font-size: 7vw !important;
    }

    .mb_icon {
        font-size: 24px;
    }

    #langMB {
        font-size: 18px;
        margin-top: -1px !important;
    }
}

@media screen and (max-width: 767px) {
    .mb-head {
        display: block !important;
    }

    .pc-head {
        display: none;
    }

    .sm_bt {
        padding-bottom: .5rem;
    }

    .top-big-clz-tt-h1 {
        font-size: 18px;
    }

    .top-big-clz-tt-h2 {
        font-size: 14px;
    }

    .kz-content-wrapper {
        border-left: none;
    }

    .kz-content-wrapper-center {
        padding: 2em 0;
    }

    .play-btn {
        display: none;
    }

    .kz-slide-position {
        height: auto !important;
    }

    .admission .row .box {
        padding-right: 0 !important;
    }

    .tab_pt {
        padding-top: 3em;
    }
}

@media only screen and (max-width: 700px) {
    .vid_div {
        width: 100%;
        display: flex !important;
        justify-content: center;
        align-items: center;
    }

    .video-container {
        width: 80%;
        position: relative;
        right: 0;
        bottom: 0;
        padding: 10px;
        border: double 10px transparent;
    }

    .play-btn {
        display: none;
    }

    .slide-texts {
        top: 18%;
    }

}

/* Extra small devices (phones, 600px and down) */

@media only screen and (max-width: 600px) {
    .top-nav-logo-tt {
        font-size: 1.1rem !important;
        margin-top: 0;
        transform: translate(4px, 3px) !important;
    }

    .top-big-clz-tt {
        margin-left: 15px;
    }

    .play-btn {
        display: none;
    }

    /* for top_tt_page_sector */
    .top-tt-container {
        font-size: 25px;
    }

    /* for about_kanazawa top page */
    .col-md-3 {
        width: 100%;
    }

    /* for about_kanazawa top page */
    .about-img {
        width: 250px;
        height: 250px;
    }

    /* for features top page */
    .kz-annonimas {
        width: 300px;
        height: 300px;
    }

    /* for footer page */
    .img-footer {
        height: auto !important;
    }

    .text-container {
        text-align: center;
        padding: 1em 0 2rem 0;
    }

    .kz-content-wrapper {
        border: none;
    }

    .slide-texts {
        top: 14%;
    }

    .two_line {
        display: none;
    }

    .tree_line {
        display: block;
    }

    .slide-text-big {
        font-size: 5vw;
    }

    .slide-text-sm {
        font-size: 3.5vw;
    }
}


/* On smaller screens */

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



    .single-page-top-about {
        height: auto !important;
    }


    .single-page-top-admission {
        height: auto !important;
    }

    .single-page-title p {
        font-size: 1em !important;
    }

    /*  decrease text size */

    .kz-content-wrapper {
        border: none;
    }

    #langMB {
        font-size: 14px;
        margin-top: 0 !important;
    }

    .video-container {
        width: 90%;
    }



    .text {
        font-size: 11px
    }

    .top-nav-logo-tt {
        font-size: 1rem !important;
        transform: translate(11px, 3px) !important;
    }

    .head-logo {
        width: 35vw;
        padding-bottom: .5rem;
    }

    .global-icon {
        font-size: 20px !important;
    }

    .leaf-img {
        width: 35% !important;
        top: -103px !important;
        left: -32px !important;
        z-index: -1;
    }

    .icon_tt {
        margin: 0 0px 0 5px !important;
    }

    .icon_tt_lan {
        width: 80px !important;
    }

    .kz-hidden {
        display: none;
    }

    .sbg-red {
        position: absolute;
        right: -10px;
        top: 18px;
    }

    .dropdown-menu.show {
        transform: translate(-25px, 33px) !important;
    }

    .kz-content-wrapper-center {
        padding: 1.25em 0em;
    }

    .slide-image {
        height: 315px !important;
        object-position: 10% 0%;
    }

    .text-content {
        width: 80% !important;
        ;
    }

    .section-gap {
        padding: 0em 0em !important;
    }

    .img-container {
        padding-top: 1em !important;
    }

    .lang_feature_text_8 {
        padding-bottom: 1em !important;
    }

    .main-content-single {
        padding-bottom: 2em;
    }

    .slide-text-big {
        font-size: 4.5vw;
    }

    .kz-sns-img {
        margin-top: -5px;
    }

}

@media only screen and (max-width: 375px) {
    .mb_icon {
        font-size: 16px;
    }

    #langMB {
        font-size: 11px;
    }


}

@media screen and (min-width:200px) and (max-width:320px) {
    .section-gap {
        padding: 0em 0em !important;
    }

    .main-content-single {
        padding-bottom: 2em;
    }

    .img-container {
        padding-top: 1em !important;
    }

    .lang_feature_text_8 {
        padding-bottom: 1em !important;
    }

    .kz-content-wrapper {
        border: none;
    }

    .kz-sns-container {
        padding-left: .35em !important;
    }

    .top-big-clz-tt {
        margin-left: 0px !important;
    }

    .form-check {
        margin-bottom: 2.125rem;
        text-align: left;
    }

    .about-video {
        height: 250px !important;
    }

}

@media screen and (min-width:320px) and (max-width:480px) {

    .about-video-container {}

    .about-video {
        height: 250px !important;
    }

}

@media screen and (min-width:480px) and (max-width:849px) {
    .single-page-top-about {
        height: auto !important;

    }

    .single-page-top-admission {
        height: auto !important;
    }

    .single-page-title p {
        font-size: .75em !important;

    }

    .single-page-title {
        margin: 3rem 0rem;

    }

}