@media only screen and (max-width : 480px) {
	.sdg7track-pillar-data-wrapper {
		position: absolute;
		left: 0;
	}
	.footer-logo  .leaf {
		width: 100%;
		float: left;
		text-align: center;
		padding-left: 50px;
    }
	.left-each-link-wrapper.accordian-open::before {
		background-color: #ccc;
		content: "";
		position: absolute;
	}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.sdg7-each-column {
		width: 100%!important;
		float: left;
	}
	.sdg7-each-column {
		width: 100%;
	}
	.sdg7track-pillar-wrapper {
		width: calc(100% - 195px);
    }
}
@media only screen and (max-width: 767px) {
	.node-type-country .statistics-fields {
		max-width:100%!important;
	}
	.breadcrumb {
		margin-top: 60px;
	}
	.sdg7-each-column {
		width:auto; 
		float: left;
    }
	.footer-logo {
		margin-top: 10px;
	 }
	.footer {
		margin-top: 0;
	}
	.node-type-country .sdg7tract-block-title {
		border-right:0!important; 
    }
	#block-search-form {
		padding: 0 0;
    }
	.header-menu .logo-wrapper {
		margin-top: 13px;
	}
	.menu_search_block, .search-collapse {
		background: #4f96d1;
    }
	.sdg7-each-column {
		float: left;
	}
	.sdg7-each-column {
		float: left;	
	}
	.header-menu .logo-title {
		margin-top: 0!important;
	}
	.navbar-toggle.glyphicon {
		display: none;
    }
    .header-menu {
		min-height: 60px;
		z-index: 999;
    }
	.navbar-default .navbar-toggle {
		position: absolute;
		top: -27px;
		right: 0;
		margin-top: 0;
		border-color: #4f96d1;
		background-color: #4f96d1;
    }
    .navbar-default .navbar-toggle .icon-bar {
		background-color: #fff;
    }
    .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
		background-color: #4f96d1;
	}
	.menu_search_block {
		right: -100%;
		position: fixed;
		width: 100%;
		max-width: 300px;
		transition: 0.5s ease;
		background-color: #4f96d1;
		padding: 11px;
		padding-top: 0;
		height: 100%!important;
    }
    .menu-open {
		right: 0;
	}
	.main-menu-block .menu.nav > li:not(.active) > a {
		border-bottom: 1px solid #fff;
		color: #fff;
    }
	.header-menu .logo-title {
		font-size: 12px;
		line-height: 15px;
    }
    .logo-img {
		width: 80px;
    }
    .menu-close span:nth-child(2) {
		transform: rotate(45deg);
		top: 16px;
		position: absolute;
    }
    .menu-close span:nth-child(3) {
		transform: translateX(99px);
	}
	.menu-close span:nth-child(4) {
		transform: rotate(-45deg);
		top: 10px;
		position: absolute;
    }
	.navbar-toggle .icon-bar+.icon-bar {
		margin-top: 5px;
	}
	.navbar-toggle {
		min-height: 38px;
		width: 42px;
	}
	.main-menu-block li.leaf a.countries-menu {
		color: #88caff !important;
    }
	.main-menu-block .menu.nav > li:not(.active) > a {
		border-bottom: 1px solid #88caff;
		color:#b9e0ff!important;
    }
	.node-type-country .main-menu-block li.leaf a.countries-menu {
		border-bottom: 5px solid #adddff!important;
		font-weight:600;
    }
   .search-collapse.collapse {
		display: block!important;
		top: 0;
		position: absolute;
		margin-top: 10px;
		margin-right: 25px;
		left: 0;
	}
    .menu_search_block, .search-collapse {
		margin-top: 15px;
    }
    .advanced-search-wrapper {
		padding-left: 0;
		margin-top: 0!important; 
		display: block;
		font-size: 0;
    }
    .advanced-search-wrapper .glyphicon-search {
		font-size: 0!important;
    }
    .search-block {
		position: absolute!important;
		top: 0;
    }
    .navbar-nav {
		padding-top: 62px;
    }
    .node-type-country .left-each-link-wrapper::after {
		background-image: none!important;  
	}
	.leaf a.esmap-logo {
		width: 119px;
		background-size: 100%;
    }
    .node-type-country .left-menu-wrapper {   
		position: relative;
    }
	.node-type-country  .left-each-link-wrapper {
		position: static;
	}
	.content-block.country-data-first {
		border-top: 1px solid #ccc;
    }

}