@media (min-width: 768px) {
    .sdg-indicator-feature .npi-target-tablists .nav-tabs .nav-item:first-child {
        position: absolute;
        left: 0;
        top: 0;
        transform: translateX(-100%);
    }

    .sdg-ind-tabbox .sdg-ind-tabbox-head {
        flex-direction: row-reverse;
    }

    .post-social {
        justify-content: flex-end;
        margin-bottom: 10px;
        height: calc(100% - 10px);
        align-items: center;
    }

    .modal-xl {
        max-width: 600px;
    }
    .sdg-resources-slider .sdg-post-slide-item .sdg-post-slide-desc{
        min-height: 230px;
        padding: 25px 20px;
    }
    .sdg-event-slider .sdg-post-slide-item .sdg-post-slide-desc,
    .sdg-media-slider .sdg-post-slide-item .sdg-post-slide-desc{
        min-height: 180px;
    }
}

@media (min-width: 992px) {
    .fixed-button {
        position: fixed;
        top: 115px;
        right: 10px;
        cursor: pointer;
        z-index: 1000;
    }
    .resView {
        display: none !important;
    }

    .site-main .site-header .navbar .site-nav-box {
        max-width: 240px;
    }

    .site-main .site-header .navbar-expand-lg .navbar-collapse {
        justify-content: flex-end;
    }

    .dropdown .dropdown-menu {
        right: auto;
        left: 1%;
    }

    .sdg-post-details .row {
        flex-direction: row-reverse;
    }

    .sdg-details-sidebar {
        padding-right: 20px;
    }

    .sdg-tab-pane .sdg-card {
        padding: 32px;
    }

    .sdg-tab-pane .sdg-card .tab-desc {
        padding-right: 20px;
    }

    .accordian-head {
        flex-wrap: nowrap;
    }

    /*.tier-acd-lists-item{*/
    /*    text-align: center;*/
    /*}*/
    /*.tier-acd-lists-item .row{*/
    /*    align-items: center;*/
    /*}*/
    /*.tier-acd-lists-item p{*/
    /*    text-align: left;*/
    /*}*/

    .sdg-resources-slider .sdg-post-slide-item .sdg-post-slide-desc{
        min-height: 256px;
    }
    .sdg-event-slider .sdg-post-slide-item .sdg-post-slide-desc,
    .sdg-media-slider .sdg-post-slide-item .sdg-post-slide-desc{
        min-height: 195px;
    }
}

@media (min-width: 1200px) {
    .site-header .container {
        max-width: 1170px;
    }

    .sdg-goal-tab-menu .npi-target-tablists .nav-tabs {
        flex-wrap: nowrap;
    }

    .sdg-goal-tab-menu .npi-target-tablists .nav-tabs .nav-item {
        flex-grow: 1;
    }

    .sdg-goal-tab-menu .npi-target-tablists .nav-tabs .nav-item .sdg-tab-menu-item {
        padding: 1px;
    }

    .sdg-goal-tab-menu .npi-target-tablists .nav-tabs .nav-item a {
        min-height: 120px
    }

    .sdg-goal-tab-menu .npi-target-tablists .nav-tabs .nav-item .tab-menu-title {
        text-align: center;
        height: 50px;
        font-size: 10px;
        line-height: 12px;
    }

    .sdg-indicator-tab-menu .npi-target-tablists .nav-tabs .nav-item a {
        width: 60px;
    }

    .sdg-indicator-tab-menu .npi-target-tablists .nav-tabs .nav-item a.active {
        width: 120px;
    }

    .sdg-goal-tab-menu .npi-target-tablists .nav-tabs:hover .nav-item a.active {
        width: 78px;
    }

    .sdg-goal-tab-menu .npi-target-tablists .nav-tabs:hover .nav-item a.active:hover,
    .sdg-indicator-tab-menu .npi-target-tablists .nav-tabs .nav-item a:hover {
        width: 120px;
    }

    .sdg-indicator-tab-menu .npi-target-tablists .nav-tabs .nav-item {
        border-right: 0.5px solid rgba(153, 153, 153, 0.42);
        border-bottom: 1px solid #f9f9f9;
    }

    .sdg-indicator-tab-menu .npi-target-tablists .nav-tabs .nav-item:first-child {
        border-left: 0.5px solid rgba(153, 153, 153, 0.42);
    }

    .sdg-data-status-report .sdg-indicator-tab-menu .npi-target-tablists .nav-tabs .nav-item {
        border-bottom: none;
    }

    .sdg-indicator-tab-menu.sdg-goal-tab-menu .npi-target-tablists .nav-tabs .nav-item .sdg-tab-menu-item {
        padding: 0 !important;
    }

    .sdg-indicator-tab-menu .npi-target-tablists .nav-tabs .nav-item a {
        background: #fff;
        border: none !important;
        -webkit-transition: all 0.3s ease-in-out 0s;
        -moz-transition: all 0.3s ease-in-out 0s;
        -o-transition: all 0.3s ease-in-out 0s;
        -ms-transition: all 0.3s ease-in-out 0s;
        transition: all 0.3s ease-in-out 0s;
    }

    .sdg-indicator-tab-menu.sdg-goal-tab-menu .npi-target-tablists .nav-tabs .nav-item .tab-menu-title span.tabmenu-num {
        position: absolute;
        left: 50%;
        margin-left: -10px;
        width: 20px;
        text-align: center;
    }

    .sdg-indicator-tab-menu.sdg-goal-tab-menu .npi-target-tablists .nav-tabs:hover .nav-item a.active .tab-menu-title span.tabmenu-num {
        left: 50%;
    }

    .sdg-indicator-tab-menu.sdg-goal-tab-menu .npi-target-tablists .nav-tabs:hover .nav-item a.active:hover .tab-menu-title span.tabmenu-num,
    .sdg-indicator-tab-menu.sdg-goal-tab-menu .npi-target-tablists .nav-tabs .nav-item a:hover .tab-menu-title span.tabmenu-num,
    .sdg-indicator-tab-menu.sdg-goal-tab-menu .npi-target-tablists .nav-tabs .nav-item a.active .tab-menu-title span.tabmenu-num {
        left: 15px;
    }

    .sdg-indicator-tab-menu.sdg-goal-tab-menu .npi-target-tablists .nav-tabs .nav-item .tab-menu-title span.tabmenu-text {
        opacity: 0;
        visibility: none;
        width: 70px !important;
        position: absolute;
        right: 5px;
    }

    .sdg-indicator-tab-menu.sdg-goal-tab-menu .npi-target-tablists .nav-tabs:hover .nav-item .active .tab-menu-title span.tabmenu-text,
    .sdg-indicator-tab-menu.sdg-goal-tab-menu .npi-target-tablists .nav-tabs .nav-item .active .tab-menu-title span.tabmenu-text,
    .sdg-indicator-tab-menu.sdg-goal-tab-menu .npi-target-tablists .nav-tabs .nav-item .tab-menu-title span.tabmenu-text {
        opacity: 0;
        visibility: none;
    }

    .sdg-indicator-tab-menu.sdg-goal-tab-menu .npi-target-tablists .nav-tabs:hover .nav-item .active:hover .tab-menu-title span.tabmenu-text,
    .sdg-indicator-tab-menu.sdg-goal-tab-menu .npi-target-tablists .nav-tabs .nav-item a:hover .tab-menu-title span.tabmenu-text,
    .sdg-indicator-tab-menu.sdg-goal-tab-menu .npi-target-tablists .nav-tabs .nav-item .active .tab-menu-title span.tabmenu-text {
        opacity: 1;
        visibility: visible;
    }

    .blog-sidebar {
        padding-left: 15px;
    }

    .comments-lists li ul {
        padding-left: 20px;
    }

    .modal-xl {
        max-width: 1024px;
    }

    .sdg-modal-content .modal-form-content {
        padding-left: 20px;
        padding-right: 20px;
    }

    .sdg-resources-slider .sdg-post-slide-item .sdg-post-slide-desc{
        min-height: 200px;
    }
    .sdg-event-slider .sdg-post-slide-item .sdg-post-slide-desc{
        min-height: 190px;
    }
}

@media (min-width: 1450px) {
    .container {
        max-width: 1280px;
    }

    .site-header .container {
        max-width: 1380px;
    }

    .sdg-goal-tab-menu .npi-target-tablists .nav-tabs:hover .nav-item a.active,
    .sdg-indicator-tab-menu .npi-target-tablists .nav-tabs .nav-item a {
        width: 69px;
    }

    .sdg-goal-tab-menu .nav-target-tab .nav-tabs:hover .nav-item a.active,
    .sdg-indicator-tab-menu .nav-target-tab .nav-tabs .nav-item a {
        width: 80px
    }

    .sdg-media-slider .sdg-post-slide-item .sdg-post-slide-desc{
        min-height: 170px;
    }

}

@media (min-width: 1680px) {
    .container {
        max-width: 1320px;
    }

    .site-header .container {
        max-width: 1400px;
    }

    .sdg-tracker-info-item {
        min-height: 270px;
    }

    .nav-btn-group .menu-btn .menu-src-text {
        display: inline-block;
    }

    .nav-btn-group .menu-btn.topBtnSrc {
        min-width: 125px;
    }
    .sdg-resources-slider .sdg-post-slide-item .sdg-post-slide-desc{
        min-height: 200px;
    }
}

@media (min-width: 1200px) and (max-width: 1679px) {
    .site-main .site-header .container {
        max-width: calc(100% - 100px);
    }
    .sdg-resources-slider .sdg-post-slide-item .sdg-post-slide-desc p{
        font-size: 15px;
    }
}

@media (max-width: 1340px) {
    .nav-btn-group .menu-btn .menu-src-text {
        width: 75px;
    }

    .sdg-post-slide-item .sdg-post-slide-img {
        height: 250px;
    }

    .ind-datastatus-title {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (min-width: 1200px) and (max-width: 1449px) {
    .sdg-goal-tab-menu .npi-target-tablists .nav-tabs .nav-item .tab-menu-title {
        font-size: 8px;
        line-height: 10px;
    }

    .sdg-indicator-feature .npi-target-tablists .indicators-feature-logo {
        width: 280px;
    }
    .sdg-indicator-tab-menu .npi-target-tablists .nav-tabs .nav-item a{
        width: 60px;
    }
    .sdg-indicator-tab-menu .npi-target-tablists .nav-tabs .nav-item a .tab-menu-icon {
        height: 45px;
    }

    .sdg-indicator-tab-menu .npi-target-tablists .nav-tabs .nav-item a .tab-menu-icon img {
        max-width: 30px;
    }
    .sdg-goal-tab-menu .nav-target-tab .nav-tabs .nav-item .tab-menu-title {
        font-size: 8px;
        line-height: 10px;
    }

    .sdg-indicator-feature .nav-target-tab .indicators-feature-logo {
        width: 280px;
    }
    .sdg-indicator-tab-menu .nav-target-tab .nav-tabs .nav-item a{
        width: 60px;
    }
    .sdg-indicator-tab-menu .nav-target-tab .nav-tabs .nav-item a .tab-menu-icon {
        height: 45px;
    }

    .sdg-indicator-tab-menu .nav-target-tab .nav-tabs .nav-item a .tab-menu-icon img {
        max-width: 30px;
    }

    .ministry-ind-tab-menu .nav-tabs .nav-link {
        font-size: 15px;
    }

    .sdg-tracker-info-item{
        min-height: 210px;
    }
    .sdg-tracker-info-item .sdg-info-item-icon img{
        max-width: 50px;
    }

    .info-target-result h4,
    .info-target-progress .percentage-text{
        font-size: 20px;
        line-height: 24px;
    }
    .info-target-progress{
        margin: 0;
    }
    .info-target-progress .progress{
        height: 8px;
        margin: 5px 0;
    }
    .info-target-progress .progress-title{
        font-size: 12px;
        line-height: 24px;
    }
    .sdg-info-backWrap .sdg-info-item-title{
        min-height: 50px;
    }
    .sdg-tracker-info-item .sdg-info-item-title .sdg-info-num{
        font-size: 28px;
        line-height: 34px;
    }
    .sdg-info-backWrap .sdg-info-item-title span{
        font-size: 11px;
        line-height: 13px;
    }
    .sdg-info-backWrap .sdg-info-item-title .sdg-info-back-icon img{
        max-width: 36px;
    }
    .sdg-tracker-info-item:hover .sdg-info-backWrap {
        height: calc(100% + 16px);
        width: calc(100% + 16px);
        left: -8px;
        top: -8px;
    }
    .sdg-tracker-info-item .sdg-info-item-title span{
        font-size: 10px;
        line-height: 14px;
    }

    .sdg-thematic-item .thematic-item-icon{
        height: 80px;
        width: 80px;
        margin: 15px 0;
    }
    .sdg-thematic-item .thematic-item-icon img{
        width: 60px;
    }

    .sdg-sidebar-menu ul li li a,
    .sdg-sidebar-menu ul li a{
        font-size: 14px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .fixed-button {
        position: fixed;
        top: 115px;
        right: 10px;
        cursor: pointer;
        z-index: 1000;
    }
    .home-dash-feature-item .home-dash-feature-img .img-front {
        max-width: 100px;
    }

    .site-header .navbar-expand-lg .navbar-nav .nav-link {
        font-size: 14px;
    }

    .site-header .navbar-expand-lg .navbar-nav .nav-item {
        padding-left: 5px;
        padding-right: 5px;
    }

    .trends-item-head .sdg-trends-title .sdg-title-text {
        font-size: 12px;
        line-height: 14px;
    }

    .sdg-data-status-page .sdg-tab-menu .sdg-tab-navber li a {
        font-size: 14px;
    }

    .sdg-tracker-info-item{
        min-height: 210px;
    }
    .sdg-tracker-info-item .sdg-info-item-icon img{
        max-width: 50px;
    }

    .info-target-result h4,
    .info-target-progress .percentage-text{
        font-size: 20px;
        line-height: 24px;
    }
    .info-target-progress{
        margin: 0;
    }
    .info-target-progress .progress{
        height: 8px;
        margin: 5px 0;
    }
    .info-target-progress .progress-title{
        font-size: 12px;
        line-height: 24px;
    }
    .sdg-info-backWrap .sdg-info-item-title{
        min-height: 50px;
    }
    .sdg-tracker-info-item .sdg-info-item-title .sdg-info-num{
        font-size: 28px;
        line-height: 34px;
    }
    .sdg-info-backWrap .sdg-info-item-title span{
        font-size: 11px;
        line-height: 13px;
    }
    .sdg-info-backWrap .sdg-info-item-title .sdg-info-back-icon img{
        max-width: 36px;
    }
    .sdg-tracker-info-item:hover .sdg-info-backWrap {
        height: calc(100% + 16px);
        width: calc(100% + 16px);
        left: -8px;
        top: -8px;
    }
    .sdg-tracker-info-item .sdg-info-item-title span{
        font-size: 10px;
        line-height: 14px;
    }
    .sdg-thematic-item .thematic-item-icon{
        height: 80px;
        width: 80px;
        margin: 15px 0;
    }
    .sdg-thematic-item .thematic-item-icon img{
        width: 60px;
    }

    .sdg-sidebar-menu ul li li a,
    .sdg-sidebar-menu ul li a{
        font-size: 13px;
        padding-left: 10px;
    }
}

@media (max-width: 1199px) {
    .nav-btn-group .menu-btn .menu-src-text {
        display: none !important;
    }

    .home-dash-feature-item .home-dash-feature-img {
        height: 250px;
    }

    .home-dash-feature-item .home-dash-feature-title h3 {
        font-size: 20px;
    }

    .sdg-goal-tab-menu .npi-target-tablists .nav-tabs .nav-item {
        width: 11.111111%;
        flex-basis: 11.111111%;
    }

    .sdg-goal-tab-menu .npi-target-tablists .nav-tabs .nav-item .sdg-tab-menu-item {
        padding: 1px;
    }

    .sdg-goal-tab-menu .npi-target-tablists .nav-tabs .nav-item a {
        min-height: 100px
    }

    .sdg-goal-tab-menu .npi-target-tablists .nav-tabs .nav-item .tab-menu-title {
        text-align: center;
        height: 50px;
        font-size: 10px;
        line-height: 12px;
    }

    .sdg-goal-tab-menu .nav-target-tab .nav-tabs .nav-item {
        width: 11.111111%;
        flex-basis: 11.111111%;
    }

    .sdg-goal-tab-menu .nav-target-tab .nav-tabs .nav-item .sdg-tab-menu-item {
        padding: 1px;
    }

    .sdg-goal-tab-menu .nav-target-tab .nav-tabs .nav-item a {
        min-height: 100px
    }

    .sdg-goal-tab-menu .nav-target-tab .nav-tabs .nav-item .tab-menu-title {
        text-align: center;
        height: 50px;
        font-size: 10px;
        line-height: 12px;
    }

    .sdg-sec-title h2 {
        font-size: 36px;
    }

    .sdg-indicator-feature .npi-target-tablists .nav-tabs .nav-item {
        flex-basis: 25%;
        width: 25%;
    }

    .sdg-indicator-feature .npi-target-tablists {
        padding-left: 320px;
    }

    .sdg-indicator-feature .npi-target-tablists .indicators-feature-logo {
        width: 290px;
    }

    .sdg-indicator-feature .nav-target-tab .nav-tabs .nav-item {
        flex-basis: 25%;
        width: 25%;
    }

    .sdg-indicator-feature .nav-target-tab {
        padding-left: 320px;
    }

    .sdg-indicator-feature .nav-target-tab .indicators-feature-logo {
        width: 290px;
    }

    .sdg-indicator-tab-menu.sdg-goal-tab-menu {
        margin-bottom: 20px;
    }

    .sdg-indicator-tab-menu .npi-target-tablists .nav-tabs .nav-item a .tab-menu-icon {
        height: 45px;
    }

    .sdg-indicator-tab-menu .npi-target-tablists .nav-tabs .nav-item a .tab-menu-icon img {
        max-width: 30px;
    }

    .sdg-indicator-tab-menu.sdg-goal-tab-menu .npi-target-tablists .nav-tabs .nav-item .tab-menu-title span {
        font-size: 10px;
    }

    .sdg-indicator-tab-menu .nav-target-tab .nav-tabs .nav-item a .tab-menu-icon {
        height: 45px;
    }

    .sdg-indicator-tab-menu .nav-target-tab .nav-tabs .nav-item a .tab-menu-icon img {
        max-width: 30px;
    }

    .sdg-indicator-tab-menu.sdg-goal-tab-menu .nav-target-tab .nav-tabs .nav-item .tab-menu-title span {
        font-size: 10px;
    }

    .data-status-tab-title {
        padding: 20px;
    }

    .ministry-ind-tab-menu .nav-tabs .nav-link {
        font-size: 14px;
        padding-left: 7px;
        padding-right: 7px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .fixed-button {
        position: fixed;
        top: 125px;
        right: 10px;
        cursor: pointer;
        z-index: 1000;
      }
    .home-dash-feature-item .home-dash-feature-img {
        height: 180px;
    }

    .home-dash-feature-item:hover .home-dash-feature-title h3,
    .home-dash-feature-item .home-dash-feature-title h3 {
        font-size: 16px;
    }

    .home-dash-feature-item .home-dash-feature-img .img-front {
        max-width: 90px;
    }

    .sdg-indicator-feature .npi-target-tablists {
        padding-left: 265px;
    }

    .sdg-indicator-feature .npi-target-tablists .indicators-feature-logo {
        width: 266px;
    }
}

@media (max-width: 991px) {

    .fixed-button {
        position: fixed;
        top: 125px;
        right: 10px;
        cursor: pointer;
        z-index: 1000;
      }
    .topBtnLogin .menu-btn.btn,
    .deskView {
        display: none !important;
    }

    .sdg-dashboard .container-fluid {
        padding: 0 20px;
        max-width: 720px;
    }

    .site-header .dash-logo .sdg-logo-icon {
        display: block;
    }

    .site-main .site-header .container {
        max-width: calc(100% - 30px);
    }

    .site-main .site-header .navbar .navbar-brand {
        margin-right: 50px;
    }

    .sdg-navbar {
        margin: 0;
        padding: 15px 20px;
    }

    .site-header .navbar-expand-lg .navbar-collapse {
        padding-bottom: 10px;
    }

    .site-header .navbar-expand-lg .navbar-nav .nav-link,
    .sdg-navbar li a {
        position: relative;
        display: inline-block;
        padding: 10px 0;
    }

    .site-header .navbar-expand-lg .navbar-nav .nav-link.active,
    .site-header .navbar-expand-lg .navbar-nav .nav-link:hover {
        background: none !important;
    }

    .sdg-navbar li a:after {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        bottom: 8px;
        height: 2px;
        width: 0;
        background: #22098A;
        -webkit-transition: all 0.3s ease-in-out 0s;
        -moz-transition: all 0.3s ease-in-out 0s;
        -o-transition: all 0.3s ease-in-out 0s;
        -ms-transition: all 0.3s ease-in-out 0s;
        transition: all 0.3s ease-in-out 0s;
    }

    .sdg-navbar li a:hover:after {
        width: calc(100% + 5px);
    }

    .footer-item {
        margin-bottom: 30px;
    }

    .sdg-post-slide-item .sdg-post-slide-img {
        height: 200px;
    }

    .site-header .dropdown-menu {
        display: none;
        position: relative;
        border: none !important;
        padding-top: 0;
        margin-bottom: 10px;
    }
    .nav-link{
        padding: 10px!important;
    }
    .show-sub-menu{
        display: block !important;
    }

    .site-header .topBtnLogin .dropdown-menu {
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
    }

    .site-header .dropdown-menu .dropdown-item {
        padding: 4px 10px;
        background: none !important;
    }

    .site-header .dropdown-menu .dropdown-item:hover {
        color: #318DDE;
    }

    .site-header .navbar-expand-lg .navbar-nav .nav-item {
        padding: 0 10px;
    }

    .site-header .dropdown > .dropdown-toggle:before {
        top: 8px;
    }

    .event-calender {
        margin-top: 30px;
    }

    .navmenu-right .topBtnLogin {
        padding-left: 10px;
    }

    .navmenu-right .nav-btn-group {
        flex-direction: row-reverse;
    }

    .sdg-tab-content {
        padding-top: 40px;
    }

    .npi-targets-block {
        padding-left: 0;
    }

    .npi-targets-block .npi-target-tablists {
        position: relative;
        left: auto;
        top: auto;
        width: 100%;
        max-width: 380px;
        display: block;
        margin: 0 auto;
    }

    .sdg-filter-sec {
        margin-right: auto;
        margin-left: auto;
    }

    .sdg-resource-filter-sec .col-md-6,
    .sdg-resource-filter-sec .col-md-4 {
        margin: 10px 0;
    }

    .sdg-tab-pane .sdg-card {
        padding: 25px;
    }

    .sdg-tab-pane .tab-desc {
        margin-bottom: 40px;
    }

    .pix-goal-view-title h2,
    .sdg-sec-title h2 {
        font-size: 34px;
    }

    .goal-view-btn {
        position: relative;
        left: auto;
        bottom: auto;
        margin-bottom: 30px;
    }

    .pix-goal-view-title {
        padding-left: 0;
        padding-top: 20px;
    }

    .sdg-tier-clf-content .sdg-quote-item a {
        flex-wrap: wrap;
        flex-direction: column;
        align-items: flex-start;
    }

    .sdg-tier-clf-content .sdg-quote-item .sdg-tier-inicator {
        margin-top: 20px;
        max-width: 100%;
        flex: 0 0 100%;
    }

    .data-filter-container {
        padding-right: 0;
    }

    .data-filter-container .right-filter-btn,
    .btn-absolute-tr {
        position: relative;
        right: auto;
        top: auto;
        transform: translateY(0);
        display: inline-block;
    }

    .btn-absolute-tr,
    .filter-col {
        margin-bottom: 16px;
    }

    .metadata-acd-item .mtd-acd-title {
        width: 100%;
        margin-bottom: 20px;
    }

    .tmc-content-area .metadata-acd-item .mtd-acd-title {
        margin-bottom: 0;
    }

    .tier-acd-lists-item p {
        padding: 10px 0;
    }

    .sdg-ind-tabbox .sdg-ind-tabbox-head {
        flex-direction: column;
        align-items: flex-start;
    }

    .ind-graph-menu {
        padding: 0 0 0 50px;
        width: 100%;
    }

    .ind-graph-menu .ind-toggle-btn {
        right: auto;
        left: 0;
    }

    .sdg-indicator-tab-menu.sdg-goal-tab-menu .npi-target-tablists .nav-tabs .nav-item {
        width: 16.666666%;
        flex-basis: 16.666666%;
    }

    .sdg-indicator-tab-menu .npi-target-tablists .nav-tabs .nav-item a .tab-menu-icon img {
        max-width: 34px;
    }

    .sdg-indicator-tab-menu.sdg-goal-tab-menu .npi-target-tablists .nav-tabs .nav-item .tab-menu-title span.tabmenu-text {
        display: none;
    }

    .sdg-indicator-tab-menu.sdg-goal-tab-menu .npi-target-tablists .nav-tabs .nav-item .active .tab-menu-title span.tabmenu-text {
        font-size: 10px;
        display: block;
    }

    .sdg-graph-country {
        margin-top: 30px;
    }

    .data-status-report-item .dts-btn-arrow {
        top: 50%;
        right: 10px;
    }

    .data-status-report-item .dts-report-item-desc {
        padding-right: 0;
    }

    .data-status-report-item .dts-report-item-desc p {
        font-size: 15px;
    }

    .info-lists {
        margin-bottom: 30px;
    }
    .sdg-post-slide-item .sdg-post-slide-desc h3{
        font-size: 16px;
    }
    .sdg-post-slide-item .sdg-post-slide-desc p{
        font-size: 14px;
    }

    .footer-col
    {
        flex: 0 0 100%!important;
        max-width: 100%;
    }
    .footer-right-logo img
    {
        width: 100px!important;
    }
    .footer-border
    {
        margin-left: 0px!important;
    }
    .footer-sm-padding
    {
        padding: 10px;
    }
}

@media (max-width: 767px) {
    .footer-copyright .copyright-text,
    .footer-copyright .developed-by {
        text-align: center;
        justify-content: center;
    }

    .sdg-post-slide-item,
    .home-dash-feature-item {
        max-height: 500px;
        height: 500px;
        width: 100%;
        max-width: 400px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 20px;
    }

    .sdg-slider-content .owl-nav {
        margin-top: 0;
    }

    .sdg-slider-content .sdg-post-slider-seeMore {
        position: relative;
        right: auto;
        bottom: auto;
        width: 100%;
        text-align: center;
        margin-top: 30px;
    }

    body #searchOuter {
        height: 140px;
    }

    #searchOuter .sdg-search .sdg-src-input {
        font-size: 30px;
    }

    #searchOuter .sdg-search .sdg-search-wrap span {
        font-size: 15px;
        margin-top: 10px;
    }

    #searchOuter .sdg-search .sdg-search-wrap .sdgSrcClose {
        right: 10px;
        height: 34px;
        width: 34px;
        font-size: 18px;
    }

    .priority-indcators-content {
        padding: 25px;
    }

    .home-thematic-area .col-sm-6,
    .home-thematic-area .sdg-col-mb {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .sdg-details-content h3 {
        font-size: 24px;
    }

    .sdg-details-content {
        padding: 25px;
    }

    .sdg-goal-tab-menu .npi-target-tablists .nav-tabs .nav-item {
        width: 33%!important;
        flex-basis: 33%!important;
    }

    .sdg-goal-tab-menu .nav-target-tab .nav-tabs .nav-item {
        width: 20%;
        flex-basis: 20%;
    }

    .pix-goal-view-title h2,
    .sdg-sec-title h2 {
        font-size: 32px;
    }

    .metadata-acd-item h3 {
        font-size: 18px;
    }

    .metadata-acd-item p {
        font-size: 15px;
    }

    .metadata-acd-item .metadata-acd-title {
        font-size: 16px;
    }

    .sdg-tier-clf-search .sdg-gorm-group {
        padding: 10px 0;
    }

    .indicator-acd-item .indicator-acd-title h3 {
        font-size: 18px;
    }

    .indicator-acd-item .indicator-acd-title p {
        font-size: 15px;
    }

    .sdg-indicator-feature .npi-target-tablists .nav-tabs .nav-item {
        flex-basis: 90px;
        width: 90px;
    }

    .sdg-indicator-feature .npi-target-tablists {
        padding-left: 0;
    }

    .sdg-indicator-feature .npi-target-tablists .indicators-feature-logo {
        width: 262px;
        position: relative;
        left: auto;
        top: auto;
        display: block;
        margin: 0 auto 30px;
    }

    .subpage-breadcrumb ul li {
        font-size: 14px;
    }
    .country-list-small
    {
        height: 300px!important;
    }

}

@media (max-width: 575px) {


    .home-thematic-area .row {
        display: flex;
        flex-wrap: nowrap; /* Prevent wrapping to new lines */
        overflow-x: auto; /* Add horizontal scroll if needed */
    }

    .sdg-col-mb {
        flex: 0 0 auto; /* Ensure each card is a fixed size */
        width: 100%; /* Occupy the entire width of the screen */
        max-width: none; /* Allow exceeding the max-width of the container */
    }

    .sdg-tracker-info .row {
        display: flex;
        flex-wrap: nowrap; /* Prevent wrapping to new lines */
        overflow-x: auto; /* Add horizontal scroll if needed */
    }
    .sdg-tracker-info{
        min-height: 0px;
    }

    .sdg-tracker-info .sdg-info-col {
        margin-right: 10px;
        padding: 0 20px;

    }
    .btn-icon{
        display: flex !important;
        font-size: 30px;
        outline: none;
        border: none;
        padding: 0px 10px;
        cursor: pointer;
        color: #318DDE;
        background: none;
    }
    .sdg-tracker-info .container{
        display: flex !important;
        align-items: center;
    }
    .nav-target-tab .nav-tabs{
        display: flex !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        justify-content: flex-start;
    }

    .sdg-thematic-item {
        max-width: 240px;
        margin-left: auto;
        margin-right: auto;
    }

    .sdg-post-slide-item .sdg-post-slide-img {
        height: 220px;
    }

    .priority-indcators-content {
        padding: 15px;
    }

    .sdg-details-content {
        padding: 20px;
    }

    .icon-sdg-play {
        height: 70px;
        width: 70px;
    }

    .pix-goal-view-title h2,
    .sdg-sec-title h2 {
        font-size: 30px;
    }

    .metadata-acd-item,
    .sdg-white-box {
        padding-left: 20px;
        padding-right: 20px;
    }

    .accordian-head {
        padding-right: 50px;
    }

    .accordian-head .accordian-indicator {
        height: 36px;
        width: 36px;
    }

    .sdg-indicator-tab-menu.sdg-goal-tab-menu .nav-target-tab .nav-tabs .nav-item {
        width: 25%;
        flex-basis: 25%;
    }

    .sdg-trends-content .row .col-sm-6,
    .sdg-trends-content .row .col-xs-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .sdg-data-status-page .sdg-tab-menu .sdg-tab-navber {
        flex-direction: column;
    }

    .sdg-data-status-page .sdg-tab-menu .sdg-tab-navber li {
        margin: 5px 0;
    }

    .sdg-data-status-page .sdg-tab-menu .sdg-tab-navber li a {
        width: 100%;
        border-radius: 6px;
        text-align: center;
    }

    .ind-datastatus-title .dts-ind-icon img {
        height: 40px;
    }

    .data-status-header {
        text-align: center;
    }

    .data-update-status .data-status-item .data-status-text {
        font-size: 12px;
        line-height: 16px;
    }

    .data-update-status .data-status-item .data-status-percent {
        font-size: 18px;
        height: 44px;
        width: 80px;
    }

    .subpage-breadcrumb ul li {
        font-size: 13px;
    }

}

@media (max-width: 390px) {
    .sdg-goal-tab-menu .npi-target-tablists .nav-tabs .nav-item {
        width: 50%!important;
        flex-basis: 50%!important;
    }

    .sdg-goal-tab-menu .nav-target-tab .nav-tabs .nav-item {
        width: 25%;
        flex-basis: 25%;
    }

    .data-update-status .data-status-item .data-status-text {
        font-size: 11px;
        line-height: 14px;
        padding-left: 5px;
        padding-right: 5px;
    }
}


/*# Chatbot */

    @media (max-width: 1366px) {
        .ba-chat-messenger .ba-chat-msg-content{
            position: absolute;
            right: 0;
            bottom: calc(100% + 10px);
            width: 337px;
            /*    height: 512px;*/
            height: 400px;
            background: #318DDE;
            z-index: 10;
            border-radius: 20px;
            box-shadow: -14px -8px 92px 0px rgba(0, 0, 0, 0.20);
            padding: 5px;
        }
        .ba-chat-container .ba-chat-logo-sec{
            display: inline-block;
            width: 100%;
            text-align: center;
            /*
            padding: 0 30px 15px;
            */
            padding: 0 30px 20px;
            color: #ffffff;
            margin-top: -45px;
        }
        .ba-chatbox-content{
            background: #ffffff;
            /*  height: 335px;*/
            height: 272px;
            overflow-y: auto;
            position: relative;
            border-radius: 16px;
            padding: 10px 0 60px;
            margin-top: -14px;
        }
    }
    @media screen and (max-height: 450px) {
        .sidenav {padding-top: 15px;}
        .sidenav a {font-size: 18px;}
      }

@media screen and (max-width: 450px) {
    .map svg{
        width: 100%!important;
    }
}

.map svg{
        width: 100%!important;
    }