@media (max-width:1024px) {

    .key-features .owl-prev,
    .key-features .owl-next {
        top: -70PX;
    }

    .key-features .owl-prev {
        left: 95%;
    }

    .key-features .owl-next {
        right: 0;
    }

    .rules-page .content p {
        font-size: 15px;
    }

    .about-bg-images .about-shape-1 {
        width: 50%;
    }

    .about-bg-images .about-shape-2 {
        width: 12%;
        top: -24px;
    }

    .about-bg-images .about-shape-2 img {
        max-width: 94%;
    }
}

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

@media (max-width:820px) {
    .top-bar {
        display: none;
    }

    .tab-menu {
        display: block;
    }

    .header .top-bar .right {
        display: none;
    }

    .abt-cards {
        margin-top: 20px;
    }

    .message-box {
        position: relative;
        display: flex;
    }

    .message-sec .message .message-box .image {
        height: 400px;
    }

    .message-sec .message .message-box .message-text {
        width: 58%;
        height: fit-content;
        top: 70px;
    }

    .message-sec .campus-life {
        margin-top: 20px;
    }

    .accordion .card .card-header h2 button .btn-title {
        font-size: 15px;
    }

    .table thead th {
        font-size: 13px;
    }

    .course_specification {
        margin-top: 15px;
    }

    .course_specification .heading-section {
        margin-bottom: 15px;
    }

    .rules-rulation-section {
        padding-bottom: 10px;
    }

    .rules-page .content p {
        font-size: 12px;
    }

    .rules-rulation-section h5 {
        margin-top: 15px;
    }

    .anim-shape {
        right: 110px;
    }

    .about-bg-images .about-shape-2 {
        top: -37px;
    }

    .about-page-section2 .image .img1,
    .about-page-section2 .image .img3,
    .about-page-section2 .image .img4 {
        position: relative;
        margin-bottom: 15px;
        top: 0;
    }

    .about-page-section2 .image .img4 {
        right: -10px;
    }

    .half-sec .right {
        padding-left: 0px;
    }

    .gallery-page-section .img-box img {
        width: 100%;
    }

    .objectives-page-section1 .image .img2 {
        position: relative;
        margin-bottom: 15px;
        width: 100%;
    }

    .objectives-page-section1 .image .img1 {
        display: none;
    }

    .values-page-section1 .values-timeline .values-center-line {
        display: none;
    }

    .values-page-section1 .values-timeline .values-timeline-content .values-article .left {
        margin-bottom: 15px;
    }

    .values-page-section1 .values-timeline .values-timeline-content .values-article .center-dot.top {
        left: 95%;
    }

    .values-page-section1 .values-timeline .values-timeline-content .values-article .center-dot.bottom {
        left: 5%;
    }

    .philosophy-page-section1 .image img {
        position: relative !important;
    }

    .philosophy-page-section1 .image .img2 {
        right: -10px;
    }

    .philosophy-page-section1 .image {
        margin-bottom: 15px;
    }

    .faculty-page-section1 .faculty-box .faculty-qul {
        margin: 0;
    }

    .placement-page-section .inner {
        margin-bottom: 15px;
    }

    .career-page-sec .inner-box .image {
        width: 40%;
    }

    .error-context h3 {
        font-size: 30px;
    }


}

@media (max-width:768px) {

    .modal-button-wrap {
        width: 85%;
    }

    .modal-dialog.modal-lg {
        max-width: 90%;
        margin: auto;
        top: 40px;
    }

    .modal-banner {
        height: 430px;
    }

    .para-context p {
        font-size: 16px;
    }

    .para-context h3 {
        font-size: 18px;
    }


    .message-box {
        display: block;

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

        .message-text {
            width: 100% !important;
            height: auto !important;
            top: 0 !important;
            margin: 20px 0 0 0 !important;
        }
    }

    .table-style-01.table thead tr th:first-child,
    .table-style-01.table tbody tr td:first-child {
        display: none;
    }

    .about-page-section1 .right {
        padding-left: 0;
    }

    #cookieConsent {
        width: 75%;
    }
}

@media (max-width:736px) {
    .about-bg-images .about-shape-1 {
        display: none;
    }

    .about-bg-images .about-shape-2 {
        left: 70%;
        top: -43px;
    }

    .about-bg-images .about-shape-2 img {
        margin-top: 12px;
    }

    .error-img {
        text-align: center;
    }

    .error-img img {
        max-width: 300px;
    }

    .error-context {
        height: auto;
        background: #fff;
    }

    .g-ins-img {
        text-align: center;
    }

    .g-ins-img img {
        max-width: 320px;
    }

}

@media (max-width:667px) {
    .para-context {
        p {
            font-size: 16px;
        }

        h3 {
            font-size: 18px;
        }
    }

    .modal-button-wrap a.btn {
        padding: 12px 15px;
    }

    .modal-button-wrap {
        width: 80%;
    }

    .members-section .accordion .card .card-header h2 button .accord-count {
        font-size: 18px;
    }

    .desk-name {
        display: none;
    }

    .mob-name {
        display: block;
    }

    .member-img {
        width: 50px;
        height: 50px;
    }

    .table tbody td {
        font-size: 13px;
    }

    .rules-page.about-page-section1 .full {
        padding: 20px;
    }

    .rules-page .content {
        display: block;
        text-align: center;
    }

    .vm-section::before {
        width: 100%;
        border-radius: 0;
        ;
    }

    .vm-card {
        max-width: 100%;
    }

    .front-img {
        display: none;
    }

    .rules-rulation-section h5 {
        font-size: 14px;
    }

    .rules-rulation-section .card-body p {
        font-size: 13px;
    }

    .rules-page a {
        margin-top: 15px;
    }

    .values-page-section1 .values-timeline .values-timeline-content .values-article .center-dot {
        border: 2px solid #fff;
    }

    .values-page-section1 .values-timeline .values-timeline-content .values-article .center-dot.top {
        top: 50px;
    }

    .values-page-section1 .values-timeline .values-timeline-content .values-article .center-dot.bottom {
        bottom: 50px;
    }

    .faculty-page-section1 .faculty-box .faculty-info {
        border-right: 0;
    }
}

@media (max-width:640px) {}

@media (max-width:568px) {
    .modal-button-wrap {
        width: 90%;
    }
}

@media (max-width:480px) {
    .modal-context {
        top: 15%;
        width: 70%;
    }

    .para-context {
        padding: 12px 12px;

        p {
            font-size: 14px;
        }

        h3 {
            font-size: 14px;
        }
    }

    .modal-button-wrap {
        padding: 10px;
        text-align: start;
        bottom: -2px;
    }

    .modal-button-wrap a {
        width: 100%;
    }

    .modal-button-wrap a.btn:first-child {
        margin-bottom: 10px;
    }

    .modal-logo {
        width: 55px;
        height: 55px;
    }

    .modal-logo img {
        max-width: 40px;
    }

    .accordion .card .card-header h2 button .btn-title {
        font-size: 12px;
        gap: 10px;
    }

    .members-section .accordion .card .card-body {
        padding: 10px 10px 10px;
    }

    .prog_banner {
        height: auto;
    }

    .faculty-page-section1 .faculty-box .faculty-info {
        margin: 0;
    }

    .faculty-page-section1 .faculty-box .faculty-info,
    .faculty-page-section1 .faculty-box .faculty-qul {
        min-height: 60px;
    }

    .placements-page-section .placements-text {
        margin-top: 0;
    }

    .placements-page-section .placements-text .over {
        font-size: 3rem;
        line-height: 1rem;
    }

    .placements-page-section .placements-text .over2 {
        font-size: 1.5rem;
        line-height: 1.75rem;
        margin-top: 15px;
    }

    .placements-page-section .placements-text .over3 {
        font-size: 1.5rem;
        line-height: 1.75rem
    }

    .jobs-page-sec .job-box .inner-left,
    .jobs-page-sec .job-box .inner-right {
        width: 100%;
    }

    #cookieConsent {
        width: 96%;
        left: 2%;
    }

}

@media (max-width:414px) {
    .table-style-02 tr td a img {
        max-width: 30px;
    }

    .table-style-02 tr:first-child th:last-child {
        width: 110px;
    }

    .table-style-02 tr {

        th,
        td {
            font-size: 12px;
        }

    }

    .back-img {
        max-width: 100%;
    }

    .anim-shape {
        right: 39px;
    }

    .jobs-page-sec .job-box .inner-left .job-list-content {
        float: right;
        padding-left: 0;
        width: 100%;
    }

    .jobs-page-sec .job-box .inner-right {
        text-align: left;
    }

    .cap-box {
        display: block;
    }
}

@media (max-width:393px) {}

@media (max-width:375px) {
    .para-context {

        p,
        h3 {
            font-size: 12px;
        }
    }

    .captcha-div_contact img {
        max-width: 75px;
    }
}

@media (max-width:320px) {}