@media (max-width: 1170px) {

    .catalog-box-inner {
        background-color: unset;
    }

    #full_wrapper {
        height: initial;
    }

    #full_wrapper .main:not(.login_screen) {
        background: initial;
    }

    .login_area {
        flex-direction: column;
        flex-wrap: nowrap;
        align-items: center;
    }

    .login_screen .login_area .login_box .img_box img {
        height: 53vh;
        padding: 0;
        position: relative;
        left: 9%;
    }
}


@media (min-width: 992px) {
}

@media (max-width: 767px) {
    .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
        max-width: 100%;
    }

    p {
        margin-bottom: 15px;
    }

    body::after, body::before {
        height: 50px;
    }

    #menu_icon, .bottom_blue_box {
        width: 65px;
        height: 50px;
    }

    #menu_icon img {
        max-width: 35px;
    }

    .login_area .login_logo_box {
        width: 100% !important;
        height: auto;
    }

    .login_area .left_side_img {
        height: 100%;
        width: 100% !important;
    }

    .login_logo_box .logo {
        max-width: 140px;
        margin-top: 10px;
    }

    .login_logo_box .view_btn {
        margin: 10px 0;
        font-size: 20px;
    }

    .login_box .img_box {
        max-width: 280px;
        margin: 0 auto;
        padding: 0;
    }

    .login_screen .login_area .login_box .img_box img {
        height: 70vh;
        position: relative;
        left: 14%;
    }

    .login_box .img_box img {
        animation: fadeInUp 1s ease backwards;
        -webkit-animation: fadeInUp 1s ease backwards;
        animation-delay: 1.5s;
    }

    .deparment-list-area {
        max-width: 450px;
    }

    .deparment-list-area .deparment-list {
        margin: 32px -8px;
    }

    .deparment-list .catalog-box {
        width: calc(50% - 13px);
    }

    /*.contact-section .contact-box-list {*/
    /*    padding-bottom: 30px;*/
    /*}*/

    .contact-box-list .catalog-box {
        margin: 0 6.5px 10px;
    }

    .contact-box-list .catalog-box:nth-child(2) {
        display: block;
    }

    .contact-box-list .catalog-box .img_box {
        height: 175px;
    }

    .contact-box-list .catalog-box .img_box img {
        max-width: 75px;
    }

    .contact-box-list .catalog-box h4 {
        font-size: 15px;
    }

    /*.deparment-list .catalog-box .img_box {*/
    /*    height: -webkit-fill-available;*/
    /*}*/

    .catalog-box h4 {
        top: -6px;
    }

    .tabs li {
        width: 32%;
    }

    .address-list {
        display: none;
    }

    .veg_icon_area {
        display: block;
    }

    .veg_icon_area p {
        margin-bottom: 10px;
    }

    .veg_icon_area .waze_icon {
        margin: 0 auto;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 50px;
        height: 50px;
        background: var(--primary-color);
        border-radius: 100%;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        -ms-border-radius: 100%;
        -o-border-radius: 100%;
    }

    .community_sec .commun_detail .comm_img {
        text-align: center;
        max-width: 100%;
    }

    .community_sec .commun_con {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column-reverse;
        padding: 0 15px;
    }

    .community_sec .commun_title {
        text-align: center;
    }

    .community_sec .commun_detail .comm_img img {
        margin-bottom: 35px;
        width: 30%;
        object-fit: scale-down;
    }

    .community_sec {
        padding: 0;
        position: relative;
        z-index: 1;
        top: -130px;
    }

    .community-background {
        position: relative;;
        top: 0;
        width: 100%;
        height: 130px;
        background: #ae08b2;
        z-index: 0;
    }

    /* .community_sec::before { content: ''; position: absolute; top: 0px; left: -10px; background-color: #00c4cf; height: 144px; width: calc(100% + 20px); } */
    .community_sec .commun_detail .commun_con .commun_title p {
        margin-bottom: 0px;
    }

    .community_sec .commun_detail .commun_con .commun_desc {
        margin-bottom: 35px;
    }

    .community_sec .commun_detail .commun_con .commun_title h3 {
        font-size: 22px;
        line-height: 1;
    }

    .community_sec .commun_detail .commun_con .commun_title p {
        font-size: 16px;
        line-height: 1.5;
    }

    #menu_box {
        max-width: 280px;
        padding: 20px 0;
    }

    #menu_box .close_menu {
        padding: 0 25px 10px 0;
    }

    #menu_box .nav .nav-item {
        border-width: 2px;
    }

    #menu_box .nav .nav-item a {
        font-size: 15.49px;
    }

    #menu_box .nav .nav-item > a {
        padding: 10px 40px 10px 0;
    }

    #menu_box .nav .nav-item.submenu_arrow::after {
        top: 17px;
        right: 23px;
    }

    #menu_box .nav-item .submenu li > a {
        padding: 7px 40px 7px 0;
    }

    #menu_box .nav-item .submenu li:last-child > a {
        padding-bottom: 14px;
    }

    #menu_box .nav {
        border-width: 2px;
    }

    .department_sec .department_detail .department_con .depart_detail p {
        margin-bottom: 5px;
    }

    body.gray-bg.class::before {
        bottom: 40px;
    }

    body.gray-bg.class #full_wrapper {
        margin-bottom: 30px;
    }

    body.class .cat_link, .catalog-section .suncategory-list {
        display: flex;
    }

    .catalog-section .suncategory-list {
        margin: 34px 0 0;
        position: relative;
        z-index: 1;
    }

    .catalog-section .suncategory-list li {
        margin: 3px 0;
        line-height: 47px;
        text-align: center;
        width: 24.2%;
    }

    .catalog-section .suncategory-list li a {
        font-size: 15px;
    }

    .login_area .login_logo_box .logo {
        animation-delay: .5s;
    }

    .per_img {
        width: 270px;
        height: 270px;
    }

    .thank_logo h1 {
        font-size: 100px;
    }

    .thank_logo .btn {
        padding: 5px 35px !important;
    }

    .catalog-section .btn.circle-btn {
        padding: 18px;
        background: linear-gradient(to right, #ad08b2, #1398e2);
        width: 80%;
        box-shadow: none;
        font-size: 14px;
        /*margin-top: 22px;*/
        /*border-radius: 10px;*/
        /*-webkit-border-radius: 10px;*/
        /*-moz-border-radius: 10px;*/
        /*-ms-border-radius: 10px;*/
        /*-o-border-radius: 10px;*/
        /*box-shadow: none;*/
        /*color: #ffffff !important;*/
        /*line-height: 103px;*/
    }

    .catalog-section .btn.circle-btn:hover {
        color: #fff;
    }

    .catalog-section .circle-btn span {
        font-size: 35px;
        font-weight: normal;
    }

    .catalog-section .circle-btn img {
        margin-right: 5px;
        animation: left_right 1s infinite alternate-reverse;
        -webkit-animation: left_right 1s infinite alternate-reverse;
    }

    .catalog-section .circle-btn::before {
        content: none;
    }

    .top-heading {
        max-width: 450px;
    }

    .top-heading img {
        width: 50%;
    }

    .class-bg-img-area {
        padding: 60px 0 30px;
        background-image: url('../images/site/class-title-bg.jpeg');
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
    }

    .class-bg-img-area::after {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        background: rgb(255 255 255 / 60%);;
        top: 0;
        left: 0;
    }

    .class-bg-img-area .main-title {
        position: relative;
        z-index: 1;
    }

    .subcategory-list-area .subcategory-box {
        max-width: 46%;
    }
}

@media (max-width: 575px) {
    .community_sec .commun_detail .commun_con .commun_desc p {
        font-size: 16px;
        line-height: 1.3;
    }

    .community_sec .commun_con {
        padding: 0px 5px;
    }

    .net-prev-btn-area .btn {
        max-width: 47%;
        padding: 10px 0 11px !important;
        line-height: 25px;
        font-size: 16px;
    }

    .net-prev-btn-area .btn img {
        max-width: 9px;
    }

    .net-prev-btn-area .btn.return-btn img {
        right: 5px;
    }

    .net-prev-btn-area .btn.next-btn img {
        left: 5px;
    }

    .net-prev-btn-area .btn {
        margin-left: 18px;
    }
}

@media (max-width: 574px) {
    .catalog-section .suncategory-list {
        justify-content: flex-start;
        margin: 25px 0 0;
    }

    .catalog-section .suncategory-list li {
        width: calc(33% - 6px);
        line-height: 42px;
        margin: 0 3px 6px;
    }

    .subcategory-list-area {
        padding: 20px 0 10px;
    }

    .subcategory-list-area .subcategory-box {
        max-width: 47%;
        line-height: 80px;
        margin-bottom: 25px;
        font-size: 28px;
    }

    .subcategory-page .main-title h2 {
        font-size: 40px;
    }

    .subcategory-page .main-title h6 {
        font-size: 22px;
    }

}