.mobile_menu {
	display: none;
	width: 90%;
	position: fixed;
	height: 100%;
	max-height: 100%;
	overflow: auto;
	background: #fff;
	top: 0;
	right: 0;
	padding: 1.875rem;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	
	
}

@media (max-width: 600px){
	body {
		
	}
	body {
		overflow-x: hidden;
	}
	html {
		margin-top: 0!important;
	}
	.header_wrap {
		display: none;
	}
	#wpadminbar {
		/*display: none;*/
	}
	.show_on_desctop {
		display: none!important;
	}
	.mobile_head {
		display: block;
		position: fixed;
		width: 100%;
		left: 0;
		top: 0;
		z-index: 1500;
		background: rgba(0,0,0,0.5);
		height: 40px;
		-webkit-backdrop-filter: blur(4px);
      backdrop-filter: blur(4px);
		
	}
	.admin-bar .mobile_head {
		top: 46px;
	}
	.admin-bar .mobile_menu {
		padding-top: 90px;
	}
	.admin-bar .close_mobile_menu {
		top: 60px;
	}
	.mobile_menu_btn {
		position: absolute;
		right: 10px;
		height: 100%;
		width: 40px;
		top: 0;
		cursor: pointer;
		background: url(img/mobile_menu_btn.png) no-repeat 50% 50%;
		background-size: 80%;
	}
	.logo_mobile img {
		display: block;
		margin: 0 10px;
		height: 50%;
		position: relative;
		top: 10px;
	}
	.close_mobile_menu {
		display: block;
		width: 1.5rem;
		height: 1.5rem;
		position: absolute;
		right: 1.5rem;
		top: 1.5rem;
		background: url(img/mobile_close.png) no-repeat;
		background-size: 100%;
	}
	#page {
		box-shadow: 0 0 10px rgba(0,0,0,0.5);
	}
	#page,
	.mobile_head {
		-webkit-transition: all 0.3s /*cubic-bezier(.42,1.32,.76,1.4)*/;
		transition: all 0.3s /*cubic-bezier(.42,1.32,.76,1.4)*/;
	}
	.fade_mobile_menu #page,
	.fade_mobile_menu .mobile_head {
		-webkit-transform: translate(-90%, 0);
		transform: translate(-90%, 0);
	}
	/*.fade_mobile_menu .mobile_menu {
		display: block;
		
	}*/
	.mobile_head.hide {
		-webkit-transform: translate(0, -100%);
		transform: translate(0, -100%);
		top: 0;
	}
	.fade_mobile_menu .mobile_head.hide {
		-webkit-transform: translate(-90%, -100%);
		transform: translate(-90%, -100%);
	}
	.fade_mobile_menu,
	.fade_mobile_menu body {
		overflow: hidden;
	}
	html > body > div.site > section.under_nav .social {
		right: 20px;
	}
	.mobile_menu_menu h3 {
		font-size: 2.5rem;
		font-family: Ubuntu, sans-serif;
		margin-bottom: 2rem;
		display: none;
	}
	.mobile_menu_menu li {
		font-size: 1.5rem;
		font-family: Cuprum, sans-serif;
		text-transform: uppercase;
		margin-bottom: 1rem;
		line-height: 2;
	}
	.mobile_menu_menu li a {
		text-decoration: none;
	}
	.mobile_menu_menu {
		margin-bottom: 3rem;
	}
	.mobile_menu_menu li.current-menu-item,
	.mobile_menu_menu li.current-menu-parent {
		position: relative;
	}
	.mobile_menu_menu li.current-menu-item:after,
	.mobile_menu_menu li.current-menu-parent:after {
		position: absolute;
		content: '';
		top: 0;
		left: -26px;
		border-left: 4px solid #363636;
		height: 100%;
	}
	.black_btn {
		font-family: Ubuntu, sans-serif;
		width: 100%;
		text-align: center;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		font-size: 1.2rem;
		height: 3rem;
		line-height: 3rem;
		padding: 0;
		white-space: nowrap;
		margin-bottom: 2rem;
	}
	.mobile_search {
		position: relative;
		margin-bottom: 2rem;
	}
	.mobile_search label {
		display: none;
	}
	.mobile_search input[type="text"] {
		display: block;
		width: 100%;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		height: 3rem;
		border: 2px solid #000;
		border-radius: 0;
		box-shadow: none;
	}
	.mobile_search input[type="submit"] {
		position: absolute;
		right: 0;
		top: 0;
		height: 3rem;
		width: 3rem;
		border: 2px solid #000;
		border-radius: 0;
		outline: none;
		font-size: 0;
		background: #fff;
		background: url(img/search_ico_2.png) no-repeat 50% 50% #fff;
		background-size: 60%;
	}
	.mobile_menu .line {
		border-bottom: 4px solid #363636;
		width: 100%;
		margin: 3rem 0;
	}
	.under_nav {
		display: none;
	}
	
	html > body > div.site section.promo_image {
		padding-top: 0;
		padding-bottom: 40px;
	}
	html > body > div.site section.promo_image > div > a .title {
		font-size: 25px;
		line-height: 1.2;
	}
	html > body > div.site section.list_posts-pinned .post_item > a .title, 
	html > body > div.site aside.widget_posts-pinned .post_item > a .title {
		font-size: 20px;
		line-height: 1.2;
	}
	html > body > div.site header.post-title h1 {
		font-size: 27px;
		line-height: 1.2;
	}
	html > body > div.site section.list_posts .post_item > article > h2 {
		margin-bottom: 10px;
	}
	html > body > div.site section.list_posts > div.inner {
		margin-top: 25px;
	}
	.list_posts-pinned {
		padding-bottom: 40px;
	}
	.promo_image>div,
    .promo_image>div img {
    	width: 100%!important;
    	height: auto!important;
    }
    .promo_image>div.promo_image-1 img {
    	height: 100%!important;
    	width: 100%!important;
    }
    .promo_image>div {
    	height: auto!important;
    	overflow: hidden;
    	margin-bottom: 10px!important;
    }
    html > body > div.site section.promo_image > div > a {
    	position: static!important;
    	height: 100vw!important;
    }
	.promo_tile_content {
		background-position: center bottom;
		background-repeat: repeat-x;
		background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAB1CAYAAACGTSskAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAGtJREFUeNpiZBaSZmJAAyxAzIhNEEMlhgBp2klTyUwvi4hXyUSZmcz00k63kGemgXZaWMREg/BkpkGyYaZXHDHRSyXTyIi4gbWIaSinZLrFOyO9wpNx8JlJC+2DsC5mHDDH42waEWcmQIABANc/At7R+wtGAAAAAElFTkSuQmCC");
	}
	html > body > div.site section.promo_image > div > a .title {
		background: none;
	}
	section.promo_image {
		margin: 0 -10px;
	}
	section.list_posts-pinned {
		width: 100%;
	}
	section.list_posts-pinned .post_item {
		width: auto!important;
		margin: 0 -10px 10px!important;
	}
	section.list_posts-pinned .post_item img {
		width: 100%;
		height: auto;
	}
	html > body > div.site {
		padding-top: 0px;
	}
	html > body > div.site section.list_posts .post_item > article .image {
		width: 100%;
	}
	html > body > div.site section.list_posts .post_item > article .image img {
		width: 100%;
		display: block;
	}
	.bg_banner_margintop {
		display: none!important;
	}
	html > body .bg_banner .bg_banner_mobile {
		display: none!important;
	}
	.mobile_branding {
		height: 400px;
		display: none;
		background-size: cover;
		/*background-attachment: fixed;*/
		background-position: 50% 50%;
		
		margin: 0 -10px 40px;
	}
	#main {
		padding-top: 60px;
	}
	.admin-bar #main {
		padding-top: 100px;
	}
	#main.front_page {
		padding-top: 0;
	}
	.fix_social_btns {
		right: 20px;
		display: block!important;
	}
	.fix_social_btns .likely {
		left: 0;
		margin-left: 0;
		bottom: 100%;
		top: auto;
		margin-bottom: 30px;
	}
	.fix_social_btns .likely .likely__widget {
		display: block;
		margin-left: 0!important;
		margin-top: 30px!important;
		height: auto!important;
		width: 60px;
		border-radius: 11px!important;
	}
	.fix_social_btns .likely-big svg {
		width: 60px!important;
		height: 60px!important;
		left: 0!important;
		top: 0!important;
	}
	.fix_social_btns .likely-big .likely__widget_twitter svg {
		width: 45px!important;
		height: 45px!important;
		left: 8px!important;
		top: 8px!important;
	}
	.fix_social_btns .likely-big .likely__icon {
		height: 60px!important;
		width: 60px!important;
	}
	.fix_social_btns .likely-big .likely__button {
		display: none;
	}
	.fix_social_btns .likely .likely__counter {
		display: none!important;
	}
	.fix_social_btns .likely .likely__counter {
		
	}
	.relap__item:nth-child(3) {
		display: none!important;
	}
	.widget-area {
		display: none;
	}
	.archive-header {
		margin-bottom: 20px;
		padding-bottom: 10px;
	}
	.site-content {
		margin-top: 0;
	}
	.post-title {
		margin-bottom: 30px;
	}
	.footer_menu {
		padding: 0;
	}
	.footer_menu li {
	  display: inline-block;
	  font-size: 18px;
	  text-transform: uppercase;
	  margin: 0 12px;
	  position: relative;
	  padding-top: 20px;
	  font-family: 'Cuprum', sans-serif;
	  margin-bottom: 20px;
	  line-height: 1;
	}
	.share_bottom {
		text-align: left;
	}
	.relap__item-thumbnail+.relap__item-title {
		font-size: 15px!important;
	}
	.relap__item {
		width: 50%!important;
	}
	.entry-content button, 
	.entry-content input, 
	.entry-content textarea {
		max-width: 100%!important;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
	}
	.hide_on_mobile {
		display: none;
	}
	
	
	/* branding */
	
	.mobile_branding {
		margin-bottom: 40px;
		display: block;
	}
	#mobile-mpu {
		position: relative;
		text-align: center;
		clear: both;
		width: 300px;
		margin: 0 auto;
		padding: 0;
	}
	#fishbowl {
        width: 300px;
        height: 400px;
        position: absolute;
        top: 0px;
        /*left: -10px;*/
    }
    #fishbowl-bg {
        width: 300px;
        height: 0px;
        overflow: hidden;
        position: absolute;
        opacity: 0.001;
    }
    #fishbowl-img {
        position: fixed;
        top: 0px;
        left: 0px;
        backface-visibility: hidden;
        -webkit-transform: translate3d(0, 0, 0);
    }
    #fishbowl_fallback_link {
        /*float: left;*/
    }
    #fishbowl-fallback {
        display: block;
        width: 300px;
        height: 250px;
        background: url(//images.eurogamer.net/2014/takeovers/log-g-MPU.jpg) no-repeat 0 0;
    }
    #fishbowl:after {
        content: 'Реклама';
        position: absolute;
        display: inline-block;
        text-align: left;
        text-transform: uppercase;
        color: #EEE;
        font-size: 11px;
        padding: 10px 20px 2px;
        font-family: 'Helvetica Neue', Helvetica, sans-serif;
        bottom: 0;
        left: 0;
        right: 0;
        height: 20px;
        z-index: 10;
    }
	/* ========   */
	.pointed_block_desktop {
		display: none;
	}
	.pointed_block_mobile {
		display: block;
		background: #000;
		padding: 20px 0;
		margin: 0 -10px;
		overflow: hidden;
	}
	.pointed_block_mobile_frame {
		background: #fff;
	}
	.pointed_block_mobile_frame img {
		width: 100%;
		display: block;
	}
	.pointed_block_mobile_frame_img {
		position: relative;
	}
	.pointed_block_mobile_frame_img h3 {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		color: #ffffff;
		font-size: 18px;
		line-height: 24px;
		padding: 7px 20px;
		background: rgba(0,0,0,0.6);
		  font-family: 'Cuprum', sans-serif;
	}
	.pointed_block_mobile_frame_disc {
		font-size: 14px;
		line-height: 20px;
		padding: 15px 20px;
		font-size: 3.4vw;
		line-height: 1.42;
	}
	.pointed_block_mobile_frame a {
		text-decoration: none;
	}
	.pointed_block_mobile_frame_img .comments_count {
		color: #000000;
		  font-size: 10px;
		  display: inline-block;
		  height: 17px;
		  background: #f7c401;
		  line-height: 17px;
		  padding: 0 5px;
		  
		  position: absolute;
		  right: 8px;
		  top: 8px;
		  font-family: Ubuntu, sans-serif;
	}
	.pointed_block_mobile_frame_img .comment_label {
		position: absolute;
		right: 8px;
		top: 8px;
		left: auto;
	}
	.pointed_block_mobile_frame_img .comments_count:after {
		  position: absolute;
		  width: 4px;
		  height: 4px;
		  background: url(img/pointed_block_item_content_comment.png) no-repeat;
		  bottom: -4px;
		  left: 0;
		  content: '';
	}
	.pointed_block_mobile_fotorama {
		margin: 0 20px;
		overflow: visible;
	}
	.pointed_block_mobile .fotorama__stage {
		overflow: visible;
	}
	.pointed_block_mobile .fotorama__stage__frame {
		background: #fff;
	}
	.pointed_block_mobile .fotorama__dot {
		width: 15px;
		height: 15px;
		border-radius: 50%;
		border-color: #fff;
		top: 16px;
	}
	.pointed_block_mobile .fotorama__nav__frame.fotorama__active .fotorama__dot {
		border: none;
		width: 17px;
		height: 17px;
		background: #fff;
	}
	.pointed_block_mobile .fotorama__nav--dots .fotorama__nav__frame {
		width: 30px;
		height: 35px;
	}
	.promo_post img {
		width: 100%;
		height: auto;
	}
	.promo_post {
		height: auto;
	}
	.new_posts_pinned_left {
		width: 100%;
	}
	.new_posts_pinned .post_item {
		float: none;
	}
	/*.pinned_tabs {
		position: relative;
		top: 0;
		left: 0;
		margin-bottom: 15px;
	}
	.pinned_tabs li {
		line-height: 35px;
		font-size: 16px;
		width: 50%;
		text-align: center;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		margin: 0;
		line-height: 12vw;
	}
	.pinned_tabs li a {
		font-size: 4vw;
	}*/
	.pinned_tabs {
		position: relative;
		top: 0;
		left: 0;
		margin-bottom: 15px;
		margin-left: -25px;
	}
	.pinned_tabs li {
		background: none!important;
		padding: 0;
		margin-right: 5px;
	}
	.pinned_tabs li a {
		outline: none;
		position: relative;
	    font-family: 'Cuprum', sans-serif;
	    font-size: 16.5px;
	    display: inline-block;
	    height: 30px;
	    padding: 0 25px;
	    line-height: 29px;
	    text-transform: uppercase;
	    color: #fff;
	    
	}
	.pinned_tabs li:first-child a {
	    padding-left: 45px;
	}
	.pinned_tabs li a span {
		position: relative;
	}
	.pinned_tabs li a:before {
	    position: absolute;
	    top: 0;
	    content: '';
	    left: 0;
	    top: 0;
	    width: 100%;
	    height: 100%;
	    background: #363636;
	    -webkit-transition: all .2s;
	    -o-transition: all .2s;
	    transition: all .2s;
	    -webkit-transform: skewX(40deg);
	    -ms-transform: skewX(40deg);
	    -o-transform: skewX(40deg);
	    transform: skewX(40deg);
	}
	.pinned_tabs li.select a:before {
		background: #680e0e;
	}
	.hide_on_mobile {
		display: none!important;
	}
	.hide_on_desktop {
		display: block!important;
	}
	.entry-content img {
		width: 100%;
		height: auto;
		margin: 0 0 20px;
	}
	.entry-content img.wp-image-41385 {
		width: 60px;
		display: block;
		margin: 20px auto 20px;
	}
	.entry-content li {
		margin: 0 0 20px;
	}
	.entry-content iframe:not(.instagram-media) {
		height: 55vw;
	}
	.related_posts li {
		width: 50%
	}
	.related_posts li:nth-child(2){
		padding-right: 0;
		padding-left: 20px;
	}
	.related_posts li:nth-child(3) {
		display: none;
	}
	.front_page .adsbygoogle {
		margin-top: 20px;
	}
	.test_body {
		padding: 0;
	}
	.test_body .quest_steps {
		width: 70px;
		height: 70px;
		line-height: 70px;
	}
	.new_post_item {
		height: auto;
	}

	section.list_posts {
		background: #fff;
	}

	/* test */


	.testme_area .page_btn {
		width: 100%;
		font-size: 28px;
		height: 75px;
		line-height: 75px;
		min-width: 100%;
	}


	/* watu test */

	#watu_quiz .page_btn {
		min-width: 100%;
		width: 100%;
		text-align: center;
		height: 70px;
		line-height: 70px;
		font-size: 25px;
	}
	/* watu test end */

	.embed_block {
		float: none!important;
	}
	.embed_block_img {
		float: none!important;
		width: 100%!important;
		

	}
	.embed_block_content {
		margin-left: 0!important;
		height: auto!important;

			/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e8e8e8+0,ffffff+100 */
		background: rgb(232,232,232)!important; /* Old browsers */
		background: -moz-linear-gradient(top,  rgba(232,232,232,1) 0%, rgba(255,255,255,1) 100%)!important; /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(232,232,232,1)), color-stop(100%,rgba(255,255,255,1)))!important; /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(232,232,232,1) 0%,rgba(255,255,255,1) 100%)!important; /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(232,232,232,1) 0%,rgba(255,255,255,1) 100%)!important; /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(232,232,232,1) 0%,rgba(255,255,255,1) 100%)!important; /* IE10+ */
		background: linear-gradient(to bottom,  rgba(232,232,232,1) 0%,rgba(255,255,255,1) 100%)!important; /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#ffffff',GradientType=0 )!important; /* IE6-9 */
	}


	.wp-caption.alignleft {
		float: none;
	}

}