/*@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.css);*/
/*@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css);*/

.toggle-bar {
    color: #005bab;
}

   .marquee-container {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    box-sizing: border-box;
    padding-top: 6px;
    padding-bottom: 6px;
    position: relative;
}

b, strong {
    color:#000; 
}


.scroll-bond {
    /*display: inline-block;*/
    padding-left: 100%; /* Start off-screen */
    animation-name: scroll-left;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    gap: 65px;
    display: inline-flex;
    white-space: nowrap;
}

    .scroll-bond:hover {
        animation-play-state: paused;
    }

.search-btn {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #343434 !important;
    width: 15% !important;
}

.header-celebration {
    display: flex;
    align-items: center;
    font-size: 1.1em;
    font-weight: 500;
    white-space: nowrap;
    margin-top: 1%;
}

.years-img {
    height: 22px;
    margin: 0 5px;
}

#changing-word {
    margin-left: 5px;
    color: #7e0b27;
    font-weight: 600;
    display: inline-block;
}

.celebration-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0 6px;
}

.hindi-text {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

/* Fixed width container */
.word-wrapper {
    display: inline-block;
    width: 110px; /* adjust based on longest word */
    text-align: center;
    white-space: nowrap;
}

.ring {
    position: relative;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: white; /* clean center */
    z-index: 1;
}

    /* Rotating border */
    .ring::before {
        content: "";
        position: absolute;
        inset: 0;
        border-radius: 50%;
        box-shadow: 0 0 6px rgba(18,65,195,0.4);
        background: conic-gradient( #1241c3, #c5c5c5, #c72107, #1241c3 );
        animation: spinBorder 4s linear infinite;
        /* THIS creates the ring effect */
        -webkit-mask: radial-gradient(circle, transparent 60%, black 61%);
        mask: radial-gradient(circle, transparent 60%, black 61%);
    }

@keyframes spinBorder {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}


.number {
    font-weight: bold;
    color: #1241c3;
    /*font-size: 16px;*/

    display: inline-block;
    animation: rotateY 3s linear infinite;
    backface-visibility: hidden;
    transform-style: preserve-3d;
}

@keyframes rotateY {
    0% {
        transform: rotateY(0deg);
    }
    /* Rotate till 75% time */
    75% {
        transform: rotateY(360deg);
    }
    /* Stay at 360 for remaining time (pause effect) */
    100% {
        transform: rotateY(360deg);
    }
}

@keyframes pulse {
    0% {
        box-shadow: 0 0 6px rgba(18,65,195,0.3);
    }

    50% {
        box-shadow: 0 0 12px rgba(18,65,195,0.6);
    }

    100% {
        box-shadow: 0 0 6px rgba(18,65,195,0.3);
    }
}


.cursor {
    display: inline-block;
    margin-left: 2px;
    animation: blink 1s infinite;
    color: #7e0b27;
}

@keyframes blink {
    0%, 50%, 100% {
        opacity: 1;
    }

    25%, 75% {
        opacity: 0;
    }
}

.head-scroll {
    font-size: 1.1vw;
}

@keyframes scroll-left {
    0% {
        transform: translateX(0%);
    }
    100% {
        transform: translateX(-100%);
    }
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.fa, .fab, .fad, .fal, .far, .fas {
    line-height: 1.5;
}

.fa-search:before {
    content: "\f002"
}

.fa-volume-up:before {
    content: "\f028"
}

.fa-chevron-left:before {
    content: "\f053"
}

.fa-chevron-right:before {
    content: "\f054"
}

.fa-facebook-f:before,.fa-facebook:before {
    content: "\f09a"
}

.fa-linkedin:before {
    content: "\f0e1"
}

.fa-angle-right:before {
    content: "\f105"
}

.fa-youtube:before {
    content: "\f167"
}

.animated {
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

.top-head {
    /*margin-right: -67px;*/
    text-decoration: none;
    float: right;
    /*font-size: 1vw;*/
}

.hudco-citylogo {
    margin-top: -1.2VW;
    height: 5.5vw;
    margin-left: 1.9VW;
}

.mid-container {
    /*padding: 0 69px;*/
    display: inline-block;
    width: 100%;
}


.themeTab .themeTabList li:nth-child(3) {
    width: 15% !important;
}

.themeTab .themeTabList li a {
    display: block;
    color: #000;
    /*font-weight: bold;*/
    background: none !important;
    padding: 10px 0px;
    font-size: 21px;
    position: relative;
    transition: transform 0.3s ease, color 0.3s ease;
}

    .themeTab .themeTabList li a:hover {
        transform: scale(1.1);
        /*color: #0000EE !important;*/
        color: #fff !important;
    }


.themeTab .themeTabList li a span {
    display: inline-block;
    text-align: center;
    position: relative;
    z-index: 2;
    /*color: black;*/
    font-size: 0.8vw;
    text-decoration: none;
}

.main-nav ul li a {
    font-size: 14px;
    font-weight: 700;
    /*text-transform: capitalize;*/
    color: #8f8980;
}

.verbar {
    color: #fff;
}

.sliderbox .owl-nav .fas {
    position: absolute;
    top: 48%;
    font-size: 30px;
    padding: 10px;
    /*background: #035096;*/
    /*color: rgba(128,128,128,1.0);*/
    color: #616565;
    border-radius: 10px;
}

    .sliderbox .owl-nav .fas.fa-chevron-left {
        left: -80px;
    }

    .sliderbox .owl-nav .fas.fa-chevron-right {
        right: -70px;
    }



        .fa-facebook {
            /*margin-left: 12px;*/
            padding: 11px 13px;
            font-size: 1em;
            -o-transition: .5s;
            -ms-transition: .5s;
            -moz-transition: .5s;
            -webkit-transition: .5s;
            transition: .5s;
            color: white!important;
            background: rgba(160, 160, 160, 0.5);
            border-radius: 5px;
        }

            .fa-facebook:hover {
                background-color: #3d5b99;
            }

        .fa-x-twitter {
            /*margin-left: 12px;*/
            padding: 11px 11px;
            font-size: 1em;
            -o-transition: .5s;
            -ms-transition: .5s;
            -moz-transition: .5s;
            -webkit-transition: .5s;
            transition: .5s;
            background: rgba(160, 160, 160, 0.5);
            color: white!important;
              border-radius: 5px;
        }

            .fa-x-twitter:hover {
                background-color: #000;
            }

        .fa-youtube {
            /*margin-left: 12px;*/
            padding: 11px 11px;
            font-size: 1em;
            -o-transition: .5s;
            -ms-transition: .5s;
            -moz-transition: .5s;
            -webkit-transition: .5s;
            transition: .5s;
            background: rgba(160, 160, 160, 0.5);
            color: white!important;
            border-radius: 5px;
        }

            .fa-youtube:hover {
                background-color: #e64a41;
            }

        .fa-linkedin {
            /*margin-left: 12px;*/
            padding: 11px 12px;
            font-size: 1em;
            -o-transition: .5s;
            -ms-transition: .5s;
            -moz-transition: .5s;
            -webkit-transition: .5s;
            transition: .5s;
            background: rgba(160, 160, 160, 0.5);
            color: white!important;
            border-radius: 5px;
        }

            .fa-linkedin:hover {
                background-color: #0073a4;
            }

/*change color theme css start here*/
/*Blue-Theme -- Blue theme colors have been changed with maroon (default theme) */
.blue-theme .top-nav ul li.increament-list a {
    width: 24px;
    height: 24px;
    float: left;
    background: #982a08;
    text-align: center;
    font-size: 14px;
    line-height: 24px;
    color: #fff;
}

    .blue-theme .top-nav ul li.increament-list a:hover {
        text-decoration: none;
    }


    .blue-theme .top-nav ul li.increament-list a:nth-child(2) {
        background: #c84e28;
    }

.blue-theme .sliderbox .owl-nav .fas {
    background: #770a07;
}

.blue-theme .mid-header {
    background: #7b8893;
}

.blue-theme .lefpanel {
    background: #c77d17;
}

.blue-theme .topheader, .blue-theme .whats-news {
    background: #faeed5;
}

.blue-theme .corporate-box {
    background: #c77d17;
}

.blue-theme .whats-news span.fa-angle-down {
    background: #3833f7;
    border: 1px solid #3833f7;
}

.blue-theme .whats-news span.fa-angle-up {
    border: 1px solid #3833f7;
    color: #3833f7;
}

.blue-theme .home-sec5 .greybox ul li a {
    background: #3833f7;
}

.blue-theme .home-sec5 .greybox .chairman-pro p strong {
    color: #3833f7;
}

.blue-theme .home-sec6 .owl-nav .fas {
    background: #770a07;
}

.blue-theme .bottom-footer {
    background: #7b8893;
}

.blue-theme .top-footer {
    background: #632523;
}

    .blue-theme .top-footer ul li a {
        color: #d1bebd;
    }

.blue-theme .human-settlement {
    background: #3b5998;
}

.blue-theme .scrollTop {
    background: #770a07;
    border: 2px solid #5c0604;
}
/*Blue-Theme*/

/*Green-Theme*/
.green-theme .mid-header {
    background: #1ca336;
}

.green-theme .lefpanel {
    background: #1ca336;
}

.green-theme .topheader, .green-theme .whats-news {
    background: #85f59c;
}

.green-theme .corporate-box {
    background: #1ca336;
}

.green-theme .whats-news span.fa-angle-down {
    background: #08c82f;
    border: 1px solid #08c82f;
}

.green-theme .whats-news span.fa-angle-up {
    border: 1px solid #08c82f;
    color: #08c82f;
}

.green-theme .home-sec5 .greybox ul li a {
    background: #1ca336;
}

.green-theme .human-settlement {
    background: #1ca336;
}

.green-theme .home-sec5 .greybox .chairman-pro p strong {
    color: #1ca336;
}

.green-theme .home-sec6 .owl-nav .fas {
    background: #1ca336;
}

.green-theme .bottom-footer {
    background: #137125;
}

    .green-theme .bottom-footer ul li {
        color: #f1ebeb;
    }

        .green-theme .bottom-footer ul li a {
            color: #f1ebeb;
        }

    .green-theme .bottom-footer p {
        color: #f1ebeb;
    }

.green-theme .top-footer {
    background: #14b936;
}

    .green-theme .top-footer ul li a {
        color: #fff;
    }
/*Green-Theme*/

/*Black-Theme*/
.black-theme .top-nav ul li.increament-list a {
    width: 24px;
    height: 24px;
    float: left;
    background: #696969;
    text-align: center;
    font-size: 14px;
    line-height: 24px;
    color: #fff;
}


.black-theme .top-nav ul li.header-searchbox input {
    background-color: white;
}

.black-theme .top-nav ul li.header-searchbox button {
    z-index: 10;
}


.black-theme .page-wrapper {
    background: #444341;
}

.black-theme .responsive-table td {
    color: yellow;
}


.black-theme .responsive-table table a {
    color: yellow;
}

.black-theme .inner_page_common {
    color: yellow !important;
}

.black-theme .listdropdown {
    color: yellow;
    background-color: #444341;
}

.black-theme .page-left {
    background: #444341;
}

.black-theme .innercontent {
    background: #1a1917 !important;
}

.black-theme .themeTab .themeTabList li a:before {
    background-color: #302e2a;
}


.black-theme .themeTab .themeTabList li a:after {
    background-color: #444341;
}


.black-theme .themeTab .themeTabList {
    background-color: #504e4a;
}

    .black-theme .themeTab .themeTabList li a span {
        display: block;
        text-align: center;
        position: relative;
        z-index: 2;
        color: yellow;
        font-size: 16px;
    }

.black-theme .block-content p {
    padding-bottom: 8%;
    font-size: 120%;
    font-weight: 300;
    color: yellow;
    line-height: 140%;
}

.black-theme .block-content h4 {
    font-size: 280%;
    font-weight: 800;
    padding-bottom: 5%;
    color: yellow;
}

.black-theme .info-block-1:after {
    background: black;
}

.black-theme .info-block-3:after {
    background: black;
}

.black-theme .topheader ul li.increament-list a {
    background: #1a1917;
}

    .black-theme .topheader ul li.increament-list a:nth-child(2) {
        background: #706d69;
    }

.black-theme .block-top-inner h5 {
    color: yellow;
}

.black-theme .info-block-2 .visit-profile h5 {
    COLOR: YELLOW;
}

.black-theme .section_two .two_left h1.title {
    color: YELLOW;
}

.black-theme .section_two .two_left p {
    color: YELLOW;
}

.black-theme .section_two .two_right .home_cat .title a:hover {
    color: YELLOW;
}

.black-theme .section_two .two_right .home_cat p {
    color: YELLOW;
}

.black-theme .news-wrapper {
    background: #1e1d1c;
}

.black-theme .owl-carousel.owl-drag .owl-item .item {
    background: #1a1917;
}

.black-theme h2.page-title {
    COLOR: YELLOW;
}

.black-theme .section_two .two_right .home_cat .title a {
    color: YELLOW;
}

.black-theme .section_two .two_left {
    background: #444341;
}


.black-theme .section_two .two_right .home_cat .box_right {
    background: #1a1917;
}

.black-theme .section_two .two_right .home_cat .box_left {
    background: #1a1917;
}

.black-theme .news-description p a {
    color: YELLOW;
}

.black-theme .news-description p strong {
    color: white !important;
}

.black-theme .bttn {
    color: YELLOW;
    border: 2px solid BLACK;
}

.black-theme .bottom-footer ul li {
    border-right: 1px solid YELLOW;
}

.black-theme .img-title {
    COLOR: YELLOW;
}

.black-theme .table-responsive {
    COLOR: YELLOW;
}

.black-theme .home-sec6 p {
    COLOR: YELLOW;
}

.black-theme .bottom-footer p {
    color: YELLOW;
}

    .black-theme .bottom-footer p a {
        color: YELLOW;
    }

.black-theme .bottom-footer ul li {
    color: yellow;
}

    .black-theme .bottom-footer ul li a {
        color: yellow;
    }


.black-theme .fa-chevron-left:before {
    content: "\f053";
    COLOR: YELLOW;
}

.black-theme .fa-chevron-right:before {
    content: "\f054";
    COLOR: YELLOW;
}

.black-theme .bttn:hover {
    color: YELLOW;
    background-color: BLACK;
    text-decoration: none;
}

.black-theme .section_two .two_right {
    background: #444341;
}


.black-theme .top-nav ul li.increament-list a:hover {
    text-decoration: none;
}


.black-theme .top-nav ul li.increament-list a:nth-child(2) {
    background: #A9A9A9;
}

.black-theme .sliderbox .owl-nav .fas {
    background: #333;
}

.black-theme .mid-header {
    background: #1a1917;
}

.black-theme .lefpanel {
    background: #444341;
}

    .black-theme .lefpanel ul li a {
        color: yellow;
    }

    .black-theme .lefpanel h2 {
        color: yellow;
    }

.black-theme .innercontent {
    background-color: #1a1917;
}

.black-theme .inner_tab ul li a {
    color: yellow;
}

.black-theme .rightpanel ol li b {
    color: yellow;
}

.black-theme .rightpanel ol li {
    color: white !important;
}

.black-theme .rightpanel p {
    color: white;
}

.black-theme .rightpanel Li a {
    color: white !important;
}

.black-theme .topheader, .black-theme .whats-news {
    background: #444341;
}

.black-theme .frmTempListContent {
    color: white;
}

.black-theme .sidebar-container {
    background-color: #444341;
}

.black-theme .frmTempListContent a {
    background-color: #1a1917 !important;
    color: yellow !important;
}

.black-theme .objective {
    background-color: #1a1917 !important;
}

.black-theme .frmTempListContent span b {
    background-color: #1a1917 !important;
}

.black-theme .left-content ul.news-holder li .news-description {
    color: yellow;
}

/*.black-theme .frmTempListContent span{
    background-color: #444341 !important;
    
}*/

.black-theme table tr:nth-child(2n+1) td, .evenRow {
    /*color: yellow !important;*/
}

.clsfrmTempListContent table td:first-child {
    /*color: yellow;*/
}

.black-theme .frmTempListContent b {
    color: yellow !important;
}

.black-theme .rightpanel th {
    background: #1a1917;
    color: yellow;
}

.black-theme caption, th, td {
    font-weight: normal;
    background: none!important;
}

.black-theme .row-col3 td b, strong {
    /*color: yellow;*/
}

.black-theme .li-row1 {
    background-color: #1a1917;
    color: white;
}


.black-theme .li-row2 {
    background-color: #1a1917;
    color: white;
}
/*.black-theme tr {
    background: #1a1917;
    color: yellow;
}*/

.black-theme tr:nth-of-type(even) {
    background: #444341;
}

.black-theme tr:nth-of-type(odd) {
    background: #444341;
}

.black-theme .whats-news ul li p {
    color: #fff;
}


.black-theme .frmTempListContent p b {
    color: yellow;
}

.black-theme .container1 .card1 .face.face1 {
    background: #444341;
    color: yellow;
}

.black-theme .container2 .card1 .face.face1 {
    background: #444341;
    color: yellow;
}

.black-theme .container3 .card1 .face.face1 {
    background: #444341;
    color: yellow;
}

.black-theme .container4 .card1 .face.face1 {
    background: #444341;
    color: yellow;
}

.black-theme .container1 .card1:hover .face.face1 {
    background: black;
}

.black-theme .container1 .card1 .face.face2 {
    background: #444341;
}


.black-theme .container2 .card1:hover .face.face1 {
    background: black;
}

.black-theme .container2 .card1 .face.face2 {
    background: #444341;
}

.black-theme .container3 .card1:hover .face.face1 {
    background: black;
}

.black-theme .container3 .card1 .face.face2 {
    background: #444341;
}

.black-theme .container4 .card1:hover .face.face1 {
    background: black;
}

.black-theme .container4 .card1 .face.face2 {
    background: #444341;
}


.black-theme #card-s {
    background: #444341;
}

.black-theme .rightpanel h3 {
    color: yellow;
}

.black-theme .popup-s {
    background: #444341;
}

.black-theme .button-s:hover {
    background: #0e0d0c;
}

.black-theme .button-s {
    border: 2px solid white;
}

.black-theme #card-s p {
    color: white;
}

.black-theme.popup-s .content-s b, strong {
    /*color: yellow;*/
}

.black-theme #card-s h2 {
    color: yellow;
}

.black-theme tr td b, strong {
    /*color: yellow;*/
}

.black-theme tr td p b, strong {
    /*color: yellow;*/
}

.black-theme .whats-news h2.heading1 {
    color: #fff;
}

.black-theme .whats-news ul li a {
    color: #fff;
}

.black-theme .topheader ul li a {
    color: yellow;
}

.black-theme .human-settlement {
    background: #333;
}

.black-theme .corporate-box {
    background: #000;
}

.black-theme .whats-news span.fa-angle-down {
    background: #000;
    border: 1px solid #000;
}

.black-theme .corporate-box p .fas {
    color: #fff;
}

.black-theme .whats-news span.fa-angle-up {
    border: 1px solid #000;
    color: #fff;
}

.black-theme .whts-btn {
    color: #fff;
}

.black-theme .home-sec5 .greybox ul li a {
    background: #000;
    border: 1px solid #000;
}

black-theme .human-settlement {
    background: #c52b12;
}

.black-theme .home-sec5 .greybox .chairman-pro p strong {
    color: #000;
}

.black-theme .home-sec6 .owl-nav .fas {
    background: #000;
}

.black-theme .bottom-footer {
    background: #000;
}

.black-theme .top-footer {
    background: #333;
}

    .black-theme .top-footer ul li a {
        color: YELLOW;
    }

.black-theme .scrollTop {
    background: #333333;
    border: 2px solid #000000;
}

.black-theme .rightpanel ul .li-wid b {
    color: yellow;
}

.black-theme table tr:nth-child(2n+1) td, .evenRow {
    background-color: #444341;
}

.black-theme .rightpanel list1 a {
    color: yellow;
}

.black-theme .container-x .card-x {
    background: #1a1917 !important;
}

.black-theme .backgound-color {
    background: #302c24 !important;
}

.black-theme .hod {
    color: yellow;
}

.black-theme .details {
    color: white;
}

/*Black-Theme*/
/*change color theame css end here*/

.resTab {
    position: relative;
}

    .resTab .tabNav {
        margin: 0 0 20px 0;
        padding: 0;
        list-style: none;
        border: 1px solid #e6e6e6;
    }

        .resTab .tabNav li {
            display: inline-block;
            margin: 0;
            position: relative;
        }

            .resTab .tabNav li:not(:last-child):before {
                position: absolute;
                right: 0;
                top: 10px;
                bottom: 10px;
                width: 1px;
                content: "";
                background-color: #ccc;
            }

        .resTab .tabNav .r-tabs-state-active a {
            color: #fff;
            text-shadow: none;
            background-color: #b08b29;
        }

    .resTab .r-tabs-panel.r-tabs-state-active {
        display: block;
    }

    .resTab .r-tabs-accordion-title {
        display: none;
    }

    .resTab .tabNav .r-tabs-state-disabled {
        opacity: 0.5;
    }

table, .tableData {
    border-collapse: separate;
    border-spacing: 0;
    width: 100%;
    empty-cells: show;
    border: none;
    /*border: 1px solid #ccc;*/
    border-bottom: 0;
    border-right: 0;
    font-size: 0.938em;
}


.homeTheme {
    /*background-color: #ffd900;*/
    position: relative;
}

    .homeTheme:before {
        position: absolute;
        width: 100%;
        height: 0px;
        top: 0;
        left: 0;
        content: "";
        /*background-color: #ececf6;*/
    }

    .homeTheme .container {
        position: relative;
        z-index: 10001;
    }

.themeTab .themeTabList {
    /*overflow: hidden;*/
    margin: 0;
    padding: 0;
    list-style: none;
    border: 0;
    background-color: #e7e7e7;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}

    .themeTab .themeTabList li {
        float: left;
        width: 10.5%;
        text-align: center;
    }

.themeTabList {
    margin-left: -25px;
}


#Ul1 li:nth-child(3) {
    width: 13% !important;
}

/*.themeTab .themeTabList li a span {
                display: block;
                text-align: center;
                position: relative;
                z-index: 2;
                color: black;
            }*/

.themeTab .themeTabList li:before, .themeTab .themeTabList li a:after {
    display: none;
}

.themeTab .themeTabList li a:before {
    content: "";
    height: 100%;
    background-color: #fff;
    position: absolute;
    left: 1px;
    right: 0;
    top: 0;
    -webkit-transform: skew(25deg);
    -moz-transform: skew(25deg);
    transform: skew(25deg);
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    z-index: 1;
}

.themeTab .themeTabList li a:after {
    content: "";
    height: 90%;
    background-color: #005bab;
    color: #fff;
    position: absolute;
    left: 100%;
    right: 8px;
    top: 3px;
    -webkit-transform: skew(25deg);
    -moz-transform: skew(25deg);
    transform: skew(25deg);
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    z-index: 1;
    display: block;
    border: 0 !important;
}

.themeTab .themeTabList li a:hover:after, .themeTab .themeTabList li.r-tabs-state-active a:after {
    left: 1px;
}

.themeTab .themeTabList li a:hover, .themeTab .themeTabList li.r-tabs-state-active a {
    color: #ffd900;
    font-weight: 700;
}

.themeTab .themeTabList li:first-child a:before, .themeTab .themeTabList li:first-child a:hover:after, .themeTab .themeTabList li.r-tabs-state-active:first-child a:after {
    left: 7px;
}

.themeTab .themeTabList li:last-child a:before, .themeTab .themeTabList li:last-child a:hover:after, .themeTab .themeTabList li.r-tabs-state-active:last-child a:after, .themeTab .themeTabList li:last-child a:after {
    right: -15px;
}

.themeTab .themeTabList li:last-child a:after {
    left: 110%;
}

.themeTab .themeTabList li:last-child a:hover:after, .themeTab .themeTabList li.r-tabs-state-active:last-child a:after {
    left: 1px;
}

.themeTab .tabContainer {
    padding-top: 40px;
}

.themeTab .tabContent {
    padding: 0;
}

.events_title_bg {
    width: 120.3%;
    height: 63px;
    background: #fff;
    display: flex;
    align-content: center;
    align-items: center;
    padding: 0px 20px;
    margin-top: -25px;
    margin-left: -25px;
}

.top-nav ul li.header-searchbox input::placeholder {
    color: #770a07;
    /*background-color: #faeed5;*/
}

.top-nav ul li.header-searchbox input:-ms-input-placeholder {
    color: #770a07;
    /*background-color: #faeed5;*/
}

.top-nav ul li.header-searchbox input::-ms-input-placeholder {
    color: #770a07;
    /*background-color: #faeed5;*/
}

@media  (min-width: 5500px)  and (max-width: 7000px) {
    .header {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 99;
    }

    .topheader {
        /*padding: 4px 0;*/
        background: #005bab;
        height: 90px;
    }

        .topheader ul li {
            float: left;
        }

            .topheader ul li a {
                font-size: 0.8vw;
                color: white;
                font-weight: 300;
                padding: 4px 6px;
                text-decoration: none;
                outline: none;
            }

                .topheader ul li a:hover {
                    font-size: 15px;
                    color: #fff;
                    font-weight: 700;
                    padding: 0 6px;
                    background: transparent;
                }


    .header-searchbox {
        margin-right: 800px;
        margin-top: 10%;
        width: 600px;
    }


    .fa-facebook {
        /*margin-left: 12px;*/
        padding: 20px 50px;
        font-size: 65px;
        border-radius: 10px;
    }

   

    .fa-youtube {
       
        padding: 19px 28px;
        font-size: 70px;
        border-radius: 10px;
    }

    .fa-linkedin {
        padding: 19px 40px;
        font-size: 70px;
        border-radius: 10px;
    }

    .mid-header {
        /*padding: 15px 0 0 0;*/
        background: #ffffff;
        /*height: 139px;*/
    }

    .top-nav {
        display: inline-block;
        width: 100%;
        margin-bottom: 0px;
        height: 50%;
    }

        .top-nav ul li {
            float: left;
            /*padding: 0 8px;*/
            margin-top:6%;
        }

            .top-nav ul li.tender-btn a {
                padding: 5px 10px;
                background: #f2af20;
                color: #333;
                font-weight: 700;
                font-size: 13px;
                text-decoration: none;
                border-radius: 6px;
                float: left;
            }

    .srchicn {
        display: none;
    }

    .top-nav ul li.tender-btn a span {
        display: inline-block;
        margin-right: 5px;
        font-size: 16px;
    }

    .top-nav ul li.tender-btn.covidbtn a span {
        font-size: 13px;
    }

        .top-nav ul li.tender-btn.covidbtn a span img {
            display: inline-block;
            height: 18px;
            font-size: 5px;
        }

    .top-nav ul li.header-searchbox input {
        width: 99%;
        float: left;
        background-color: #00000014;
        border: none;
        /*padding: 7px;*/
        outline: none;
        height: 95px;
        margin-top: 1px;
        border-radius: 80px;
    }

    .top-nav ul li.header-searchbox button {
        border: 0;
        background: none;
        font-size: 50px;
        color: rgb(161 156 156);
        margin-left: -140px;
        margin-top: 0px;
        float: left;
    }



    .top-nav ul li.social-icon a span {
        width: 33px;
        height: 28px;
        border-radius: 0%;
        text-align: center;
        line-height: 28px;
        color: #fff;
        /*margin: 6px 2px;*/
        margin-top: -4px;
    }

    .social-icon {
        color: #fff;
        text-decoration: none;
    }

    .top-nav ul li.social-icon a span.fa-facebook-f {
        /*background: #3b5998;*/
    }

    .top-nav ul li.social-icon a span.fa-twitter {
        /*background: #55acee;*/
    }

    .top-nav ul li.social-icon a span.fa-linkedin-in {
        /*background: #2a6495;*/
    }

    .top-nav ul li.social-icon a span.fa-youtube {
        /*background: #e51b24;*/
    }

    .topheader ul li.increament-list a {
        height: auto;
        float: left;
        background: #2f3573;
        text-align: center;
        /*font-size: 1VW;*/
        color: #fff;
        /*block-size: 1.56vw;*/
    }

        .topheader ul li.increament-list a:hover {
            text-decoration: none;
        }


        .topheader ul li.increament-list a:nth-child(2) {
            background: #0536ac;
        }

    .topheader ul li.change-color a {
        float: left;
        padding: 3px;
        margin: 5px 2px;
        transition: all ease-in-out 0.5s;
        outline: none;
    }

        .topheader ul li.change-color a span {
            width: 15px;
            height: 15px;
            float: left;
        }




        .topheader ul li.change-color a:hover, .top-nav ul li.change-color a.active, .top-nav ul li.change-color a:focus {
            outline: 1px solid #fff;
        }

        .topheader ul li.change-color a .bluetheme {
            background: #df3b20;
        }

    .top-nav ul li.change-color a .greentheme {
        background: #08c82f;
    }

    .topheader ul li.change-color a .black-theme {
        background: #191919;
    }

    .topheader ul li.change-color a .default-theme {
        background: white;
    }

    .homeCommonPad {
        /* padding: 70px 0; */
        margin-top: 1%;
        border-bottom: 1px solid #d2d2d2;
    }

    .tagline1 {
        margin-top: 3% !important;
    }

    .hudco-citylogo {
        margin-top: -0.2VW;
    }

    .srch-social {
        margin-top: -3%;
        margin-left: -5%;
    }

    .disp3 {
        margin-top: -75px;
        margin-left: 415px;
    }

    .disp4 {
        margin-left: 350px;
        margin-top: -47px;
    }

    .section-title {
        font-size: 2.5rem;
    }

    
    .rightpanel {
        width: calc(100% - 700px);
    }

    /*Inner Pages CSS Starts Here*/
    .inner_tab ul li a {
        font-size: 3rem;
    }

    .frmTempListContent {
        width: 90%;
        text-align: justify;
    }

        .frmTempListContent li {
            font-size: 2rem;
        }

        .lefpanel h2 {
    font-size:2.5rem;
}

}

@media  (min-width: 3200px)  and (max-width: 5500px) {
    .header {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 99;
    }

    .topheader {
        /*padding: 4px 0;*/
        background: #005bab;
        height: 28px;
    }

        .topheader ul li {
            float: left;
        }

            .topheader ul li a {
                font-size: 0.8vw;
                color: white;
                font-weight: 300;
                padding: 4px 6px;
                text-decoration: none;
                outline: none;
            }

                .topheader ul li a:hover {
                    font-size: 15px;
                    color: #fff;
                    font-weight: 700;
                    padding: 0 6px;
                    background: transparent;
                }

                .topheader ul li a.bntDotheFive {
                    text-decoration: none;
                }

                    .topheader ul li a.bntDotheFive:hover > .showImg {
                        display: block;
                    }



    .mid-header {
        /*padding: 15px 0 0 0;*/
        background: #ffffff;
        /*height: 139px;*/
    }

    .top-nav {
        display: inline-block;
        width: 100%;
        margin-bottom: 0px;
        height: 50%;
    }

        .top-nav ul li {
            float: left;
            /*padding: 0 8px;*/
        }

            .top-nav ul li.tender-btn a {
                padding: 5px 10px;
                background: #f2af20;
                color: #333;
                font-weight: 700;
                font-size: 13px;
                text-decoration: none;
                border-radius: 6px;
                float: left;
            }

    .srchicn {
        display: none;
    }

    .top-nav ul li.tender-btn a span {
        display: inline-block;
        margin-right: 5px;
        font-size: 16px;
    }

    .top-nav ul li.tender-btn.covidbtn a span {
        font-size: 13px;
    }

        .top-nav ul li.tender-btn.covidbtn a span img {
            display: inline-block;
            height: 18px;
            font-size: 5px;
        }

    .top-nav ul li.header-searchbox input {
        width: 95%;
        float: left;
        background-color: #00000014;
        border: none;
        /*padding: 7px;*/
        outline: none;
        HEIGHT: 55px;
        margin-top: 1px;
        border-radius: 35px;
    }



    .top-nav ul li.header-searchbox button {
        border: 0;
        background: none;
        font-size: 15px;
        color: rgb(161 156 156);
        margin-left: -58px;
        margin-top: -6px;
        float: left;
    }



    .top-nav ul li.social-icon a span {
        width: 33px;
        height: 28px;
        border-radius: 0%;
        text-align: center;
        line-height: 28px;
        color: #fff;
        /*margin: 6px 2px;*/
        margin-top: -4px;
    }

    .social-icon {
        color: #fff;
        text-decoration: none;
    }

    .top-nav ul li.social-icon a span.fa-facebook-f {
        /*background: #3b5998;*/
    }

    .top-nav ul li.social-icon a span.fa-twitter {
        /*background: #55acee;*/
    }

    .top-nav ul li.social-icon a span.fa-linkedin-in {
        /*background: #2a6495;*/
    }

    .top-nav ul li.social-icon a span.fa-youtube {
        /*background: #e51b24;*/
    }

    .topheader ul li.increament-list a {
        height: auto;
        float: left;
        background: #2f3573;
        text-align: center;
        /*font-size: 1VW;*/
        color: #fff;
        /*block-size: 1.56vw;*/
    }

        .topheader ul li.increament-list a:hover {
            text-decoration: none;
        }


        .topheader ul li.increament-list a:nth-child(2) {
            background: #0536ac;
        }

    .topheader ul li.change-color a {
        float: left;
        padding: 3px;
        margin: 5px 2px;
        transition: all ease-in-out 0.5s;
        outline: none;
    }

        .topheader ul li.change-color a span {
            width: 15px;
            height: 15px;
            float: left;
        }




        .topheader ul li.change-color a:hover, .top-nav ul li.change-color a.active, .top-nav ul li.change-color a:focus {
            outline: 1px solid #fff;
        }

        .topheader ul li.change-color a .bluetheme {
            background: #df3b20;
        }

    .top-nav ul li.change-color a .greentheme {
        background: #08c82f;
    }

    .topheader ul li.change-color a .black-theme {
        background: #191919;
    }

    .topheader ul li.change-color a .default-theme {
        background: white;
    }

    .topheader {
        height: 55px;
    }

    .homeCommonPad {
        /* padding: 70px 0; */
        margin-top: 1%;
        border-bottom: 1px solid #d2d2d2;
    }

    .tagline1 {
        margin-top: 3% !important;
    }

    .hudco-citylogo {
        margin-top: -0.2VW;
    }

    .srch-social {
        margin-top: -3%;
        margin-left: -5%;
    }

    .disp3 {
        margin-top: -75px;
        margin-left: 415px;
    }

    .disp4 {
        margin-left: 350px;
        margin-top: -47px;
    }

    .section-title {
        font-size: 2.5rem;
    }

    
    .rightpanel {
        width: calc(100% - 700px);
    }

    /*Inner Pages CSS Starts Here*/
    .inner_tab ul li a {
        font-size: 3rem;
    }

    .frmTempListContent {
        width: 90%;
        text-align: justify;
    }

        .frmTempListContent li {
            font-size: 2rem;
        }

        .lefpanel h2 {
    font-size:2.5rem;
}

}

@media only screen and (max-width: 3080px) {
    .header {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 99;
    }

    .topheader {
        /*padding: 4px 0;*/
        background: #005bab;
        height: 28px;
    }

        .topheader ul li {
            float: left;
        }

            .topheader ul li a {
                font-size: 0.8vw;
                color: white;
                font-weight: 300;
                padding: 4px 6px;
                text-decoration: none;
                outline: none;
            }

                .topheader ul li a:hover {
                    font-size: 15px;
                    color: #fff;
                    font-weight: 700;
                    padding: 0 6px;
                    background: transparent;
                }

                .topheader ul li a.bntDotheFive {
                    text-decoration: none;
                }

                    .topheader ul li a.bntDotheFive:hover > .showImg {
                        display: block;
                    }



    .mid-header {
        /*padding: 15px 0 0 0;*/
        background: #ffffff;
        /*height: 139px;*/
    }

    .top-nav {
        display: inline-block;
        width: 100%;
        margin-bottom: 0px;
        height: 50%;
    }

        .top-nav ul li {
            float: left;
            /*padding: 0 8px;*/
        }

            .top-nav ul li.tender-btn a {
                padding: 5px 10px;
                background: #f2af20;
                color: #333;
                font-weight: 700;
                font-size: 13px;
                text-decoration: none;
                border-radius: 6px;
                float: left;
            }

    .srchicn {
        display: none;
    }

    .top-nav ul li.tender-btn a span {
        display: inline-block;
        margin-right: 5px;
        font-size: 16px;
    }

    .top-nav ul li.tender-btn.covidbtn a span {
        font-size: 13px;
    }

        .top-nav ul li.tender-btn.covidbtn a span img {
            display: inline-block;
            height: 18px;
            font-size: 5px;
        }

    .top-nav ul li.header-searchbox input {
        width: 75%;
        float: left;
        background-color: #00000014;
        border: none;
        /*padding: 7px;*/
        outline: none;
        HEIGHT: 33px;
        margin-top: 1px;
        border-radius: 20px;
    }



    .top-nav ul li.header-searchbox button {
        border: 0;
        background: none;
        font-size: 15px;
        color: rgb(161 156 156);
        margin-left: -58px;
        margin-top: -6px;
        float: left;
    }



    .top-nav ul li.social-icon a span {
        width: 33px;
        height: 28px;
        border-radius: 0%;
        text-align: center;
        line-height: 28px;
        color: #fff;
        /*margin: 6px 2px;*/
        margin-top: -4px;
    }

    .social-icon {
        color: #fff;
        text-decoration: none;
    }

    .top-nav ul li.social-icon a span.fa-facebook-f {
        /*background: #3b5998;*/
    }

    .top-nav ul li.social-icon a span.fa-twitter {
        /*background: #55acee;*/
    }

    .top-nav ul li.social-icon a span.fa-linkedin-in {
        /*background: #2a6495;*/
    }

    .top-nav ul li.social-icon a span.fa-youtube {
        /*background: #e51b24;*/
    }

    .topheader ul li.increament-list a {
        height: auto;
        float: left;
        background: #2f3573;
        text-align: center;
        /*font-size: 1VW;*/
        color: #fff;
        /*block-size: 1.56vw;*/
    }

        .topheader ul li.increament-list a:hover {
            text-decoration: none;
        }


        .topheader ul li.increament-list a:nth-child(2) {
            background: #0536ac;
        }

    .topheader ul li.change-color a {
        float: left;
        padding: 3px;
        margin: 5px 2px;
        transition: all ease-in-out 0.5s;
        outline: none;
    }

        .topheader ul li.change-color a span {
            width: 15px;
            height: 15px;
            float: left;
        }




        .topheader ul li.change-color a:hover, .top-nav ul li.change-color a.active, .top-nav ul li.change-color a:focus {
            outline: 1px solid #fff;
        }

        .topheader ul li.change-color a .bluetheme {
            background: #df3b20;
        }

    .top-nav ul li.change-color a .greentheme {
        background: #08c82f;
    }

    .topheader ul li.change-color a .black-theme {
        background: #191919;
    }

    .topheader ul li.change-color a .default-theme {
        background: white;
    }

    .topheader {
        height: 40px;
    }

    .homeCommonPad {
        /* padding: 70px 0; */
        margin-top: 0%;
        border-bottom: 1px solid #d2d2d2;
    }

    .tagline1 {
        margin-top: 3% !important;
    }

    .hudco-citylogo {
        margin-top: -0.2VW;
    }


    .disp3 {
        margin-top: -75px;
        margin-left: 415px;
    }

    .disp4 {
        margin-left: 350px;
        margin-top: -47px;
    }
}

@media only screen and (max-width: 2299px) {

    .homeCommonPad {
        /* padding: 70px 0; */
        margin-top: 2%;
        border-bottom: 1px solid #d2d2d2;
    }
}

@media (min-width: 1900px) and (max-width: 2200px) {
    .topheader {
        height: 35px;
    }

        .topheader ul li a {
            padding: 0px 6px;
        }

    .srch-social {
        margin-top: -75px !important;
    }

        .homeCommonPad {
        margin-top: 0%; 
        border-bottom: 1px solid #d2d2d2;
    }
}

@media only screen and (max-width: 1900px) {

    .topheader {
        height: 33px;
    }

    .homeCommonPad {
        /* padding: 70px 0; */
        margin-top: 0%;
        border-bottom: 1px solid #d2d2d2;
    }

    .tagline1 {
        margin-top: 1% !important;
    }

    .hudco-citylogo {
        margin-top: -1.2VW;
    }

    .vd {
        width: 100%;
        height: 700px!important;
    }

    .request_overlay_box {
        width: 38%;
    }

    .disp3 {
        margin-top: -75px;
        margin-left: 415px;
    }

    .disp4 {
        margin-left: 350px;
        margin-top: -47px;
    }
}

@media (min-width: 1598px) and (max-width: 1800px) {

    .slider-css {
        width: 100%;        
        margin-top: -9px;
    }

    .homeCommonPad {
        padding: 0px 0;
        /*top: 38px;*/
        border-bottom: 1px solid #d2d2d2;
    }
}

@media only screen and (min-width: 1200px ) {
   
    .homeCommonPad {
        border-bottom: 1px solid #d2d2d2;
    }
}

    @media only screen and (max-width: 1600px) {
        .topheader {
            height: 28px;
        }

        header .top_header .lan_nav {
            width: 4.8%;
        }

        .nav__menu li {
            padding: 0px 64px !important;
        }

            .nav__menu li:first-child {
                padding: 0px 64px 0px 0px !important;
            }

        .vd {
            width: 100%;
            height: 712px !important;
        }

        .disp3 {
            margin-top: -75px;
            margin-left: 415px;
        }

        .disp4 {
            margin-left: 447px;
            margin-top: -47px;
        }
    }

    @media only screen and (max-width: 1440px) {

        .vd {
            width: 100%;
            height: 644px !important;
        }

        header .top_header .lan_nav {
            width: 6%;
        }

        .nav__menu li {
            padding: 0px 50px !important;
        }

            .nav__menu li:first-child {
                padding: 0px 50px 0px 0px !important;
            }

        .disp3 {
            margin-top: -75px;
            margin-left: 415px;
        }

        .disp4 {
            margin-left: 350px;
            margin-top: -47px;
        }
    }

    @media only screen and (max-width: 1368px) {
        header .top_header .lan_nav {
            width: 5.5%;
        }

        .slider-css {
            width: 100%;
        }

        .vd {
            width: 100%;
            height: 610px !important;
        }

        .nav__menu li {
            padding: 0px 43px !important;
        }

            .nav__menu li:first-child {
                padding: 0px 43px 0px 0px !important;
            }


        .visit-profile-h {
            background: #835656;
            padding: 6px 9%;
            margin-top: -67px !important;
        }

        .fd-yr-img {
            margin-top: -39px;
            margin-left: -30px;
        }


        .home {
            margin-left: -57px;
        }

        .disp3 {
            margin-top: -75px;
            margin-left: 415px;
        }

        .disp4 {
            margin-left: 350px;
            margin-top: -47px;
        }
    }

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

        .disp3 {
            margin-top: -76px;
            margin-left: 228px;
        }

        .disp4 {
            margin-left: 174px;
            margin-top: -42px;
        }
    }

    @media only screen and (max-width: 1360px) {
        header .top_header .lan_nav {
            width: 5.5%;
        }

        .nav__menu li {
            padding: 0px 43px !important;
        }

            .nav__menu li:first-child {
                padding: 0px 43px 0px 0px !important;
            }
    }

    @media (min-width: 1300px) and (max-width: 1500px) {

        .slider-css {
            WIDTH: 100%;
        }
        .header-celebration {
            font-size: 0.8em;
        }
    }

    @media only screen and (max-width: 1280px) {

        header .top_header .lan_nav {
            width: 6%;
        }

        .nav__menu li {
            padding: 0px 35px !important;
        }

            .nav__menu li:first-child {
                padding: 0px 35px 0px 0px !important;
            }
    }

    @media (min-width:1200px) {

        .disp-mob-only {
            display: block;
        }
    }

    @media (max-width:1100px) {
        .homeCommonPad {
            border-bottom: none;
        }
        /*.header-searchbox {
            margin-right: -30px !important;
            margin-top: 20px;
        }*/
        .header-celebration {
            font-size: 0.7em;
        }
        .no-disp {
            margin-top: 15px;
        }

        .title-hin {
            margin-top: -6.5VW;
            margin-left: 4VW;
            height: 1.9VW;
        }

        .title-eng {
            margin-top: -7.3VW;
            margin-left: 8VW;
            WIDTH: 6VW;
            /*height: 1.9VW;*/
        }

        .disp-mob-only {
            display: none;
            margin-left: 15px;
        }
    }

    @media (max-width:1050px) {

        .top-nav {
            margin-top: 40px;
        }

        .home-sec4 .row .col-md-12 ul li {
            padding-left: 44%;
        }

        .hide {
            display: none;
        }

        .mobileOnly {
            display: none;
        }
        .header-celebration {
            font-size: 0.6em;
        }
    }

    @media (max-width:900px) {

        .title-hin {
            margin-top: -6.5VW;
            margin-left: 4VW;
            height: 1.9VW;
        }

        .header-celebration {
            font-size: 0.6em;
        }

        .title-eng {
            margin-top: -40.3VW;
            margin-left: 36VW;
            WIDTH: 20VW;
            /*height: 1.9VW;*/
        }

        .disp7 {
            display: block;
        }

        .disp-mob-only {
            display: none;
        }


        /* Style the navigation menu */
        .topnav-h {
            top: -14px;
            bottom: 0;
            left: auto;
            z-index: 10001;
        }

            /* Hide the links inside the navigation menu (except for logo/home) */
            .topnav-h #myLinks {
                display: none;
                right: 0;
            }

            /* Style navigation menu links */
            .topnav-h a {
                color: black;
                padding: 14px 16px;
                text-decoration: none;
                font-size: 17px;
            }

                /* Style the hamburger menu */
                .topnav-h a.icon {
                    position: absolute;
                    top: -26px;
                    z-index: 10001;
                    /*background-color: white;*/
                    width: 11%;
                }

                /* Add a grey background color on mouse-over */
                .topnav-h a:hover {
                    /*background-color: #ddd;*/
                    color: black;
                }


        .closebtn-h {
            position: absolute;
            top: -3px;
            right: 102px;
            font-size: 26px;
            cursor: pointer;
            z-index: 1;
            transition: all 0.9s ease;
        }

        .top-nav ul li.covidbtn a {
            width: auto;
            font-size: 11px !important;
        }

        .height-mob {
            height: 900px;
        }

        .themeTab .themeTabList li a span {
            display: block;
            text-align: left;
            position: relative;
            z-index: 2;
            /*color: black;*/
            width: 236px !important;
        }

        .themeTab .themeTabList li a {
            padding: 10px 33px !important;
            font-size: 15px;
        }

        .themeTab .themeTabList li:not(:last-child) {
            border-bottom: 1px solid #ccc;
        }

        .themeTab .themeTabList li:nth-child(odd) {
            /*border-right: 1px solid #ccc;*/
        }

        .themeTab .themeTabList li:last-child {
            border-right: 0;
            width: 100%;
        }

        .themeTab .tabContent {
            padding-bottom: 0;
        }

        .themeTab .themeTabList li {
            width: 51% !important;
            background-color: white;
        }

        .themeTab .tabContent {
            padding-bottom: 0;
        }

        .themeTab .themeTabList li a:after {
            /*background-color: none;*/
            left: auto !important;
        }

        .themeTab .themeTabList li:first-child a:before, .themeTab .themeTabList li:first-child a:hover:after, .themeTab .themeTabList li.r-tabs-state-active:first-child a:after {
            left: auto !important;
        }

        .themeTab .themeTabList li a:before {
            left: auto !important;
        }
    }

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

        .title-hin {
            margin-top: 11px;
            margin-left: 30px;
            height: 56px;
        }

        .title-eng {
            margin-top: 5px;
            margin-left: -37px;
            height: 50px;
        }
    }


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

        .topnav-h {
            right: -87%;
            top: -20px;
            bottom: 0;
            padding: 17px 62px;
            left: auto;
            z-index: 10001;
        }

            /* Hide the links inside the navigation menu (except for logo/home) */
            .topnav-h #myLinks {
                display: none;
                right: 0;
            }

            /* Style navigation menu links */
            .topnav-h a {
                color: black;
                padding: 14px 16px;
                text-decoration: none;
                font-size: 17px;
                /*display: none;*/
            }

                /* Style the hamburger menu */
                .topnav-h a.icon {
                    /*display: block;*/
                    position: absolute;
                    right: 244px;
                    top: -21px;
                    z-index: 10001;
                    /*background-color: white;*/
                }
    }

    @media (max-width:992px) {

        .marquee-container {
            font-size: 1vw;
            margin-bottom: -5%;
        }

        .closebtn {
            position: absolute;
            top: 25px;
            right: 25px;
            font-size: 20px;
            color: #fff;
            cursor: pointer;
        }


        .logo {
            position: unset;
        }

        .mid-header {
            position: relative;
        }

        .nav-icon {
            position: absolute;
            cursor: pointer;
            right: 20px;
            top: 39px;
            font-size: 30px;
            color: #fff;
            z-index: 9;
        }

        .top-nav {
            margin-top: 34px;
        }

            .top-nav ul li.header-searchbox input {
                padding: 5px 0px 8px 8px;
                width: 75%;
                font-size: 1em;
            }

            .top-nav ul li.social-icon a span {
                width: 24px;
                height: 24px;
                line-height: 25px;
                margin: 0 0px;
            }

            .top-nav ul li.change-color a {
                margin: 4px 0;
                padding: 1px;
            }

            .top-nav ul li.increament-list a {
                width: 18px;
            }


        .topheader ul li a {
            font-size: 9px;
            padding: 7px 3px;
        }

        .top-nav ul li {
            /*padding: 0 4px;*/
        }

        .mid-header {
            padding: 15px 0 10px 0;
            height: auto;
        }
    }

    @media (max-width:768px) {

        .logocontainer {
            margin-top: -3%;
        }

        .disp7 {
            display: block;
        }

        .toggle-bar {
            margin-left: -5%;
            margin-top: 0%;
        }

        .srch-social {
            margin-top: -5% !important;
        }

        .marquee-container {
            margin-left: 14%;
            width: 80%;
        }

        .mid-container .col-md-12, .mid-container .row {
            max-width: 100%;
        }


        .mid-header .row {
            margin-left: 0px;
            margin-right: 0px;
        }

        .mid-header .mid-container {
            padding-left: 0px !important;
            padding-right: 0px !important;
            height: 50px;
        }

        .homeCommonPad {
            margin-top: -2%;
            border-bottom: none;
        }

        .top-nav ul li.social-icon a span {
            width: 20px;
            height: 20px;
            margin: 0 0px;
            font-size: 11px;
            line-height: 20px;
        }

        .top-nav ul li {
            padding: 0 3px;
        }

            /*.top-nav ul li.header-searchbox input {
                width: 100px;
                padding: 6px 0px 10px 2px;
                font-size: 9px;
            }*/

            .top-nav ul li.header-searchbox button {
                padding: 0 0;
                border: 0;
                background: none;
                font-size: 13px;
                color: rgb(161 156 156);
                margin-left: -50px;
                margin-top: -44px;
                float: left;
            }

            .top-nav ul li.increament-list a {
                width: 19px;
                height: 19px;
                font-size: 12px;
                line-height: 19px;
            }

            .top-nav ul li.change-color a {
                padding: 2px;
                margin: 4px 0px;
            }

                .top-nav ul li.change-color a span {
                    width: 9px;
                    height: 9px;
                }

            .top-nav ul li.tender-btn a {
                padding: 5px 4px;
                font-size: 12px;
            }

        .top-nav {
            margin-top: 5px;
        }

        .mid-header .col-sm-10 {
            padding-left: 0;
        }

        .top-nav ul li.increament-list, .top-nav ul li.change-color {
            margin-top: 4px;
        }

        .slider-overlay p {
            font-size: 18px;
            line-height: 25px;
        }

            .slider-overlay p strong {
                font-size: 24px;
            }

        .slider-overlay {
            bottom: 0;
        }

        .nav-icon {
            float: right;
            margin: 20px 0 0 0;
            cursor: pointer;
        }

            .nav-icon span {
                font-size: 35px;
                color: #fff;
            }

        .logo {
            margin: 0px 0 0 0;
        }

        .hudco-citylogo {
            margin-top: -1.2VW;
            height: 5.5vw;
            margin-left: 1.9VW;
        }

        .top-nav .float-right {
            /*width: 225px;*/
            /*margin-right: -120px;*/
        }

        .sliderbox {
            /*margin-top: 147px;*/
        }

        .sliderbox, .home-sec3, .home-sec4, .home-sec5, .home-sec6, .home-sec7 {
            margin-bottom: 0px;
        }

            .sliderbox .inner-banner img {
                min-height: 85px;
            }

        .top-nav ul li img {
            vertical-align: middle;
            border-style: none;
        }

        .top-header {
            padding: 0 1%;
        }
    }

    @media only screen and (max-width: 600px) {

        .header-celebration {
            display: none;
        }

        .slider-css {
            MARGIN-LEFT: -96vw;
            margin-top: -123px;
            font-size: 30px;
            z-index: 99999;
        }

        .topheader ul li.change-color a {
            margin: 5px -1px;
        }

        .themeTab .themeTabList {
            background-color: white !important;
        }


            .themeTab .themeTabList li:nth-child(3) {
                width: 76% !important;
                background-color: white;
            }

        .change-lang {
            margin-left: 65px;
        }

        .title-hin {
            margin-top: -4px;
            margin-left: 20px;
            height: 33px;
            width: 62px;
        }

        .visit-profile {
            margin: -63px 14px -119px 5px !important;
        }

        .visit-profile-h {
            margin: 8px 19px -93px 5px !important;
        }


        .sliderbox {
            width: 100%;
            display: list-item;
            margin-top: 20px;
            /*margin-left: 32px;*/
            border-radius: 65px;
        }

       /* .slider-css {
            MARGIN-LEFT: -96vw;
            margin-top: -123px;
            font-size: 30px;
            z-index: 99999;
        }*/

        .disp0 {
            display: block;
        }

        .disp1 {
            display: none;
        }

        .disp2 {
            display: none;
        }


        .topnav-img {
            display: none;
        }
    }

    @media (max-width:576px) {

        .verbar {
            font-size: 2vw;
        }

        .mob-only-height {
            height: 0px;
        }

        #countdown {
            display: none;
        }

        .disp7 {
            display: block;
        }

        .img-csw {
            margin-left: 0% !important;
            height: 100% !important;
            width: 100% !important;
        }

        .themeTab .themeTabList li {
            width: 89%;
        }

        .disp-mob-only {
            display: none;
        }

        .topheader {
            padding: 0 1%;
        }

        .top-nav ul li.header-searchbox input {
            /* width: 220%; */
            background-color: #00000014;
            border: none;
            padding: 3px;
            outline: none;
            HEIGHT: 20PX;
            margin-top: 27px;
        }

        .mid-header {
            padding: 18px 15px 7px 0;
            height: 35px;
        }

        .disp-mob-only {
            display: none;
        }

        .height-mob {
            height: 900px;
        }

        /* Style the navigation menu */
        .topnav-h {
            right: -100%;
            top: 63px;
            bottom: 0;
            padding: 17px 62px;
            left: auto;
            z-index: 10001;
        }

            /* Hide the links inside the navigation menu (except for logo/home) */
            .topnav-h #myLinks {
                display: none;
                right: 0;
            }

            /* Style navigation menu links */
            .topnav-h a {
                color: black;
                padding: 14px 16px;
                text-decoration: none;
                font-size: 17px;
                /*display: none;*/
            }

                /* Style the hamburger menu */
                .topnav-h a.icon {
                    /*display: block;*/
                    position: absolute;
                    /* right: 203px; */
                    top: -21px;
                    z-index: 10001;
                    /*background-color: white;*/
                    width: 169px;
                    left: 29px;
                }

                /* Add a grey background color on mouse-over */
                .topnav-h a:hover {
                    /*background-color: #ddd;*/
                    color: black;
                }


        .closebtn-h {
            position: absolute;
            top: -3px;
            right: 102px;
            font-size: 26px;
            cursor: pointer;
            z-index: 1;
            transition: all 0.9s ease;
        }

        .top-nav ul li.covidbtn a {
            width: auto;
            font-size: 11px !important;
        }

        .footer-add {
            font-size: 14px;
            margin-left: 0px;
        }

        .event-view {
            margin-bottom: 0px;
            margin-left: 0px;
            margin-top: 0px;
            margin-left: 0px;
        }

        .title-hin {
            margin-top: -5.5VW;
            margin-left: 4VW;
            height: 1.9VW;
        }

        .title-eng {
            margin-top: -7.3VW;
            margin-left: 8VW;
            WIDTH: 6VW;
        }

        .logo {
            margin: 34px 0 0 0;
        }

        .top-footer ul li {
            width: 49%;
        }

        .nav-icon {
            margin: 30px 0 0 0;
        }

        .top-nav ul li.increament-list, .top-nav ul li.change-color {
            display: none;
        }

        .top-nav ul li.tender-btn.covidbtn a span img {
            height: 15px;
        }

        .top-nav ul li.tender-btn.covidbtn a {
            padding: 5px 7px 6px;
        }

        .top-nav ul li.tender-btn a span {
            font-size: 16px;
            margin-right: 1px;
        }


        .top-nav ul li.header-searchbox button {
            right: -26px;
            top: 72px;
        }

        .top-nav ul li.social-icon a span {
            width: 18px;
            height: 18px;
            margin: 0 0px;
            font-size: 10px;
            line-height: 18px;
        }

        .top-nav ul li.tender-btn a {
            padding: 6px 2px;
            font-size: 10px;
        }

        .srchicn {
            display: inline-block;
            width: 28px;
            height: 28px;
            color: #c99d9c;
            font-size: 20px;
            text-align: center;
        }

        .green-theme .srchicn {
            color: #85f59c;
        }

        .srchicn ~ * {
            display: none;
            position: absolute;
            transition: all ease-in-out 0.5s;
            top: -10px;
        }

        .srchicn.active ~ * {
            top: 36px;
        }

        .mid-container {
            width: 97%;
        }

        .top-nav {
            position: absolute;
            top: -115px;
            z-index: 999;
            margin: 0;
            right: 0;
            padding-right: 0px;
            padding-bottom: 8px;
            margin: 0px;
        }

        .slider-overlay p strong {
            font-size: 15px;
        }

        .sliderbox .owl-nav .fas {
            font-size: 20px;
        }

        .slider-overlay p {
            font-size: 13px;
            line-height: 17px;
        }

        .sliderbox .owl-nav .fas {
            top: 42%;
        }

            .sliderbox .owl-nav .fas.fa-chevron-left {
                left: 10px;
                display: none;
            }

            .sliderbox .owl-nav .fas.fa-chevron-right {
                right: 10px;
                display: none;
            }

        .hide {
            display: none;
        }

        .mobileOnly {
            display: block;
        }

        .themeTab .themeTabList li {
            width: 89%;
        }
        .tagline1 {
            margin-top: -4% !important;
        }
    }

    @media only screen and (max-width: 639px) {
        .themeTab .themeTabList li {
            width: 100%;
            background-color: white;
        }
    }

    @media only screen and (max-width: 479px) {
        .themeTab .themeTabList li a span {
            display: block;
            text-align: left;
            position: relative;
            z-index: 2;
            color: black;
            width: 236px !important;
        }
    }

    @media all and (max-width : 450px) {


        .scroll-bond {
            gap: 20px;
        }

        .themeTab .themeTabList {
            background-color: white !important;
        }

        .topheader ul li.change-color a span {
            width: 11px;
            height: 9px;
            float: left;
        }

        .fa-facebook {
            background-color: #3d5b99 !important;
            margin-left: 46px !important;
        }

       /* .header-searchbox {
            margin-right: 148px;
        }*/

        .change-lang {
            margin-left: 5px;
        }
    }

    @media all and (max-width : 360px) {

        .themeTab .themeTabList {
            background-color: white !important;
        }

        .stockview {
            display: none;
        }

        .fa-facebook {
            margin-left: 46px !important;
        }

        .header-searchbox {
            margin-right: 148px;
        }

        .change-lang {
            margin-left: 8px;
        }

        .topheader ul li.change-color a span {
            width: 11px;
            height: 9px;
            float: left;
        }
    }

    @media only screen and (min-width: 320px) and (max-width: 480px) {
        .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
            width: 100%;
            padding: 15px;
        }

        /* Mobile adjustments */

        .marquee-container {
            width: 35%;
            padding-top: 0px;
            padding-bottom: 0px;
            margin-left: 30%;
            margin-top: 1%;
        }

        .scroll-bond {
            font-size: 1.5vw;
        }
    }

    /*HEADER.ascx style css starts here*/
    .lang-modal {
        display: block;
        position: fixed;
        z-index: 1000;
        left: 0;
        top: 0;
        width: 100vw;
        height: 100vh;
        background-color: rgba(0, 0, 0, 0.5); /* Black background with transparency */
        overflow: hidden; /* Prevents scrolling */
    }

    .lang-modal-content {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background-color: white;
        padding: 20px;
        border-radius: 8px;
        text-align: center;
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
        max-width: 90%; /* Make sure the modal is not too wide on large screens */
        width: 35%; /* Ensure it takes full width on smaller screens */
        max-height: 80%; /* Limit the height for smaller devices */
        overflow-y: auto; /* Add scroll if content overflows */
    }

        .lang-modal-content p {
            font-size: 1rem; /* Adjust text size for better readability */
            margin-bottom: 20px;
        }

    .lang-btn {
        display: inline-block;
        width: 90%; /* Full-width buttons on mobile devices */
        max-width: 200px; /* Limit button width on larger screens */
        margin: 10px 5px;
        padding: 10px;
        font-size: 1rem;
        color: #fff;
        background-color: rgba(77, 67, 51, 0.4);
        border: none;
        border-radius: 35px;
        cursor: pointer;
        transition: background-color 0.3s ease;
    }

        .lang-btn:hover {
            background-color: rgba(77, 67, 51, 1); /* Darken on hover */
        }


    .disp7 {
        display: none;
    }


    @media (max-width: 600px) {
        .lang-modal-content {
            padding: 15px;
            width: 100%;
        }

            .lang-modal-content p {
                font-size: 1rem; /* Smaller text on small devices */
            }

        .lang-btn {
            padding: 8px; /* Slightly smaller buttons */
            font-size: 0.9rem;
        }

        .reader-btn {
            display: none;
        }
    }

    #scrollingContainer {
        width: 100%;
        overflow: hidden;
        /*font-style: italic;*/
        color: darkblue;
        text-align: center;
    }

    #scrollingText {
        white-space: nowrap;
        overflow: hidden;
        animation: scrollingAnimation 10s linear;
        animation-play-state: running; /* Ensure the animation starts running immediately */
        font-size: 0.9vw;
    }

    @keyframes scrollingAnimation {
        0% {
            transform: translateX(100%);
        }

        100% {
            transform: translateX(-100%);
        }
    }

    /*@media only screen and (max-width : 600px) {
            .no-disp {
                display: none;
            }

            .title-bse {
                height: 34px;
                margin-top: -2px;
                margin-left: 32px;
                width: 22%;
            }

            .title-nse {
                height: 34px;
                margin-top: -62px;
                margin-left: 251px;
                width: 22%;
            }

            .stockview {
                font-size: 150%;
                font-weight: bold;
               
                display: none;
            }
        }*/

    @keyframes glowing {
        0% {
            padding: 5px 10px;
            border-radius: 6px;
            background-color: #f2af20;
            box-shadow: 0 0 5px #f2af20;
        }

        50% {
            padding: 5px 10px;
            border-radius: 6px;
            background-color: #f2af20;
            box-shadow: 0 0 20px #f2af20;
        }

        100% {
            padding: 5px 10px;
            border-radius: 6px;
            background-color: #f2af20;
            box-shadow: 0 0 5px #f2af20;
        }
    }

    #new {
        animation: glowing 1300ms infinite;
    }

    /*#skiptomaincss:hover {
            color: rgba(106,5,2,0.8);
            text-decoration: underline;
        }

        .black-theme #skiptomaincss:hover {
            color: #fff;
        }*/
    #skiptomaincss {
        position: inherit;
        color: #fff;
        text-decoration: none;
        padding-bottom: 3px;
    }

        #skiptomaincss:hover {
            color: #fff;
        }

        #skiptomaincss::before {
            content: "";
            position: absolute;
            display: block;
            width: 100%;
            height: 2px;
            bottom: 0;
            left: 0;
            background-color: #fff;
            transform: scaleX(0);
        }

    #rptTopHeader:hover {
        color: rgba(106,5,2,0.8);
        text-decoration: underline;
    }

    .black-theme #rptTopHeader:hover {
        color: #fff;
    }

    body {
        font-family: "Lato", sans-serif;
    }

    .sidenav {
        height: 100%;
        width: 0;
        position: fixed;
        z-index: 2;
        top: 0;
        /*left: 0;*/
        right: 0;
        background-color: #61656578;
        overflow-x: hidden;
        transition: 0.5s;
        padding-top: 60px;
    }


        .sidenav .closebtn {
            position: absolute;
            top: 169px;
            right: 25px;
            font-size: 36px;
            margin-left: 50px;
            color: red;
        }

    .header-searchbox-css {
        margin-right: -87px;
    }

    /*.float-right {
            float: right!important;
            margin-right: -249px;
            margin-top: -16px;
        }*/

    .topnav-img {
        height: 55px;
        margin-top: -85px;
        margin-right: 37px;
    }

    .logocontainer {
        position: absolute;
        width: 100%;
        z-index: 10001;
    }

    #logo-img {
        animation: fadeIn 2s;
    }

    #overlay {
        /*position: fixed;
            display: none;
            height: 120px*/;
        width: 195px;
        /*top: 60px;
            left: 35px;*/
        right: 0;
        bottom: 0;
        /*background-color: #ffffff;*/
        cursor: pointer;
        animation: fadeIn 2s;
    }

    .logocontainer li a:hover .overlay {
        opacity: 1;
    }

    .top-nav ul li:hover {
        display: block;
        cursor: pointer;
    }

    .hide_ss {
        display: none;
        margin-top: -70px;
        z-index: 2;
        position: absolute;
        margin-left: 220px;
    }

    .social-hide:hover + .hide_ss {
        display: block;
        cursor: pointer;
        z-index: 1000;
    }

    .social-hide:hover + .hide_ss {
        display: block;
        cursor: pointer;
        z-index: 1000;
    }

.line {
    opacity: 0;
    animation-duration: 2s;
    animation-fill-mode: forwards;
    color: #7e0b27;
    font-size: 1.3vw;
}

@media (min-width: 300px) and (max-width: 360px) {
    .topnav-h {
        right: -106%;
        top: 120px;
        padding: 17px 30px;
    }
    .top-nav {
        top: -50px;
    }

        .top-nav ul li.header-searchbox input {
            height: 20px;
            font-size: 0.7em;
            margin-top: 0px;
        }

            .top-nav ul li.header-searchbox input::placeholder {
                padding: 6px 0px 7px 10px
            }

    .mid-header {
        padding: 0px 0 10px 0;
        height: 25px;
    }

    .hudco-citylogo {
        height: 40px;
        margin-top: -10%;
        margin-left: 0vw;
    }

    .header-searchbox {
        margin-top: 0px;
        width: 40%;
    }

    .marquee-container {
        margin-left: 25%;
        width: 50%;
    }

    .homeCommonPad {
        margin-top: -12%;
        margin-left: 4%;
       /* width: 10%;*/
    }

    .top-head {
        margin-right: -1px;
        text-decoration: none;
        font-size: 1em;
    }

    .topheader ul li a {
        font-size: 0.5em;
        padding: 9px 3px;
    }

    .logo {
        margin: 0px 0 0 0;
    }

    .toggle-bar {
        margin-top: 5%;
        margin-left: 5%;
    }

    .top-nav .float-right {        
        margin-right: -82%;
        margin-top: -14%;
    }

    .line {
        font-size: 2.1vw;
    }

    .head-scroll {
        font-size: 2vw;
    }
}

@media (min-width: 370px) and (max-width: 480px) {

    .stock-mob {
        display: none;
    }

    .top-nav {
        top: -50px;
    }
        .top-nav ul li.header-searchbox input {
            height: 20px;
            font-size: 0.7em;
            margin-top: 0px;
        }

            .top-nav ul li.header-searchbox input::placeholder {
                padding: 6px 0px 7px 10px
            }

    .mid-header {
        padding: 0px 0 10px 0;
        height: 35px;
    }

    .hudco-citylogo {
        height: 50px;
        margin-top: -6%;
        margin-left: 0vw;
    }

    .header-searchbox {
        margin-top: 0px;
        width: 60%;
    }

    .marquee-container {
        margin-left: 25%;
        width: 50%;
    }

    .homeCommonPad {
        margin-top: -10%;
        margin-left: 5%;
    }

    .top-head {
        margin-right: -1px;
        text-decoration: none;
        font-size: 1em;
        width: 97%;
    }

    .topheader ul li a {
        font-size: 0.5em;
        padding: 9px 3px;
    }

    .logo {
        margin: 0px 0 0 0;
    }

    .toggle-bar {
        margin-top: 5%;
        margin-left: 5%;
    }

    .topnav-h {
        right: -107%;
        top: 31vw;
        /* bottom: 0; */
        padding: 17px 40px;
        /* left: auto; */
        /* z-index: 10001; */
    }

    .top-nav .float-right {
        width: 200px;
        margin-right: -38%;
        margin-top: -12%;
    }
  
    .line {       
        font-size: 2.1vw;
    }

    .head-scroll {
        font-size: 2vw;
    }
}

    @media (min-width: 481px) and (max-width: 580px) {
        .top-nav {
            top: 0px;
        }

            .top-nav ul li.header-searchbox input {
                height: 20px;
                font-size: 0.7em;
                margin-top: 0px;
            }

                .top-nav ul li.header-searchbox input::placeholder {
                    padding: 6px 0px 7px 10px
                }

        .mid-header {
            padding: 0px 0 10px 0;
            height: 35px;
        }

        .hudco-citylogo {
            height: 50px;
            margin-top: 0%;
            margin-left: 0vw;
        }

        .header-searchbox {
            margin-top: 0px;
            width: 90%;
        }

        .marquee-container {
            margin-left: 25%;
            width: 50%;
        }

        .homeCommonPad {
            margin-top: -1%;
        }

        .top-head {
            margin-right: -1px;
            text-decoration: none;
            font-size: 1em;
        }

        .topheader ul li a {
            font-size: 0.5em;
            padding: 9px 3px;
        }

        .logo {
            margin: 0px 0 0 0;
        }

        .toggle-bar {
            margin-top: 5%;
            margin-left: 5%;
        }

        .topnav-h {
            right: -100%;
            top: 25vw;
            /* bottom: 0; */
            padding: 17px 62px;
            /* left: auto; */
            /* z-index: 10001; */
        }

        .top-nav .float-right {
            /* width: 225px; */
            margin-right: -20%;
        }
    }

    @media (min-width: 601px) and (max-width: 650px) {
        .top-nav {
            margin-top: 0px;
        }

            .top-nav ul li.header-searchbox input {
                width: 75%;
                padding: 6px 0px 7px 0px;
                font-size: 0.8em;
                height: 2%;
            }

                .top-nav ul li.header-searchbox input::placeholder {
                    padding: 6px 0px 7px 10px
                }

        .mid-header {
            padding: 0px 0 10px 0;
            height: 70px;
        }

        .disp7 {
            display: block;
        }

        .homeCommonPad {
            margin-top: -6%;
        }

        .top-head {
            margin-right: -1px;
            text-decoration: none;
            font-size: 1em;
        }

        .topheader ul li a {
            font-size: 0.5em;
            padding: 9px 3px;
        }
    }

    @media (min-width: 675px) and (max-width: 799px) {
        .top-nav {
            margin-top: 0px;
        }

        .mid-header {
            padding: 0px 0 10px 0;
            height: 70px;
        }

        .disp7 {
            display: block;
        }

        .homeCommonPad {
            margin-top: -5%;
        }
    }

    @media (min-width: 800px) and (max-width: 1000px) {
        .mid-header {
            padding: 1px 0 1px 0;
            height: 75px;
        }

        .topnav-h {
            right: 15%;
        }

        .toggle-bar {
            transition: all 0.9s ease;
            position: absolute;
            /*color: #bc7432;*/
            /*margin-left: 5%;
                margin-top: -5%;*/
        }

        .disp7 {
            display: block;
        }

        .slider-css {
            margin-top: 3%;
            /* font-size: 29px;*/
            z-index: 99999;
            width: 45%;
        }

        .resTab {
            position: relative;
        }

        .themeTab .themeTabList li:not(:last-child) {
            border-bottom: 1px solid #ccc;
        }

        .themeTab .themeTabList li {
            width: 76% !important;
            background-color: white;
        }

            .themeTab .themeTabList li a {
                font-size: 15px;
                margin-left: 32px;
                padding: 5px 0px;
            }

                .themeTab .themeTabList li a:hover {
                    transform: scale(1.1);
                    color: #0000EE !important;
                }

                .themeTab .themeTabList li a:before {
                    display: none;
                }

                .themeTab .themeTabList li a:after {
                    display: none;
                }

        .social-icon {
            display: none;
        }

        /* .line {
            display: none;
        }*/

        .top-nav {
            margin-top: -10px;
        }

        /*.header-searchbox {
            margin-right: -95px !important;
            margin-top: -15px;
        }*/
    }

    @media (min-width: 1000px) and (max-width: 1100px) {
        .mid-header {
            padding: 1px 0 1px 0;
        }

        .toggle-bar {
            transition: all 0.9s ease;
            position: absolute;
            /*color: #bc7432;*/
            margin-left: 1.5%;
            margin-top: -2%;
        }

        .disp7 {
            display: block;
        }

        .slider-css {
            margin-top: 40px;
            font-size: 29px;
            z-index: 99999;
            width: 25%;
        }

        .resTab {
            position: relative;
        }

        .themeTab .themeTabList li:not(:last-child) {
            border-bottom: 1px solid #ccc;
        }

        .themeTab .themeTabList li {
            width: 120% !important;
            background-color: white;
        }

            .themeTab .themeTabList li:nth-child(3) {
                width: 120% !important;
            }

            .themeTab .themeTabList li a {
                font-size: 15px;
                margin-left: 32px;
            }

                .themeTab .themeTabList li a:before {
                    display: none;
                }

                .themeTab .themeTabList li a:after {
                    display: none;
                }
    
    }

    @media only screen and (max-width:1280px) {
        /*.line1 {
                margin-top: 5.5% !important;
            }*/

        .srch-social {
            margin-top: -5% !important;
        }
    }


    @media only screen and ( max-width:1090px) {

        .srch-social {
            margin-top: -1% !important;
        }

        .toggle-bar {
            margin-left: 1.5%;
            margin-top: -1%;
        }
    }

    @media only screen and (max-width:1000px) {

        .srch-social {
            margin-top: 12% !important;
        }

        .toggle-bar {
            margin-left: 2%;
            margin-top: -2.5%;
        }

        .owl-carousel.owl-loaded {
            margin-top: 11vw !important;
        }
    }


    @media only screen and (max-width:900px) {

        .srch-social {
            margin-top: 10% !important;
        }
    }

    @media only screen and (max-width : 600px) {

        .slider-title-mob {
            color: #000000 !important;
            height: 26px !important;
            font-size: 9px !important;
            margin-left: -10%;
            margin-bottom: -35px;
            background-color: #cddadd47 !important;
        }

        .srch-social {
            margin-top: 2% !important;
        }

        .themeTab .themeTabList li a span {
            display: block;
            text-align: left;
            position: relative;
            z-index: 2;
            color: black;
            width: 288px !important;
            font-size: 2vw;
        }

        #skiptomaincss {
            display: none;
        }

        .themeTab .themeTabList li {
            width: 76% !important;
            background-color: white;
        }

        .topnav-h a.icon {
            position: absolute;
            top: 90px;
            z-index: 10001;
            width: 26%;
        }


        .increament-list {
            display: none;
        }

        .topheader ul li.change-color a span {
            width: 11px;
            height: 9px;
            float: left;
        }

        .change-color {
            margin-top: 0.8vw;
        }

        .no-disp {
            display: none;
        }

        .title-bse {
            height: 34px;
            margin-top: -2px;
            margin-left: 32px;
            width: 22%;
        }

        .title-nse {
            height: 34px;
            margin-top: -62px;
            margin-left: 251px;
            width: 22%;
        }

        .stockview {
            display: none;
        }

        .disp7 {
            display: block;
        }

        /*.title-eng {
                width: 63px;
                float: left;
                margin-left: 23px;
                margin-top: -99px;
                height: 20px;
            }*/

        .title-hin {
            width: 49px;
            height: 24px;
            float: left;
            margin-left: 24px;
            margin-top: -99px;
        }

        /*.toggle-bar {
            margin-top: 32px;
            transition: all 0.9s ease;
            position: absolute;
            color: #005bab;
            margin-left: -9px;
        }*/




        /*.topheader ul li.change-color a span {
    width: 7px;
    height: 6px;
    float: left;
    margin-top: -8px;
}*/
        .topheader ul li a {
            font-size: 2vw;
            color: white;
            font-weight: 900;
            padding: 0 1px;
            text-decoration: none;
            outline: none;
        }

        .resTab {
            position: relative;
        }


        .change-lang {
            margin-left: -2px;
        }

        .header {
            position: relative;
            top: 0;
            left: 0;
            right: 0;
            z-index: 99999;
        }

        #scrollingText {
            white-space: nowrap;
            overflow: hidden;
            animation: none;
            animation-play-state: running;
            font-size: 2vw;
        }

        /*.header-searchbox {
            margin-right: 6px !important;
            margin-top: -56px;
            width: 49px;
        }*/

        .top-nav {
            position: relative;
            margin-left: -10px;
        }

        .funding {
            color: #7e0b27;
            font-size: 2.5vw !important;
            font-weight: bold;
        }

        .section_six {
            width: 100%;
            position: relative;
            padding: 0px 0px;
            margin-top: -15px;
        }

        .tagline1 {
            font-size: 8px !important;
            display: none;
        }

        /*.tagline2 {
            margin-top: 4% !important;
            font-size: 8px !important;
        }
*/
        .head-scroll {
            font-size: 1.7vw;
        }

        .title-eng {
            margin-top: -38VW;
            margin-left: 30VW;
            WIDTH: 14VW;
        }

        /*.topheader ul li a {
                padding: 0px !important;
            }*/
    }

    /*.themeTabLink::after {
            content: attr(data-title)!important;
            position: absolute!important;
            border-radius: 5px!important;
            font-size: .82vw!important;
            visibility: hidden;
            transition: opacity 0.3s !important;
            white-space: pre-line!important;
            z-index: 999 !important;
            width: 14vw!important;
            height: auto!important;
            display: block;
            border: 0 !important;
            background-color: #8f7d67;
            color: #fff;
            text-align: left;
            margin-left: 3px;
            padding-left: 10px;
            line-height: .82vw;
            padding-bottom: 10px;
        }

        .themeTabLink:hover::after {
            visibility: visible;
            opacity: 1;
        }*/


    .social-icon {
        color: #fff !important;
    }

    .social-icons {
        margin-top: 10px;
    }

        .social-icons a {
            vertical-align: top;
            display: inline;
            height: 100px;
        }

        .social-icons a {
            color: #fff;
            text-decoration: none;
        }



    .title-bse {
        height: 34px;
        margin-top: -2px;
        margin-left: 32px;
        width: 22%;
    }

    .title-nse {
        height: 34px;
        margin-top: -62px;
        margin-left: 251px;
        width: 22%;
    }

    .stockview {
        font-size: 150%;
        font-weight: bold;
        /*margin: -11px;*/
    }



    .funding_aim {
        color: #03043e;
        font-size: 1vw;
        /* font-weight: bold; */
        font-style: italic;
    }

    .funding {
        color: #7e0b27;
        font-size: 1vw;
        font-weight: bold;
    }

    .news-marquee {
        float: right;
    }

    .srch-social {
        margin-top: -5%;
    }
    /*.countdown-timer {
            position: relative;
    overflow: hidden;
    display: inline-block;
    width: 100%;
    height: 86px;
    MARGIN-TOP: -101PX;
    MARGIN-LEFT: 60PX;
        }*/


    .line1 {
        animation-name: slideFromLeft;
    }

    .line2 {
        animation-name: slideFromRight;
    }

    @keyframes slideFromLeft {
        0% {
            transform: translateX(-100%);
            opacity: 0;
        }

        100% {
            transform: translateX(0);
            opacity: 1;
        }
    }

    @keyframes slideFromRight {
        0% {
            transform: translateX(100%);
            opacity: 0;
        }

        100% {
            transform: translateX(0);
            opacity: 1;
        }
    }

    /* Placeholder styling */
    .top-nav ul li.header-searchbox input::placeholder {
        color: rgba(0, 0, 0, 0.5) !important; /* Light gray text */
        opacity: 1; /* Ensure visibility */
        background: none;
        font-size: 0.9em;
    }

    /* Browser-specific placeholder support */
    .top-nav ul li.header-searchbox input::-webkit-input-placeholder {
        color: rgba(0, 0, 0, 0.5) !important;
    }

    .top-nav ul li.header-searchbox input:-moz-placeholder {
        color: rgba(0, 0, 0, 0.5) !important;
    }

    .top-nav ul li.header-searchbox input::-moz-placeholder {
        color: rgba(0, 0, 0, 0.5) !important;
    }

    .top-nav ul li.header-searchbox input:-ms-input-placeholder {
        color: rgba(0, 0, 0, 0.5) !important;
    }

    /*header.ascx css ends here*/