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







@media only screen and (max-width: 767px) {
    .background-header {
        display: none;
    }

    .header_inner_div {
        width: 100%;
        display: -ms-grid;
        display: flex;
        -ms-grid-columns: 98px 720px auto;
        grid-template-columns: 98px 720px auto;
        padding: 3px 0px;
        flex-direction: column;
        align-items: center;
    }

    .header_inner_div .logo_text {
        padding-left: 0px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        flex-direction: column;
        align-items: center;
        align-content: center;
    }

    .header_inner_div .logo_text .pec span {
        font-size: 52px;
        font-weight: 800;
        /* font-family: 'Times New Roman', Times, serif; */
        color: var(--main-color);
        border-right: none;
        padding-right: 10px;
        padding-top: 7px;
        padding-bottom: 7px;
    }

    .header_inner_div .logo_text h1 {
        color: #000000;
        font-weight: 600;
        font-size: 22px;
        padding: 0px 8px 6px;
        text-align: center;
        letter-spacing: 1px;
        /* font-family: 'Times New Roman', Times, serif; */
        margin: 0;
    }

    .header_inner_div .logo_text h2 {
        color: #000000;
        font-size: 20px;
        padding: 0px 0px 0px;
        text-transform: none;
        /* letter-spacing: 1px; */
        margin: 0;
        font-weight: 500;
        /* font-family: 'Times New Roman', Times, serif; */
    }

    .highlight-item img {
        height: 50px;
        /* margin-bottom: 12px; */
    }

    .highlight-wrapper {
        display: flex;
        justify-content: space-around;
        align-items: center;
        gap: 20px;
        flex-wrap: wrap;
        margin: 7px 0;
    }

    .navbar-light .navbar-toggler {
        color: rgb(0 0 0);
        border-color: rgb(255 255 255 / 0%);
        width: 120px;
        display: flex;
        align-items: center;
        gap: 5px;
        background: #f0f8ff;
        padding: 0;
        margin: 5px;
    }

    .left-news-box {
        width: 30%;
        padding: 5px 10px;
        text-align: center;
        background-color: var(--main-color);
        position: relative;
        font-weight: bold;
        color: white;
    }

    .main-flex {
        display: flex;
        justify-content: center;
        align-items: center;
        /* cgap: 20px; */
        column-gap: 15px;
        flex-wrap: wrap;
    }

    .separator {
        display: none;
    }

    .btn-quick-one {
        /* border: 1px solid #979797; */
        padding: 10px 10px;
        margin: 10px 0;
        display: flex;
        flex-direction: column;
        text-align: center;
        border-radius: 7px;
        box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
        background-color: #f6f9fc;
        background-image: url(../image/button-background.png);
        background-size: 100% 100%;
        width: 150px;
        height: 110px;
        color: black;
        font-size: 18px;
        font-weight: bold;
        line-height: 18px;
        /* letter-spacing: 0px; */
        text-transform: uppercase;
    }

    .nav-tabs {
        position: relative;
        border: none;
        background: #f2f8fe;
        width: 100%;
        display: flex;
        flex-wrap: wrap !important;
        align-items: center !important;
        justify-content: flex-start !important;
        border-radius: 10px 10px 0 0 !important;
        border-bottom: 10px solid transparent;
    }

    #download-btns {
        width: 40px;
        border-left: 1px solid #d5d5d57a;
        font-size: 30px;
        padding: 0 0 0 10px;
        display: none;
    }

    .tab-content>.tab-pane {
        background-color: #f2f8fe;
        background-image: url(../image/btm-desine.png);
        background-size: 100%;
        background-position: bottom;
        background-repeat: no-repeat;
        /* border: 1px solid #e3e3e3; */
        /* padding: 1.1rem; */
        height: 720px;
        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; */
        border-radius: 0px 0px 10px 10px;
    }

    .tabber-link {
        color: #ffffff;
        position: absolute;
        width: 110px;
        top: auto;
        bottom: 30px;
        right: calc(50% - 55px);
        background-color: var(--main-color);
        font-size: 14px;
        font-weight: bold;
        padding: 3px 20px;
        margin: 0;
        border-radius: 5px;
    }

    .inst-stats-container {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
        padding: 0 10px;
        margin-top: 15px;
    }

    .iitkgp-tab-nav {
        display: flex;
        gap: 15px;
        margin-bottom: 12px;
        border-bottom: 1px solid #dfe7f3;
    }

    .out-footer-copy {
        color: #fff;
        font-size: 14px;
        text-align: center;
    }

    .out-footer-bottom-links {
        display: flex;
        justify-content: center;
        gap: 30px;
    }

    .out-footer-middle-border span {
        display: none;
        width: 1px;
        height: 100%;
        background: linear-gradient(to bottom, transparent, #d18a2f, transparent);
    }

    .navbar-collapse {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-align: center;
        align-items: center;
        padding-left: 15px;
    }
}