@media (max-height: 730px) {
    .garden_title {
        font-size: 62px;
        padding: 85px 170px 0 170px;
    }

    .garden_icon.left {
        top: 50%;
    }

    .garden_icon.left,
    .garden_icon.right {
        content: "";
        display: block;
        position: absolute;
        width: 180px;
        height: 180px;
    }
}

@media only screen and (min-width : 1025px) and (max-width : 1232px) {

    /* ----Main page ------ */

    .garden_icon.left,
    .garden_icon.right {
        width: 128px;
        height: 128px;
    }

    .garden_icon.left {
        left: 0;
        bottom: 0;
        top: auto;
    }

    .garden_icon.right {
        right: 0;
        top: 0;
    }

    .garden_title {
        font-size: 45px;
        padding: 120px 0;
    }

    .wrap_body::before {
        width: 100%;
    }

    /* ----Main page ------ */
}

@media only screen and (min-width : 768px) and (max-width : 1024px) {
    .page {
        margin-top: 89px;
    }

    .page.p_top {
        margin-top: 89px
    }

    @keyframes fix {
        0% {
            top: -89px
        }

        100% {
            top: 0
        }
    }

    .header_top {
        position: relative;
        width: 100%;
        padding: 16px 0;
    }

    .logo_img {
        width: 182px;
    }

    .menu_btn {
        display: flex;
    }

    .desk_items {
        display: none;
    }

    /* ----Main page ------ */

    .main-left {
        width: 300px;
    }

    .main-right {
        width: calc(100% - 300px);
    }


    .ft_s_img {
        width: 64px;
        height: 64px;
    }

    .ft_s_name {
        margin-top: 16px;
        font-size: 16px;
    }

    .garden_icon.left,
    .garden_icon.right {
        width: 128px;
        height: 128px;
    }

    .garden_icon.left {
        left: 0;
        bottom: 0;
        top: auto;
    }

    .garden_icon.right {
        right: 0;
        top: 0;
    }

    .garden_title {
        font-size: 45px;
        padding: 120px 0;
    }

    .wrap_head {
        height: calc(100vh - 89px);
    }

    .mid_title strong {
        position: relative;
        font-size: 100px;
        left: 0;
        bottom: 0%;
        padding-bottom: 20px;
    }

    .mid_title {
        flex-wrap: wrap;
        padding-left: 0;
        font-size: 32px;
    }

    .wrap_us .mid_title {
        padding-top: 0;
    }

    .wrap_body::before {
        width: 100%;
    }


    .srv_title {
        font-size: 24px;
    }

    /* .wrap_head {
        min-height: 0;
    } */

    /* ----Main page ------ */
}

@media only screen and (min-width : 561px) and (max-width : 767px) {
    .page {
        margin-top: 89px;
    }

    .page.p_top {
        margin-top: 89px
    }

    @keyframes fix {
        0% {
            top: -89px
        }

        100% {
            top: 0
        }
    }

    .header_top {
        position: relative;
        width: 100%;
        padding: 16px 0;
    }

    .logo_img {
        width: 182px;
    }

    .menu_btn {
        display: flex;
    }

    .desk_items {
        display: none;
    }


    /* ----Main page ------ */

    .main-left {
        float: none;
        width: 100%;
    }

    .main-right {
        float: none;
        width: 100%;
        padding: 0;
    }

    .ft_s_img {
        width: 64px;
        height: 64px;
    }

    .ft_s_name {
        margin-top: 16px;
        font-size: 16px;
    }

    .copyrite {
        margin: 16px 0 32px 0;
    }

    .created_by_sm {
        width: 100%;
        justify-content: center;
        margin: 16px 0 0 0;
    }

    .garden_icon.left,
    .garden_icon.right {
        width: 128px;
        height: 128px;
    }

    .garden_icon.left {
        left: 0;
        bottom: 0;
        top: auto;
    }

    .garden_icon.right {
        right: 0;
        top: 0;
    }

    .garden_title {
        font-size: 45px;
        padding: 120px 0;
    }

    .wrap_head {
        height: calc(100vh - 89px);
    }

    .children_img {
        display: flex;
        justify-content: center;
        overflow: hidden;
    }

    .children_img img {
        width: 150%;
    }

    .mid_title strong {
        position: relative;
        font-size: 82px;
        left: 0;
        bottom: 0%;
        padding-bottom: 20px;
    }

    .mid_title {
        flex-wrap: wrap;
        padding-left: 0;
        font-size: 28px;
    }

    .wrap_us .mid_title {
        padding-top: 0;
    }

    .wrap_body::before {
        width: 100%;
    }

    .mid_content {
        padding: 32px 0 0 0;
    }

    .mid_text {
        padding: 24px 0 0 0;
    }

    .wrap_body::before {
        width: 100%;
    }

    .wrap_services .col_item {
        width: 50%;
    }

    .srv_title {
        font-size: 24px;
    }

    .wrap_services .mid_title {
        font-size: 32px;
        margin-bottom: 32px;
        margin-bottom: 0;
        padding: 0 0px 0px 0;
    }

    .mid_icn_anime {
        width: 66px;
        height: 66px;
        top: 75%;
        right: -2%;
    }

    /* .wrap_head {
        min-height: 0;
    } */

    /* ----Main page ------ */
    .nw_inner_gallery .lSAction > a {
        display: none !important;
    }

    .demo-gallery > ul > li {
        width: 50% !important;
    }


}

@media only screen and (min-width : 0px) and (max-width : 560px) {
    .page {
        margin-top: 89px;
    }

    .page.p_top {
        margin-top: 89px
    }

    @keyframes fix {
        0% {
            top: -89px
        }

        100% {
            top: 0
        }
    }

    .header_top {
        position: relative;
        width: 100%;
        padding: 16px 0;
    }

    .logo_img {
        width: 182px;
    }

    .menu_btn {
        display: flex;
    }

    .desk_items {
        display: none;
    }


    /* ----Main page ------ */

    .main-left {
        float: none;
        width: 100%;
    }

    .main-right {
        float: none;
        width: 100%;
        padding: 0;
    }

    .row_item {
        margin: 0 0;
    }

    .col_item {
        float: none;
        width: 100%;
        padding: 0 0px 16px 0px;
    }

    .ft_cnt a {
        float: none;
        margin: 8px 8px 8px 0;
        font-size: 18px;
    }

    .ftr_logo .logo_img {
        max-width: 343px;
    }

    .ft_loc {
        margin: 16px 0 40px 0;
        font-size: 18px;
    }

    .copyrite {
        margin: 16px 0 32px 0;
    }

    .created_by_sm {
        width: 100%;
        justify-content: center;
        margin: 16px 0 0 0;
    }

    .garden_icon.left,
    .garden_icon.right {
        width: 128px;
        height: 128px;
    }

    .garden_icon.left {
        left: 0;
        bottom: 0;
        top: auto;
    }

    .garden_icon.right {
        right: 0;
        top: 0;
    }

    .garden_title {
        font-size: 45px;
        padding: 110px 0;
    }

    .wrap_head {
        height: calc(100vh - 89px);
    }

    .children_img {
        display: flex;
        justify-content: center;
        overflow: hidden;
    }

    .children_img img {
        width: 150%;
    }

    .mid_title strong {
        position: relative;
        font-size: 82px;
        left: 0;
        bottom: 0%;
        padding-bottom: 20px;
    }

    .mid_title {
        flex-wrap: wrap;
        padding-left: 0;
        font-size: 28px;
    }

    .wrap_us .mid_title {
        padding-top: 0;
    }

    .wrap_body::before {
        width: 100%;
    }

    .mid_content {
        padding: 32px 0 0 0;
    }

    .mid_text {
        padding: 24px 0 0 0;
    }

    .wrap_services {
        padding-top: 0;
    }

    .srv_title {
        font-size: 24px;
    }

    .wrap_services .mid_title {
        font-size: 32px;
        margin-bottom: 32px;
        margin-bottom: 0;
        padding: 0 0px 0 0;
    }

    .mid_icn_anime {
        width: 66px;
        height: 66px;
        bottom: -40px;
        top: auto;
        right: 0;
    }

    .wrap_time {
        padding-bottom: 50px;
        margin-bottom: 100px;
    }

    .wrap_head {
        min-height: 500px;
    }

    /* ----Main page ------ */

    /* Graduates page */

    .wrap_graduates .row_item {
        margin: 0;
    }

    .wrap_graduates .col_item {
        width: 100%;
        padding: 0 0px 16px 0px;
    }

    .gr_date {
        width: 100%;
        overflow: hidden;
        overflow-x: auto;
        padding-bottom: 10px;
    }

    .wrap_graduate_inner .service_img {
        float: none;
        width: 100%;
    }

    .wrap_graduate_inner .service_text {
        float: none;
        width: 100%;
        padding: 24px 0 0 0;
    }

    .wrap_services_inner .service_img {
        float: none;
        /* width: 100%; */
    }

    .wrap_services_inner .service_text {
        float: none;
        width: 100%;
        padding: 24px 0 0 0;
    }

    .nw_inner_gallery .lSAction > a {
        display: none !important;
    }

    .demo-gallery > ul > li {
        width: 50% !important;
    }

    .service_conent h1,
    .service_conent h2,
    .service_conent h3,
    .service_conent h4,
    .service_conent h5,
    .service_conent h6 {
        font-size: 20px;
    }

    /* Graduates page */

}