@media only screen and (min-width: 1025px) and (max-width: 1600px) {
    .logo-1 img{
        width: 100%;
    }
    .header-navbar{
        padding: 5px 0;
    }
    .main-menu li a{
        padding: 7px 10px;
    }
    /* .main-menu li.dropdown::after{
        top: 14px;
        right: -6px;
    } */
    .logo-1 img {
        width: 74%;
    }
    .logo-2 {
        width: 45%;
    }
    .logo-3 {
        width: 73%;
    }
    .hero_quoted_by{
        padding: 2% 0 1% 0;
    }
    .hero-txt{
        width: 43%;
        transform: translate(62%, 40%);
    }
    .hero-txt.more-right{
        transform: translate(67%, 40%);
    }
    .top-left-nav .d-flex.align-items-center i{
        margin-right: 8px;
        font-size: 19px;
    }
    .top-left-nav .main-menu li.dropdown a.dropdown-btn,
    .top-left-nav .d-flex.align-items-center span{
        font-size: 15px;
    }
    /* .top-left-nav .main-menu.language li.dropdown::after,
    .top-left-nav .main-menu li.dropdown::after{
        top: 8px;
        font-size: 9px;
        right: -4px;
    } */
    .home-dp-column-3 ul.list-group.list-group-horizontal li:nth-child(3){
        width: 35%;
    }
    .home-css-first-state::after{
        left: -10%;
    }
}
@media only screen and (min-width: 1440px) and (max-width: 1600px) {
    .main-menu li a {
        padding: 8px;
        font-size: 17px;
    }
    .main-menu li.dropdown::after {
        font-size: 10px;
        right: -4%;
        top: 41%;
    }

}
@media only screen and (min-width: 1025px) and (max-width: 1439px) {
    .text-logo h2,
    .centered-title h2{
        font-size: 2.4rem;
    }
}
@media (max-width: 1440px) {
    .main-menu li.dropdown::after {
        font-size: 9px;
        right: -1%;
        top: 37%;
    }
    button#uw-widget-custom-trigger {
        right: 1%;
        /* width: 50px; */
        height: 50px;
        padding: 13px;
        text-align: center;
        bottom: 7%;
    }
    button#uw-widget-custom-trigger img{
        width: 22px;
        /* height: 25px; */
    }
    .back-to-top{
        right: 1%;
        bottom: 7%;
    }

    /* .text-logo div{
        height: 17vh;
    } */
    /* .logo-2 {
        width: 65%;
    } */
    .main-menu li a{
        font-size: 16px;
    }
}
@media (max-width: 1200px) {
    .main-menu li a{
        font-size: 12px;
    }
    .population-content {
        display: block !important;
    }

    .urban_rural {
        margin-top: 10px;
        width: 100%;
    }

    .urban_rural .d-flex {
        width: 50%;
    }
}
@media only screen and (max-width: 1024px) {
    .centered-title {
        position: relative;
        top: 0;
        left: 0;
        transform: none;
        text-align: center;
        width: 100%;
        margin: 10px 0 5px 0;
    }
    .logo-1 img{
        width: 50%;
    }
    .logo-2{
        width: 50%;
    }
    .logo-3{
        width: 75%;
    }
    .text-logo2,
    #mobileMenu {
        display: block;
    }
    .support-bar-area,
    .text-logo,
    #mainMenu {
        display: none !important;
    }
    .header-navbar {
        padding: 0;
    }
    ul.slicknav_nav {
        background-color: var(--secondary-color);
        text-align: left;
        position: absolute;
        top: 68px;
        right: 0;
        width: 100%;
        visibility: visible;
        z-index: 2;
    }
    .logo-navigation .row > div {
        width: 50%;
    }
    li.dropdown.slicknav_collapsed.slicknav_parent .slicknav_row,
    li.dropdown.slicknav_parent.slicknav_open .slicknav_row{
        display: flex;
        justify-content: space-between;
    }
    .language-btn::after{
        content: '';
    }
    .slicknav_nav a:hover,
    .slicknav_nav .slicknav_row:hover{
        background: var(--accent-color);
    }
    ul.slicknav_nav li a i {
        font-size: 16px;
        margin-right: 10px;
    }


    .slicknav_menu {
        display: inline-block;
        background: 0 0;
        position: static
    }
    /* .sticky-navbar ul.slicknav_nav {
        top: 89px
    } */
    .slicknav_menu .slicknav_menutxt {
        display: none
    }
    .slicknav_btn {
        background-color: transparent;
        border: 1px solid var(--navigation-text-color)
    }
    .slicknav_menu .slicknav_icon {
        margin: 0
    }
    ul.slicknav_nav li a.boxed-btn {
        display: block;
        background-color: transparent;
        text-decoration: none;
        color: var(--navigation-text-color);
        text-transform: capitalize;
        font-size: 14px;
        font-weight: 400
    }
    ul.slicknav_nav li a.boxed-btn:hover {
        background-color: var(--accent-color);
    }
    .slicknav_nav .slicknav_row,
    .slicknav_nav a,
    ul.slicknav_nav li a.boxed-btn {
        padding: 14px 20px;
        margin: 0;
        -webkit-transition: .5s;
        transition: .5s
    }
    .slicknav_btn {
        border-radius: 3px;
        margin-top: 10px;
        position: static;
        display: inline-block;
        width: 40px;
        height: 40px;
        padding-left: 7px;
        padding-top: 9px
    }
    .slicknav_menu .slicknav_icon-bar {
        width: 24px;
        height: 3px;
        margin-bottom: 5px
    }
    .slicknav_nav .slicknav_row:hover {
        background: var(--accent-color);
        border-radius: 0;
    }
    .slicknav_nav a:hover {
        background: var(--accent-color);
        color: var(--navigation-text-color);
        border-radius: 0
    }
    .slicknav_nav ul.dropdown-lists {
        margin: 0 15px;
        background-color: var(--secondary-color);
        overflow-y: hidden;
        max-height: 100%;
        padding-left: 20px;
    }
    .slicknav_nav .slicknav_item a {
        outline: 0
    }
    .slicknav_nav li.mega-dropdown {
        display: none;
        max-height: 300px;
        overflow: auto;
    }
    li.submenus::after {
        display: none;
    }
    .hero_quote {
        font-size: 1.5rem;
        line-height: 25px;
    }
    .hero-txt {
        width: 60%;
        padding: 2.5% 1.5%;
    }
    .hero_quoted_by{
        padding: 2% 0 1% 0;
        font-size: 1.15rem;
    }
    .hero_quote_from{
        font-size: 0.85rem;
    }

    .css_float_content .gd-text-light{
        width: auto !important;
    }

}
@media only screen and (min-width: 992px) and (max-width: 1559px) {
    /* .container {
        max-width: calc(100% - 75px);
    } */
}
@media only screen and (min-width:992px) and (max-width:1199px) {
    .hero-bg {
        height: 400px;
        background-repeat: no-repeat;
        background-position: center;
    }
    .text-logo h2,
    .centered-title h2{
        font-size: 25px;
        font-size: 2rem;
    }
    .logo-navigation .row.align-items-end .col{
        text-align: end;
    }
.home-css-first-state::after {
    left: -124px;
    height: 212px;
}
}

@media (max-width: 991px) {
    /* .container{
        max-width: calc(100% - 30px);
    } */
    .text-logo2 h2,
    .centered-title h2 {
        font-size: 30px;
        font-size: 2.4rem;
    }
    .back-to-top.show {
        display: none
    }
    .hero-bg {
        height: calc(100vh - 440px);
        background-size: contain;
        background-repeat: no-repeat;
        background-position-x: center;
        background-color: var(--card-bg-color);
    }
    .hero-txt {
        width: 100%;
        padding: 3%;
        text-align: center;
        background: var(--card-bg-color);
        position: relative;
        top: calc(100% - 40%);
    }
    .hero_quote, .hero_quoted_by, .hero_quote_from{
        color: var(--sub-heading-color);
    }
    .urban_rural {
        display: block !important;
    }

    .urban_rural .d-flex {
        width: 100%;
    }
    .css_float_img {
        height: 230px !important;
    }


    .recognition-grid {
    min-height: 160px;
}

.recognition-grid .col-lg-6.show {
    display: block;
}

.recognition-grid .col-lg-6.hide {
    display: none;
}

.home-css-first-state::after {
    left: -120px;
    height: 200px;
}
}
@media (max-width: 767px) {
    .pbrow {
        display: block;
        width: 100% !important;
    }
    .pbrow .cell {
        flex-basis: 100% !important;
    }
    .homepageStateSnapshot {
        min-height: 300px;
    }
    .row_reverse{
        flex-direction: column-reverse;
    }
    #ss_filter_sidebar {
        margin-bottom: 20px;
    }
    .state_snapshot_card2{
        margin-top: 15px;
    }
    .leaflet-popup-content{
        margin: 5% 3% !important;
        /* width: auto !important; */
    }

      .glossary-btn {
    top: 240px;
    font-size: 11px;
    padding: 6px 4px;
  }

}
@media only screen and (max-width:560px) {
    .footer-section .footer-txt a {
        font-size: 29px;
    }
    .footer-section .footer-txt{
        width: 100%;
    }
    .hero-bg {
        /* height: calc(100vh - 440px); */
        background-size: cover;
        background-position-x: left;
        background-color: var(--navigation-text-color);;
        background-position-x: 22%;
    }
    .hero-txt {
        background: transparent;
        display: block;
        width: 50%;
        left: 50%;
        top: calc(100% - 30%);
        text-align: left
    }

    .hero_quote{
        display: none;
    }
    .hero_quote{
        display: none;
    }
    .hero_quote, .hero_quoted_by, .hero_quote_from{
        color: var(--navigation-text-color);
        line-height: 18px;
    }
    .state_snapshot_card1 .d-flex.justify-content-between {
        /* background: red; */
        display: block !important;
    }
    .state_snapshot_card1 .d-flex.justify-content-between .d-flex{
        margin-bottom: 10px;
    }
    .urban_rural > div.d-flex{
        padding: 7px 5px;
    }
}
@media (max-width: 425px) {
    .logo-1 img{
        width: 90%;
    }
    .logo-1 p {
        font-size: 10px;
    }
    img.logo-2, img.logo-3 {
        width: 65px;
    }
    .text-logo2 h2,
    .centered-title h2 {
        font-size: 23px;
        padding: 0;
    }


.accordion-btn:not(.collapsed) .gd-sub-heading {
        display: block;
}

 .home-css-accordian-data .d-flex {
      flex-direction: column;
      align-items: center;
    }

    .home-css-accordian-data img {
      margin-bottom: 0.5rem;
    }

    .home-css-accordian-data p.gd-text {
      font-size: 1rem;
    }

    .home-css-accordian-data .gd-text-gray {
      font-size: 0.95rem;
    }

    .home-css-accordian-data .w-100 {
      width: 100%;
    }

     .home-css-first-state > div {
      flex-direction: column;
      align-items: center;
      text-align: center;
    }

    .climate-features li {
      flex-direction: row;
      align-items: flex-start;
      text-align: left;
    }

    .home-css-first-state::after {
        left: -140px;
    top: unset;
            height: 230px;
    }

    .recognition-grid .col-lg-6.show .card {
    width: auto;
}

.recognition-grid {
    min-height: 160px;
}

.recognition-grid .col-lg-6.show {
    display: block;
}

.recognition-grid .col-lg-6.hide {
    display: none;
}

#districtSelect {
    width: auto;
}

.district-profile-container .vulnerability-sec {
    h6 {
        text-align: left;
    }
}

.district-profile-container .vulnerability-sec span {
        margin-left: 0;
}

 #home-css-installed-capacity{
                height: 300px;
                /* max-width: 650px;
                min-width: 450px; */
                width: 300px;
            }
}