@media only screen and (max-width:991px){
    /*    .block_ribbon_ind{width: 50%;}*/
    /*    .block_ribbon_ind{width:45%;}*/
    .block_ribbon_ind:before{height: 130px;}
    .block_ribbon_ind:after {
        border-top: 65px solid transparent;
        border-bottom: 65px solid transparent;}
    .range-slider__range.custom_range-slider__range {
        width: calc(91% - (66px));

    }
    div#slider-range {
        width: calc(94% - (73px));
        margin-right: 0px;  
    }
    .minimize .rt_cntntblk01 .range-slider__range.custom_range-slider__range {
        width: calc(94% - (66px));
    }
    /*    .ind_container .content {
            width: 35%;
        }  */
	
	/*17-10-2019*/
	.stickyBtn
	{ top: 50px; left: 5px; width: 256px;}
	.shw_hide_tgl10
	{ background: #ececec; z-index: 3; left: 0; top: 0; position: relative; display: inline-block; width: 100%;}
	.shw_hide_tgl10 .value_blk01 .btn
	{ margin: 0 10px 0 0 !important;}
	body.path-maps div.legend
	{ position: relative; bottom: auto; left: auto; width: 100%; right: auto; margin: 10px 0 0;}
	/*17-10-2019*/
}
@media only screen and (min-width:1200px){
    .range-slider__range.custom_range-slider__range {
        width: calc(93% - (66px));

    }
    .minimize .rt_cntntblk01 .range-slider__range.custom_range-slider__range {
        width: calc(95% - (66px));
    }
    div#slider-range {
        width: calc(94% - (73px));
        margin-right: 0px;  
    }
    .minimize .rt_cntntblk01 div#slider-range {
        width: calc(95% - (73px));
        margin-right: 0px;
    }
}
@media (min-width: 768px) {
    #contact .contact-address,
    #contact .contact-phone,
    #contact .contact-email {
        padding: 20px 0;
    }
    #contact .contact-phone {
        border-left: 1px solid #ddd;
        border-right: 1px solid #ddd;
    }
    .counter_blk01 li {
        width: 16%
    }
    .bnr_caption01 .center-content {
        max-width: 60%;
        margin: 0px auto;
    }
    bnr_caption01 {
        top: 170px;
    }
    nav.top_menu_nav a.nav-link {
        padding: 9px 20px 10px !important;
    }
    .copyright {
        text-align: right;
    }
    .top_menu_nav .navbar-nav>li>a {
        border-right: 1px solid rgb(242, 242, 242);
    }
    .chart_sel01 .card span {
        font: 24px/30px robotomedium;
    }
    .tree-listing .jstree-default .jstree-anchor,
    body.path-map .tree-listing .jstree-default .jstree-anchor {
        font-size: 14px;
        text-align: left;
        white-space: pre-wrap;
    }
    div#play-pause-button {
        width: 45px;
    }
    .custom_copyright-footer .footer-logo img {
        max-height: 120px;
        height: auto;
        width: 100%;
    }
    .logounnation{float:right;}
    .custom_copyright-footer .col-md-4 {
        -webkit-box-flex: 0; 
        -ms-flex: 0 0 25%;
        max-width: 30%;
    }
    .custom_copyright-footer .widget {
        margin-bottom: 25px;
        padding-top: 20px;
    }
    /*        .ind_container .content {width:40%;}       */
    /*ribbon css start*/
    .block_ribbon_ind_main{
        position: absolute;
        left: 0px;
        width: auto;
        bottom: 10px;
    }
    section#indicator-6-5-2 .block_ribbon_ind{height: 160px;}
    .block_ribbon_ind{
        position: relative;
        width: 40%;
        height: 135px;
        background-color: #6cc2e5;
        margin: 50px auto 0px 33px;
        color: #fff;
    }
    section#indicator-6-5-2 .block_ribbon_ind{height: 145px;}
    section#indicator-6-5-2 .block_ribbon_ind:before {
        height: 146px;}
    section#indicator-6-5-2 .block_ribbon_ind:after {
        border-top: 73px solid transparent;
        border-bottom: 73px solid transparent;}
    .block_ribbon_ind:before{    
        width: 35px;
        height: 135px;
        background-color: #00a7d8;
        -ms-transform: skewY(40deg);
        -webkit-transform: skewY(40deg);
        transform: skewY(40deg);
        -moz-transform: skewY(40deg);
        position: absolute;
        left: -34px;
        top: -14px;
        content: "";}
    .block_ribbon_ind:after{
        border-top: 68px solid transparent;
        border-bottom: 68px solid transparent;
        border-left: 60px solid #6cc2e5;
        position: absolute;
        right: -59px;
        top: 0;
        content: "";
    }
    .block_ribbon {
        position: relative;
        width: 50%;
        height: 120px;
        background: #6cc2e5;
        margin: 0px 0px 0px auto;
        color: #fff 
    }
    .block_ribbon:before {
        border-top: 60px solid transparent;
        border-bottom: 60px solid transparent;
        border-right: 60px solid #6cc2e5;
        position: absolute;
        left: -60px;
        top: 0;
        content: "";
    }
    .block_ribbon:after {
        width: 20px;
        height: 119px;
        background-color: #00a7d8;
        -ms-transform: skewY(-40deg);
        -webkit-transform: skewY(-40deg);
        -moz-transform: skewY(-40deg);
        transform: skewY(-40deg);
        position: absolute;
        right: -20px;
        top: -8px;
        content: "";
    }
    .block_ribbon p, .block_ribbon_ind p{
        padding: 15px;
    }
    .ui-autocomplete {width:50%;}
    .srch_flterblk01 {
        left: 0;
        width: 25%;

    }
    .rt_cntntblk01 {
        width: 75%;}
    .minimize .srch_flterblk01 {
        left: -25%;
        transition: all 0.4s ease-in;
        -webkit-transition: all 0.4s ease-in;
        -moz-transition: all 0.4s ease-in;
        -o-transition: all 0.4s ease-in;
        -ms-transition: all 0.4s ease-in;
        margin: 0;
    }
    .minimize .rt_cntntblk01 {
        width: 100%;
        position: absolute;
    }
    span.k-pager-info.k-label {
        padding: 0px 5px;
    }
    /*ribbon css end*/
    .country_contain, .ind_container .content{width:30%;}
    .minimize .srch_flterblk01 .range-slider__range.custom_range-slider__range {
        width: calc(92% - (73px));
    }

    .table01.table-responsive.box-sha.table-bordered.view.view-abtus {
        padding: 0px;
    }
    .chart_group{
        display: flex;
        justify-content: center;
    }
    /*accessibility*/
.block_ribbon_ind.pagina-acessivel:after {
    border-left: 60px solid #111111 !important;
}
}

@media (max-width: 768px) {
    body.path-frontpage h1 {
        font: 24px/50px robotomedium !important;
    }
    .bnr_blk02 h2 {
        font-size: 28px;
    }
    .back-to-top {
        bottom: 15px;
    }
    #mobile-nav-toggle {
        display: inline;
    }
    #nav-menu-container {
        display: none;
    }
    .bnr_caption01 {
        width: auto;
    }
    .rt_cntntblk01 {
        width: 65%;
    }
    .srch_flterblk01 {
        width: 35%;
    }
    footer {
        position: static;
    }
    .custom_copyright-footer .footer-links {
        padding: 30px 0px 0px 0px;
    }
    .block_ribbon p,
    .block_ribbon_ind p {
        padding: 12px;
    }
    .country_contain {
        width: 37%;
        padding: 15px;
    }
    section#indicator-6-2-1b .block_ribbon_ind:before {
        height: 185px;
    }
    section#indicator-6-2-1b .block_ribbon_ind:after {
        border-top: 90px solid transparent;
        border-bottom: 90px solid transparent;
    }
    section#indicator-6-2-1b .block_ribbon_ind {
        min-height: 204px;
    }
    .block_ribbon_ind{width:45%; min-height: 160px;}
    .block_ribbon_ind:before{height:162px;}
    .block_ribbon_ind:after {
        border-top: 80px solid transparent;
        border-bottom: 80px solid transparent;}
    .indicator_specific_details .indicator_status{line-height: 25px;}
    body.path-indicator div.legend {
        width: 45%;
    }
    .indicator_specific_details .indicator_status {
        padding: 0px 5px;
    }
    .ind_container .content{width: 35%;}
    /*    .srch_flterblk01 {
            left: 0;
            width: 50%;
            z-index: 10;
            background: #fff;
        }*/
    .minimize .srch_flterblk01 {
        left: -35%;
        margin: 0;
    }
    .minimize .rt_cntntblk01 {
        width: 100%;
        position: absolute;
    }
    section#indicator-6-5-2 .block_ribbon_ind:before {
        height: 200px;
    }
    section#indicator-6-5-2 .block_ribbon_ind {
        min-height: 200px;
    }
    section#indicator-6-5-2 .block_ribbon_ind:after {
        border-top: 100px solid transparent;
        border-bottom: 100px solid transparent;
    }
    .range-slider__range.custom_range-slider__range {
        width: calc(86% - (73px));
    }
    div#slider-range {
        width: calc(85% - (73px));}
    .minimize .rt_cntntblk01 div#slider-range {
        width: calc(95% - (73px));
        margin-right: 0px;
    }
    .chart_group{
        display: flex;        
    }
    div#play-pause-button {
        width: 45px;
    }
    .minimize .rt_cntntblk01 .range-slider__range.custom_range-slider__range {
        width: calc(82% - (21px));
    }
}

@media only screen and (max-width: 767px) {
    .counter_blk01 li {
        width: 100%
    }
    .chart_sel01 .card{width:auto;}
    .bnr_caption01 .center-content {
        max-width: 90%;
    }
    ul.navbar-nav.ml-auto {
        margin-left: 0px !important;
    }
    nav.top_menu_nav a.nav-link i {
        display: none;
    }
    .lg_cntnr a span {
        text-align: center;
    }
    .bnr_caption01 {
        top: 20px;
    }
    nav.top_menu_nav a.nav-link {
        padding: 9px 15px 10px;
    }
    /*    .section-header h3.country_heading,
        .section-header h1.country_heading {
            font: 16px/40px robotomedium;
        }*/
    .rt_cntntblk01 .table01 .k-header.k-grid-toolbar {
        text-align: center;
        padding: 0px 19px;
    }
    .section-header h2.country_heading1,
    .section-header h1.country_heading1 {
        font: 25px/35px robotomedium;
    }
    .tree-listing .jstree-default .jstree-anchor,
    body.path-map .tree-listing .jstree-default .jstree-anchor {
        font-size: 14px;
    }
    .rt_cntntblk01 {
        position: absolute;
    }
    .custom_copyright-footer .footer-links {
        padding: 10px 0px 0px 0px;
    }
    .custom_copyright-footer .textwidget {
        font-size: 13px;
        padding: 20px;
    }
    .ind_container .content {width:100%;}
    body.path-indicator div.legend {
        width: 71%;}
    .block_ribbon_ind:before {
        /*            height: 246px;*/
        z-index: 11;
    }
    .custom_copyright-footer .col-md-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        width: 45%;
    }
    .custom_copyright-footer .widget {
        margin-bottom: 5px;
    }
    .country_contain {
        width: 100%;}
    .map_year_sel {
        border-bottom: 1px dotted #4c4c4c;
    }
    .ind_container{     min-height: 765px;}
    .ui-autocomplete {width:50%;}
    body.path-country header.section-header.countryhead h3, .section-header h2.country_heading1, .section-header h1.country_heading1, body.path-frontpage h1 {
        font: 18px/40px robotomedium;    line-height: 25px;}
    div#slider-range {
        width: calc(92% - (73px));
        margin-right: 0px;
    }
    .table01.table-responsive.box-sha.table-bordered.view.view-abtus {
        border:transparent;
    }
    .chart_group {
        display: inline-block;   
    }
    body.path-indicator .table01 tr td, body.path-tables .table01 tr td.indicator_table_data{
        width: 250px;
    }
    body.path-indicator .table01 tr th, body.path-tables .table01 tr th{
        width: 246px;
    }
    .basic_chart_title, .advance_chart_title{
        width: 230px;    
        margin: 0px auto;}
    .highcharts-title {
        font-size: 1em !important;
    }
    body.page-node-type-page .legend {
        position: relative;
        margin: 0px auto;
        width: 100%;
        right: 0px;
        bottom: auto;
        top: auto;
    }
    .about_legend_blk {
        padding: 0 !important;
    }
h1#region-name {
    font-size: 20px !important;
    margin: 5px;
}
.country_contain{position:relative;}
.k-webkit .k-pager-sizes, .k-webkit .k-pager-info, .k-safari .k-pager-sizes {
    display: inline-block !important;
    float: left;
    text-align: left;
    padding: 0px !important;
    margin: 0px !important;
    font-size: 14px;
}
}
@media only screen and (max-width:640px){
   body.path-tables .k-webkit .k-pager-info {
    display: inline-block;
}
    .indicator_sldr01 .item {
        height: auto;
        min-height: 550px;}
    .rt_cntntblk01 .table01 .k-header.k-grid-toolbar, body.path-indicator .table01 .k-header.k-grid-toolbar {
        text-align: center;}
    .range-slider__range.custom_range-slider__range {
        width: calc(92% - (73px));
    }
    .minimize .rt_cntntblk01 .range-slider__range.custom_range-slider__range {
        width: calc(80% - (21px));
    }

}
@media only screen and (max-width:320px){
    .block_ribbon_ind:before {
         max-height: 239px;
    }
     .ind_container {
         min-height: 848px;
     }
     .indicator_sldr01 .item {
         min-height: 618px;
     }
     .k-pager-input{  
         width: 106px;
         font-size: 12px;
     }
     section#indicator-6-2-1b .block_ribbon_ind:before {
         height: 245px;
     }
     section#indicator-6-a-1 .block_ribbon_ind:before {
         height: 260px;
         max-height: 260px;
     }
     section#indicator-6-2-1b .block_ribbon_ind:after {
         border-top: 120px solid transparent;
         border-bottom: 120px solid transparent;
     }
     section#indicator-6-5-2 .block_ribbon_ind:before {
         max-height: 295px;
         height: 295px;
     }
     section#indicator-6-5-2 .block_ribbon_ind:after {
         border-top: 145px solid transparent;
         border-bottom: 145px solid transparent;}
/*     body.path-charts .chart_sel01 .card{width: 40.99%;}*/
     div#slider-range {
         width: calc(95% - (73px));
         margin-right: 0px;
     }
     .minimize .rt_cntntblk01 div#slider-range {
         width: calc(95% - (73px));
         margin-right: 0px;
     }
     .minimize .rt_cntntblk01 .range-slider__range.custom_range-slider__range {
         width: calc(60% - (21px));
     }
     .global-search-block-form
     { top:174px !important;}
}

@media screen and (min-width: 100px) and (max-width: 469px) {
    footer.site-footer a img {
        width: 180px;
        padding: 0px;
    }
    .ind_container {
        min-height: 845px;
    }
    /*indicator banner css start*/
    .block_ribbon_ind {
        min-height: 237px;
    }
    .block_ribbon_ind {
        width: 82%;z-index: 11;}
    section#indicator-6-2-1b .block_ribbon_ind {
        min-height: 245px;
    }
    section#indicator-6-2-1b .block_ribbon_ind:after {
        border-top: 125px solid transparent;
        border-bottom: 125px solid transparent;
    }
    .block_ribbon_ind:after {            
        border-top: 115px solid transparent;
        border-bottom: 115px solid transparent;
        right: -15px;
    }

    .block_ribbon_ind:before {
        height: 237px;
        z-index: 11;
    }
    section#indicator-6-2-1b .block_ribbon_ind:before {
        height: 245px;
    }
    section#indicator-6-5-2 .block_ribbon_ind:before {
        max-height: 295px;
        height: 295px;
    }
    section#indicator-6-5-2 .block_ribbon_ind:after {
        border-top: 135px solid transparent;
        border-bottom: 135px solid transparent
    }
    section#indicator-6-5-2 .block_ribbon_ind {
        min-height: 295px;
    }

    /*indicator  banner css end*/
    .cntry_srch01 {
        width: 95%;
    }
    .copyright {
        text-align: center;
    }
    .brandbar_header .hd_top a {
        float: none;
        margin: 0px auto;
        text-align: center;
        width: 100%;
    }
    .tree-listing .jstree-default .jstree-anchor.panel-heading {
        width: 90%;
    }
    /*SOF header css*/
    .language-switcher {
        margin: 10px 0 5px;
        float: left !important;
        width: 100%;
    }
    .lg_cntnr {
        text-align: center;
        padding: 10px 0;
    }
    .lg_cntnr .float-md-left {
        width: 300px;
        margin: 0 auto;
    }
    .lg_cntnr a span {
        font-size: 9px;
    }
    .lg_cntnr .float-md-right img {
        max-width: 200px;
    }
    .lg_cntnr img {
        width: 100%;
    }
    .navbar-header {
        margin: 0 !important;
    }
    .navbar-nav {
        margin: 0;
    }
    .navbar-toggle {
        background: #fff;
        border-radius: 0;
    }
    .lg_cntnr .pull-left {
        float: none !important;
    }
    .lg_cntnr .pull-right {
        float: none !important;
    }
    #logounwater {
        width: 230px;
        margin: 0 auto;
    }
    #logounnation {
        width: 140px;
        margin: 0 auto;
    }
    .top_menu_nav .navbar-nav>li>a {
        padding: 11px 30px 9px !important;
    }
    .brandbar_header span.hidden-xs {
        display: inline-block !important;
    }
    /*EOF header css*/
    /*SOF Banner css*/
    .bnr_caption01 p {
        font: 20px/26px robotoregular;
    }
    .bnr_blk02 .item {
        height: 350px;
    }
    .bnr_caption01 .center-content.clearfix {
        padding: 10px 15px;
    }
    .bnr_blk02 .carousel-item {
        height: 270px;
    }
    .bnr_caption01 .center-content {
        bottom: 90px;
    }
    .sdg6_cmas {
        width: 120px;
    }
    .sdg6_cmas img {
        width: 100%;
    }
    .bnr_blk02 .carousel-indicators {
        bottom: 50px;
    }
    .bnr_blk02 .carousel-indicators li {
        width: 12px;
        height: 12px;
        margin: 0 3px;
    }
    .bnr_caption01 .center-content {
        left: 5%;
        right: 5%;
    }
    /*EOF Banner css*/
    /*SOF home page css*/
    h1 {
        font-size: 35px;
        padding: 0 0 10px;
    }
    .about {
        padding: 105px 0 5px;
    }
    .section-header h3,
    .section-header h1 {
        font-size: 26px;
    }
    .counter_blk01 {
        padding: 20px 0 30px;
    }
    .counter_blk01 li {
        padding: 10px 15px;
        margin: 5px 0;
    }
    .cntry_srch01 {
        width: 100%;
        padding: 0 15px;
    }
    .cntry_srch01 a {
        right: 15px;
    }
    .map_blk01 {
        padding: 20px 0 0;
    }
    .indicator_sldr01 .carousel-control.left {
        left: 10px;
        top: 65px;
    }
    .indicator_sldr01 .carousel-control.right {
        right: 10px;
        top: 65px;
    }
    .srch_flterblk01 {
        width: 90%;
    }
    .minimize .srch_flterblk01 {
        left: -90%;
        margin: 0;
    }
    .rt_cntntblk01 {
        width: 100%;
    }
    .rt_cntntblk01 .highcharts-map-navigation {
        display: none;
    }
    .autocomplete-items input[type=text] {
        background-color: #f1f1f1;
        width: 50%;
        max-width:120px;
    }
    .range-slider__range.custom_range-slider__range {
        width: calc(68% - (23px));       
    }
    .minimize .rt_cntntblk01 .range-slider__range.custom_range-slider__range {
        width: calc(68% - (21px));
    }
    div#slider-range {
        width: calc(85% - (73px));
        margin-right: 0px;
    }
    .minimize .rt_cntntblk01 div#slider-range {
        width: calc(50% - (21px));
        margin-right: 0px;
        margin-left: 0px;
    }
    .chart_group {
        display: grid;   
    }

    .gnrt_rpt_blk01 {
        position: relative;
        top: auto;
        right: auto;
        padding: 10px;
    }
    .gnrt_rpt_blk01 .inr_blk {
        top: 60px;
        left: 10px;
        width: 350px;
    }
    .gnrt_rpt_blk01 h5 {
        width: 100%;
        margin: 0 0 7px;
    }
    /*SOF Resposive css changes 15-02-2019*/
    header .lg_cntnr .container .col-lg-6:first-child {
        padding-right: 0;
    }
    .global-search-block-form {
        margin: 0;
        position: absolute;
        top: 195px;
        left: 10px;
    }
	
    .brandbar_header .hd_top a {
        width: auto;
        font-size: 13px;
    }
    header .language-switcher {
        text-align: left;
        margin: 5px 0 10px;
    }
    header .brandbar_header:first-child .container-fluid {
        padding: 0;
    }
    header .container-fluid .col-sm-12 {
        padding: 0;
    }
    header .lg_cntnr .container {
        padding: 0;
    }
    .lg_cntnr a span {
        text-align: right;
    }
    header .navbar-toggle {
        margin-right: 10px;
        border-color: #fff !important;
    }
    header .navbar-toggle .icon-bar {
        background-color: #fff !important;
    }
    header .navbar-toggle:focus .icon-bar {
        background-color: #333 !important;
    }
    nav.navbar.navbar-default.top_menu_nav .navbar-nav>li>a.nav-link {
        border-bottom: 1px solid #737373;
    }
    .navbar-collapse {
        border-top: none !important;
    }
    li.nav-item a:before {
        display: none !important;
    }
    nav.top_menu_nav li.nav-item .dropdown-menu {
        position: relative;
    }
    body.path-frontpage h1 {
        line-height: 30px !important;
    }
    .section-header h3, .section-header h1 {
        font-size: 22px;
    }
    .carousel-control:focus, .carousel-control:hover {
        color: #999 !important;
    }
    .chart_sel01 {
        padding-top: 20px;
        text-align: center;
    }
    .chart_sel01 h1 {
        font-size: 24px !important;
        margin: 0;
    }
    text.highcharts-title, body.path-map .section-header h3.Map_tit {
        font-size: 16px !important;
    }
    /*EOF Resposive css changes 15-02-2019*/
    .find_cr_group a
    { min-width: 100px;}
    .brandbar_header .hd_top .web_access
    { margin: 0 10px;}
    .custom_copyright-footer .col-md-4
    { width: 100%;}
    div.play-controls
    { padding: 0 77px 0 50px;}
    .stlct_rng_sldr01 .map_year_sel
    { top: auto; position: relative;}
    .stlct_rng_sldr01 .latest_year_map
    { position: relative; top: auto; width: 100%; padding: 0 0 0 10px !important; text-align: left;}
    .stlct_rng_sldr01 .map_year_sel_val
    { padding: 4px 10px;}
    .minimize .rt_cntntblk01 .range-slider__range.custom_range-slider__range
    { width: 100%;}
    div.play-controls .range-slider__value
    { right: 0;}
    text.highcharts-title, body.path-maps .section-header h3.Map_tit
    { font-size: 18px!important; line-height: 30px;}
    .rt_cntntblk01
    { position: relative !important; padding: 0;}
    .srch_flterblk01
    { position: absolute; top: 0; left: 0; transition: all ease 0.2s;}
    .autocomplete-deluxe-container
    { overflow: auto !important;}
    .harmonised_tminlineblk01
    { margin: 0;}
    .srch_accordn01
    { padding: 20px 0 0;}
    .minimize .rt_cntntblk01 div#slider-range
    { width: 100%;}
    .chrt_rng_slder10
    { padding: 0 68px 0 75px !important;}
    .chart_list_panel .chart_list_panel_heading
    { padding: 3px 0 0 40px;}
    .chart_list_panel .chart_list_panel_heading h4
    { padding-right: 0 !important;}
    .table_rng_slider11
    { padding: 0 69px 0 77px !important;}
    .shw_hide_tgl10
    { background: #ececec; z-index: 3; left: 0; top: 0; position: relative; display: inline-block; width: 100%;}
	.shw_hide_tgl10 .value_blk01 .btn
	{ margin: 0 10px 0 0 !important;}
    .shw_hide_tgl10 .value_blk01
    { padding: 10px;}
    .value_blk01 label
    { padding: 0; line-height: 23px; margin: 10px 0 5px;}
    .value_blk01 input
    { max-width: 100%;}
    .shw_hide_tgl10 .pull-left
    { margin: 0; padding: 10px 10px 0;}
    .multi_drpdwnblk01 .dropdown-link
    { overflow: hidden; text-overflow: ellipsis;}
    .multi_drpdwnblk01 .dropdown-close, .multi_drpdwnblk01 .dropdown-back
    { top: -10px;}
    .multi_drpdwnblk01 nav.dropdown-menu-wrapper
    { top: 70px;}
    .multi_drpdwnblk01 .dropdown-toggle .dropdown-icon
    { margin-left: 5px;}
    .x_axis01 .dropdown-text
    { width: 210px;}
    .download-legend-btn
    { position: relative; top: auto; float: none; margin: 5px 0 0;}
    .custom_chart_type
    {position: relative; top: auto; right: auto; margin: 0;}
}

@media screen and (min-width: 470px) and (max-width: 759px) {
    .hd_top {
        text-align: center;
    }
    footer .copyright {
        text-align: center;
    }
    .container {
        max-width: 100%;
    }
    .lg_cntnr {
        text-align: center;
        padding: 10px 0;
    }
    .lg_cntnr .float-md-left {
        width: 300px;
        margin: 0 auto;
    }
    .lg_cntnr a span {
        font-size: 9px;
        text-align: right;
    }
    .lg_cntnr .float-md-right img {
        max-width: 200px;
    }
    .lg_cntnr img {
        width: 100%;
    }
    .navbar-header {
        margin: 0 !important;
    }
    .navbar-nav {
        margin: 0;
    }
    .navbar-toggle {
        background: #fff;
        border-radius: 0;
    }
    #logounwater {
        width: 270px;
        max-width: 70%;
    }
    #logounnation {
        width: 200px;
        float: right;
    }
    .top_menu_nav .navbar-nav>li>a, nav.top_menu_nav li.nav-item .dropdown-menu a {
        padding: 11px 30px 9px !important;
    }
    .brandbar_header span.hidden-xs {
        display: inline-block !important;
    }
    .bnr_caption01 .center-content {
        left: 5%;
        right: 5%;
    }
    .sdg6_cmas {
        width: 150px;
    }
    h1 {
        font-size: 34px;
    }
    .section-header h3,
    .section-header h1 {
        font-size: 30px;
    }
    .about {
        padding: 95px 0 0;
    }
    .counter_blk01 {
        padding: 30px 0 0;
    }
    .counter_blk01 h3 {
        margin: 0 0 20px;
    }
    .map_blk01 {
        padding: 30px 0 0;
    }
    .counter_blk01 li {
        margin: 10px 0;
        width: 50%;
        padding: 10px 15px;
    }
    .indicator_sldr01 .carousel-control.left {
        left: 20px;
    }
    .indicator_sldr01 .carousel-control.right {
        right: 20px;
    }
    .srch_flterblk01 {
        left: 0;
        width: 50%;
        z-index: 50;
        background: #fff;
    }
    .minimize .srch_flterblk01 {
        left: -50%;
        margin: 0;
    }
    .rt_cntntblk01 {
        width: 100%;
    }
    .rt_cntntblk01 .highcharts-map-navigation {
        display: none;
    }
    /*indicator banner css start*/
    section#indicator-6-a-1 .block_ribbon_ind {
        min-height: 150px;
    }
    section#indicator-6-a-1 .block_ribbon_ind:after {
        border-top: 75px solid transparent;
        border-bottom: 75px solid transparent;
    }
    .block_ribbon_ind {
        min-height: 130px;
    }
    .block_ribbon_ind {
        width: 82%;z-index: 11;}
    .block_ribbon_ind:after {            
        border-top: 65px solid transparent;
        border-bottom: 65px solid transparent;
        right: -26px;
    }
    section#indicator-6-5-2 .block_ribbon_ind:after {
        border-top: 100px solid transparent;
        border-bottom: 100px solid transparent;}
    section#indicator-6-5-2 .block_ribbon_ind:before {
        height: 200px;}
    section#indicator-6-2-1b .block_ribbon_ind:before {
        height: 134px;
    }
    .block_ribbon_ind:before {
        height: 130px;
        z-index: 11;
    }
    section#indicator-6-a-1 .block_ribbon_ind:before {
        height: 150px;}
    /*indicator  banner css end*/
    span.k-pager-info.k-label {
        width: 155px;
        padding: 2px;
            font-size: 14px;
    }
    input.k-textbox {
    padding: 0px;
}
    section#indicator-6-2-1b .block_ribbon_ind {
        min-height: 138px;
    }
    section#indicator-6-2-1b .block_ribbon_ind:after {
        border-top: 70px solid transparent;
        border-bottom: 70px solid transparent;}
    .range-slider__range.custom_range-slider__range {
        width: calc(92% - (73px));
    }
    .minimize .rt_cntntblk01 .range-slider__range.custom_range-slider__range {
        width: calc(80% - (21px));
    }
    div#slider-range {
        width: calc(91% - (73px));
        margin-right: 0px;
    }
    .minimize .rt_cntntblk01 div#slider-range {
        width: calc(90% - (73px));
        margin-right: 0px;  
    }

    .gnrt_rpt_blk01 {
        position: relative;
        top: auto;
        right: auto;
        padding: 10px;
    }
    .gnrt_rpt_blk01 .inr_blk {
        top: 60px;
        left: 10px;
        width: 350px;
    }
    .gnrt_rpt_blk01 h5 {
        width: 100%;
        margin: 0 0 7px;
    }
    /*SOF Resposive css changes 15-02-2019*/
    header .lg_cntnr .container .col-lg-6:first-child {
        padding-right: 0;
    }
    .global-search-block-form {
        margin: 0;
        position: absolute;
        top: 170px;
        left: 10px;
    }
	.shw_hide_tgl10
	{ padding: 5px 15px 0;}
	.shw_hide_tgl10 .value_blk01 .btn
	{ margin: 0 0 0 10px !important;}
    .brandbar_header .hd_top a {
        width: auto;
        font-size: 13px;
    }
    header .language-switcher {
        text-align: left;
        margin: 5px 0 10px;
    }
    header .brandbar_header:first-child .container-fluid {
        padding: 0;
    }
    header .container-fluid .col-sm-12 {
        padding: 0;
    }
    header .lg_cntnr .container {
        padding: 0;
    }
    .lg_cntnr a span {
        text-align: right;
    }
    header .navbar-toggle {
        margin-right: 10px;
        border-color: #fff !important;
    }
    header .navbar-toggle .icon-bar {
        background-color: #fff !important;
    }
    header .navbar-toggle:focus .icon-bar {
        background-color: #333 !important;
    }
    nav.navbar.navbar-default.top_menu_nav .navbar-nav>li>a.nav-link {
        border-bottom: 1px solid #737373;
    }
    .navbar-collapse {
        border-top: none !important;
    }
    li.nav-item a:before {
        display: none !important;
    }
    nav.top_menu_nav li.nav-item .dropdown-menu {
        position: relative;
    }
    body.path-frontpage h1 {
        line-height: 30px !important;
    }
    .section-header h3, .section-header h1 {
        font-size: 22px;
    }
    .carousel-control:focus, .carousel-control:hover {
        color: #999 !important;
    }
    .chart_sel01 {
        padding-top: 20px;
        text-align: center;
    }
    .chart_sel01 h1 {
        font-size: 24px !important;
        margin: 0;
    }
    text.highcharts-title, body.path-map .section-header h3.Map_tit {
        font-size: 16px !important;
    }
    /*EOF Resposive css changes 15-02-2019*/
    .download-legend-btn
    { position: relative; top: auto; float: none; margin: 5px 0 0;}
    .chart_list_panel .chart_list_panel_heading
    { padding: 3px 0 3px 40px;}
    .custom_chart_type
    { position: relative; top: auto; right: auto; margin: 0;}
	
	.srch_flterblk01
	{position: absolute; top: 0;}
	.rt_cntntblk01
	{position: relative !important;}

}

@media screen and (min-width: 760px) and (max-width: 999px) {
    .counter_blk01 li {
        width: 25%;
    }
    .container {
        max-width: 100%;
    }
    .lg_cntnr .float-md-left {
        float: left;
        width: 49%;
    }
    .lg_cntnr .float-md-right {
        float: right;
        width: 35%;
    }
    .lg_cntnr a span {
        text-align: right;
    }
    .lg_cntnr a span {
        font-size: 9px;
    }
    .lg_cntnr img {
        width: 100%;
    }
    #logounwater {
        width: 300px;
    }
    #logounnation {
        width: 240px;
    }
    nav.top_menu_nav a.nav-link {
        padding: 10px 20px !important;
    }
    .bnr_blk02 .carousel-item {
        height: 400px;
    }
    .bnr_caption01 p {
        font: 26px/36px robotoregular;
    }
    .bnr_blk02 .carousel-indicators li {
        width: 12px;
        height: 12px;
        margin: 0 3px;
    }
    .bnr_blk02 .carousel-indicators {
        bottom: 95px;
    }
    .bnr_caption01 .center-content {
        max-width: 80%;
        left: 5%;
        right: 5%;
    }
    .sdg6_cmas {
        width: 150px;
    }
    .bnr_blk02 .item {
        height: 400px;
    }
    .indicator_sldr01 .carousel-control.left {
        left: 20px;
    }
    .indicator_sldr01 .carousel-control.right {
        right: 20px;
    }
    .rt_cntntblk01 .highcharts-map-navigation {
        display: none;
    }
    /*indicator banner css start*/
    .block_ribbon_ind {
        width: 45%;
        z-index: 11;
    }
    .block_ribbon_ind {
        width: 45%;
        z-index: 11;    min-height: 160px;}
    section#indicator-6-a-1 .block_ribbon_ind {  
        min-height: 200px;
    }
    section#indicator-6-a-1 .block_ribbon_ind:before {
        height: 200px;}
    section#indicator-6-3-2 .block_ribbon_ind {
        min-height: 190px;
    }
    section#indicator-6-2-1b .block_ribbon_ind:before, section#indicator-6-2-1a .block_ribbon_ind:before {
        height: 180px;}
    section#indicator-6-2-1b .block_ribbon_ind:after, section#indicator-6-2-1a .block_ribbon_ind:after {
        border-top: 90px solid transparent;
        border-bottom: 90px solid transparent;}
    section#indicator-6-2-1b .block_ribbon_ind, section#indicator-6-2-1a .block_ribbon_ind {
        min-height: 180px;
    }
    section#indicator-6-5-2 .block_ribbon_ind {
        min-height: 205px;
    }
    section#indicator-6-5-2 .block_ribbon_ind:after {
        border-top: 102px solid transparent;
        border-bottom: 102px solid transparent;
    }
    section#indicator-6-3-2 .block_ribbon_ind:before {
        height: 205px;}
    section#indicator-6-5-2 .block_ribbon_ind:before {
        height: 205px;}
    .country_contain{width:36%;}
    section#indicator-6-3-2 .block_ribbon_ind:after {
        border-top: 95px solid transparent;
        border-bottom: 95px solid transparent;}
    section#indicator-6-a-1 .block_ribbon_ind:after {
        border-top: 100px solid transparent;
        border-bottom: 100px solid transparent;
    }
    .block_ribbon_ind:after {            
        border-top: 80px solid transparent;
        border-bottom: 80px solid transparent;
        right: -59px;
    }

    .block_ribbon_ind:before {
        height: 160px;
        z-index: 11;
    }
    .ind_container .content, .country_contain{    width: 37%;}
    .srch_flterblk01 {
        left: 0;
        width: 35%;

    }
    .rt_cntntblk01 {
        width: 65%;}
    .minimize .srch_flterblk01 {
        left: -35%;
        margin: 0;
    }
    .minimize .rt_cntntblk01 {
        width: 100%;
        position: absolute;
    }
    .range-slider__range.custom_range-slider__range {
        width: calc(89% - (73px));
    }
    .minimize .rt_cntntblk01 .range-slider__range.custom_range-slider__range {
        width: calc(83% - (21px));
    }
    div#slider-range {
        width: calc(91% - (73px));
        margin-right: 0px;
    }
    .minimize .rt_cntntblk01 div#slider-range {
        width: calc(92% - (73px));
        margin-right: 0px;
    }
    /*indicator  banner css end*/
    
    .gnrt_rpt_blk01 {
        position: relative;
        top: auto;
        right: auto;
        padding: 10px;
        text-align: right;
    }
    .gnrt_rpt_blk01 .inr_blk {
        top: 60px;
        right: 10px;
        width: 350px;
        text-align: left;
    }
    .gnrt_rpt_blk01 h5 {
        width: 100%;
        margin: 0 0 7px;
    }
    /*SOF Resposive css changes 15-02-2019*/
    .navbar-collapse {
        padding: 0 !important;
    }
    nav.navbar.navbar-default.top_menu_nav .navbar-nav>li>a.nav-link {
        font-size: 12px;
        padding: 10px 13px !important;
    }
    .global-search-block-form {
        width: 150px;
        margin-top: -37px;
    }
    /*EOF Resposive css changes 15-02-2019*/
    .download-legend-btn {
        position: relative;
        top: auto;
        float: none;
        margin: 3px 0 0 5px;
    }
    .custom_chart_type
    { position: relative; top: auto; right: auto; margin: 0;}
}

@media screen and (min-width: 1000px) and (max-width: 1100px) {
    .bnr_blk02 .item {
        height: 480px;
    }
    /*indicator banner css start*/
    .block_ribbon_ind {
        width: 50%;
        z-index: 11;}
    section#indicator-6-5-2 .block_ribbon_ind:before {
        height: 145px;}
    .block_ribbon_ind:before {
        height: 135px;
        z-index: 11;
    }
    /*indicator  banner css end*/

    section#indicator-6-5-2 .block_ribbon_ind:after {
        border-top: 73px solid transparent;
        border-bottom: 73px solid transparent;
    }
    .srch_flterblk01 {
        left: 0;
        width: 30%;

    }
    .rt_cntntblk01 {
        width: 70%;}
    .minimize .srch_flterblk01 {
        left: -30%;
        margin: 0;
    }
    .minimize .rt_cntntblk01 {
        width: 100%;
        position: absolute;
    }
    .range-slider__range.custom_range-slider__range {
        width: calc(82% - (23px));       
    }
    .minimize .rt_cntntblk01 .range-slider__range.custom_range-slider__range {
        width: calc(88% - (21px));
    }
    div#slider-range {
        width: calc(92% - (73px));
        margin-right: 0px;
    }
    .minimize .rt_cntntblk01 div#slider-range {
        width: calc(95% - (73px));
        margin-right: 0px;
    }
    
    .gnrt_rpt_blk01 {
        position: relative;
        top: auto;
        right: auto;
        padding: 10px;
        text-align: right;
    }
    .gnrt_rpt_blk01 .inr_blk {
        top: 60px;
        right: 10px;
        width: 350px;
        text-align: left;
    }
    .gnrt_rpt_blk01 h5 {
        width: 100%;
        margin: 0 0 7px;
    }
    .custom_chart_type
    { position: relative; top: auto; right: auto; margin: 0;}
}

/*-- SOF chart map pages bug fixing css --*/
@media (min-width: 768px) {
	.minimize .rt_cntntblk01 {
		position: relative;
	}
    .minimize .srch_flterblk01 {
		position: absolute;
		top: 0;
	}
    .map_main01  {
		position: relative;
	}
}
/*-- EOF chart map pages bug fixing css --*/

@media screen and (min-width: 1101px) and (max-width: 1300px) {
    .srch_cnt01 .nav-tabs a {
        font-size: 13px;
        padding: 10px 6px !important;
    }
}

/*IE fixes*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    /* Social media alignment fix */
    .a2a_default_style.a2a_kit_size_32.a2a_kit, .a2a_kit { writing-mode: tb-lr; }
}