@media only screen 
and (min-width : 320px) 
and (max-width : 568px){
	
	.nav-mobile li.menu-mobile > a.active{
		background-image: url(../images/close-small.png) !important;
	}
	
	.nav-mobile li.menu-mobile > a{
		background-position: 85% center !important;
		font-size: 20px !important;
	}
	
	.prev-mobile, .next-mobile{
			width: 60px !important;
			height: 25px !important;
			line-height: 25px !important;
			margin-top: -12.5px !important;
			text-transform: inherit !important;
			font-size: 10px !important;
		}
		
		.prev-mobile{
			background: url(../images/prev-narrow.png) left center no-repeat !important;
			left: 15px;
		}
		
		.next-mobile{
			background: url(../images/next-narrow.png) left center no-repeat !important;
			right: 15px;
		}
	
	.all-levels, .level, .menu-mobile-title a , .search-mobile-box input, .lang-mobile-list li a{
		font-size: 16px;
	}
	
	.breadcrumbs{
		padding: 10px 0;
	}
	
	.breadcrumbs-list a{
		font-size: 14px;
		line-height: 30px;
		padding-right: 20px !important;
		margin-right: 10px !important;
	}
	
	.menu-mobile-title a{
		line-height: normal !important;
		display: block;
	}
	
	.wrapper-inside, .news-index, .videos-index{
		padding: 0 15px !important;
	}
	
	.map-regions a p{
		font-size: 24px;
		font-weight: 100;
		font-family: 'Helvetica Neue';
		max-width: 240px;
		line-height: 24px;
	}
	
	.main-slider-text-box .wrapper{
		max-width: 300px;
	}
	
	.page p, .page li, .coin-block p, .coin-block .bold, .one-contact .f16, .one-contact .mb15.inline, .one-region-contact .f16{
		font-size: 16px !important;
		line-height: 30px !important;
	}
	
	.nav-mobile li > a{
		height: 50px;
	}
	
	.menu-mobile > a, .lang-mobile-list a{
		line-height: 50px;
	}
	
	.lang-mobile-list, .search-mobile-box, .menu-mobile-box, .all-levels{
		top: 55px;
	}
	
	.main-slider {
		margin-top: 55px;
	}
	
	.nav-mobile li .lang-mobile{
		background-image: url(../images/lang-narrow.png) !important;
	}
	
	.nav-mobile li .search-mobile{
		background-image: url(../images/search-narrow.png) !important;
	}
	
	.search-mobile-box input{
		height: 50px;
	}
	
	.brown{
		line-height: 50px;
	}
	
	.one-column.passive .square-title a, .color4.coin .square-title a{
		line-height: 40px !important;
	}
	
	.one-video{
		float: none !important;
		margin-right: 0 !important;
	}
	
	.one-column.passive, .one-column.coin{
		height: 50px;
	}
	
	.menu-mobile-title-box{
		height: 80px;
	}
	
	.all-levels li > a{
		padding: 20px 30px;
	}
	
	.title-section a{
		font-size: 30px !important;
	}
	
	.second-menu a {
		font-size: 20px !important;
		line-height: normal !important;
	}
	
	.main-content-title h1{
		font-size: 35px !important;
		line-height: normal !important;
	}
	
	.content h2{
		font-size: 24px !important;
		line-height: 28px !important;
	}
	
	.date {
		font-size: 11px !important;
		line-height: 20px !important;
	}
	
	.column-title a, .square-title a{
		font-size: 24px !important;
		line-height: normal !important; 
	}
	
	.grey-color{
		font-size: 11px !important;
	}
	
	.one-contact{
		margin-right: 0;
	}
	
	.one-column table p, .one-column table span {
		font-size: 13px !important;
		line-height: 25px !important;
	}
	
	.one-article td, .one-article th{
		font-size: 13px !important;
		line-height: 18px !important;
	}
	
}
		

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : landscape) {
	.all-levels, .level{
		font-size: 10px;
	}
}

@media only screen and (max-width: 1024px) and (min-width: 741px), 
only screen and (max-device-width: 1024px) and (min-device-width: 741px) {
.socials,
.plank {
	display: block!important;
}
.top-nav a:nth-child(1) {
	display: inline-block!important;
}					
.bottom-header > .wrapper {
	padding: 0 20px;
}	
.plank-box .plank {
	width: 76px;
	padding: 18px 0 10px 0px;
	font-size: 9px;
}	
.plank-box .plank.enter {
	margin-left: 4px;
}	
.plank-box .plank.friends {
	margin-left: 0;
	margin-right: 4px;
	border-left-color: #d5b75d;
}						
}
@media only screen and (max-width: 760px) and (min-width: 741px), 
only screen and (max-device-width: 760px) and (min-device-width: 741px) {
.plank-box .plank {
	width: 66px;
	padding: 18px 0 10px 0px;
	font-size: 8px;
}	
}
@media only screen and (max-width: 740px) {
.plank-box .plank {
	background-color: #d5b75d;
	border-bottom: 5px solid #93793d;
}
.map-regions-inside {
	margin-bottom: 0;
}
}

@media only screen and (max-width: 1024px) and (min-width: 820px), 
only screen and (max-device-width: 1024px) and (min-device-width: 820px) {
.plank-box .plank span.main-span {
	background: none!important;
	border-top: 1px solid #d5b75d;
	border-bottom: 1px solid #d5b75d;
}
.plank-box .plank span.hover-span {
	background: none!important;
	background-color: #d5b75d!important;
}
.plank-box .plank,
.plank-box .plank.enter {
	text-align: center;
	margin-left: 9px;
	border-width: 1px;
}
.plank-box .plank.friends {
	margin-right: 0;
}
.plank-box {
	float: none;
	margin-left: 3%;
}
}
@media only screen and (max-width: 820px) and (min-width: 741px), 
only screen and (max-device-width: 820px) and (min-device-width: 741px) {
.plank-box {
	float: none;
	margin-left: 0;
}
}
@media only screen and (max-width: 890px) and (min-width: 741px), only screen and (max-device-width: 890px) and (min-device-width: 741px) {
.top-nav a:nth-child(2) {
	display: none!important;
}
.top-nav a {
	margin-left: 5px;
}	
.top-nav a:nth-child(3) {
	margin-left: 5px;
}					
}
@media only screen and (max-width: 1024px) and (min-width: 891px), only screen and (max-device-width: 1024px) and (min-device-width: 891px) {
.top-nav a:nth-child(2) {
	display: inline-block!important;
}	
.top-nav a {
	margin-left: 10px;
}
.top-nav a:last-child,
.top-nav a:nth-child(2) {
	margin-left: 10px;
}					
}
@media only screen and (max-width: 740px), 
only screen and (max-device-width: 740px) {
.plank-box {
	width: 100%;
}
.plank-box .plank {
	width: 100%;
	/*padding: 38px 20px 15px 100px !important;*/
	padding: 23px 20px 5px 100px !important;
	height: 70px;
}

.plank-box .plank.friends {
	margin-right: 0;
	background-image: url(../images/friends-mobile.png);
}
.plank-box .plank:first-child {
	background-color: #d5b75d;
	border-color: #d5b75d;
}
.plank-box .plank:nth-child(2) {
	background-color: #d1ad57;
	border-color: #d1ad57;
}
.plank-box .plank:nth-child(3) {
	background-color: #c7a34d;
	border-color: #c7a34d;
}
.plank-box .plank:nth-child(2) {
	background-position: 30px 17px;
}
.plank-box .plank:nth-child(3) {
	background-position: 30px 10px;
}
.plank-box {
	border-bottom: 5px solid #93793d;
}
.plank-box .plank.friends .text-span,
.plank-box .plank.enter .text-span  {
	text-align: left;
	display: inline-block;
}
.question-form .two-columns-one {
	padding-right: 0;
}
/*---new--*/
.bottom-header-inside {
	display: block!important;
}					
.bottom-header-inside .logo-box-inside,
.bottom-header-inside .first-contact,
.bottom-header-inside .second-contact,
.bottom-header-inside .lang-box {
	display: none!important;
}
.mobile-visible	a:first-child {
	margin-top: 85px;
}
.all-levels .level ul {
	margin-bottom: 100px;
}
.plank, .enter {
	font-weight: normal;
}
.plank-box-bottom {
	display: block;
}
.mobile-not {
	display: none!important;
}
.mobile-mb {
	margin-bottom: 100px;
}
.footer-mobile {
	float: left;
	width: 100%;
}
}
@media only screen and (max-width: 568px), 
only screen and (max-device-width: 568px) {
.mobile-visible	a:first-child {
	margin-top: 40px;
}
.mobile-mb {
  margin-bottom: 55px;
}
.question-form-bottom .captcha-text + div,
.question-form-bottom .recaptchatable {
	width: 100%;
}
.question-form-bottom .captcha-text + div {
	background-color: #fff;
	border: 1px solid #dfdfdf!important;
}
.recaptchatable tr:first-child,
.recaptcha_image_cell {
	display: block;
}
.recaptchatable tr:first-child td:first-child {
	box-sizing: border-box;
	padding-right: 2px!important;
}
.recaptcha_image_cell {
	width: 100%!important;
}
.recaptchatable .recaptcha_image_cell {
	min-height: 73px;
}
.recaptchatable #recaptcha_image #recaptcha_challenge_image {
  width: 100%;
}
.question-form .recaptchatable {
	border: 1px solid transparent!important;
}
#recaptcha_response_field {
	width: 100%!important;
	margin-top: 7px;
}
.recaptchatable #recaptcha_image {
	width: 100%!important;
}
}
@media only screen and (max-width: 640px), 
only screen and (max-device-width: 640px) {

.plank-box .plank {
	height: 50px;
	padding: 14px 20px 5px 80px !important;
	background-size: 21px;
}
.first-contact {
	margin-top: 25px !important;
}
.bottom-header .opacity {
	font-size: 12px;
}
.bottom-header .gold, .footer-mobile-row .gold {
	font-size: 14px;
}
.bottom-header .f16 {
	font-size: 18px !important;
}
.bottom-header .mb15 {
	margin-bottom: 15px;
}
.bottom-header .first-contact, .second-contact {
	width: 50%;
}
}
@media only screen and (max-width: 400px), 
only screen and (max-device-width: 400px) {
	.wrapper .map-regions a p {
		max-width: 140px;
	}
}