@media screen and (max-width: 767px) {
    .d-sm-none {
        display: none !important;
    }
    .swiper {
        height: 460px;
    }

    .landing-right-section {
        display: none;
    }

    .landing-content,
    .landing-left-section {
        height: auto !important;
    }

    .foreward-right-div {
        margin      : 2rem;
        margin-right: 0px;
    }

    .heightfixdiv {
        height        : auto;
        flex-direction: column;
    }

    .section-tab-inner-para.px-md-2.pt-0.pb-0.pl-0px.pr-36px {
        padding-right: 0px !important;
    }

    #bannerSect1 .col-sm-12.col-lg-4.pr-375rem.pl-0px {
        padding-right: 0px !important;
        margin-top: 20px !important;
    }

    .navinner-content.col-lg-9.col-sm-12.px-md-0.py-0.multiinnercontent .pt-5.px-md-5,
    .navinner-content.col-lg-9.col-sm-12.px-md-0.py-0.multiinnercontent .px-md-5 {
        padding-left : 20px;
        padding-right: 20px;
    }

    .navinner-content.col-lg-9.col-sm-12.px-md-0.py-0.multiinnercontent .pt-5.px-md-5 .px-md-5,
    .navinner-content.col-lg-9.col-sm-12.px-md-0.py-0.multiinnercontent .px-md-5 .px-md-5 {
        padding-left : 0px;
        padding-right: 0px;
    }

    .multiinnercontent h5.section-title.text-red span,
    .multiinnercontent h5.text-red span {
        line-height: 2;
    }

    .legendboxparent {
        margin-bottom: 10px !important;
    }

    .legendboxparent.resetfilter {
        justify-content: flex-start !important;
    }

    #manualbtn {
        text-align: center !important;
        width     : 100% !important;
        margin-left: 48%;
    }

    .form-wrap,
.counrystorycontainer{

    height: auto;

}

    #testimonialSect .col-sm-1.mt-5.mb-4 {
        display: none;
    }

    #resourceSect ol li a {
        word-break: break-all;
    }

    #testimonialSect .col.form-main.pl-48px {
        padding-left: 0px !important;
    }

    .landing-content.main-section-padding {
        padding-left : 20px;
        padding-right: 20px;
    }

    .main-section-padding {
        padding: 2rem;
    }

    .foreward-left-div {
        margin-right: 32px;
    }

    #mapSection .col-sm-12.col-lg-9.pl-0px {
        padding-left: 12px !important;
    }

    .legendcou{
        margin-right: -5% !important;

    }

    /* #digicasebtn{
        padding-left: 2px !important;
    } */

    /* css by sarita bare */
    .stickIt.nav-pills {
        position   : static !important;
        top        : 0px;
        flex       : 0 0 auto;
        width      : 100% !important;
        margin-left: 0px !important;
    }

    .border-bottom-red {
        width: 100%;
    }

    .home-acknowledgecontent,
    .home-acknowledgecontent1 {
        position: absolute;
        left    : 0;
        padding : 0 14px;

    }

    .tab-section-multi.main-section-padding.countryreportpage {
        padding: 2rem !important;
    }

    .coupdf {
        margin-top: 39% !important;
    }

    #navbar_top {
        padding-left : 10px !important;
        padding-right: 10px !important;
    }

    #bang .section-r-padding {
        padding-right: 0.6rem;
    }

    #digital,
    #elecbang,
    #cascade,
    #electroniccase,
    #comp-2 {
        padding: 1.5rem;
    }

    #digital,
    #status-case,
    #elecbang,
    #cascade,
    #electroniccase,
    #milestones,
    #comp-2,
    #keychallenges,
    #recommendations-bangla {
        padding: 1.5rem;
    }

    .yellow-icon {
        position: static;
        margin-left: 20px
    }

    .yellow-icon-unit1 {
        position  : relative;
        left      : 27px;
        padding   : 20px;
        margin-top: 0;
    }

    .yellow-icon-unit {
        position  : relative;
        left      : 36px;
        padding   : 20px;
        margin-top: 0;
    }

    .red-bg-cascade {
        height    : 100%;
        margin-top: 0px;
    }

    .system-tab {
        flex-direction: column;
    }

    .cascade-list {
        height  : 100%;
        position: static;
    }

    .content-box {
        position  : static;
        margin-top: 0;
        display: flex;
        justify-content: end;
        align-items: end;
    }

    .content-box .newlegend {
        flex-direction: column;
    }

    .border-bottom-red,
    .border-bottom-white {
        width: 100% !important;
    }

    .border-bottom-red-care {
        width: 100% !important;
    }

    .status-height img {
        width: 25%;
    }

    .status-height-last img {
        width: 25%;
    }

    .status-para {
        text-align: center;
    }

    .country-inner-para {
        text-align : center;
        width      : 100%;
        margin-top : 1rem;
        margin-left: 0 !important;
    }

    .status-height {
        height: 100%;
    }

    .elect-line {
        display: none;
    }

    .container-q {
        display: none;
    }

    .elect-bg {
        margin-bottom: 2rem;
    }

    #coubang .para-r-padding {
        flex-direction : column;
        justify-content: center !important;
        width          : 100%;
        align-items    : center !important;
        padding        : 0 !important;
        margin-top: 24px;
    }

    .border-bottom-red-mile {
        width: 100% !important;
    }

    .border-bottom-red-other {
        width: 100% !important;
    }

    .partition {
        height: 10px;
    }

    .key-ntp {
        padding: 8px;
    }

    .ntpimg {
        left: -19px;
    }

    .res-head .border-bottom-white-res {
        width      : 100%;
        margin-left: 0;
        text-align : left !important;
    }

    .ntp-manager .card-body {
        height: 100%;
    }

    .d-margin-none-mbl {
        margin-left : 0 !important;
        margin-right: 0 !important;
    }

    .ntpm img {
        position: static;
    }

    .border-bottom-red-status {
        width: 100% !important;
    }

    .margin-bottom-mbl {
        margin-bottom: 1.5rem !important;
    }

    .headrecom {
        height: 100px;
    }

    .success-story1 {
        width    : 100%;
        word-wrap: break-word;
    }

    #digicasebtn .keyarrow {
        margin-left: 0 !important;
    }



}

@media screen and (max-width: 768px) {
    #bannerSect {
        height        : auto !important;
        padding-top   : 2rem !important;
        padding-bottom: 2rem !important;
        /* background: rgb(0 0 0 / 87%); */
    }

    #myVideo{
        display: none;
    }

    .landing-content .banner-summary-text {
        max-width: 100% !important;
    }

    .mapcontroldiv {
        margin-top: 20px;
    }

    #map {
        height: 500px !important;
    }

    #country-carousel .item img {
        /* min-width: 200px !important; */
    }

    .main-resource,
    .form-main {
        border-right: none !important;
    }

    #navbar_top {
        height: 66px !important;
    }

    .country-names {
        border-left: none !important;
    }

    #navbarSupportedContent {
        /* height: calc(100vh - 50px); */
        overflow-y  : scroll;
        background  : #373737;
        width       : 100vw;
        margin-left : -12px;
        margin-right: -12px;
        padding     : 10px;
        margin-top  : 19px;
    }

    .mobile-menu-link {
        display: block;
    }

    #navbar_top .navbar-toggler {
        padding: 0px !important;
    }

    

    /* css by sarita bare */
    .stickIt.nav-pills {
        position   : static !important;
        top        : 0px;
        flex       : 0 0 auto;
        width      : 100% !important;
        margin-left: 0px !important;
    }

    .border-bottom-red {
        width: 100%;
    }

    .roadmap-extra {

        display: none;

    }



    .mobile-roadmap {

        padding-top: 100px;

        height: auto;

    }



    .journeyroadholder {

        height: 642px;

        background-size: contain;

    }

    .greyband .border-bottom-white-span.pb-2,
    .summarysectiondiv .border-bottom-white-span.pb-2{
        padding-bottom: 0px !important;
    }

    .foreward-left-div .mt-22 {
        margin-top: -8%;
    }

    .foreward-right-div {
       
        width: 90%;
    }

    .dtfh-floatingparent.dtfh-floatingparenthead{
        display: none !important;
    }

    .ntpvisionboardholder .firstcol{
        padding: 0px !important;
        margin-top: 7% !important;
    }

    .ntpvisionboardholder .mapleftsection .col-sm-12.col-lg-4.pl-0px{
        padding: 0px !important;
    }

   
    #country-carousel .col-sm-7.countryreportrightsection
    {
        height: 700px !important;
        overflow-x: auto;
        padding: 25px !important;
       
    }

    #country-carousel .col-sm-5.countryreportrightsection{
        padding-left: 12%  !important;
        padding-right: 12% !important;
    }

    #regionalcountry-carousel .col-sm-5.countryreportrightsection{
        padding-left: 12%  !important;
        padding-right: 12% !important;
    }

    #regionalcountry-carousel .col-sm-7.countryreportrightsection{
        padding: 25px !important;
        height: 520px !important;
        
    }

    .main-content .img-subtitle{
        left: auto !important;
    }

}

@media screen and (min-width: 800px) and (max-width:1000px) {
    .elect-line {
        left: 157px !important;
    }
}

@media screen and (min-width: 768px) and (max-width:1023px) {
    .tab-wrap .left-side-circle {
        position: absolute;
        width   : 18px;
        height  : 19px;
        left    : -18px;
        top     : 39px;
    }

    .tab-wrap .right-side-circle {
        position: absolute;
        width   : 18px;
        height  : 19px;
        right   : -19px;
    }

    .tab-section .system-tab .nav-item .nav-link-item {
        width    : 100px !important;
        height   : 100px;
        font-size: 12px;
        margin   : 0 10px;
    }

    .tab-wrap .middle-line {
        top: 48px;
    }

    .tbjourneryholdermain {
        height: auto;
    }

    .continuumcareholder {
        height: auto;
        margin: 20px 0px;
    }

    .countryholder {
        height: auto;
    }

    .continuumcareholder .middle-line {
        top: 40px;
    }

    .system-tab {
        display   : flex;
        overflow-x: auto;
        flex-wrap : nowrap;
    }

    .journeyroadholder {
        margin: 0 auto;
        height: 429px;
    }

    #pills-tabContent {
        margin-top: 100px;

    }

    .chart_holder.tablediv {
        margin-bottom: 10px;
    }

    #multicountrytabs .nav {

        display  : flex;
        flex-wrap: nowrap;
    }

    .system-tab .nav-item {

        margin-bottom: 20px;

    }

    /* #map {
        max-height: 600px !important;
    } */

    .map-content {
        height: calc(100vh - 146px) !important;
        height: auto !important;
    }

    .landing-content,
    .landing-left-section {
        height: auto;
    }

    .landing-right-section {
        display: none;
    }

    .reporthelpcontainer {
        width: 100%;
    }

    .heightfixdiv {
        height        : auto;
        flex-direction: column;
    }

    .foreward-right-div {
        margin      : 2rem 3.75rem;
        margin-right: 0px;
    }

    #digital h5.section-title.text-red.mt-0.mb-35px.text-uppercase span {
        line-height: 2;
    }

    .resource-right-section {
        margin-top: 3rem !important;
    }

    #testimonialSect .col {
        flex: 0 0 100%;
    }

    #testimonialSect .col-sm-1.mt-5.mb-4 {
        display: none;
    }

    #testimonialSect .col.form-main.pl-48px {
        padding-left: 0px !important;
    }

    .octagon {
        margin-bottom: 10px;
    }

    /* css by sarita bare */
    .stickIt.nav-pills {
        position   : static !important;
        top        : 0px;
        flex       : 0 0 auto;
        width      : 100% !important;
        margin-left: 0px !important;
    }

    .border-bottom-red {
        width: 100%;
    }

    .nav-main {
        display: none;
    }

    #bg-main .col-sm-9.section-r-padding {
        width: 100% !important;
    }

    #bg-main .col-sm-9.section-r-padding {
        padding-right: 15px;
    }

    .partition {
        height: 33px;
    }

    .status-height {
        margin-bottom: 3rem;
    }

    .mobile-roadmap {
        width     : 100%;
        overflow-x: scroll;
        overflow-y: scroll;
    }

    .navbar-brand .img-fluid {
        max-width: 170px !important;
    }

    .roadmap-extra {

        display: none;

    }



    .mobile-roadmap {

        padding-top: 100px;

        height: auto;

    }



    .journeyroadholder {

        height: 642px;

        background-size: contain;

    }

    .elect-line {
        left: 145px;
    }

    .status-height {
        margin-bottom: 5rem;
    }

    #recommendations-bangla .country-inner-para {
        text-align: left !important;
    }

    .statusp .status-height {
        margin-bottom: 8rem !important;
    }

    .statusm .status-height {
        height: 0% !important;
    }

    .statusg .status-height {
        margin-bottom: 16rem !important;
    }

    .statusn .status-height {
        margin-bottom: 8rem !important;
    }

    .statusz .status-height {
        margin-bottom: 8rem !important;
    }

    #country-carousel .col-sm-5.countryreportrightsection{
        padding-left: 8%  !important;
        padding-right: 0% !important;
    }

    #country-carousel .col-sm-7.countryreportrightsection {
        height: 780px !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
    }

    #regionalcountry-carousel .col-sm-5.countryreportrightsection{
        padding-left: 8%  !important;
        padding-right: 0% !important;
    }

    #regionalcountry-carousel .col-sm-7.countryreportrightsection{
        height: 640px !important;
        overflow-y: auto;
        overflow-x: hidden;
    }

    .main-content .img-subtitle{
        bottom: -6px !important;
    }

    
}

/* Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
    .elect-line {
        /* margin-left: 133px; */
        left: 132px;
    }

    .status-height-last img {
        z-index : 99;
        position: relative;
    }

    .partition {
        height: 29px;
    }

    .mobile-roadmap {
        width     : 100%;
        overflow-x: scroll;
    }

    .country-inner-para {
        text-align: left;
    }

    .headrecom {
        height: 100px;
    }

    #recommendations-bangla .country-inner-para {
        text-align: left !important;
    }

    .status-height {
        margin-bottom: 5rem;
    }

    .statusm .status-height {
        margin-bottom: 14rem;
    }

    .statusp .status-height {
        margin-bottom: 6rem !important;
    }

    .countryreportrightsection {
        height: 600px !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
    }

    #regionalcountry-carousel .col-sm-7.countryreportrightsection{
        height: 600px !important;
        overflow-y: auto;
        overflow-x: hidden;
    }

   
    


}

@media screen and (min-width: 1024px) and (max-width:1200px) {
    #navbar_top {
        height: 66px;
    }

    #navbar_top ul.navbar-nav.me-auto {
        min-width: 55vw !important;
    }

    .navbar-light .navbar-nav .nav-link {
        padding  : 3px;
        font-size: 10px;
    }

    .heightfixdiv {
        flex-direction: column;
    }

    #bannerSect1 .col-sm-12.col-lg-4.pr-375rem.pl-0px {
        flex         : 0 0 100%;
        width        : 100%;
        padding-right: 0px !important;
    }

    #bannerSect1 .col-sm-12.col-lg-8 {
        flex : 0 0 100%;
        width: 100%;
    }

    .map-content {
        height: auto !important;
    }

    .mapcontroldiv,
    .mapactionbtn {
        margin-top: 20px !important;
    }

    .nav-content-digi.sidebar__inner {
        display: none !important;
    }

    .navinner-content.col-lg-9.col-sm-12.px-md-0.py-0.multiinnercontent,
    .dropiconrow,
    .casebasedlegendrow {
        flex : 0 0 100%;
        width: 100%;
    }

    .octagon {
        margin-bottom: 10px !important;
    }

    .mobile-roadmap {
        width     : 100%;
        overflow-x: scroll;
    }

    .roadmap-extra {

        display: none;

    }



    .mobile-roadmap {

        padding-top: 100px;

        height: auto;

    }



    .journeyroadholder {

        height: 642px;

        background-size: contain;

    }

    .statusp .status-height {
        margin-bottom: 6rem !important;
    }
}



@media only screen and (min-device-width: 320px) and (max-device-width: 760px) and (-webkit-min-device-pixel-ratio: 2) {
    #multicountrytabs .nav {
        flex-direction: column;

    }

    #multicountrytabs .nav-item .nav-link {
        height: auto;
    }

    .system-tab {
        display   : flex;
        overflow-x: auto;
        flex-wrap : nowrap;
    }

    .tab-section .system-tab .nav-item .nav-link-item {
        width    : 100px !important;
        height   : 100px;
        font-size: 12px;
        margin   : 0 10px;
    }

    .tab-wrap .left-side-circle {
        position: absolute;
        width   : 18px;
        height  : 19px;
        left    : -18px;
        top     : 44px;
    }

    .tab-wrap .right-side-circle {
        position: absolute;
        width   : 18px;
        height  : 19px;
        right   : -19px;
        top     : 44px;
    }

    .continuum.middle-line {
        display: none;
    }

    .system-tab .nav-item {
        margin-bottom: 20px;
    }

    .tbjourneryholdermain {
        height: auto;
    }

    .continuumcareholder {
        height: auto;
        margin: 20px 0px;
    }

    .countryholder {
        height: auto;
    }

    /* .journeyroadholder {
        width: auto;
    } */

    .tab-wrap .middle-line {
        top: 52px;
    }

    .flags-images .row .col-sm-3 {
        width: auto;
    }

    .who,
    .stoptb{
        width: 35%;
    }

    
    .navbar-light .navbar-brand {

        width: 79%;
    }


}

/* Landscape */
/* @media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 2) 
  and (orientation: landscape) {
    .coupdf {
        margin-top: 22% !important;
    }
} */


@media only screen and (min-device-width: 320px) and (max-device-width: 760px) {
    .banner-section {
        height: auto;
    }


    .nav-content-digi,
    .nav-content-multi,
    .nav-content-recom {
        display: none;
    }

    .sidepanel,
    .sidepanel2,
    .sidepanel3,
    .sidepanel4,
    .sidepanel5 {
        width           : 0;
        position        : absolute;
        z-index         : 1;
        height          : 438px;
        top             : 0;
        left            : 0;
        background-color: #103B6E;
        overflow-x      : hidden;
        transition      : 0.5s;
        padding-top     : 60px;
        color           : #fff;
    }

    .sidepanel .nav-pills .nav-link.active,
    .nav-pills .show>.nav-link,
    .sidepanel2 .nav-pills .nav-link.active,
    .nav-pills .show>.nav-link,
    .sidepanel3 .nav-pills .nav-link.active,
    .nav-pills .show>.nav-link,
    .sidepanel4 .nav-pills .nav-link.active,
    .nav-pills .show>.nav-link,
    .sidepanel5 .nav-pills .nav-link.active,
    .nav-pills .show>.nav-link {
        color           : #FFD300;
        background-color: transparent;
    }

    .sidepanel a,
    .sidepanel2 a,
    .sidepanel3 a,
    .sidepanel4 a,
    .sidepanel5 a {
        padding        : 8px 8px 8px 32px;
        text-decoration: none;
        font-size      : 25px;
        color          : #fff;
        display        : block;
        transition     : 0.3s;
    }

    .sidepanel a:hover,
    .sidepanel2 a:hover,
    .sidepanel3 a:hover,
    .sidepanel4 a:hover,
    .sidepanel5 a:hover {
        color: #f1f1f1;
    }

    .sidepanel .closebtn,
    .sidepanel2 .closebtn2,
    .sidepanel3 .closebtn3,
    .sidepanel4 .closebtn4,
    .sidepanel5 .closebtn5 {
        position : absolute;
        top      : 0;
        right    : 5px;
        font-size: 36px;
    }

    .openbtn,
    .openbtn2,
    .openbtn3,
    .openbtn4,
    .openbtn5 {
        font-size       : 20px;
        cursor          : pointer;
        background-color: #103e77;
        color           : white;
        padding         : 10px 15px;
        border          : none;
        position        : absolute;
        left            : -20px;
        display         : block;
    }


    .openbtn:hover,
    .openbtn2:hover,
    .openbtn3:hover,
    .openbtn4:hover,
    .openbtn5:hover {
        background-color: #444;
    }

    .lg-tab-title {
        display: none;
    }

    .map-content {
        height: calc(100vh - 146px) !important;
        height: auto !important;
    }

    #map {
        background-color: #ffffff;
        height          : calc(100vh - 180px) !important;
        /* height          : 500px !important; */
    }

    .tab-section-nav,
    .tab-section-multi,
    .tab-section-recommend {
        height: auto;
    }

    .mapscaleholder .col-xs-1 {
        width: 10%;
    }

    .mapscaleholder .col-xs-10 {
        width: 80%;
    }

    .mapscaleholder {
        width: 281px;
    }

    .multi-footer {
        display: none;
    }

    .recommend-content {
        width: 92%;
    }

    .country-section {
        height: auto;
    }

    #pills-country-tab::after {
        right: 3px;
    }

    .footer-section {
        text-align: center;
    }

    .footer-section .about-us {
        margin-top: 2rem;
    }

    .footer-company-logo-sect {
        margin-top: 2rem;
    }

    #pills-country-tabbang::after {
        position: absolute;
        top     : 17px;
        right   : 2px;
    }
}



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

    #mySidepanel,
    .mobile-nav {
        display: none;
    }
}

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

    .verticalflagholder{
        height: calc(100vh - 136px) !important;
        margin-top: -1px;
    }
    .bannerhead {
        font-size: 18px !important;
    }

    .banner-summary-text {
        font-size: 1rem !important;
    }

    .banner-hover-link {
        font-size: 0.875rem !important;
    }

    .landing-content .banner-summary-text {
        max-width: 94%;
    }

    .reporthelpcontainer {
        width: 94%;
    }

    #navbar_top {
        padding-left : 30px;
        padding-right: 30px;
    }

    #map {
        background-color: #ffffff;
        height          : calc(100vh - 180px) !important;
        margin-left: -24px;
        /* max-height      : 392px; */
    }

    .nav-content-digi.sidebar__inner.stickIt .nav.nav-pills {
        margin-left: 0px;
        height     : calc(100vh - 90px);
        margin-top : 0px;
    }

    #navbar-inner .nav-pills .nav-link.sidebarsectionmainheading {
        font-size: 14px !important;
    }

    .nav-content-digi.sidebar__inner.stickIt .nav.nav-pills.flex-column.collapse.show {
        margin-left   : 0px;
        margin-top    : 0px;
        height        : 100px;
        max-height    : 200px;
        overflow-y    : auto;
        position      : initial;
        display       : flex;
        flex-direction: row !important;
    }

    .nav-content-digi.sidebar__inner.stickIt .nav.nav-pills.flex-column.collapse.show a.nav-link.ps-5 {
        margin-left : 20px !important;
        margin-right: 20px !important;
    }

    .countryflagverticallist p {
        display    : flex;
        align-items: center;
    }

    .nav-content-digi.sidebar__inner.stickIt #navbar-inner .nav-pills .nav-link.sidebarsectionsubheading {
        padding-top   : 4px;
        padding-bottom: 4px;
        font-size     : 12px;
    }

    .nav-content-digi.sidebar__inner.stickIt #navbar-inner .nav-pills .nav-link.sidebarsectionmainheading {
        margin-top: 10px !important;
    }

    .nav-content-digi.sidebar__inner.stickIt #navbar-inner .nav-pills .nav-link.sidebarsectionmainheading:first-child {
        margin-top: 0px !important;
    }

    
    .landing-right-section {
        height: calc(100vh - 174px) !important;
    }

    .landing-content{
        height: calc(100vh - 42px) !important;
    }
    .landing-left-section{
        height: calc(100vh - 142px) !important;
    }
    

    /* .map-section-text {
        margin-top: -16%;
    } */

    .reporthelpcontainerbody {
        height: 100%;
    }

    .nav-content-digi.sidebar__inner.stickIt #navbar-inner .nav-pills .nav-link.sidebarsectionsubheading,
    .nav-content-digi.sidebar__inner.stickIt #navbar-inner .nav-pills .nav-link.executive,
    .nav-content-digi.sidebar__inner.stickIt .nav.nav-pills.flex-column.collapse.show a.nav-link.ps-5 {
        margin-left : 10px !important;
        margin-right: 10px !important;
    }

    .nav-content-digi.sidebar__inner.stickIt .nav.nav-pills.flex-column.collapse.show a.nav-link.ps-5 {
        font-size: 12px;
    }

    .countryflagverticallist span {
        font-size: 13px;
    }

    .imgrightdiv {
        padding-left: 24px !important;
    }

    #country-carousel .item img, #regionalcountry-carousel .item img {

        max-width: fit-content !important;
     
     }

     .landing-content .country-table {
        font-size: 12px !important;
    }
}     



@media screen and (min-width: 1200px) and (max-width:1300px) {
    .bannerhead {
        font-size: 18px !important;
    }

    .banner-summary-text {
        font-size: 0.875rem !important;
    }

    .banner-hover-link {
        font-size: 0.75rem !important;
    }

    .countryflagverticallist span {
        font-size: 13px;
    }

    .imgrightdiv {
        padding-left: 40px !important;
    }
}

@media screen and (min-width: 1920px) {
    #country-images-carousel {
        margin-top: 150px;
    }

    .navbar-light .navbar-nav .nav-link{
        font-size: 16px;
    }

    #bannerSect{
        height: calc(100vh - 125px) !important;
    }

    .reporthelpsubtitle{
        font-size: 18px !important;
        padding-top: 2%;
    }

    .country-table{
        font-size: 16px !important;
    }

    .landing-left-section{
        height: calc(100vh - 225px) !important;
    }

}

@media screen and (min-width: 800px) {
    .mobile-nav {
        display: none;
    }
}

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

    .nav-content-digi,
    .nav-content-multi,
    .nav-content-recom,
    .mobile-nav {
        display: none;
    }
}

@media screen and (min-width: 700px) and (max-width:1000px) {
    .country-names .d-flex.align-items-center.mt-1 {
        display: inline-flex !important;
        width  : 30% !important;
    }
}

/* Sidebar responsive styles  */

@media screen and (min-width: 1200px) and (max-width:1300px) {
    .nav-content-digi.sidebar__inner.stickIt .nav.nav-pills {
        margin-left: 0%;
        width      : 100%;
        margin-top : 0px;
        height     : calc(100vh - 90px);
    }

    .nav-content-digi.sidebar__inner.stickIt .nav.nav-pills.flex-column.collapse.show {
        margin-left   : 0px;
        margin-top    : 0px;
        height        : 70px;
        max-height    : 200px;
        overflow-y    : auto;
        position      : initial;
        display       : flex;
        flex-direction: row !important;
    }

    .countryflagverticallist p {
        display: flex;
    }

    .countryflagverticallist img {
        width: 25px;
    }

    #navbar_top {
        padding-left : 30px;
        padding-right: 30px;
        height       : 66px;
    }

    .navbar-light .navbar-nav .nav-link {
        font-size: 11px;
    }

    #map {
        background-color: #ffffff;
        height          : calc(100vh - 180px) !important;
        /* max-height      : 450px; */
        margin-left: -15%;
        min-width: 557px;
        /* margin-top: 3%; */
    }

    .casebasedlegendrow {
        width      : 80%;
        margin-left: auto;
    }

    .dropiconrow {
        width : 90%;
        margin: 0 auto;
    }

    .stickIt .navbar {
        width: 18%;
    }

    .nav-content-digi.sidebar__inner .sidebarsectiontitle {
        margin-bottom: 0px !important;
    }

    #navbar-inner .nav-pills .nav-link {
        padding-top   : 3px !important;
        padding-bottom: 3px !important;
        font-size     : 12px !important;
        margin-left   : 0px !important;
        margin-right  : 0px !important;
    }

    .nav-content-digi.sidebar__inner.stickIt #navbar-inner .nav-pills .nav-link.sidebarsectionmainheading {
        font-size : 14px !important;
        margin-top: 10px !important;
    }

    .nav-content-digi.sidebar__inner.stickIt #navbar-inner .nav-pills .nav-link.sidebarsectionmainheading:first-child {
        margin-top: 0px !important;
    }

    .nav-content-digi.sidebar__inner.stickIt #navbar-inner .nav-pills .nav-link.sidebarsectionsubheading {
        margin-left : 0px !important;
        margin-right: 0px !important;
        font-size   : 12px !important;
    }

    .nav-content-digi.sidebar__inner.stickIt #navbar-inner .nav-pills .nav-link.executive {
        margin-left : 0px !important;
        margin-right: 0px !important;
    }

    .resource-text-sect p {
        -webkit-line-clamp: 2;
    }
}

@media screen and (min-width: 1301px) and (max-width:1398px) {
    .dropiconrow {
        width : 90%;
        margin: 0 auto;
    }

    .casebasedlegendrow {
        width      : 80%;
        margin-left: auto;
    }

    .stickIt .navbar {
        width: 18.5%;
    }

    .resource-text-sect p {
        -webkit-line-clamp: 3;
    }

    .form-wrap,
    .counrystorycontainer {
        height: 715px;
    }
}



@media screen and (min-width: 1399px) and (max-width:1500px) {
    .nav-content-digi.sidebar__inner.stickIt .nav.nav-pills {
        margin-left: 0%;
        width      : 100%;
        margin-top : 0px;
        height     : calc(100vh - 110px);
    }

    .nav-content-digi.sidebar__inner.stickIt .nav.nav-pills.flex-column.collapse.show {
        margin-left   : 0px;
        margin-top    : 0px;
        height        : 100px;
        max-height    : 200px;
        overflow-y    : auto;
        position      : initial;
        display       : flex;
        flex-direction: row !important;
    }

    .nav-content-digi.sidebar__inner.stickIt .nav.nav-pills.flex-column.collapse.show a {
        width: 100% !important;
    }

    #map {
        background-color: #ffffff;
        height          : calc(100vh - 180px) !important;
        /* max-height      : 350px; */
    }

    .dropiconrow {
        width : 90%;
        margin: 0 auto;
    }

    .casebasedlegendrow {
        width      : 80%;
        margin-left: auto;
    }

    .map-content {
        height: auto !important;
    }

    .resource-text-sect p {
        -webkit-line-clamp: 3;
    }

    .form-wrap,
    .counrystorycontainer {
        height: 715px;
    }

    #country-carousel .item img ,
    #regionalcountry-carousel .item img{
       
        /* height    : 300px; */
        object-fit: cover;
        width: 100%;
        /* border-radius: 10px; */
        max-width: none;
    }
    
    .bannerhead {
        font-size: 18px !important;
    }

    #country-carousel .item img, #regionalcountry-carousel .item img {

        max-width: fit-content !important;
     
     }

     .landing-content .country-table {
        font-size: 12px !important;
    }

}

@media screen and (min-width: 1501px) and (max-width:1599px) {
    .nav-content-digi.sidebar__inner.stickIt .nav.nav-pills {
        margin-left: 0%;
        width      : 100%;
        margin-top : 0px;
        height     : calc(100vh - 90px);
    }

    .nav-content-digi.sidebar__inner.stickIt .nav.nav-pills.flex-column.collapse.show {
        margin-left   : 0px;
        margin-top    : 0px;
        height        : 100px;
        max-height    : 200px;
        overflow-y    : auto;
        position      : initial;
        display       : flex;
        flex-direction: row !important;
    }

    .nav-content-digi.sidebar__inner.stickIt .nav.nav-pills.flex-column.collapse.show a {
        width: 100% !important;
    }

    #map {
        background-color: #ffffff;
        height          : calc(100vh - 180px) !important;
        /* max-height      : 375px; */
    }

    .landing-content .banner-summary-text {
        max-width: 95%;
    }

    .reporthelpcontainer {
        width: 95%;
    }

    .nav-content-digi.sidebar__inner.stickIt #navbar-inner .nav-pills .nav-link.sidebarsectionmainheading {
        margin-top: 10px !important;
    }

    .nav-content-digi.sidebar__inner.stickIt #navbar-inner .nav-pills .nav-link.sidebarsectionmainheading:first-child {
        margin-top: 0px !important;
    }

    #country-carousel .item img, #regionalcountry-carousel .item img {

        max-width: fit-content !important;
     
     }


}

@media screen and (min-width: 1600px) and (max-width:1700px) {
    .nav-content-digi.sidebar__inner.stickIt .nav.nav-pills {
        margin-left: 0%;
        width      : 100%;
        margin-top : 0px;
        height     : calc(100vh - 110px);
    }

    .nav-content-digi.sidebar__inner.stickIt .sidebarsectiontitle {
        width: -webkit-fill-available;
    }

    .nav-content-digi.sidebar__inner.stickIt .nav.nav-pills.flex-column.collapse.show {
        margin-left   : 0px;
        margin-top    : 0px;
        height        : 100px;
        max-height    : 200px;
        overflow-y    : auto;
        position      : initial;
        display       : flex;
        flex-direction: row !important;
    }

    .nav-content-digi.sidebar__inner.stickIt .nav.nav-pills.flex-column.collapse.show a {
        width: 100% !important;
    }

    #map {
        background-color: #ffffff;
        height          : calc(100vh - 180px) !important;
        /* max-height      : 375px; */
    }

    .landing-content .banner-summary-text {
        max-width: 95%;
    }

    .reporthelpcontainer {
        width: 95%;
    }

    .stickIt .navbar {
        width: 19.5%;
    }

    .map-content {
        height: auto !important;
    }


}

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

    .verticalflagholder{
        height: calc(100vh - 258px) !important;
    }
    .nav-content-digi.sidebar__inner.stickIt .nav.nav-pills {
        margin-left: 0%;
        width      : 100%;
        margin-top : 0px;
        height     : calc(100vh - 110px);
    }

    .nav-content-digi.sidebar__inner.stickIt .nav.nav-pills.flex-column.collapse.show {
        margin-left   : 0px;
        position      : inherit;
        display       : flex;
        flex-direction: row !important;
        height        : auto;
    }

    .nav-content-digi.sidebar__inner.stickIt .nav.nav-pills.flex-column.collapse.show a {
        width: 100% !important;
    }

    .nav-content-digi.sidebar__inner.stickIt .sidebarsectiontitle {
        width: -webkit-fill-available;
    }

    .stickIt .navbar {
        width : 20%;
        height: 91%;
    }

    .map-content {
        height: auto !important;
    }

    #map {
        background-color: #ffffff;
        height          : calc(100vh - 284px) !important;
        /* max-height      : 500px; */
        margin-left: -12%;
        min-width: 108%;
        margin-top: -2%;
    }

    .form-wrap,
    .counrystorycontainer {
         height: 715px;
    }

    .main-content .img-subtitle{
        left: auto !important;

    }


}


@media screen and (max-width: 1530px) {
    #navbar_top {
        padding-left : 10px;
        padding-right: 10px;
    }
}

@media screen and(max-width: 576px) {
    
}


@media only screen and (max-device-width: 280px) {
    #navbar-inner-bang {
        display: none;
    }

    .who,
    .stoptb {
        width: 35%;
    }

    .navbar-light .navbar-brand {
        width: 82%;
    }

    /* #navbar_top{
        width: 87%;
    } */

   #navbar_top .navbar-toggler{
     font-size: 1rem;
   }

    #mapSection .col-sm-12.col-lg-9.pl-0px {
     padding-left: 12px !important;
    }

    .map-content {
        height: auto !important;
    }

    #map {
        background-color: #ffffff;
        height: calc(100vh - 110px) !important;
        /* max-height: 500px; */
    }

    .map-section-text {
        margin-top: 30px;
    }

    .mapscaleholder .col-xs-1 {
        width: 10%;
    }

    .mapscaleholder .col-xs-10 {
        width: 80%;
    }

    .mapscaleholder {
        width: 212px;
    }

    .mapcontroldiv,
    .mapactionbtn {
        margin-top: 20px !important;
    }

    .ntpvisionboardholder h5 ,
    .multiinnercontent .section-title.text-red.sectionbigheading ,
   
   .multiinnercontent h5.text-red span ,
   .countrystrorybg .content_holder p{
        font-size: 15px !important;
    }

    #CaptchaImageCode{
        width: 100% !important;
    }

}
@media only screen and (min-device-width: 1280px) and (max-device-width: 1350px){
    .reporthelpcontainerbody
    {height: 100%;}

    #country-carousel .item img,
    #regionalcountry-carousel .item img{
        max-width: fit-content;
    }

    .country-table{
        font-size: 10px !important;
    }

    .country-table tbody td:nth-child(1){
        font-size: 10px !important;
    }

    .landing-content{
        height: calc(100vh - 4px) !important;
    }

    .reporthelpsubtitle{
        font-size: 12px;
    }

    .landing-right-section{
       height: calc(100vh - 246px) !important;
    }

    .verticalflagholder{
        height: calc(100vh - 170px) !important;
    }
}

@media screen and (min-width: 768px) and (max-width:1023px) {

   

    .dtfh-floatingparent.dtfh-floatingparenthead{

        display: none !important;

    }



    .ntpvisionboardholder .firstcol{

        padding: 0px !important;

    }



    .ntpvisionboardholder .col-sm-12.col-lg-4.pl-0px{

        padding: 0px !important;

    }



    #regionalcountry-carousel .col-sm-4{

        background-color: #161616;

    opacity: 0.75;

    }

   


}



@media screen and (min-width: 1024px) and (max-width:1200px) {

   

   



    .dtfh-floatingparent.dtfh-floatingparenthead{

        display: none !important;

    }




   

    #regionalcountry-carousel .col-sm-4{

        background-color: #161616;

    opacity: 0.75;

    }



    .ntpvisionboardholder .firstcol{

        padding: 0px !important;

        width: 100% !important;

    }



    .ntpvisionboardholder .col-sm-12.col-lg-4.pl-0px{

        padding: 0px !important;

        width: 100% !important;

    }

}