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

    /*MOBILE MENU nav-menu Styling */
    .menu-btn {
        display: block;
        z-index: 9999;
    }

    .list-menu span {
        display: block;
    }

    .nav-menu {
        background: #118230;
        padding: 1rem 0;
        display: block;
        position: relative;
    }

    .menu-btn i.active:before {
        content: "\f00d";
    }

    .nav-menu .menu {
        position: absolute;
        display: block;
        height: 100vh;
        width: 100%;
        left: -108%;
        top: 100%;
        padding-top: 5rem;
        background: #f4f5f7;
        transition: 0.5s ease-in;
        -webkit-transition: 0.5s ease-in;
        -moz-transition: 0.5s ease-in;
        -ms-transition: 0.5s ease-in;
        -o-transition: 0.5s ease-in;
        z-index: 999;
    }

    .nav-menu .menu.active {
        left: 0px;
        padding-top: 0rem;
    }

    .nav-menu>.menu>.menu-item {
        display: block;
        border-bottom: 1px solid rgba(10, 10, 10, 0.1);
    }

    .nav-menu>.menu>.menu-item>a:hover {
        background: #123966;
        color: #fff;
    }

    .you-tube iframe {
        width: 750px;
        height: 300px;
        margin-top: 1rem;
        text-align: center;
    }

    .event-area {
        flex-direction: column;
    }

    .event-post img {
        width: 100%;
        height: 200px;
    }

    .gallery_wise_photo .gallery_wise_item {
        flex-basis: 30%;
    }

    .nav-menu>.menu>.menu-item a {
        color: #000;
    }

    .nav-menu .menu>.menu-item a:hover,
    .nav-menu>.menu>.menu-item>.sub-menu .menu-item a:hover {
        background: #002147;
        color: #fff;
    }
}


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

    .footer-content ul,
    .footer-content2 ul {
        display: block;
        color: #fff;
        justify-content: space-evenly;
        text-align: center;
    }

    .news-title {
        width: 48%;
    }

    .event-title {
        width: 49%;
        margin-left: auto;
    }

    .news-post {
        width: 98%;
        background: #f3f3f3 none repeat scroll 0 0;
        margin-right: auto;
        flex-wrap: wrap;
        display: flex;
        margin-bottom: 2rem;
        justify-content: center;
    }

    .news-area {
        display: flex;
        width: 49%;
        flex-wrap: wrap;
        height: -webkit-max-content;
        height: -moz-max-content;
        height: max-content;
    }

    .event-post {
        display: flex;
        width: 49%;
        margin-left: auto;
        height: -webkit-max-content;
        height: -moz-max-content;
        height: max-content;
        padding-bottom: 1rem;
    }

    .footer-bottom .footer-content {
        flex-basis: 100%;
    }

    .footer-bottom {
        text-align: center;
    }

    .gallery_wise_photo .gallery_wise_item {
        flex-basis: 45%;
    }

    .suggestion-box {
        margin: 0 auto;
        flex-basis: 100%;
    }
}

@media screen and (max-width:600px) {
    .slider-area {
        display: block;
        margin-top: 1rem;
    }

    .corona-dashboard {
        width: 100%;
    }

    .slide-left {
        width: 100%;
    }

    .about-area,
    .service-area,
    .service-area2 {
        display: block;
        margin-top: 2rem;
    }

    .about-right,
    .service-right,
    .service-right2 {
        width: 100%;
    }

    .about-content-left,
    .service-content-left,
    .service-content-left2 {
        width: 100%;
    }

    .notice-board-area {
        display: block;
        margin-top: 1rem;
    }

    .scrolling-notice {
        width: 100%;
    }

    .notice-board-right-side {
        width: 100%;
        margin-top: 1rem;
    }
}

@media screen and (max-width:575px) {
    .batch_bg {
        margin-bottom: 1rem;
    }
}

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

    .left-side,
    .right-side form {
        display: block;
        margin-left: .5rem;
    }

    .left-side ul {
        text-align: center;
    }

    .topbar-menu {
        display: block;
        justify-content: space-between;
        background: #118230;
        margin-top: 10px;
        padding: 5px 0;
    }

    .form-right-side form {
        display: flex;
        margin-left: .5rem;
        margin-top: 1rem;
        align-items: center;
        justify-content: center;
    }

    .form-left-side {
        flex-basis: 100%;
    }

    .form-right-side {
        margin-top: 2rem;
        flex-basis: 100%;
    }

    .language {
        margin-top: 10px;
        margin-bottom: 6px;
    }

    .search-box {
        margin-top: 10px;
    }
}

@media screen and (max-width:516px) {
    .footer-content:nth-child(2) {
        margin-right: 36px;
    }

    .table-header {
        background: #f4f5f7;
        color: #000;
        text-transform: uppercase;
        font-size: 12px;
        height: 50px;
    }

    tbody.tbody-item {
        background: #efefef;
        font-size: 12px;
    }

    tbody.tbody-item tr td img {
        width: 45px;
        height: auto;
        margin-top: 7px;
    }
}