/* Smartphones (portrait and landscape) ----------- */
@media only screen and (max-width: 767px), only screen and (max-device-width: 767px) {
	.rule1{
		display: block !important;
		color:#FFF;
	}
	
	.content-wrapper table.flex-table td {
    	font-size: 0.78em;
    	padding: 15px 5px;
	}
	
	.hublet-wrapper {
    	margin-top: 0;
	}
	#video-carousel .carousel-caption {
    	padding: 15px;
    	background: none;
	}

	#video-carousel .carousel-inner {
	    padding: 15px 0 0;
	}
	
	.slider-row .col-lg-4, .slider-row .col-md-4, .slider-row .col-sm-4, .slider-row .col-xs-4 {
    	padding: 0 30px 0 0;
	}
	
	#video-carousel .carousel-caption p, #video-carousel .carousel-caption h1 {
	    color: #2f343a;
	}
	
	.search-options ul {
	    margin-bottom: 10px;
	    margin-top: 8px;
	    padding-left: 0;
	}
	ul.search-options li.search-news, ul.search-options li {
		margin-right:20px;
		margin-left:0px;
		  line-height: 2em;	
		
	}
	.search-options li {
		margin-left:0px;
		margin-right: 20px;
		display:inline;
	}
	
	.country .carousel-content h3 {
	    margin-top: 22px !important;/*Weird mobile issue*/
	}	
	.country .priorities-block .white-block{
		padding: 0;
	}
	
	.navbar-toggle {
    	border-radius: 0px;
	}
		
	.mobile-logo {
    	margin-left: 0;
	}
	.navbar-toggle {
    	margin-left: 5px;
	}
	#footer .container {
    	padding-left: 0;
    	padding-right: 0;
	}
	
	#priorities-items p{
		margin: 0 0 10px;
	}
	
	.content-wrapper h1 {
    	margin-bottom: 20px;
	}
	
	#country .content-wrapper.country .countryInfo .row .col-xs-12 {
    	clear: both;
    	position: unset;
	}
	
	.content-wrapper.country .btn-ebrd-more{
		float:left;
	}
	
	.content-wrapper.country .contacts-holder > div {
	    padding: 0;
	}
	
	.content-wrapper.country .contacts-holder .priorities-control.next.contacts {
    	right: 15px;
    	top: 1px !important;
	}
	.priorities-control.prev.contacts {
    	right: 65px;
    	top: 0 !important;
	}
	.content-wrapper.country .contacts-holder h3 {
	    padding-right: 91px;
	    padding-top: 5px;
	}
	
	.content-wrapper.country  .carousel-inner{
		padding: 0;
	}
	.country .carousel-caption {
    	padding: 0 !important;
	}
	
	.content-wrapper.country .white-block {
    	clear: both;
	}
	
	#publications .container, #priorities .container, .container .container {
   		padding: 0;
	}	
	.priorities-wrapper.hub-slider .container .row {
    	margin-bottom: 20px;
	}
	.carousel-inner {
   		padding: 15px 0;
	}	
	.whatsnew-wrapper .left.carousel-control{
	    left: 0px;
	    position: absolute;
	    top: 5px;
	}
	.whatsnew-wrapper .right.carousel-control{
	    left: 55px;
	    position: absolute;
	    top: 5px;
	}
	.whatsnew-wrapper .carousel-inner {
	    top: 36px;
	}
	
	.priorities-wrapper #priorities-prev {
	    position: absolute;
    	right: 70px;
    	margin: 0;
	}
	.priorities-wrapper #priorities-next {
	    position: absolute;
    	right: 20px;
    	left: auto;
    	margin: 0;
	}
	.hub-slider h3 {
    	margin-bottom: 0;
    	margin-right: 96px;
	}
	
	.carousel-content.content-left {
    	margin-top: 15px;
    	padding-right:0px;
	} 
	.carousel-content.content-right {
	 	margin-bottom: 0px;
	 	padding-left:0px;
		width:100%;
		max-width:100%;
	}
	
	.carousel-indicators {
		left: 118px;
	    position: absolute;
	    top: 15px;
	}

	.carousel-caption{
		padding:15px;
    	color: #2f343a;
	}
	.priorities-control {
	    top: -8px
    }
  
    .col-md-4.priorities-block {
	    float: left;
	}
    .priorities-block {
	    /*min-width: 29%;*/
	}
    	
    
	.iPhone3, .iPhone4, .iPhone5{
		display: block !important;
	}
	
	
	.nav.nav-tabs > li#whereWeAreMap {
    	display: none;
	}
	
	#main-navigation ul.nav {
		margin-left:0px;
	}
	.navbar-wrapper .navbar-nav > li {
		background-image:none;
	}
	.whatsnew-wrapper {
		background-image:none;
		background-color:#FFFFFF;
	}
	.carousel {
		background-color:#FFFFFF;
		
	}
	.carousel-content {
		max-width:100%;
		width:100%;
	}
	
	.carousel-content.content-right img {
		width:100%;
	}
	.carousel .item {
		height: auto !important;
	}
	.carousel-caption {
		padding:0;
		position: relative;
	}
	.carousel-caption p.carousel-headline {
		line-height:20px;
	}
	.carousel-caption p.carousel-title {
		line-height:24px;
	}
	.carousel-caption p, .carousel-caption h1 {
		color:#2f343a;
		text-shadow:none;
	}
	.carousel-inner {
		min-height:460px;
		height:100%;
	}
	
	.carousel {
		margin-bottom:0px;
	}
	.carousel-indicators li {
		border-color:#d5d6d8;
		color:#d5d6d8;
		background-color:#d5d6d8;
	}
	.promo-content {
		width:100%;
		padding:0px;
	}
	div.promo-content.left-content {
		margin-right:0px;
	}
	#priorities h3, #publications h3, #footer h4 {
		margin-left:15px;
	}
	#priorities .white-block {
		margin:0px 15px 0px 15px;
		padding:15px;
	}
	#publications .pubs-hero {
		margin:0px 15px 0px 15px;
		padding:15px;
	}
	.pubs-hero-image img {
		max-width:auto;
		width:100%;
		height:auto;
	}
		
	.icon-chevron-left {
		margin-left: -10px;
	}
	#main-navigation ul.nav {
		margin-left:-15px;
		margin-top:0px;
		margin-bottom:0px;
	}
	hr {
		margin-left:15px;
		margin-right:15px;
	}	
	.navbar-wrapper .navbar-nav > li {
		border-bottom:1px solid #262A2E;
		border-top:1px solid #44494E;
	}
	.mobile-persistent .navbar-nav {
		border-top:1px solid #44494E;
	}
	.mobile-persistent .navbar-nav > li {
		border-bottom:none;
		border-top:none;
	}
	.mobile-persistent .navbar-nav > li a {
		font-size:12px;
		font-weight:bold;
	}
	
	.navbar-wrapper .navbar-nav > li > a {
		color:#FFF;
		text-transform:uppercase;
		padding-left:30px;
	}
	.navbar-wrapper .navbar-nav > li > a:hover,.navbar-wrapper .navbar-nav > li > a:focus {
		background-color:#2f343a;
	}
	#footer .persistent {
		text-align:center;
	}
	#footer ul.engage {
		margin-left:0px;
		padding-left:15px;
	}
	div.footer-contact, div.social {
		padding:0px 15px;
	}	
	#footer ul.engage li {
		background-position:100% -120px;
	}	
	.pubs-hero-image,pubs-hero-content {
		clear:right;
	}
	.persistent .navbar-nav > li > a {
		padding:10px;
	}
	.carousel-content.content-right img {
		width:100%;
	}
	ul.footer-persistent {
		padding-left:0px;
	}
	.footer-wrapper {
		padding-left:0px;
	}
	
	.content-wrapper.country .carousel-caption p {
		color:#FFF;
	}
	.content-wrapper.country .carousel-inner {
		min-height:280px;
	}

	.related-block {
		background-color:#F5F5F5;
		border-top:4px solid #D7D7D9;
		padding:20px 25px;
		margin-bottom:30px;
		min-height:200px;
		height:auto;
	}
	.related-wrapper ul li {
		height:30px;
		padding:4px 10px 10px 20px;
	}
	.related-wrapper dl dd {
		margin-bottom:8px;
	}
	.related-wrapper h4 {
		margin-top:0px;
	}
	.content-wrapper img.headline {
		width:100%;
		height:auto;
	}
	
	/* mobile search */
	.showMobSearch.btn-default, .showMobSearch.btn-default:hover, .showMobSearch.btn-default:focus, .showMobSearch.btn-default:active{
		background-color: #2f343a;
		border-color: #2f343a;
		margin-top: 8px;
	}
	.showMobSearch.btn-default .glyphicon {
		color: #fff;
	}
	.mobileSearch .row{
		margin:10px;
	}
	
	
	.content-wrapper.country .carousel-inner {
	    background-color: none;
	}
	.country .carousel-caption {
		color:#FFF;
	}
	.country .white-block {
	    padding: 10px 0;
	}
	
	.country .countryInfo .white-block {
	    padding-bottom: 50px;/*first and third box has more button*/
	}
	.country .countryInfo .linkArrows .white-block {
	    padding-bottom: 10px;/* second box has no more button*/
	}
	
}
@media only screen and (max-width: 480px) {
	.rule2{
		display: block !important;
		color:#FFF;
	}
	article .btn-ebrd-download {
		white-space:inherit;
	}
	.ckEdItt img {
	    width:100% !important;
	    padding-right: 0;
	}
	.chart > div {
    	width: 100%;
    }
}
@media only screen and (min-width: 360px) {
	.rule3{
		display: block !important;
		color:#FFF;
	}
	
	#main-navigation ul.nav {
		margin-left:-15px;
		margin-top:0px;
		margin-bottom:0px;
	}
	hr {
		margin-left:15px;
		margin-right:15px;
		margin-top:30px;
		margin-bottom:10px;
	}	
	.navbar-wrapper .navbar-nav > li {
		border-bottom:1px solid #262A2E;
		border-top:1px solid #44494E;
	}
	.mobile-persistent .navbar-nav {
		border-top:1px solid #44494E;
	}
	.mobile-persistent .navbar-nav > li {
		border-bottom:none;
		border-top:none;
	}
	.mobile-persistent .navbar-nav > li a {
		font-size:12px;
		font-weight:bold;
	}
	
	.navbar-wrapper .navbar-nav > li > a {
		color:#FFF;
		text-transform:uppercase;
	}
	.navbar-wrapper .navbar-nav > li > a:hover,.navbar-wrapper .navbar-nav > li > a:focus {
		background-color:#2f343a;
	}
	.carousel-content.content-right img {
		width:100%;
	}
	
	.watch .video-holder.right-col img {
		width:276px;
	}
	.page-left-col h1 {
		margin:-7px 0px 30px 0px;
	}
	ul.tags li {
		line-height:35px;
	}
	article .btn-ebrd-download {
		white-space:inherit;
	}
	.ebrd-tags {
		background-position: -58px -1130px;
	}
	.page-right-col, .page-left-col {
		margin-top: 20px;
	}
}	

@media only screen and (min-width: 360px) and (max-width: 767px) {
	
}

@media only screen and (min-width: 360px) and (max-width: 970px) {
	.rule4{
		display: block !important;
		color:#FFF;
	}
	.carousel-content.content-left {
		padding-right:0px;
	}


}
@media only screen and (min-width: 480px) {
  /* 480 =================================================== */
	.rule5{
		display: block !important;
		color:#FFF;
	}
	
	.carousel-caption.content-right {
		float:right;
	}
  	.carousel-content.content-right img {
		width:685px;
		height:auto;
	}
	.carousel-inner {
		height:auto;
	}
	.carousel .item {
		height:auto;
	}
	
	.promo-content {
		position:relative;
		padding-top:0px;
	}
	ul.promo {
		margin-top:20px;
		bottom:0px;
	}

	.white-block {
		width:100%;
	}
	
	h1 {
		margin-bottom:20px;
		margin-top:20px;
	}
	
	.navbar-wrapper .navbar-nav > li{
		background-image:url('../images/nav-bg.png');
		background-repeat:repeat-y;
	}
	
	.navbar-wrapper .navbar-nav > li > a {
		color:#FFF;
		text-transform:uppercase;
	}
	.navbar-wrapper .navbar-nav > li > a:hover,.navbar-wrapper .navbar-nav > li > a:focus {
		background-color:#2f343a;
		background-image:url('../images/nav-bg.png');
		background-repeat:repeat-y;
	}
	.persistent .navbar-nav {
		margin-left:auto;
		margin-right:auto;
		float:right;
	}
	ul.promo li {
		background-position:100% -126px;
	}	

	.white-block {
		padding:18px 18px 18px 18px;
	}
	
	.white-block img {
		width:100%;
	}
	.priorities-content {
		width:196px;
	}	
	
	.pubs-hero-image {
		padding-right:0;
	}
	.pubs-hero-content ul{
		padding-left:16px;
	}
	.pubs-hero {
		padding:18px 18px;
		min-height:260px;
	}	
	.pubs-hero-image img {
		padding-bottom:15px;
	}
	
	.pubs-hero-image, pubs-hero-content {
		min-height: 230px;
	}
	.footer-nav-wrapper ul.footer-nav li a{
		font-size:14px;
		font-weight:normal;
	}
	.footer-nav-wrapper ul.footer-utilities-nav li a{
		font-size:10px;
		font-weight:normal;
	}
	.footer-nav-wrapper ul.footer-utilities-nav li a{
		padding-left:6px;
		padding-right:6px;
	}
	.footer-nav-wrapper ul.footer-utilities-nav {
		padding-left:0px;
	}
	#footer ul.engage li {
		background-position:100% -120px;
	}	
	#footer ul.engage li a{
		font-size:16px;
		font-weight:normal;
	}

	.persistent ul.nav.navbar-nav {
		padding-right:15px;
	}
	.languages .btn-sm {
		padding-right:20px;
	}
	article .btn-ebrd-download {
		white-space:no-wrap;
	}
	.watch .video-holder.right-col img {
		width:178px;
	}	
}
@media only screen and (min-width: 480px) and (max-width: 550px) {

	
}

@media only screen and (min-width: 600px) {
  /* 600 =================================================== */
  	.rule6{
		display: block !important;
		color:#FFF;
	}
	#persistentNav {
		display:block;
	}
}

@media only screen and (min-width: 768px) {
  /* 768 =================================================== */
  	.rule7{
		display: block !important;
		color:#FFF;
	}
	
	.content-wrapper table.flex-table td {
	    font-size: 0.75em;
	    padding: 15px 4px;
	}
	
	.navbar-wrapper .navbar-nav > li > a {
    	padding-left: 10px;
	}
	
	
	#video-carousel .carousel-caption {
    	background: url("../images/bg-black.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
	}
	#video-carousel .carousel-caption p, #video-carousel .carousel-caption h1 {
	    color: #fff;
	}
	
	/* Logo hidden unless width is fixed START */
	.persistent-wrapper div.logo {
    	width: 40%!important;
	}
	.persistent-wrapper .col-sm-8 {
	    width: 60%!important;
	}
	/* Logo hidden unless width is fixed ENDS */
	
	.pubs-hero-image {
		padding-right:18px;
	}
  	.carousel-control.left {
		right:562px;
		left:auto;
	}
	.carousel-control.right {
		right:502px;
		left:auto;
	}
	
	.navbar-collapse {
		padding-right:0px;
	}
	.navbar-wrapper .navbar-nav > li > a {
		font-size:14px;
	}	
	.whatsnew-wrapper {
		height:570px; 
	}
	.scroll-down {
		margin-top:-100px;
	}
	.megamenu .dropdown_12columns, .megamenu .dropdown_fullwidth {
		width:768px;
		background-color:#FFFFFF;
	}
	.megamenu ul li a {
		font-size:14px;
	}
	#menu_bolster {
		height:320px;
	}
	.carousel-content.content-right {
		float:right;
	}
	.carousel-inner {
		height: 22em;
	}
	.carousel .item {
		/*height:300px;*/
		height: 22em;
	}
	ul.promo {
		position:absolute;
		margin-top:auto;
	}
	.promo-content {
		min-height:515px;
	}
	ul.promo {
		margin-bottom:40px;
	}
	div.promo-content.right-content {
		margin-left:40px;
	}
	.priorities-control {
		position:absolute;
		top:0px;
	}
	.priorities-control.next {
		right:15px;
	}
	.priorities-control.prev {
		right:76px;
	}
	.priorities-control span {
		text-decoration:none;
	}
	.priorities-control.next span {
		padding-left:13px;
	}
	.priorities-control.prev span {
		padding-left:11px;
	}
	.carousel-indicators {
		text-align:left;
	}	
	.carousel-content.content-right img {
		width:100%;
		max-width:100%;
	}
	#footer .persistent {
		text-align:right;
	}
	#footer ul.engage {
		margin-left:0px;
		padding-left:0px;
	}
	div.footer-contact, div.social {
		padding:0px;
	}
	.pubs-hero-image,pubs-hero-content {
		float:left;
		min-height:200px;
		clear:right;
	}
	.pubs-hero-image img {
		width:151px;
		padding-bottom:15px;
	}

	.page-right-col, .page-left-col {
		margin-top: 40px;
	}
	.masthead-wrapper {
		background-color:#F0F1F2;
		padding-bottom:35px;
	}	
	/* coutnry page styles */
	.content-wrapper.country h1 {
		color:#FFF;
	}
	.content-wrapper.country h1.headingDark{
		color:#2f343a;
	}
	
	.content-wrapper.country .countryInfo .white-block {
		min-height:400px;
	}
	
	.content-wrapper img.headline {
		width:100%;
		height:auto;
	}
	
	.event-post div {
	    height: 281px;
	}
	
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { 
	.rule8{
		display: block !important;
		color:#FFF;
	}

	.persistent ul.nav.navbar-nav {
		padding-right:10px;
	}
	.persistent .nav > li > a {
		padding-left:8px;
		padding-right:8px;
	}
	p.strapline {
		margin-top:20px;
		margin-bottom:20px;
	}
	
}


@media only screen and (min-width: 810px) {
	.rule9{
		display: block !important;
		color:#FFF;
	}
	
	.navbar-wrapper .navbar-nav > li > a {
    	padding-left: 10px;
	}
	
	.megamenu .dropdown_12columns, .megamenu .dropdown_fullwidth {
		width:768px;
	}


}

@media only screen and (max-width: 992px) {
   	.rule91{
		display: block !important;
		color:#FFF;
	}
	
}


@media only screen and (min-width: 992px) {
  /* 992 =================================================== */
	.rule10{
		display: block !important;
		color:#FFF;
	}
	
	
	.content-wrapper table.flex-table td {
    	font-size: 0.78em;
    	padding: 15px 5px;
	}
	
	.navbar-wrapper .navbar-nav > li > a {
		padding-left:30px;
	}
	
	.carousel-control {
		display:block;
	}
	/*
	.carousel-control.left {
		left:380px;
	}
	.carousel-control.right {
		left:440px;
		right:auto;
	}
	*/
	
	
	.carousel-control.left {
		right:562px;
		left:auto;
	}
	.carousel-control.right {
		right:502px;
		left:auto;
	}
	.carousel-content.content-left {
		padding-right:60px;
	}
	.persistent .navbar-nav {
		/*margin-left:180px;*/
	}
	ul.promo li {
		background-position:100% -126px;
	}
	.promo-content {
		min-height:425px;
	}	
	.white-block img {
		width:100%;
	}	
	.priorities-content {
		width:256px;
	}
	
	.pubs-hero-image {
		padding-right:26px;
		width:50%;
	}
	
	.pubs-hero-content ul{
		padding-left:16px;
	}	
	.pubs-hero {
		padding:26px 26px;
		min-height:260px;
	}	
	.pubs-hero-image img {
		width:100%;
	}		
	.footer-nav-wrapper ul.footer-nav li a{
		font-size:16px;
		font-weight:bold;
	}
	.footer-nav-wrapper ul.footer-utilities-nav li a{
		font-size:12px;
		font-weight:bold;
	}
	.footer-nav-wrapper ul.footer-utilities-nav li a{
		padding-left:10px;
		padding-right:10px;
	}
	#footer ul.engage li {
		background-position:275px -120px;
	}	
	#footer ul.engage li a{
		font-size:20px;
		font-weight:bold;
	}	
	
	.whatsnew-wrapper {
		height:590px;
	}
	
	h1 {
		margin-bottom:40px;
		margin-top:40px;
	}
	
	.persistent ul.nav.navbar-nav {
		padding-right:30px;
	}
	.languages .btn-sm {
		padding-right:60px;
	}
	
	.megamenu .dropdown_12columns, .megamenu .dropdown_fullwidth {
		width:970px;
		background-color:#FFFFFF;
	}
	.megamenu ul li a {
		font-size:16px;
	}
	#menu_bolster {
		height:310px;
	}
	.navbar-wrapper .navbar-nav > li > a {
		font-size:16px;
	}
	
	.scroll-down { 
		margin-top:-100px;
	}
	
	
	
	.event-post div {
	    height: 247px;
	}
	.event-post .btn-ebrd-register {
	    bottom: 20px;
	    position: absolute;
	}
	

}

@media (max-width: 1200px) {
	.rule101{
		display: block !important;
		color:#FFF;
	}
}

@media only screen and (min-width: 1200px) {
	.rule11{
		display: block !important;
		color:#FFF;
	}

	.content-wrapper table.flex-table td {
    	font-size: inherit;
    	padding: 15px 10px;
	}

	/* Logo hidden unless width is fixed START */
	.persistent-wrapper div.logo {
    	width: 33.3333%!important;
	}
	.persistent-wrapper .col-sm-8 {
	    width: 66.6667%!important;
	}
	/* Logo hidden unless width is fixed ENDS */
	

	.carousel-content.content-left {
		padding-right:60px;
	}
	.carousel-content.content-right {
		padding-left:10px;
		margin-right:0px;
		margin-left:auto;
		float:right;

	}
	
	.carousel-control.left {
		right:660px;
		left:auto;
	}
	.carousel-control.right {
		right:600px;
		left:auto;
	}
	
	.carousel-control, .priorities-control span {
		top: 14.8em;
	}
	
	.megamenu .dropdown_12columns, .megamenu .dropdown_fullwidth {
		width:1170px;
		background-color:#FFFFFF;
	}
	
}
@media only screen and (min-width: 1382px) {
  /* 1382 =================================================== */

}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  /* 2x =================================================== */
}