/* @media only screen and (min-width: 1920px) {


} */




@media only screen and (min-width: 1600px) {
    .cources {
        width: 100%;
        display: flex;
        /* overflow: hidden; */
        margin: 0 auto 5rem;
        /* border: 1px solid red; */
        padding: 10px 0;
        justify-content: flex-start;
        align-items: center;
        align-content: center;
        flex-wrap: wrap;
        gap: 27PX;
    }
    .boxes p {
        color: #1255b2;
        font-weight: bold;
        margin: 0;
        font-size: 1rem;
    }
    .left-big-events {
        width: 50%;
        background: white;
        border: 1px solid #dbdbdb;
        padding: 15px;
        box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    }
    .image-width-events {
        width: 100%;
        height: 363px;
    }
    .main-profile {
        width: 100%;
        display: flex;
        /* border: 1px solid red; */
        justify-content: space-around;
        flex-wrap: wrap;
        align-items: center;
        gap: 40px;
        row-gap: 50px;
    }

    .left-side-top {
        width: 64%;
        /* border: 1px solid; */
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .mobile {
        font-size: .95rem;
        color: #000000;
        font-weight: bold;
    }
    .right-side-top a {
        text-decoration: none;
        color: #000000;
        font-size: .95rem;
    }
    .navbar-light .navbar-nav .nav-link {
        font-size: 1.2rem;
    }
    .right-side-top {
        display: flex;
        width: 20%;
        justify-content: space-between;
        align-items: center;
        color: var(--main-color);
    }

    .deactivated-contents {
        left: -115%;
    }

    .middle-f {
        width: 30%;
        /* border: 1px solid rgb(146, 255, 73); */
    }

    .main-background-ft h3 {
        font-size: 1.3rem;
        font-weight: bold;
        text-align: center;
        color: #0b3f70;
        font-family: var(--heading-font);
    }

    .call-eamils a {
        color: white;
        background-color: var(--main-color);
        padding: 0.2rem 1rem;
        border-radius: 200px;
    }

    .socials {
        display: flex;
        justify-content: space-evenly;
        align-items: center;
        width: 100%;
        margin-top: 1rem;
    }

    .main-background-ft img {
        width: 25%;
    }
}


@media only screen and (max-width: 767px) {
    .faculty-grid .faculty-grid-box {
    /* background-image: url(./asset/image/5333978.jpg) !important; */
    border-radius: 5px;
    background: #fffafa;
    display: flex;
    gap: 0px;
    width: 150px;
    height: 435px;
    max-height: fit-content;
    backdrop-filter: blur(1px);
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
    /* border: 1px solid red; */
    padding: 5px;
    flex-direction: column;
}
.faculty-grid .faculty-grid-box img {
    width: 100%;
    min-height: 155px;
    max-height: 155px;
    border-radius: 5px;
    text-align: center;
    object-fit: cover;
}
.faculty-grid .faculty-grid-box h3 {
    text-align: center;
    font-weight: bold;
    margin: 5px;
    color: var(--main-color);
    font-size: .9rem;
}
.faculty-grid a {
    text-align: center;
    color: #ffffff;
    text-align: center;
    border-radius: 500px;
    font-size: .75rem;
    padding: 0px 10px;
    margin: 0 auto;
    width: 110px;
    display: flex;
    font-weight: bold;
    justify-content: space-between;
    background: var(--main-color);
    align-items: center;
    transition: .3s;
}

.filters {
    width: fit-content;
    border-radius: 10px;
    /* text-align: right; */
    /* float: right; */
    padding: 5px 30px;
    background: var(--greed-one);
    /* border: 1px solid red; */
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
    .reverse-flex{
        flex-direction: column-reverse !important;
       }
       .alumni-form {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
    }
       .photo {
        width: 150px !important;
        float: none;
        border: 1px solid #CCC;
        min-height: 180px;
        overflow: hidden;
        /* background: #e4e6e7 url(../images/blank-profile.jpg) center no-repeat; */
        margin-top: 10px;
        position: relative;
        cursor: pointer;
    }
    .custom-row-alumni {
        display: flex !important;
        justify-content: space-between !important;
        width: 100% !important;
        padding: 0 !important;
        gap: 5px !important;
    }
    .page-navigation {
        width: fit-content;
        height: fit-content;
        background: var(--greed-one);
        /* border-top: 1px solid white; */
        position: relative;
        /* font-weight: bold; */
        color: white;
        gap: 10px;
        display: flex;
        padding: 8px 10px 8px 2rem;
        align-content: center;
        justify-content: flex-start;
        align-items: center;
        margin-top: 10px;
        margin-bottom: 10px;
        flex-wrap: wrap;
    }
    .item {
        width: 175px;
        border-radius: 10px;
        overflow: hidden;
        height: 145px;
        transition: .3s;
        box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
        position: relative;
        transition: .5s ease-in-out;
    }
    .box_10 {
        position: absolute;
        width: 100%;
        height: 50%;
        display: flex;
        bottom: 0;
        background: linear-gradient(to bottom, #61809f00, #0b549a);
        text-align: center;
        color: white;
        padding: 5px;
        /* font-weight: bold; */
        font-size: .9rem;
        align-items: flex-end;
        justify-content: center;
        transition: .5s ease-in-out;
    }

    .demo-gallery .single-f {
        width: 175px;
        height: 125px;
    }
    .vsn-msn {
        position: relative;
        /* border: 1px solid #d5d5d5; */
        width: 100%;
        margin: 1rem auto 5rem;
        background: linear-gradient(to bottom, #019f3a, #28b8ce);
        padding: 25px 25px 25px 50px;
    }
    .vsn-msn img {
        position: absolute;
        width: 130px;
        right: 91%;
        top: -10%;
        display: none;
    }
    .logo-flex-boxes {
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 10px;
        justify-content: space-between;
        align-items: center;
        padding: 1rem 0 3rem;
    }
    .single-box {
        /* border: 1px solid #cdcdcd; */
        width: 90px;
        height: 70px;
        border-radius: 5px;
        background: white;
        padding: 10px;
        box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    }
    .news .news-grid {
        padding: 20px 0;
        /* border: 1px solid red; */
        display: grid;
        grid-template-columns: repeat(1, 100%);
        justify-content: space-between;
        align-items: center;
        row-gap: 30px;
    }
    .news .news-grid .news-box .news-sec-img {
        height: 250px;
        position: relative;
    }
    .news .news-grid .news-box .news-sec-con h2 {
        color: var(--main-color);
        font-size: 1rem;
        font-weight: bold;
        padding-bottom: 10px;
    }
    .news .news-grid .news-box .news-sec-con p a {
        color: darkred;
        font-weight: bold;
        font-size: .8rem;
    }
    .news .news-grid .news-box .news-sec-img p {
        position: absolute;
        border-top-left-radius: 50px;
        border-bottom-left-radius: 50px;
        background-color: #071d3fb6;
        color: white;
        bottom: 10px;
        right: 0;
        padding: 10px 15px;
        font-weight: bold;
        border-top: 1px solid white;
        border-bottom: 1px solid white;
        border-left: 1px solid white;
        box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
    }
    .events h3 {
        color: var(--main-color);
        font-size: 1rem;
        font-weight: bold;
        margin-top: .5rem;
        margin-bottom: .5rem;
    }
    .right-contents-event h4 {
        color: var(--main-color);
        font-size: 1rem;
        font-weight: bold;
    }
    .events h6 {
        font-size: .8rem;
        color: #3e3e3e;
    }
    .right-contents-event h6 {
        font-size: .8rem;
    }
    .headings {
        font-size: 1.2rem;
        font-weight: bold;
        color: var(--main-color);
        position: relative;
        width: fit-content;
        padding: 10px 0;
    }
    .contacts-2 {
        display: flex;
        /* border: 1px solid red; */
        justify-content: space-between;
        padding: 40px 0 80px;
        flex-direction: column;
        gap: 50px;
    }
    .big-one {
        width: 100%;
    }
    .contacts-boxes {
        position: relative;
        width: 100%;
        background: #ade8f4;
        border-radius: 5px;
        padding: 30px 10px 10px 10px;
        display: flex;
        border: 1px solid #cbcbcb;
        flex-direction: column;
        align-content: center;
        align-items: center;
        box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
    }
    .single-box-footer {
        width: 100%;
        border-right: 0px dotted rgb(77, 77, 77);
    }
    .upper-footer {
        /* border: 1px solid red; */
        width: 100%;
        border-radius: 5px;
        display: flex;
        margin: auto;
        padding: 0 .5rem;
        flex-wrap: nowrap;
        flex-direction: column;
        background: #ffffffdb;
        justify-content: space-evenly;
        box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    }
    .main-footer-white {
        width: 100%;
        height: 100%;
        padding: 0;
    }
    .highlights .main-box {
        width: 100%;
        height: 110px;
        /* border: 1px solid red; */
        padding: 0;
        border-radius: 10px;
        overflow: hidden;
        display: flex;
    }
    .image-boxes {
        width: 30%;
        /* border: 1px solid; */
        height: 100px;
    }
    .left-big-events {
        width: 100%;
        background: white;
        border: 1px solid #dbdbdb;
        padding: 10px;
        box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    }
    .events {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        flex-direction: column;
    }
    .right-events {
        width: 100%;
        display: flex;
        gap: 20px;
        margin-top: 20px;
        flex-direction: column;
    }
    .yellow-btn {
        text-align: center;
        padding: 5px 10px;
        border: 1px solid #221c00;
        background: linear-gradient(to bottom, #faab7f 0%, #f5cb6d 100%);
        color: black;
        border-radius: 300px;
        margin: 33%;
    }
    .middle-text h1 {
        font-family: var(--heading-font);
        color: #040441;
        font-size: 1.1rem;
        /* margin: 0%; */
        margin: 0% 4%;
    }
    .middle-text span {
        font-family: var(--heading-font);
        color: #040441;
        font-size: 1.1rem;
    }
    .main-vsn img {
        position: absolute;
        z-index: -1;
        top: -22%;
        left: -18%;
        scale: .5;
        opacity: .15;
    }

    .left-news-box {
        width: 35%;
        padding: 5px 10px;
        text-align: center;
        background-color: var(--active-color);
        position: relative;
        font-size: .80rem;
        font-weight: bold;
    }

    .right-side-top {
        /* display: none; */
        display: flex;
        width: 100%;
        /* display: none; */
        justify-content:space-between;
        align-items: center;
        font-size: .8rem;
        color: #000000;
        font-weight: bold;
        gap: 30px;
    }

    .left-side-top {
        width: 100%;
        /* border: 1px solid; */
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 20px;
        display: none;
    }

    .mobile {
        font-size: .5rem;
        color: #000000;
        font-weight: bold;
    }

    .left-logo {
        width: 18%;
        /* border: 1px solid; */
    }
    .principal-message h1 {
        color: white;
        margin: 4% 0 0 35%;
        font-size: 1.4rem;
        /* font-weight: bold; */
        font-family: var(--heading-font);
    }
    .desgination {
        font-size: 1.1rem;
        color: white;
        font-style: italic;
        font-family: var(--heading-font);
        margin: 1% 0 10% 35%;
    }
    .middle-text {
        width: 100%;
        padding-right: 0rem;
        padding-left: 0.3rem;
        /* border: 1px solid; */
    }

    .last-icons {
        width: 30%;
        display: flex;
        /* border: 1px solid; */
        align-content: center;
        flex-wrap: nowrap;
        justify-content: space-around;
        align-items: center;
        display: none;
    }

    .navbar-toggler-icon {
        display: inline-block;
        width: 0.81em;
        height: 0.81em;
        vertical-align: middle;
        content: "";
        background: no-repeat center center;
        background-size: 100% 100%;
    }

    .gredientts-background {
        /* background: var(--light-background) !important; */
        border-top: 1px solid var(--main-color);
        /* background: url(../image/back.png); */
        background-size:200%;
    }

    .left-news-box .polygon {
        position: absolute;
        z-index: 800;
        width: 15px;
        top: 0;
        left: 99.5%;
        height: 100%;
        background-color: var(--active-color);
        clip-path: polygon(0% 0, 100% 50%, 0% 100%);
    }

    .navbar-light .navbar-toggler {
        color: rgb(255 255 255 / 100%);
        background: #ebf5ffad;
        border-color: rgba(0, 0, 0, .1);
    }

    .main-grid-flor {
        border-radius: 5px;
        overflow: hidden;
        padding: 0.1rem;
        background: #e5f2f2;
        height: 10rem;
        width: 100%;
        overflow: hidden;
        margin: 10px 0px;
        border: 1px solid lightblue;
        display: flex;
        box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
    }

    .heading-d {
        font-size: .9rem;
        font-weight: bold;
        color: #165799;
        /* border: 1px solid; */
        position: relative;
        width: fit-content;
        padding: 0;
    }

    .main-grid-flor p {
        font-size: .9rem;
        margin-bottom: 0.5rem;
    }

    .main-grid-flor img {
        width: 35%;
        margin: 2.5%;
        box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
        border: 1px solid lightblue;
    }

    .niat-btn {
        color: white;
        /* text-align: right; */
        background: var(--main-color);
        font-size: .65rem;
        width: 100%;
        border: 1px solid #d9d9d9;
        padding: 0.2rem 0.7rem;
        border-radius: 500px;
        transition: .3s;
    }

    ul.timeline>li:first-child {
        margin: 1.4rem 0 1.4rem 0;
        display: flex;
        /* padding-left: 35px; */
    }

    .lists {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        align-content: space-between;
        gap: 1.5rem;
    }

    .cource {
        border: 1px solid #e5e5e5;
        width: 45%;
        color: white;
        box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
        /* background-color: var(--main-color); */
        display: flex;
        padding: 1rem;
        text-align: center;
        justify-content: center;
        align-items: center;
        position: relative;
        cursor: pointer;
    }

    .deactivated-contents {
        position: absolute;
        top: 0%;
        width: 50rem;
        padding: 1rem;
        left: -1125%;
    }

    .facilitys .inner-image {
        width: 45%;
        display: flex;
        flex-direction: column;
        align-content: center;
        justify-content: center;
        align-items: center;
    }

    .links-q {
        width: 100%;
        /* border: 1px solid red; */
        display: flex;
        flex-direction: row;
        align-content: center;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
        gap: 1rem;
    }

    .link-main {
        width: 100%;
        padding: 0.5rem;
        /* border: 1px solid red; */
        background: linear-gradient(35deg, rgb(212 234 255) 50%, rgb(235 245 255 / 0%) 64%);
        display: flex;
        align-content: center;
        justify-content: flex-start;
        align-items: center;
        transition: .5s ease-in;
        border-radius: 600px;
        box-shadow: rgba(0, 0, 0, 0.15) -5px 3px 2.6px;
    }

    .link-main img {
        width: 15%;
        /* border: 1px solid red; */
    }

    .arcives {
        position: relative;
        width: 100%;
        overflow: hidden;
        height: 500px;
        /* margin-bottom: 500rem !important; */
    }

    .facilitys .inner-image {
        width: 45%;
        display: flex;
        flex-direction: column;
        align-content: center;
        justify-content: center;
        align-items: center;
    }

    .link-main {
        width: 100%;
    }

    .links-q {
        width: 100%;
        /* border: 1px solid red; */
        display: flex;
        flex-direction: row;
        align-content: center;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
        gap: 1rem;
    }

    .arcives {
        position: relative;
        width: 100%;
        overflow: hidden;
        height: 500px;
        /* margin-bottom: 500rem !important; */
    }

    .main-box-a {
        z-index: 1;
        position: absolute;
        width: 97%;
        height: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
        align-items: center;
    }

    .single-box-a {
        width: 50%;
    }

    .single-f {
        text-decoration: none;
        width: 46%;
        border: 2px solid var(--main-color);
        border-radius: 5px;
        overflow: hidden;
        padding: 5px;
        background-color: var(--light-background);
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
        transition: 0.4s ease;
    }

    .main-foter {
        display: flex;
        width: 100%;
        /* border: 1px solid white; */
        justify-content: space-evenly;
        flex-direction: column;
    }

    .left-f {
        width: 100%;
        /* border: 1px solid rgb(146, 255, 73); */
    }

    .middle-f {
        width: 100%;
        /* border: 1px solid rgb(146, 255, 73); */
    }

    .right-f {
        width: 100%;
        /* border: 1px solid rgb(146, 255, 73); */
    }

    .real-footer {
        background: var(--active-color);
        display: flex;
        justify-content: center;
        width: 100%;
        font-size: .67rem;
        text-align: center;
        font-weight: bold;
        color: #000000;
        flex-direction: column;
        align-content: center;
    }

    .af_colSeparator {
        display: none;
    }

    .short-banner p {
        position: absolute;
        z-index: 2;
        font-size: 1rem;
        top: 28%;
        font-weight: bold;
        color: #0d4a85;
        left: 42%;
        /* right: 34%; */
    }
    .main-loader {
        width: 100%;
        margin: auto;
        display: flex;
        overflow: hidden;
        /* border: 1px solid red; */
        align-content: center;
        justify-content: center;
        flex-direction: column-reverse;
        align-items: center;
    }
    .main-box {
        border: 1px solid rgb(187 187 187);
        /* position: relative; */
        width: 100%;
        height: 9rem;
        padding: 1rem;
        text-align: center;
        background-color: #ebfdff;
        box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
    }
    .right-btn {
        width: fit-content;
        float: right;
        margin: 0rem;
    }
    .cources {
        width: 90%;
        display: flex;
        /* overflow: hidden; */
        margin: 0 auto 5rem;
        /* border: 1px solid red; */
        padding: 10px;
        justify-content: center;
        align-items: center;
        align-content: center;
        flex-wrap: wrap;
        gap: 1rem;
    }
    .desgination {
        font-size: 1.1rem;
        color: white;
        font-style: italic;
        font-family: var(--heading-font);
        margin: 1% 0 20% 35%;
    }
    .principal-message {
        /* border: 1px solid #0b549a; */
        padding: 0px 10px 15px;
        height: fit-content;
        /* background: linear-gradient(to bottom, #73bffe 0%, #b4dbfe 50%, #73bffe 100%); */
        border-radius: 10px;
        box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
        position: relative;
    }
    .tab-content>.tab-pane {
        background: var(--light-background);
        border: 3px solid var(--main-color);
        padding: 0 0 1rem 0;
        height: fit-content;
        overflow-y: scroll;
        box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
        /* display: none; */
    }
    .contacts-boxes {
        position: relative;
        width: 100%;
        background: #ade8f4;
        border-radius: 5px;
        padding: 40px 10px 10px 10px;
        display: flex;
        border: 1px solid #cbcbcb;
        flex-direction: column;
        align-content: center;
        align-items: center;
        box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
    }
    .contacts-boxes img {
        position: absolute;
        width: 70px;
        height: 70px;
        top: -20%;
        left: 40%;
        object-fit: contain;
        background: #ade8f4;
        padding: 10px;
        border-radius: 50% 50% 0 0;
        border-top: 1px solid #cbcbcb;
    }
    .navbar-nav .dropdown-menu {
        position: static;
        float: left !important;
    }









    .main-header {
        width: 100%;
        display: flex;
        /* border: 1px solid red; */
        flex-wrap: nowrap;
        align-content: center;
        justify-content: space-between;
        align-items: center;
        position: relative;
        /* background: url(../image/back.png); */
        /* height: 6.2rem; */
        flex-direction: column;
    }
    .middle-text {
        width: 100%;
        padding-right: 0rem;
        padding-left: 0rem;
        /* border: 1px solid; */
    }
    .middle-text h1 {
        font-family: var(--heading-font);
        color: #040441;
        font-size: 1.4rem;
        text-align: center;
        /* margin: 0%; */
        margin: 0;
    }
    .left-logo {
        margin-top: 8px;
        width: 15%;
        /* border: 1px solid; */
    }
    .last-icons {
        width: 100%;
        display: flex;
        /* border: 1px solid; */
        align-content: center;
        flex-wrap: nowrap;
        justify-content: space-around;
        align-items: center;
        display: none;
        flex-direction: row;
    }

}