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

    section.header ul {
        width: auto !important;
        flex-wrap: wrap;
        gap: 6px 25px !important;
        justify-content: center;
    }

    section.header .row {
        flex-wrap: wrap;
        justify-content: center;
        gap: 21px;
        padding: 7px 0;
    }

    section.header .social-class.background-add {
        width: auto !important;
        padding: 0;
    }

    section.header .social-class.background-add::before {
        display: none;
    }

    section.header .social-class.background-add::after {
        display: none;
    }

    section.header .social-class.background-add>ul {
        flex-wrap: wrap;
    }

    section.header .social-class.background-add>ul li {
        width: auto;
    }

    section.header .social-class.background-add ul {
        gap: 10px !important;
    }

    .logo a.navbar-brand img {
        height: 80px;
        width: 80px;
    }

    .logo a.navbar-brand .name-logo p {
        font-size: 15px;
    }

    .logo a.navbar-brand .name-logo h4 {
        font-size: 20px;
    }

    .logo a.navbar-brand {
        gap: 5px;
    }

    nav.navbar {
        flex-wrap: nowrap;
    }

    nav.navbar button.navbar-toggler {
        position: absolute;
        right: 15px;
        margin: 0 !important;
        padding: 9px;
    }

    nav.navbar button.navbar-toggler span {
        font-size: 15px;
    }

    .navhead {
        position: relative;
    }

    section#main-carousel .carousel-item .content-slide,
    section#main-carousel .carousel-item.active .content-slide {
        top: 0px;
        width: 100%;
        display: flex;
        height: 100%;
        align-items: center;
    }

    .head-content h4 {
        font-size: 16px;
    }

    .head-content h2 {
        font-size: 34px;
        line-height: 37px;
    }

    .para-content-head h4 {
        font-size: 14px;
    }

    button.carousel-control-next.custom-carousel-btn.button-nav {
        padding-right: 10px;
    }

    button.carousel-control-prev.custom-carousel-btn.button-nav {
        padding-left: 10px;
    }

    .button-content {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 24px;
    }

    .button-content a {
        font-size: 14px;
    }

    section.about {
        padding: 30px 0px;
    }

    section.about .card {
        padding: 20px;
    }

    section.about .card h3 {
        font-size: 20px;
        line-height: 25px;
    }

    section.about .card h3 span {
        font-size: 22px;
    }

    section.about .card p {
        font-size: 14px;
        line-height: 25px;
    }

    img.vert-move {
        top: 30px;
    }

    .latestupdate {
        margin-top: 38px;
        padding: 20px 20px 20px;
    }

    .latestupdate h4 {
        font-size: 20px;
    }

    .latestupdate h4::after {
        top: 12px;
        left: 134px;
        width: 60px;
        height: 3px;
        z-index: 1;
    }

    .latestupdate::after {
        width: 92px;
        height: 92px;
    }

    .latestupdate ul.demo1 li.news-item .date-update p {
        font-size: 14px;
    }

    .latestupdate ul.demo1 li.news-item a p {
        font-size: 14px;
    }

    .accrediation h4::after {
        left: 182px !important;
        width: 60px !important;
        height: 3px;
    }

    .updates-start .owl-dots {
        padding: 0;
        margin: 0 auto;
    }

    .head-achieve h3 {
        font-size: 21px;
        justify-content: center;
        text-align: center;
    }

    .head-achieve h3 span.left {
        position: relative;
        width: 61px;
        height: 3px;
        top: 13px;
        left: -7px;
    }

    .head-achieve h3 span.right {
        position: relative;
        width: 61px;
        height: 3px;
        top: 13px;
        right: -7px;
    }

    .achieves {
        width: 48%;
    }

    .latestupdate.accrediation p {
        font-size: 14px;
    }

    .gallery-massionary {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .gallery-massionary .item-gallery {
        width: 48%;
        height: 216px;
    }

    .navhead.sticky-top {
        top: 1px !important;
    }

    h4.news-h4 a {
        font-size: 17px;
    }

    p.news-p {
        font-size: 14px;
        line-height: 24px;
    }

    .news-img h5 span.big-day {
        font-size: 22px;
    }

    span.smaller-day {
        font-size: 15px;
    }

    .row.row-testimonials {
        justify-content: space-between;
        padding: 0;
    }

    .counters-side {
        width: 100%;
        padding: 0;
    }

    .counting-start {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
    }

    .counters-side::before {
        display: none;
    }

    .testimonial-side {
        width: 100%;
    }

    .testimonial-side {
        width: 100%;
        padding-top: 35px;
    }

    .testimonial-side p {
        font-size: 14px;
    }

    .testimonial-side span.left.hidden {
        display: block !important;
    }

    .testimonial-side h3 {
        padding-bottom: 15px;
    }

    .about-info-testimonial h5 {
        font-size: 17px;
    }

    .testimonial-side .owl-nav {
        display: none;
    }

    .right-foot {
        width: 100%;
        padding: 0;
        position: relative;
        padding: 30px;
    }

    .row.footer-row {
        flex-direction: column-reverse;
        gap: 40px;
    }

    .right-foot::before {
        width: 100%;
        left: 0;
        right: 0;
        width: 100%;
    }

    footer.footer {
        padding: 15px 0 0;
    }

    form.form-contact .start-form .forms-contact.name {
        width: 100%;
    }

    div#captcha .form-group {
        padding: 0px;
        width: 100%;
    }

    div#captcha .normal {
        display: flex;
        gap: 8px;
    }

    div#captcha .normal .col-md-12.captcha {
        display: flex;
    }

    div#captcha .normal .col-md-12 {
        width: auto !important;
    }

    div#captcha .normal .col-md-12.captcha .form-group {
        align-items: center;
        display: flex;
    }

    .left-foot {
        width: 100%;
    }

    .about-foot p {
        color: #9fbaca;
        font-size: 14px;
    }

    .about-foot ul li a {
        font-size: 14px;
    }

    .about-foot h4 {
        margin-bottom: 13px;
        font-size: 18px;
    }

    .about-foot.quick-links ul {
        gap: 11px;
    }

    .follow-foot.social-class.background-add h5 {
        font-size: 16px;
    }

    .left-foot::before {
        width: 100%;
    }

    .about-foot.copy-foot p {
        text-align: center;
    }


    div#navbarCollapse {
        position: absolute;
        left: 0;
        background: #223760;
        top: 90px;
        width: 100%;
        right: 0;
        z-index: 11;
    }

    section.header {
        position: relative;
    }

    div#navbarCollapse .navbar-nav {
        width: 100%;
        padding: 0px !important;
    }

    div#navbarCollapse .navbar-nav a {
        padding: 10px;
        border-bottom: 1px solid #fff;
        color: #fff;
    }

    div#navbarCollapse .navbar-nav .nav-item.dropdown .dropdown-menu.fade-up.m-0.show {
        padding: 0px;
        background: #3e5178;
    }

    .sticky-top {
        transition: top 0.3s ease;
        width: 100%;
        z-index: 1030;
    }

    .sticky-nav {
        top: 0 !important;
    }

    html.no-js.fontawesome-i2svg-active.fontawesome-i2svg-complete {
        overflow-x: hidden;
    }

    .about-foot ul li span svg {
        font-size: 16px;
    }

    .follow-foot.social-class.background-add {
        padding-top: 18px;
    }

    .about-foot {
        margin-bottom: 30px;
    }

    a.btn.btn-primary.search-button {
        display: flex;
        gap: 12px;
        align-items: center;
        padding: 10px 20px;
        border-radius: 50px;
        background-color: #4caf50;
        border-color: #4caf50;
        box-shadow: none;
        justify-content: center;
        width: 150px !important;
        margin: 15px 10px;
    }

    button.navbar-toggler.me-4 {
        margin: 0px !important;
    }

    .breadcrumb-list h1 {
        font-size: 24px;
    }

    .breadcrumb-list ul {
        font-size: 14px;
        flex-wrap: wrap;
        justify-content: center;
    }

    .breadcrumb-list ul li a {
        font-size: 14px;
    }

    section.about.motto.aim .crest {
        flex-direction: column-reverse;
    }

    section.about.motto.aim .crest .left-crest {
        width: 100% !important;
        padding: 15px;
    }

    .side-image {
        width: 100%;
        padding: 15px;
    }

    section.about.motto.motto-aim .crest {
        flex-direction: column-reverse;
        margin-bottom: 20px;
    }

    section.about.motto.motto-aim .crest .left-crest {
        width: 100% !important;
        padding: 15px;
    }

    .side-image {
        width: 100%;
        padding: 15px;
    }

    .management h4 {
        font-size: 18px;
    }

    .management .table-responsive.table-mandat td {
        font-size: 14px;
    }

    .management .table-responsive.table-mandat th {
        font-size: 14px;
    }

    .management p {
        font-size: 14px;
        text-align: justify;
    }

    .management .table-responsive.table-mandat {
        margin-bottom: 20px;
    }

    .contentt-inrpage.extra-inner {
        padding: 30px 0px;
    }

    .sainik-code p img {
        width: 100%;
    }

    .about-detailed-news h3 {
        font-size: 22px;
    }

    .news-detailed p {
        margin: 0 0 5px;
        font-size: 14px;
    }

    section#about_a .row.infrastructure .col-md-3 {
        width: 100%;
    }

    section#about_a .row.infrastructure:nth-child(odd) {
        flex-direction: column-reverse;
    }

    section#about_a .row.infrastructure {
        padding: 15px;
    }

    section.about.contact-uss .col-md-5 {
        padding: 0;
    }

    section.about.contact-uss .left-details {
        padding: 20px;
    }

    .location-lock ul li a {
        line-break: anywhere;
    }

    section.about.contact-uss .col-md-7 {
        padding: 0;
    }

    section.about.contact-uss .right-details {
        padding-top: 21px;
    }

    section.about.contact-uss .right-details p,
    section.about.contact-uss p,
    section.about.contact-uss li,
    section.about.contact-uss a {
        font-size: 14px;
    }

    .col-md-4.staff-box img {
        object-fit: cover;
    }

    section.about.gallery.inner-gallery.hostelss p {
        text-align: justify;
        font-size: 14px;
    }

    .congrats-popup .modal-dialog.popup {
        width: 100% !important;
        max-width: 55% !important;
    }

    .congrats-popup {
        display: flex !important;
        height: 100% !important;
        align-items: center;
    }

    .congrats-popup .modal-dialog.popup {
        margin: 0 auto;
    }

    .about-foot.about-11 {
        width: 100%;
        text-align: justify;
    }

}


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

    .logo a.navbar-brand img {
        height: 60px;
        width: 60px;
    }

    .logo a.navbar-brand .name-logo p {
        font-size: 13px;
    }

    .logo a.navbar-brand .name-logo h4 {
        font-size: 18px;
    }

    .testimonial-side span.left.hidden {
        display: block !important;
    }

    .testimonial-side span.right {
        display: block !important;
    }

    div#navbarCollapse {
        top: 70px;
    }

    .breadcrumb-list h1 {
        text-align: center;
    }

}

@media (min-width: 320px) and (max-width: 500px) {
    .achieves {
        width: 100% !important;
        justify-content: center;
    }

    .gallery-massionary {
        display: flex;
        flex-wrap: wrap;
    }

    .gallery-massionary .item-gallery {
        width: 100%;
    }

    section#main-carousel .carousel-item img {
        height: 100%;
    }

    .modal-searching-type .modal-dialog.modal-dialog-centered .modal-body {
        padding: 10px 15px;
        display: flex;
        gap: 0px;
        flex-wrap: wrap;
        justify-content: center;
    }

    .modal-searching-type .modal-dialog.modal-dialog-centered .modal-header {
        padding: 10px 15px;
    }

    .congrats-popup .modal-dialog.popup {
        width: 100% !important;
        max-width: 67% !important;
    }

    .congrats-popup .popovers {
        padding: 0px !important;
    }

    .congrats-popup img.lazy.img-responsive {
        width: 100% !important;
    }

    .congrats-popup .modal-body {
        padding: 1px !important;
    }

    .about-foot.copy-foot.log-copy-foot {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        flex-direction: column;
    }

    .about-foot.copy-foot.log-copy-foot img {
        width: 89px;
        object-fit: contain;
        margin: 0 auto;
    }

    .left-foot::before {
        height: 74px !important;
    }

    .about-foot.copy-foot.log-copy-foot {
        padding-bottom: 8px !important;
    }
}

@media (max-width: 575px) {
    .count-marquee {
        flex-wrap: wrap;
    }

    .announcements {
        width: 100%;
        justify-content: center;
    }

    .latestupdate ul.demo1 li.news-item {
        flex-direction: column;
        justify-content: left;
        align-items: baseline;
        margin-bottom: 30px;
        gap: 5px;
    }

    .latestupdate ul.demo1 {
        gap: 15px;
    }

    .announcements::after {
        right: 10px;
    }

    .updates-start .slick-track {
        top: -40px;
    }

    .accrediation h4::after {
        left: 182px !important;
        width: 60px !important;
        height: 3px;
    }

    .news-box {
        width: 100%;
    }

    .about-foot.quick-links {
        width: 100%;
    }

    .about-foot.address {
        width: 100%;
    }

    .modal-searching-type .modal-dialog.modal-dialog-centered .modal-body {
        padding: 10px 15px;
        display: flex;
        gap: 0px;
        flex-wrap: wrap;
        justify-content: center;
    }

    .modal-searching-type .modal-dialog.modal-dialog-centered .modal-header {
        padding: 10px 15px;
    }

    .pic-inside {
        width: 100%;
    }

    .pic-section .upper-two {
        flex-wrap: wrap;
    }

    .staff-personal .staff-box {
        width: 100%;
    }

    .about-foot.quick-links ul li {
        width: 48%;
    }

}


@media (min-width: 576px) and (max-width: 767px) {
    section#main-carousel .carousel-item img {
        height: 400px;
    }

    .news-box {
        width: 80%;
        margin: 0 auto;
    }

    form.form-contact .start-form .forms-contact.name {
        width: 47% !important;
    }

    footer.footer {
        padding: 30px 0 0;
    }

    nav.navbar button.navbar-toggler {
        position: relative;
        right: 0px;
    }

    .modal-searching-type .modal-dialog.modal-dialog-centered .modal-body {
        padding: 10px 40px;
        display: flex;
        gap: 0px;
        flex-wrap: nowrap;
        justify-content: center;
    }

    .modal-searching-type .modal-dialog.modal-dialog-centered .modal-header {
        padding: 10px 40px;
    }

    .pic-section .upper-two .pic-inside {
        width: 50%;
    }

    .pic-inside {
        width: 50%;
    }

    .pic-section {
        justify-content: center;
    }

    .staff-personal .staff-box {
        width: 48%;
    }

    .about-foot.quick-links ul li {
        width: 31%;
    }
}


@media (min-width: 600px) and (max-width: 767px) {}

@media (min-width: 768px) and (max-width: 1024px) {
    .achieves {
        width: 31% !important;
    }

    .topheader .row>ul {
        display: flex;
        gap: 18px;
        width: 60%;
    }

    .topheader ul li a {
        font-size: 13px;
    }

    .head-content h4 {
        font-size: 18px;
    }

    html.no-js.fontawesome-i2svg-active.fontawesome-i2svg-complete {
        overflow-x: hidden;
    }

    .about-foot ul li span svg {
        font-size: 16px;
    }

    .follow-foot.social-class.background-add {
        padding-top: 18px;
    }

    .about-foot {
        margin-bottom: 30px;
    }

    .head-content h2 {
        font-size: 33px;
        line-height: 38px;
    }

    section#main-carousel .carousel-item .content-slide,
    section#main-carousel .carousel-item.active .content-slide {
        top: 0;
        width: 74%;
        display: flex;
        height: 100%;
        align-items: center;
    }

    .para-content-head h4 {
        color: #fff;
        font-size: 15px;
        font-weight: 400;
        margin-top: 8px;
        font-family: sans-serif;
    }

    section.about .card {
        padding: 25px;
    }

    section.about .card h3 {
        font-size: 22px;
        line-height: 26px;
    }

    section.about .card h3 span {
        color: #d1143e;
        font-size: 24px;
    }

    .latestupdate {
        margin-top: 30px;
    }

    .latestupdate.accrediation {
        margin-top: 30px;
    }

    .latestupdate h4 {
        font-size: 20px;
    }

    .latestupdate h4::after {
        top: 12px;
        left: 134px;
        width: 60px;
        height: 3px;
        z-index: 11;
    }

    .accrediation h4 {
        font-size: 20px;
    }

    .accrediation h4::after {
        top: 12px;
        left: 177px;
        width: 60px;
        height: 3px;
        z-index: 11;
    }

    .latestupdate::after {
        right: -45px;
        top: -45px;
        width: 121px;
        height: 121px;
    }

    .accrediation::after {
        right: -45px;
        top: -45px;
        width: 121px;
        height: 121px;
    }

    .updates-start .owl-dots {
        padding: 0;
        margin: 0 auto;
    }

    .updates-start button.owl-dot.active span {
        background: #e66a3e !important;
    }

    .news-box {
        width: 31%;
    }

    .achieved-news {
        padding: 10px 10px;
    }

    .achieved-news {
        min-height: 310px;
    }

    h4.news-h4 a {
        font-size: 17px;
    }

    h4.news-h4 {
        font-size: 17px;
    }

    .counting-start {
        left: 56px;
    }

    .counters-side::before {
        left: 66px;
    }

    .owl-nav {
        display: none;
    }

    .head-achieve h3 {
        font-size: 24px;
    }

    .head-achieve h3 span.left {
        top: 13px;
        height: 4px;
    }

    .head-achieve h3 span.right {
        top: 13px;
        height: 4px;
    }

    .gallery h3 {
        font-size: 24px;
    }

    .gallery h3 span.left {
        height: 4px;
        top: 13px;
    }

    form.form-contact .start-form .forms-contact.name {
        width: 100%;
    }

    div#captcha .form-group {
        padding: 0px;
        width: 100%;
    }

    div#captcha .normal {
        display: flex;
        gap: 8px;
    }

    div#captcha .normal .col-md-12.captcha {
        display: flex;
    }

    div#captcha .normal .col-md-12 {
        width: 100% !important;
    }

    div#captcha .normal .col-md-12.captcha .form-group {
        align-items: center;
        display: flex;
    }

    .about-foot ul li a {
        line-break: anywhere;
    }

    form.form-contact .start-form {
        flex-wrap: wrap;
        gap: 10px;
    }

    div#captcha {
        width: 100%;
    }

    div#captcha .normal {
        gap: 8px;
        flex-wrap: wrap;
    }

    .side-image img {
        min-height: 300px;
    }

    section.about.contact-uss .left-details {
        padding: 20px;
    }

    .location-lock ul li a {
        line-break: anywhere;
    }

    .map iframe {
        height: 209px;
    }

    .about-foot.quick-links ul li {
        width: 48%;
    }

}

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

    div#navbarCollapse {
        position: absolute;
        left: 0;
        background: #223760;
        top: 90px;
        width: 100%;
        right: 0;
        z-index: 11;
    }

    section.header {
        position: relative;
    }

    div#navbarCollapse .navbar-nav {
        width: 100%;
        padding: 0px !important;
    }

    div#navbarCollapse .navbar-nav a {
        padding: 10px 40px;
        border-bottom: 1px solid #fff;
        color: #fff;
    }

    div#navbarCollapse .navbar-nav .nav-item.dropdown .dropdown-menu.fade-up.m-0.show {
        padding: 0px;
        background: #3e5178;
    }

    .sticky-top {
        transition: top 0.3s ease;
        width: 100%;
        z-index: 1030;
    }

    .sticky-nav {
        top: 0 !important;
    }

    a.btn.btn-primary.search-button {
        display: flex;
        gap: 12px;
        align-items: center;
        padding: 10px 20px;
        border-radius: 50px;
        background-color: #4caf50;
        border-color: #4caf50;
        box-shadow: none;
        justify-content: center;
        width: 150px !important;
        margin: 15px 10px;
    }

    section.about.motto.motto-aim .creast .side-image img {
        min-height: 543px !important;
        object-fit: cover;
    }

    .pic-inside {
        width: 38%;
    }

    section.about.gallery.news.newsss .news-box {
        width: 48%;
    }

    .staff-personal .staff-box {
        width: 48%;
    }

    .col-md-4.staff-box img {
        object-fit: cover;
    }

}


@media (min-width: 1025px) and (max-width: 1200px) {
    .col-md-12.col-lg-6.col-12.welc-come {
        width: 100% !important;
    }

    .latestupdate {
        margin-top: 27px;
    }

    .navhead .navbar-light .navbar-nav .nav-link {
        margin-right: 15px;
        font-size: 14px;
    }

    .gallery-massionary .item-gallery {
        width: 32%;
        height: 216px;
    }

    .gallery-massionary {
        display: flex;
        flex-wrap: wrap;
    }

    .news-box {
        width: 31%;
    }

    form.form-contact .start-form {
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
        justify-content: space-between;
    }

    div#captcha .normal {
        width: 100%;
    }

    div#captcha .normal .col-md-12 {
        width: 48% !important;
    }

    div#captcha {
        width: 100%;
    }

    .side-image img {
        min-height: 388px;
        object-fit: cover;
    }

    section.about.motto.aim .side-image img {
        min-height: 259px;
        object-fit: cover;
    }

    .achieved-news {
        min-height: 278px;
    }

    .map iframe {
        height: 282px;
    }

    .about-foot.quick-links ul li {
        width: 48%;
    }

    .about-foot.about-11 {
        width: 45%;
    }

    .about-foot.quick-links ul li {
        width: 31% !important;
    }

}

@media (min-width: 992px) and (max-width: 1024px) {

    .navhead .navbar-light .navbar-nav .nav-link {
        margin-right: 15px;
        font-size: 14px;
    }

    .achieves-img img {
        height: 271px !important;
    }

    .item-gallery:nth-child(1) {
        grid-row: span 1;
    }

    .gallery-massionary {
        display: flex;
        flex-wrap: wrap;
    }

    .gallery-massionary .item-gallery {
        width: 32%;
        height: 216px;
    }

    .news-box {
        width: 31%;
    }

    .side-image img {
        min-height: 388px;
    }

    .video-play img.img-fluid {
        height: 400px;
        object-fit: cover;
    }

    .mandatory-tabless table th:first-child {
        width: 74px;
    }

    .achieved-news {
        min-height: 224px;
    }

    .dropdown-menu.fade-up.m-0 {
        border-radius: 0px;
        padding: 0;
    }

    .about-foot.quick-links ul li {
        width: 48%;
    }

    .about-foot.about-11 {
        width: 45%;
    }

    .about-foot.quick-links ul li {
        width: 31%;
    }

}

@media (min-width: 1201px) and (max-width: 1399px) {
    .latestupdate {
        margin-top: -21px;
    }

    .achieved-news {
        min-height: 278px;
    }

    .achieved-news {
        min-height: 257px;
    }

    .sainik-image img.vert-move {
        height: auto;
    }

    .sainik-image img {
        height: 439px;
    }

    .dropdown-menu.fade-up.m-0 {
        border-radius: 0px;
        padding: 0;
    }
}


@media (min-width: 1400px) and (max-width: 10000px) {
    .latestupdate {
        margin-top: -40px;
    }

    .gallery-massionary {
        grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr));
    }

    .dropdown-menu.fade-up.m-0 {
        border-radius: 0px;
        padding: 0;
    }
}

@media (min-width: 1025px) and (max-width: 10000px) {
    .sticky-top.sticky-nav {
        top: 0px !important;
    }

    .dropdown-menu.fade-up.m-0 {
        box-shadow: 0px 0px 5px 0px #ddd;
    }

    .video-play img.img-fluid {
        height: 400px;
        object-fit: cover;
    }

    .mandatory-tabless table th:first-child {
        width: 74px;
    }
}