@media screen and (min-width:1920px) {
    .container {
        width: 1890px
    }
}

@media screen and (min-width:3840px) {
    .container {
        width: 3810px
    }

    .news-image img {
        width: 100%;
        height: 128px !important
    }
}

@media screen and (max-width:776px) {
    .site {
        flex-wrap: wrap
    }

    .accessibility {
        flex-wrap: wrap;
        gap: 8px;
        padding-top: 12px !important;
        padding-bottom: 8px !important
    }

    .left {
        padding: 0 !important
    }

    .main_heading, footer address p {
        font-size: 14px
    }

    .mis_login {
        margin-bottom: 10px
    }

    .breadcrumb_img {
        margin-bottom: 18px
    }

    .FeedbackIcon {
        width: 20% !important
    }

    .contact-detail-p {
        width: 80% !important
    }

    .get-intouch-txt {
        padding: 22px 0 10px 25px;
        color: #094080;
        font-weight: 700
    }

    div.dataTables_wrapper div.dataTables_paginate ul.pagination {
        margin: 12px 0 !important
    }

    #Mapsvg {
        margin-top: 28px;
        width: 100%
    }

    .display-none-sm, .nav-item.dropdown:hover .dropdown-menu.main-menu::after {
        display: none !important
    }

    .EnvironmentalTabsDesign .nav-item img {
        width: 137px
    }

    .EnvironmentalTabsDesign .nav-item .nav-link {
        width: 118px;
        height: 39px
    }

    .bread_heading {
        font-size: 16px;
        font-weight: 400 !important
    }

    .gallery_box, .video_box {
        justify-content: center !important;
        padding-top: 20px
    }

    .folder {
        cursor: pointer;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column
    }

    .sideMenu {
        width: 100% !important;
        margin: 0 auto 20px;
        padding: 0 36px !important
    }

    .container-fluid.pl-5 {
        padding-left: 0 !important
    }

    #pdfViewer embed {
        width: 100% !important;
        height: 400px !important
    }

    .InstitutionalImage {
        width: 100% !important;
        height: 100% !important
    }

    .listnone {
        color: #000
    }

    .about-accordian span {
        font-weight: 400;
        font-size: 12px
    }

    .mis_login {
        width: 88px;
        text-align: center;
        padding: 8px 0 !important;
        margin-top: 6px
    }

    .logoSlider .swiper-controls {
        right: 36% !important
    }

    .dropdown-menu a.dropdown-item {
        padding: 2px 6px !important
    }

    .accessibility {
        justify-content: space-between !important
    }

    .about-accordian h5 {
        font-size: 16px !important;
        margin-bottom: 12px;
        margin-top: 20px
    }

    .mt-5, .my-5 {
        margin-top: 0 !important
    }

    .md-justify-end {
        justify-content: flex-end !important
    }

    .footer-top_links ul li a {
        color: #fff;
        padding: 0 10px !important;
        font-size: 14px;
        line-height: 27px
    }

    .header .body img.atalLogo, .whats-new {
        height: auto
    }

    .header .body img.gov {
        height: 40px
    }

    .glance-img {
        height: auto !important;
        width: 100%
    }

    .footer-top_links ul {
        list-style-type: none;
        gap: 0;
        flex-direction: row;
        justify-content: start !important;
        text-align: center;
        flex-wrap: wrap
    }

        .footer-top_links ul li::before {
            content: ""
        }

        .footer-top_links ul li {
            width: auto;
            border-top: unset;
            padding-top: 0
        }

            .footer-top_links ul li:first-child {
                border-top: 0
            }

    .footer-heading, .footer_Contacts, .footer_info {
        padding-top: 28px
    }

    .visitors {
        padding-top: 12px
    }

    .whats-new_NPMU_image img {
        width: 100px !important
    }

    .nav-item.dropdown:hover .dropdown-menu.main-menu, .toggle_sec {
        width: 100%
    }

    .navbar-nav .dropdown-menu {
        width: 100%;
        border-radius: 10px
    }

    .search-container {
        display: none
    }

    .loginBox {
        justify-content: left !important;
        padding: 15px 0 !important
    }

    .navbar-nav li {
        padding: 5px 0;
        width: 100%
    }

    .accessibility {
        padding: 2px
    }
}

@media screen and (min-width:200px) and (max-width:550px) {
    .gallery_box {
        width: 250px
    }

    #Gallery_img {
        display: flex;
        justify-content: center;
        align-items: center
    }
}

@media screen and (max-width:576px) {
    .whats-new {
        height: auto
    }

    .mt-5, .my-5 {
        margin-top: 0 !important
    }

    .about-accordian h5 {
        font-size: 16px !important;
        margin-bottom: 12px;
        margin-top: 20px
    }

    .header .top .container .row .site {
        flex-direction: column;
        text-align: center
    }

        .header .top .container .row .site > p::after {
            content: unset
        }

    .header .top .container .row .accessibility {
        flex-direction: column;
        row-gap: 1vw;
        padding-bottom: 1vw
    }

    .header .body img.atalLogo {
        height: auto !important;
        width: 52px
    }

    .header .body img.atalLogo1 {
        height: 25px
    }

    .navbar {
        padding: 0 10px !important
    }

    .glance-img {
        height: auto !important;
        width: 100%
    }

    .footer-top_links ul li a {
        color: #fff;
        padding: 0 10px;
        font-size: 14px
    }

    #Mapsvg {
        width: 100%
    }

    .footer-top_links ul {
        list-style-type: none;
        gap: 0;
        flex-direction: row;
        justify-content: start !important;
        text-align: center;
        flex-wrap: wrap
    }

        .footer-top_links ul li::before {
            content: ""
        }

        .footer-top_links ul li {
            width: auto;
            border-top: unset;
            padding-top: 0
        }

            .footer-top_links ul li:first-child {
                border-top: 0
            }

    .footer_Contacts {
        padding-top: 28px
    }

    .footer_info {
        padding-top: 18px
    }

    .visitors {
        padding-top: 12px
    }

    .whats-new_NPMU_image img {
        width: 100px !important
    }

    .home-page .bannerSwiper .swiper-slide {
        height: 215px !important
    }

   /* .logo-Atal1 {
        height: 56px !important;
        width: 56px !important;
    }

    .logo-Atal2 {
        height: 48px !important;
    }*/
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .sideMenu {
        width: 85% !important
    }

    .header .body img.azadi {
        height: 40px !important
    }

    .dashOption > ul > li {
        width: 32px;
        height: 32px
    }

    .AtalJal_logo {
        padding-left: 5px
    }
}

@media only screen and (min-width:1400px) {
    .home-page .bannerSwiper .swiper-slide {
        background: #000;
        height: 360px
    }

        .home-page .bannerSwiper .swiper-slide img {
            height: 100%
        }
}

@media only screen and (min-width:800px) and (max-width:1020px) {
    .sideMenu {
        width: 85% !important
    }

    .accessibility {
        width: 100%;
        display: flex
    }

    .mis_login {
        width: 84px;
        text-align: center;
        margin-bottom: 10px
    }

    .display-none-sm, .search-container {
        display: none
    }

    .loginBox {
        width: 100%;
        justify-content: left
    }

    .login {
        width: 10% !important
    }

    .navbar li > a {
        padding: 8px 1px !important
    }

    .navbar {
        justify-content: right !important
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:1) {
    .header .body img.g20 {
        height: 31px !important
    }

    .news-image img {
        width: 100% !important
    }

    #Mapsvg {
        margin-top: 28px
    }

    .navbar {
        justify-content: end !important
    }
}

@media screen and (min-width:777px) and (max-width:992px) {
    .navbar-nav li {
        width: 100%
    }

    .mis_login {
        width: 88px;
        text-align: center;
        margin-top: 6px
    }

    .search-container {
        display: none
    }
}

@media screen and (min-width:900px) and (min-height:1000px) and (max-width:1050px) and (min-height:1400px) {
    .header .body img.g20 {
        height: 34px !important
    }

    #Mapsvg {
        margin-top: 28px
    }

    .navbar-nav li {
        width: auto !important
    }
}

@media (min-width:500px) and (min-height:700px) {
    .navbar {
        justify-content: end !important;
        padding: 0 10px !important
    }
}

@media (min-height:600px) and (max-height:1500px) {
    .navbar {
        padding: 0 !important
    }
}

@media (min-width:1250px) {
    .navbar {
        padding: 4px 0 !important
    }
}

@media screen and (min-width:1500px) and (max-width:2200px) {
    .home-page .bannerSwiper .swiper-slide img {
        object-fit: inherit !important
    }
}

@media screen and (min-width:200px) and (max-width:500px) {
    #pdf-viewer canvas {
        width: 100% !important
    }
}

@media screen and (min-width:501px) and (max-width:1024px) {
    #pdf-viewer canvas {
        width: 100% !important
    }
}

@media screen and (max-width:1060px) {
    .header .top .container-fluid .row .col-md-12 {
        padding: 0 !important
    }

        .header .top .container-fluid .row .col-md-12, .header .top .container-fluid .row .col-md-12 a {
            font-size: 12px !important
        }
}

@media screen and (min-height:150px) and (max-height:450px) {
    .accessibility {
        margin-bottom: 6px
    }

    .left {
        padding: 0 !important
    }
}

@media screen and (min-width:767px) and (max-width:1024px) {
    .accessibility {
        margin-bottom: 6px
    }

    .left {
        padding: 0 !important
    }
}

@media only screen and (max-width:1200px) {
    .right_header_logo {
        width: 90%
    }

        .right_header_logo a img {
            height: 48px
        }

        .right_header_logo a:first-child img {
            height: 60px
        }

        .right_header_logo a:nth-child(3) {
            margin-right: 5px
        }

        .right_header_logo a.emblemLogo {
            height: 62px;
            width: 46px
        }

    #back-to-top {
        bottom: 115px
    }
}

@media only screen and (max-width:1100px) {
    .right_header_logo {
        width: 90%
    }

        .right_header_logo a:first-child img {
            height: 54px
        }

        .right_header_logo a:nth-child(3) {
            margin-right: 5px
        }

        .right_header_logo a.emblemLogo {
            height: 54px;
            width: 43px
        }
}

@media only screen and (max-width:992px) {
    .right_header_logo {
        width: 100%;
        column-gap: 10px
    }

        .right_header_logo a img {
            height: 44px
        }

        .right_header_logo a:first-child img {
            height: 70px
        }

        .right_header_logo a:first-child, .right_header_logo a:nth-child(2) {
            display: flex;
            align-items: center;
            order: 1
        }

        .right_header_logo a:first-child {
            width: 70px;
            justify-content: flex-end
        }

        .right_header_logo a:nth-child(2) {
            height: 55px;
            justify-content: flex-start
        }

        .right_header_logo a:nth-child(3) {
            order: 3;
            margin-left: 0;
            margin-right: 0
        }

        .right_header_logo a:nth-child(4), .right_header_logo a:nth-child(5) {
            order: 3
        }

        .right_header_logo a.emblemLogo {
            position: static;
            order: 2;
            margin-left: auto
        }

    #back-to-top {
        bottom: 125px
    }
}

@media only screen and (max-width:991.99px) {
    #divHomeAboutVideo .row {
        row-gap: 12px
    }

    #divWhatsNew {
        margin-top: 12px
    }
}

@media only screen and (max-width:766.98px) {
    #divHomeAboutVideo .row {
        row-gap: 12px
    }

        #divHomeAboutVideo .row .col-sm-12 {
            height: fit-content;
            padding-bottom: 30px
        }

    #back-to-top {
        bottom: 135px;
        right: 30px
    }

    .right_header_logo {
        justify-content: center
    }

        .right_header_logo a:nth-child(2) {
            width: calc(100% - 80px);
            height: 55px;
            justify-content: flex-start
        }

        .right_header_logo a.emblemLogo {
            margin: 0
        }
}

@media only screen and (max-width:575.98px) {
    #back-to-top {
        bottom: 230px;
        right: 30px
    }

    .header .body .right {
        justify-content: center !important
    }
}

@media only screen and (max-width:500px) {
    .right_header_logo a img {
        height: 48px
    }

    .right_header_logo a:first-child img {
        height: 60px;
        margin-right: 5px
    }

    .right_header_logo a:first-child {
        width: 60px
    }

    .right_header_logo a:nth-child(2) {
        height: 50px
    }

    .right_header_logo a:nth-child(3) {
        order: 3;
        margin-left: 0
    }

    .right_header_logo a.emblemLogo {
        order: 2
    }
}

@media only screen and (max-width:440px) {
    .right_header_logo {
        width: 100%;
        justify-content: flex-end !important
    }

        .right_header_logo a img {
            height: 42px
        }

        .right_header_logo a:first-child img {
            height: 55px;
            width: 55px;
            margin-right: 5px
        }

        .right_header_logo a:first-child {
            width: 80px;
            justify-content: flex-end
        }

        .right_header_logo a:nth-child(2) {
            width: calc(100% - 90px);
            height: 48px;
            justify-content: flex-start
        }

            .right_header_logo a:nth-child(2) img {
                height: 100%;
                width: 100%
            }

        .right_header_logo a.emblemLogo {
            width: 32px;
            height: 40px
        }
}

@media only screen and (max-width:370px) {
    .right_header_logo {
        width: 100%;
        justify-content: center !important
    }

        .right_header_logo a img {
            height: 32px
        }

        .right_header_logo a:first-child img {
            height: 40px;
            width: 40px;
            margin-right: 5px
        }

        .right_header_logo a:first-child {
            width: 12%;
            justify-content: flex-end
        }

        .right_header_logo a:nth-child(2) {
            width: 83%;
            height: 32px;
            justify-content: flex-start
        }

            .right_header_logo a:nth-child(2) img {
                height: 100%;
                width: 80%
            }
}

@media print {
    .swiper-slide.banner-image-one {
        height: 320px !important
    }

    #divHomeAboutVideo .row {
        height: 450px
    }

        #divHomeAboutVideo .row .col-sm-12.col-md-5 {
            padding-bottom: 0;
            height: 175px
        }
}

@media only screen and (min-width:992px) and (max-width:1140px) {
    .site.d-flex.align-items-center.justify-content-center.justify-content-lg-start a,
    .site.d-flex.align-items-center.justify-content-center.justify-content-lg-start p {
        font-size: 12px !important;
    }
}
/*
@media only screen and (max-width:430px) {
    .logo-Atal1 {
        height: 50px !important;
        width: 50px !important;
    }

    .logo-Atal2 {
        height: 33px !important;
    }
}

@media only screen and (max-width:320px) {
    .logo-Atal1 {
        height: 50px !important;
        width: 50px !important;
    }

    .logo-Atal2 {
        height: 33px !important;
    }
}
*/