@media only screen and (min-width: 1920px) {
    .right-dept {
        /* border: 1px solid red; */
        margin-left: 2rem;
        padding: 5px;
        width: 63%;
    }
    .notice-content a {
        font-size: 1rem;
        font-weight: bold;
        color: #000;
    }

    .news-boxes {
        width: 330px;
    }

    .trngle-dept {
        position: absolute;
        width: 33px;
        left: -32px;
        rotate: 270deg;
        z-index: 1;
        top: 0;
    }

    .weather {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        height: 100%;
        align-content: center;
        gap: 20px;
        margin-left: 30%;
    }

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

    .backgrund-img-png {
        position: absolute;
        z-index: -1;
        width: 1185px;
        right: 0;
        top: 40px;
    }

    .header-image {
        position: absolute;
        top: 5px;
        width: 260px;
        right: 0px;
    }

    .flex-box-two-left {
        width: 40%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        color: white;
    }

    .profiles {
        padding: 50px 20px 20px 80px;
        display: flex;
        flex-direction: column;
        gap: 70px;
    }

    .single-cards {
        border: 2px solid #e1e1e1;
        position: relative;
        border-radius: 0 10px 10px 0;
        display: flex;
        flex-direction: column;
        align-content: center;
        align-items: center;
        background: #004793c7;
        padding: 6px 0 6px 50px;
        /* margin: 0 0 25px 0; */
    }

    .single-cards .images-p {
        border: 2px solid #e1e1e1;
        /* background-image: url(../image/back.jpg); */
        background-size: 100%;
        position: absolute;
        width: 126px;
        border-radius: 50%;
        height: 126px;
        left: calc(0% - 63px);
        top: calc(50% - 63px);
        overflow: hidden;
    }

    .single-cards h2 {
        font-size: 1.2rem;
        margin: 5px;
        color: white;
        font-family: var(--heading-font);
    }

    .single-cards p {
        font-size: 1rem;
        color: white;
        font-style: italic;
        margin-bottom: 6px;
    }

    .single-cards a {
        text-decoration: none;
        border: 2px solid #e3e3e3;
        color: #000000;
        background: #e3e3e3;
        padding: 2px 10px;
        font-weight: bold;
        font-size: .9rem;
        position: absolute;
        bottom: -40%;
        right: 5%;
        border-radius: 0px 0 10px 10px;
    }

    .left-news {
        width: 49%;
        height: 85px;
        /* padding: 5px 0; */
        display: flex;
        /* height: 100%; */
        align-items: center;
        /* border: 1px solid; */
    }

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

    .upside-down-scroll-wrapper {
        height: 75px;
        overflow: hidden;
        position: relative;
        width: 100%;
        /* max-width: 500px; */
        /* margin: 20px auto; */
        /* border: 1px solid #ddd; */
        /* border-radius: 5px; */
    }

    .upside-down-scroll li {
        height: 75px;
        font-weight: bold;
        /* border: 1px solid; */
        /* line-height: 3em; */
        text-align: left;
        font-size: 1.1rem;
        align-content: center;
        /* background-color: #f9f9f9; */
        /* border-bottom: 1px solid #ddd; */
    }

    .slider-btns {
        width: 200px;
        height: 140px;
        padding: 0;
        /* margin-right: 0rem; */
        /* border: 1px solid red; */
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .slider-btns img {
        width: 40px;
        height: auto;
    }

    .slider-btns h2 {
        font-size: 1rem;
        color: white;
        text-align: center;
    }

    .splide__arrow--prev {
        left: 0em;
    }

    .scroll-btn {
        display: inline-block;
        /* padding: 10px 20px; */
        /* margin: 10px; */
        font-size: 1.3rem;
        /* color: white; */
        background-color: transparent;
        border: none;
        /* border-radius: 5px; */
        cursor: pointer;
        transition: background-color 0.3s;
    }

    .button-container {
        position: absolute;
        text-align: center;
        display: flex;
        right: -2%;
        top: 0;
        flex-direction: column;
        align-items: center;
    }

    .navbar-nav .nav-link {
        font-size: 1rem;
        /* font-weight: bold; */
        padding: 5px 0 2px;
    }
}






@media only screen and (max-width: 767px) {
    .flex-box-two-left {
        width: 45%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        color: white;
        display: none;
    }

    .flex-box-two-right {
        width: 100%;
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }

    .backgrund-img-png {
        position: absolute;
        z-index: -1;
        width: 800px;
        right: 0;
        top: 45px;
        display: none;
    }

    .right-header {
        /* border: 1px solid; */
        width: 35%;
        display: flex;
        overflow: hidden;
        align-items: center;
        justify-content: flex-end;
        gap: 35px;
        display: none;
    }

    .left-header {
        /* border: 1px solid; */
        width: 100%;
        display: flex
;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        /* margin: auto; */
    }
    .english {
        font-size: .95rem;
        font-weight: bold;
        color: var(--dark);
        margin: 0;
        font-family: var(--heading-font);
    }
    .hindi{
        font-size: 1rem;
    }
    .odia {
        font-size: 1rem;
        font-weight: bold;
        color: var(--dark);
        margin: 0 0 7px;
        /* font-family: var(--heading-font); */
    }

    .logo {
        width: 70px;
    }
    .main-banner-header {
        width: 100%;
        display: flex
    ;
        /* align-items: center; */
        flex-direction: column;
    }
    .left-banner {
        width: 100%;
        /* border: 1px solid red; */
    }
    .right-banner {
        width: 100%;
        position: relative;
        /* border: 1px solid red; */
        overflow: hidden;
    }
    .main-devider {
        width: 100%;
        display: flex
    ;
        justify-content: space-between;
        align-items: flex-start;
        flex-direction: column;
    }
    .main-devider {
        width: 100%;
        display: flex
    ;
        justify-content: space-between;
        align-items: flex-start;
        flex-direction: column;
    }
    .right-btns {
        border-top: 6px solid var(--active-color);
        width: 100%;
        background: var(--main-color);
    }
    .news-and-buton .news-and-button-img {
        position: absolute;
        z-index: -1;
        display: none;
        /* width: 331%; */
    }
    .left-news {
        width: 100%;
        height: 60px;
        /* padding: 5px 0; */
        display: flex
    ;
        /* height: 100%; */
        align-items: center;
        /* border: 1px solid; */
    }
    .left-news-box {
        width: 50px;
        padding: 5px 5px;
        text-align: center;
        font-size: .7rem;
        background-color: var(--main-color);
        position: relative;
        font-weight: bold;
        color: white;
    }
    .upside-down-scroll li {
        height: 50px;
        line-height: 1.1em;
        text-align: left;
        font-size: .7rem;
        font-weight: bold;
        /* border: 1px solid red; */
        align-content: center;
        /* background-color: #f9f9f9; */
        /* border-bottom: 1px solid #ddd; */
    }
    .slider-btns {
        width: 126px;
        height: 100px;
        padding: 0;
        /* margin-right: 0rem; */
        /* border: 1px solid red; */
        text-align: center;
        display: flex
    ;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .main-box-a {
        z-index: 1;
        position: absolute;
        width: 97%;
        height: 100%;
        display: flex
    ;
        flex-wrap: wrap;
        justify-content: space-around;
        align-items: center;
    }
    .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 img {
        width: 4rem;
        margin: auto;
        /* padding: 1rem; */
        border-radius: 50%;
        display: flex
    ;
        border: 1px solid white;
        height: 4rem;
        /* background: white; */
        align-content: center;
        justify-content: center;
        align-items: center;
    }
    .single-box-a img {
        width: 4rem;
        margin: auto;
        /* padding: 1rem; */
        border-radius: 50%;
        display: flex
    ;
        border: 1px solid white;
        height: 4rem;
        /* background: white; */
        align-content: center;
        justify-content: center;
        align-items: center;
    }

    .single-box-a .name-a {
        color: white;
        text-align: center;
        font-size: 1.1rem;
        font-weight: bold;
    }
    .arcives {
        position: relative;
        width: 100%;
        overflow: hidden;
        height: 350px;
        /* margin-bottom: 500rem !important; */
    }
    .main-box-a {
        z-index: 1;
        position: absolute;
        width: 100%;
        height: 100%;
        display: flex
    ;
        flex-wrap: wrap;
        justify-content: space-around;
        align-items: center;
    }
    .single-box-a {
        width: 30%;
    }
    .quick li {
        position: relative;
        color: var(--main-color);
        font-weight: bold;
        margin-bottom: 15px;
        list-style-type: none;
        font-size: .9rem;
    }
    .profiles {
        padding: 30px 20px 40px 60px;
        display: flex
    ;
        flex-direction: column;
        gap: 55px;
        height: 100%;
        justify-content: space-evenly;
    }
    #splide2 .splide__arrow--next {
        right: 0em;
    }
    #splide2 .splide__arrow--prev {
        left: 0em;
    }
    #splide3 .splide__arrow--next {
        right: 0em;
    }
    #splide3 .splide__arrow--prev {
        left: 0em;
    }
    .blue-background .trngle {
        position: absolute;
        width: 72px;
        top: 0;
        right: -72px;
    }
    .blue-background {
        width: 25%;
        position: relative;
        background: var(--main-color);
        height: 100%;
    }
    .yellow-border {
        height: 80px;
        padding: 4px 0;
        background: var(--active-color);
    }
    .weather p {
        color: white;
        margin: 0;
        font-weight: bold;
        letter-spacing: 1px;
        display: none;
    }
    p#temp {
        display: block;
        font-size: .7rem;
    }
    p#description {
        display: block;
        font-size: .7rem;
    }
    .weather {
        display: flex
    ;
        justify-content: flex-start;
        align-items: center;
        height: 100%;
        align-content: center;
        gap: 0;
        flex-direction: column;
        width: 140%;
    }
    .contacts-ft {
        width: 100%;
        /* border: 1px solid; */
        /* float: right; */
        margin-top: -69px;
        display: flex
    ;
        padding: 0 0 0 40%;
        justify-content: space-around;
        flex-direction: column;
        align-items: center;
    }
    .contacts-ft a {
        color: black;
        font-size: .9rem;
        font-weight: bold;
        text-align: center;
    }
    .real-footer {
        width: 100%;
        margin: 21px auto 0;
        display: flex
    ;
        border-bottom: 1px solid var(--active-color);
        border-top: 1px solid var(--active-color);
        justify-content: space-between;
        flex-direction: column;
        align-items: center;
    }
    .real-footer p {
        margin: 4px 0;
        font-size: .7rem;
        color: white;
        text-align: center;
    }


    .navbar {
        background-image: url(../icons/Untitled-2.png);
        background-size: auto 26px;
        height: 26px;
        background-repeat: repeat-x;
      
    }
    .navbar-toggler {
        padding: .25rem .75rem;
        font-size: 1.25rem;
        line-height: 1;
        background-color: transparent;
        border: 1px solid transparent;
        border-radius: 1px;
        background: #e7f8ff;
        font-size: .7rem;
        font-weight: bold;
        margin: 0 0 0 25px;
        float: right;
        padding: 2px 10px;
    }
    .navbar-nav {
        display: -ms-flexbox;
        display: flex
    ;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-left: 0;
        margin-bottom: 0;
        list-style: none;
        position: relative;
        background: var(--main-color);
        z-index: 9999;
        display: flex
    ;
        align-items: flex-start;
        padding: 0 0 0 27px;
    }
    .hidden-border{
        display: block;
       }
       .header-container{
        padding: 0;
       }
       .f-back .p-4 {
        padding: 0.5rem !important;
    }
    .flex-box-two-right a {
        color: white;
        text-decoration: none;
        font-size: .8rem;
        padding: 0 10px 0 10px;
        border-left: 1px solid white;
        border-right: none;
    }
    .rankandreco li {
        /* overflow: hidden; */
        width: 140px;
        display: flex
    ;
        padding: 5px;
        height: 155px;
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 3px;
        border-radius: 5px;
        border: 1px solid #cbcbcb;
        background-image: url(../images/background/12151159_4880206.png);
        background-size: 200%;
        flex-direction: column;
        align-content: center;
        align-items: center;
        justify-content: space-between;
    }
    .nav-tabs .nav-link {
        text-align: center !important;
        color: rgb(255, 255, 255) !important;
        border: 0px solid transparent !important;
        /* font-weight: bold; */
        position: relative;
        font-size: 1rem;
        font-family: var(--heading-font);
        padding: 5px 15px 0;
    }
    .headings {
        font-size: 1.1rem;
        font-weight: bold;
        color: black;
        font-family: var(--heading-font);
        width: 100%;
        padding: 2px 15px 0px 2px;
        border-bottom: 2px solid var(--main-color);
        /* border-left: 30px solid var(--main-color); */
        position: relative;
    }
    .research .tabber-btns {
        position: absolute;
        top: 0%;
        right: 4%;
        padding: 0px 8px !important;
    }
    
    .notices li {
        display: flex
    ;
        /* border: 1px solid rgb(0 71 147); */
        flex-direction: row;
        align-items: flex-start;
        padding: 5px;
        border-bottom: 1px solid #004793a1;
        justify-content: space-between;
    }
    .tabber-btns {
        position: absolute;
        top: 1%;
        right: 5%;
        padding: 0px 8px !important;
    }
}