@media (max-width: 767px){
  .logged-in.page-indicators .main-container aside, .logged-in.page-indicators .main-container aside.fixed{
    max-width: 100%;
  }
  .node-type-country .main-menu-block li.leaf a.countries-menu{
    border-bottom: 5px solid #4f98d3 !important;
    font-weight: 600;
    color: #4f98d3 !important;
  }
  .map-section .zoomto{
    top: 0 !important;
  }
  .home-map.container{
    margin-top: 30px;
  }
  .page-library .pagination>li>a,
  .page-library .pagination>li>span{
    padding: 0 6px;
  }
  .page-contributor .content-wrapper {
    margin-top: 20px;
  }
  .page-indicators .main-container aside .well, .page-indicators .main-container aside.fixed .well{
    padding: 0 10px;
  }
  .footer-logo li.first a {
      margin-right: 0;
  }
  .footer-logo li.first{
    margin-right: 5px;
    margin-right: 0;
  }
  .leaf a.esmap-logo{
    margin-right: 15px;
  }
  .footer-logo {
    margin-top: 16px;
    margin-bottom: 0px;
}
  .country-dropdown .view-content .views-bootstrap-grid-plugin-style>.row>div{
    border-bottom: 1px solid #ccc;
    margin-bottom: 15px;
    padding-bottom: 15px;
  }
  .country-dropdown  .view-filters .views-exposed-form{
    padding-left: 0;
  }
  .page-contributors.page-contributors- .main-container{
    padding-top:0 !important;
  }
  .page-filter.downloads-filter .views-exposed-widget.views-reset-button, 
  .page-filter.downloads-filter .views-exposed-widget.views-submit-button{
    padding-right: 0;
  }
  .menu-wrapper .navbar-header{
    margin-top: -16px;
    float: right;
  }
  .home-map,
  .zoomSlider {
    position: relative;
  }
  .zoomto{
    right:auto;
    top: 0;
    left: 15px;;
  }
  .page-indicators .main-container aside .well, .page-indicators .main-container aside.fixed .well{
    position: initial;
  }
  .well .view-footer{
    display: none;
  }
  .page-indicators .view-indicators-list .tabs-left > ul.nav-tabs{
    padding-bottom:10px;
    padding-left: 0;
    margin-bottom: 10px;
  }
  .contributers .country-region{
    padding-left:0;
  }
  .page-countries .view-country .row .row.country-fields,
  .contributers .views-bootstrap-grid-plugin-style>.row>div:not(.single-row){
    border-bottom: 1px solid #ccc;
    padding-bottom: 15px;
    margin-bottom: 15px;
  }
  .page-countries .view-country .view-content .views-bootstrap-grid-plugin-style> .row,
  .contributers .views-bootstrap-grid-plugin-style>.row{
    border-bottom:0;
    margin-bottom:0;
    padding-bottom:0;
  }
  .page-scoring-system .subindicators-list .tab-content {
    margin-top: 10px;
  }
  .page-scoring-system .subindicators-list .tab-content{
    padding-left: 0;
  }
  .pillar-name-large{
    display: none;
  }
  .general-statistics .country-stat-field{
    padding-left: 0;
  }
  .carousel-indicators{
    display: none;
  }
  .gen-stat-right{
    padding-top: 13px;
  }
  .weblink-title-txt{
    display: none;
  }
  .contributers .country-flag{
    padding: 0;
  }
  .country-indicators .subindicators-list .tabs-left div.tab-content{
    padding: 0;
  }
  .country-dropdown .row>div{
    margin-bottom: 15px;
  }
  .ans:not(.click-show-ans){
    padding-left: 0;
  }
  .footer-links ul li a {
      padding: 0 7px;
  }
  .subindicators-list {
    padding: 20px 31px 20px 10px;
  }
  .node-type-country .country-title-fill-blocks .country-title-fill-blocks-body .tab-content {
    padding: 20px;
  }
  .click-ans{
    float: right;
  }
  .contributers .country-title{
    font-size: 25px;
  }
  .contributers .view-filters .views-exposed-form{
    margin-top: 0;
    margin-bottom: 0;
  }
  .contributers .country-details{
    float: left;
  }
  .contributers .country-info{
   /* width: 100%;*/
    margin-bottom: 20px;
  }
  .contributers .country-title{
    line-height: 38px;
  }
  .contributers .views-bootstrap-grid-plugin-style>.row{
    padding-bottom:0;
    margin-bottom: 0;
    border-bottom: 0;
  }
  .contributers .col,
  .country-dropdown .view-content .col{
    margin-bottom: 15px;
  }
  .footer-first{
    margin-top: 0;
    padding-bottom:0;
  }
 .page-contributors:not(.page-contributors-) .contributers h3 {
    padding-top: 20px;
  }
  .footer-second-text{
    text-align: center;
    width: 100%;
  }
  .page-donors .page-title-block{
     padding-top: 30px;
  }
  .donors-list .donor-logo{
    margin-bottom: 20px;
  }
  .click-show-ans{
    left: auto;
    right: 40px;
    margin-left: 10px;
    max-width: 93%;
  }
  .page-node-view .indicators-block .tabs-left>.nav-tabs, .page-node-view.node-type-country .tabs-left>.nav-tabs{
    border-right: 0;
  }
   .sub-quest-set .ans{
     padding-left: 25px;
   }
   .sub-quest-sub-set .ans{
      padding-left: 45px;
   }
  .country-scores .pillar-colour-1, .country-scores .pillar-colour-3, .country-scores .pillar-colour-2, .country-scores .pillar-colour-default, .modal-body .pillar-colour-1, .modal-body .pillar-colour-3, .modal-body .pillar-colour-2, .modal-body .pillar-colour-default{
    padding: 2px 14px;
    width: auto;
    font-size: 16px;
  }
  /*.page-indicators .main-container aside li a.reading{
    color: #666;
    font-weight: normal;
  }
  .page-indicators .main-container aside li.active a{
    color: #4F97D2;
    font-weight: 600;
  }*/
  .country-dropdown .view-content{
    max-width: 93%;
  }
  .footer{
    margin-top: 20px;
  }
  .main-menu-block {
    padding: 0;
  }
  .footer-main-menu{
    margin-bottom: 10px;
  }
  .footer-logo li a{
    padding: 7px 15px;
  }
  .footer-content{
    padding:0;
  }
  .footer ul{
    text-align: center;
  }
  .footer ul li{
    display: inline-block;
    float: none;
  }
  .three-column-block .views-field-field-blurb .field-content{
    text-align: justify;
  }
  .page-scoring-system .indicator-title,
  .node-type-pillar .indicator-title, .page-indicators .indicator-title, .node-type-country .indicator-title {
    padding-left: 12px;
  }
  .header-title-fill{
    font-size: 20px;
  }
  .node-type-country .country-right-block div.right-inner-block{
    padding: 0;
  }
  .page-indicators .main-container aside .region-sidebar-first{
    margin-bottom: 0;
  }
  .page-indicators .main-container aside li a{
    border-bottom: 0;
  }
  .carousel-indicators{
    bottom: 0;
  }
  .document-carousel-title a, .document-carousel-blurb strong{
    margin-bottom: 0;
  }
  .document-carousel-blurb {
    margin-bottom: 10px;
    margin-top: 0;
  }
  .page-search-indicators .indicator-header .indicator-title, .indicator-header a, .main-container .view-indicators-list .panel-title a{
    padding-left: 10px !important;
  }
  .question-set ul li, .questions-block .view-content .views-row{
    margin-left: 18px;
  }
  .page-scoring-system .indicator-title,
  .node-type-pillar h4.panel-title .indicator-title,
  .page-indicators h4.panel-title .indicator-title,
  .node-type-country .indicator-title{
    display: flex;  
  }
    .node-type-country .indicator-title{
     max-width: 70%;
  }
  .page-indicators header:before{
    position: initial;
    height: 0 !important;
  }
  .page-indicators .main-container > .row > .page{
    width:100%;
    margin-top: 20px;
  }
  .page-indicators .main-container aside, .page-indicators .main-container aside.fixed{
    position: initial;
    width: 100% !important;
    padding-bottom: 0;
  }
  .download-data ul, .export-data ul{
    right: 0;
  }
  .item {
    background-color:#f2f2f2;
  }
  .gen-stat-left .carousel-inner .item{
    background-color: #fff;
  }
  .pillar-title-small{
    display:block;
  }
  .pillar-title-large{
    display:none;
  }
  .node-type-country .indicators-block .indicator-img, .node-type-pillar .indicator-img, .page-indicators .indicator-img{
    background-position: 0 9px;
  }
  .three-column-block .content-title{
    text-align: center;
  }
  .three-column-block .content-thumbnail img{
    margin: 0 auto;
  }
  .page-scores .pillar-tabs{
    margin-bottom: 10px;
  }
  .page-scores .pillar-blurb-readmore{
    padding-left: 0;
  }
  .page-scores .export-data li {
    float: left;
    margin-right: 10px;
  }
  .page-scores .export-data{
    margin-bottom: 18px;
    overflow:visible; 
    float:right;
  }
  .web-tour{
    display: none;
  }
  .node-type-country .field-name-links-of-documents .country-title-fill-blocks, .node-type-country .field-name-links-to-more-info .country-title-fill-blocks, .node-type-country .field-name-policy-framework .country-title-fill-blocks, .node-type-country .group-key-sector-right, .node-type-country .field-name-key-sector-statistics .country-title-fill-blocks{
    margin-top: 10px;
  }
  .overall-label{
    font-size: 20px;
  }
  .overall-value {
    font-size: 30px;
  }
  .node-type-country a.accordion-toggle .toggle-arrow, .indicators-block .toggle-arrow, .node-type-pillar .view-indicators-list a.accordion-toggle .toggle-arrow, .page-indicators .view-indicators-list a.accordion-toggle .toggle-arrow{
    margin-right: 5px;
  }
  .indicator-colour{
    right: 41px;
  }
  .node-type-country .container-region .region-content-top-second{
    padding: 10px 0;
  }
  .node-type-country .general-statistics-aegr, .node-type-country .general-statistics-population, .node-type-country .general-statistics-gdp-gni{
    width: 100%;
    padding-left: 0;
    margin-bottom: 10px;
    border: 0;
  }
  .node-type-country.page-node-view span.country-title {
      font-size: 16px;
  }
  .general-statistics ,
  .country-title-block{
    margin-bottom: 20px;
  }
  .not-logged-in div.web-tour {
    top: 131px;
  }
  #block-search-form .content-search .btn.btn-primary, #block-search-form .content-search .form-text{
     height: 30px; 
  }
  .search-collapse{
    padding: 18px 6px 0px;
    height: auto!important;
    font-size: 14px;
  }
  .content-search .input-group .glyphicon-search{
    top: 8px;
  }
  .logged-in:not(.front) .header-menu{
    padding-bottom: 0;
  }
/*  .page-web-downloads .view-downloads .view-content .row,
  .page-downloads .view-downloads .view-content .row{
    border: 0;
    margin-bottom: 0;
    padding-bottom: 0;
  }*/
  .page-web-downloads .view-downloads .view-content .row .col,
  .page-downloads .view-downloads .view-content .row .col{
    border-bottom: 1px solid #ccc;
    padding-bottom: 15px;
    margin-bottom: 15px;
  }
  .field-name-key-sector-statistics .view-country-page-blocks:first-child .country-title-fill-blocks-body {
    min-height: 40px;
  }
  .main-menu-block .menu.nav > li:not(.active) > a{
    border-bottom: 1px solid #fff;
    color: #fff;
  }
  .main-menu-block .menu.nav > li.last:not(.active) > a{
    border-bottom: 0;
  }
  .advanced-search-wrapper{
    padding-left: 0;
    margin-top: 5px;
    display: block;
  }
  .advanced-search-wrapper .advanced-search-text {
    margin-right: 12px;
  }
  .advanced-search-wrapper .glyphicon-search,
  .advanced-search-text{
    color: #fff;
  }
  .search-block{
    width: 100%;
  }
  .menu_search_block,
  .search-collapse {
    background: #333;
    overflow: hidden;
    color: #fff;
  }
  .node-type-country .node-country .general-statistics-aegr, .node-type-country .node-country .general-statistics-population, .node-type-country .node-country .general-statistics-gdp-gni{
    margin-bottom: 15px;
    clear: both;
    width: 100%;
    padding-left: 0;
    border-right: 0;
  }
  .general-statistics-gdp-gni-label,
  .general-statistics-population-label,
  .general-statistics-aegr-label{
    width:50%;
    float: left;
  }
  .node-type-country .node-country .country-title-fill-blocks .country-title-fill-blocks-body .tab-content{
    padding: 10px;
  }
  .page-node-view .indicators-block .tabs-left>.tab-content, .page-node-view.node-type-country .tabs-left>.tab-content, .node-type-pillar .view-indicators-list .tabs-left>.tab-content, .page-indicators .view-indicators-list .tabs-left>.tab-content{
    border-left:0;
  }
   .tabs-subidicators .nav-tabs{
    position: relative;
  }
   .tabs-subidicators .nav-tabs li{
    position: initial;
  }
  .pillar-open-close,
  .tabs-subidicators li.active .small-scr-subindicator-menu-icon{
    width: 26px;
    height: 26px;
    display: block;
    float: right;
    position: absolute;
    top: 22px;
    right: 0;
    border-radius: 5px;
    cursor:pointer;
    background:url(../images/indicators/expand.png) no-repeat center center #4F98D3;
    z-index: 999;
  }
  .page-indicators .page-block .tabs-subidicators li.active .small-scr-subindicator-menu-icon{
    top: -10px;
  }
  .pillar-open-close{
    font-size: 0;
	z-index: 99;
  }
  .page-indicators .main-container aside, .page-indicators .main-container aside.fixed{
    padding: 10px 15px;
  }
  .page-indicators .indicators-block{
    position: relative;
  }
   .page-indicators .indicators-block .view-header{
     overflow: hidden;
    /* float: right;*/
   }
   .page-indicators .indicators-block .view-content{
    /*float: left;*/
  /*  max-width: 90%;*/
   }
   .rightsidecontents{
     display: none;
   }
   .page-indicators .main-container .view-id-pillar_tabs #pillar-energy-access{
     display: block;
   }
   #pillar-energy-access>.row{
     margin-bottom: 15px;
   }
  .pillar-open-close.active,
  .tabs-subidicators li.active .small-scr-subindicator-menu-icon.active{
    background:url(../images/indicators/collapse.png) no-repeat center center #4F98D3;
  }
  .page-indicators .item-list li:not(.active),
  .tabs-subidicators .nav-tabs li:not(.active){
    display: none;
  }
  .tabs-subidicators .nav-tabs li.active a,
  .tabs-subidicators .nav-tabs li a{
    background: none;
    margin-right: 20px;
  }
  .node-type-country .node-country .country-title {
    font-size: 30px;
  }
  .page-countries .page-block {
    padding-left: 0;
  }
  .page-indicators .item-list li.enable,
  .page-indicators .item-list li.active,
  .pillar-value-small-scr{
    display: block;
  }
  .page-indicators .item-list li.active a{
	  color: #4F97D2;
  }
  .pillar-value-large-scr{
    display: none;
  }
  .download-start-date{
    margin-bottom: 10px;
  }
  .document-carousel{
    padding: 10px;
    background: #f2f2f2;
  }
  .country-score span.pillar {
      padding: 14px 10px;
      margin-left: 5px;
  }
  .country-score>.pillar-wrapper{
    margin-left: 0;
  }
  .node-type-country .pillar-value {
      min-width: 100px;
      min-height: 115px;
  }
  .page-search-indicators .indicator-header .indicator-title, 
  .indicator-header a, 
  .main-container .view-indicators-list .panel-title a{
    font-size: 14px;
    padding: 14px 85px 14px 40px;
    line-height: 20px;
  }
  .map-section{
    margin-bottom: 15px;
  }
  .document-carousel-blurb {
    font-size: 13px;
    margin-top: 0px;
  }
  .share-block-container{
    display: none;
  }
  .node-type-pillar .view-indicators-list .tabs-left>.nav-tabs,
  .page-indicators .view-indicators-list .tabs-left>.nav-tabs{
    border: 0;
    border-bottom: 5px solid #25ACE3;
  }
 .dashboard-menu{
   display: none;
 }
.search-block .search-btn{
   display: none;
 }
 #block-search-form{
   padding: 0 10px;
 }
 .navbar-toggle.glyphicon{
   top: 0; 
 }
  .navbar-toggle{
     min-height: 40px;
  }
  .footer-main-menu li a{
    /*margin-bottom: 10px;
    padding-right: 10px;
    margin-right: 10px;
    padding-left: 0;*/
    margin-bottom: 6px;
    padding-right: 0;
    margin-right: 5px;
   /* padding-left: 0;*/
  }
  .country-block .view-content>.views-row >.views-field-title,
  .country-block .views-row .row ,
  .country-block .views-row .row .col{
    padding-bottom: 10px;
  }
  .view-downloads .col{
    margin-bottom: 20px;
  }
  .node-type-pillar .view-indicators-list .tabs-left>.tab-content ,
  .page-indicators .view-indicators-list .tabs-left>.tab-content {
    clear: both;
    margin-left: 0;
    border: 0;
    padding-left: 10px;
  }
  .node-type-pillar .view-indicators-list .tabs-left>.nav-tabs,
  .page-indicators .view-indicators-list .tabs-left>.nav-tabs{
    width: 100%;
    margin-bottom: 20px;
  }
   .node-type-pillar .read-more-link,
  .page-indicators .read-more-link{
    margin-bottom: 10px;
  }
  .results-link {
    margin-top:0;
    margin-bottom: 10px;
  }
  .main-container .view-content .panel-body > .views-field-view .subindicators-block {
    padding: 20px 14px;
  }
  .subindicators-block .view-content> div>h3{
    margin: 0;
  }
  /*********country page download**********/
  .node-type-country .download-data .download-title{
      display:none;
  }
  .node-type-country .pillar-wrapper .pillar .currentPillar{
     transform:translateY(-26px);
    -ms-transform:translateY(-26px);
    -moz-transform:translateY(-26px);
    -webkit-transform:translateY(-26px);
  }
  .node-type-country .total-score:before,
  .node-type-country .total-score:after,
  .node-type-country .pillar:before{
      display:none;
  }
  .node-type-country .total-score{
      margin-bottom:50px;
  }
  .not-logged-in.page-scores .download-img {/*7/03/17-score dwnld*/
	margin-top: 12px;
  }
  .not-logged-in.page-scores .download-data {
	margin-top: 1px;
  }
  .menu_search_block {
	clear: both;
  }
  .not-logged-in.page-scores .results-block .block-title {
    margin-top: 9px;
  }
  .page-scores .download-icon {
	top: 50px;
  }
  .page-scores .download-item,
  .page-scores .download-data ul {
	top: 58px;
  }
  .map-section .year-slider-wrapper{
	margin-top: 30px;
	margin: 30px auto 0;
  }
  .map-section #slider{
	  width: 80%;
  }
  .map-section .ui-slider-pips .ui-slider-label{
		display: none;
   }
   .page-contributors- .menu_search_block li a[title='Contributors'], .front .main-menu-block .menu li.active a, .node-type-country .main-menu-block li.leaf a.countries-menu, .node-type-indicator .main-menu-block .menu li a.indicators-menu, .main-menu-block .menu li.active a{
		border-bottom: 5px solid #fff;
		color: #fff;
   }
   .indicator-block-items #pillar-energy-access, 
   .indicator-block-items #pillar-renewable-energy, 
   .indicator-block-items #pillar-energy-efficiency, 
   .indicator-block-items #pillar-electricity-access{
	   display: none;
   }
   .indicator-block-items #pillar-energy-access.active, 
   .indicator-block-items #pillar-renewable-energy.active, 
   .indicator-block-items #pillar-energy-efficiency.active, 
   .indicator-block-items #pillar-electricity-access.active{
	   display: block;
   }
    /***Task #237389 - 15/01/2019***/
    .download-summary .download-img {
      position: absolute;
      right: -2px;
      top: -8px;
    }
    .logged-in .download-summary .download-img {
      position: absolute;
      right: -2px;
      top: 2px;
    }
    .download-summary a:hover .download-img {
      background-position: 2px 0;
    }
}
@media (max-width: 500px){
    .page-indicators .view-indicators-list .tabs-left>.nav-tabs,
    .page-indicators .view-indicators-list .tabs-left>.tab-content{
      border: 0;
    }
    .page-indicators .view-indicators-list .tabs-left>.tab-content{
      padding-left: 0;
    }
    .page-manage-home-banner-tiles .view-manage-indicators .view-header .banner-region-1, .page-manage-home-banner-tiles .view-manage-indicators .view-header .banner-region-2, .page-manage-home-banner-tiles .view-manage-indicators .view-header .banner-region-3, .page-manage-home-banner-tiles .view-manage-indicators .view-header .banner-region-4, .page-manage-home-banner-tiles .view-manage-indicators .view-header .banner-region-5, .page-manage-home-banner-tiles .view-manage-indicators .view-header .banner-region-6{
      font-size: 12px;
    }
    .policy-links a{
      clear: both;
      margin-bottom: 10px;
      float: left !important;
    }
    div.policy-links{
      text-align: left;
    }
    div.policy-links a{
      margin-left: 0;
    }

}
@media (max-width: 768px){
  .policy-links{
    margin-top: 10px;
  }
  .container {
      width: 100%;
  }
  .country-title-fill-blocks-body .nav-tabs li a, .tab-block .pillar-tabs .nav-tabs li a {
      min-width: auto;
  }
  .mapLegends{
      padding-right: 10px;
  }
  .welcomeBlock .bottomBlock span.title {
      font-size: 13px!important;
  }
   .right-inner-block #customLegend{
    line-height: 18px;
    background-color: #f2f2f2;
    padding: 10px 0;
    margin: 0;
  }
  .reports .desc-block{
	  margin-top: 10px;
  }
  .reports .view-content >.views-row {
      display: block; 
  }
}
@media (min-width: 500px) and (max-width: 768px) { 
/*  .menu-wrapper{
    margin-top: -59px;
  }*/
  .menu-wrapper .navbar-toggle{
    margin-top: 0;
    margin-bottom: 15px;
  }
}
@media (max-width: 400px){
  .page-contributors- .country-info .country-flag{
    max-width: 93px;
  }
  .page-contributors- .country-info .country-title{
    max-width: 184px;
    text-align: center;
  }
  .page-contributors- .country-info .contributers .country-title {
    font-size: 17px;
  }
}