@media screen and (max-width: 925px) {
	#index .shortly{
		padding-left: 7px;
		box-sizing: border-box;
	}
	#index .shortly h2{
		margin-bottom: 5px;
	}
	.breadcrumbs{
		margin-left: 7px;
	}
	#logo{
		margin-left: 7px;
	}
	#wrapper #top-link{
		display: none !important;
		opacity: 0 !important;
		background: none !important;
	}
     #wrapper{
     	width: 100%;
     	max-width: 922px;
     	overflow: hidden;
     }
     .span9{
     	width: 100%;
     }

     /*HEADER*/
     #logo{
     	margin-top: -34px;
     }
     #page_header{
     	padding-bottom: 0;
     }
     #page_header .menu{
     	margin-left: 0;
     	display: none;
     }
     #page_header .menu ul li{
     	float: none;
     	margin: 0;
		background-color: #000;
		border-bottom: 1px solid #1a1a1a;
		padding: 10px 10px;
     }
     #page_header .menu ul li a{
     	color: #fff;
     }
     #btn__menu-bar{
			height: 50px;
	    width: 50px;
	    background-color: black;
	    display: flex;
	    justify-content: center;
	    align-items: center;
	    position: absolute;
	    margin-top: -32px;
	    right: 4px;
	}
	.icon__menu-bar{
		background-repeat: no-repeat;
		background-image: url(/img/menu-bar.png);
		display: inline-block;
		width: 38px;
		height: 36px;
		background-position: 5px 7px;
		background-size: 168%;
	}
	#page_header .menu ul li.burn{
		display: none;
	}

	/**/
	#wrapper_bg{
		display: block;
	}
	.topic_of_day{
		width: 70%;
		margin: 0;
	}
	.content_block.tv.last{
		float: right;
		width: 30%;
		margin: 0;
		background-color: #ffff;
	}
	.colgroup{

	}
	.colgroup.what_news_disko_artist{
		width: 100%;
	}
	.content_block.material.white.span4{
		width: 69%;
		margin-right: 1%;
		box-sizing: border-box;
	}
	.content_block.albums.white.span2{
		width: 30%;
		margin-right: 0;
		box-sizing: border-box;
		height: 633px;
	}
	.content_block.shortly nav {
    	top: 8px;
    	right: 12px;
	}
	.content_block.artists.white.span6{
		width: 100%;
		margin: 0;
		box-sizing: border-box;
		overflow: hidden;
		margin-bottom: 12px;
	}
	#index .adv.span3{
		display: none;
	}
	#index .content_block.span9.full_length.video{
		box-sizing: border-box;
		padding-right: 12px;
		padding-left: 12px;
		overflow: hidden;
	}
	#index .content_block.span9.full_length.video nav{
		right: 12px;
	}
	.boxing5{
		width: 67%;
		box-sizing: border-box;
	}
	.boxing6{
		width: 33%;
		box-sizing: border-box;
	}
	.content_block.span6.reading{
		width: 98%;
		margin-right: 0;
		margin-left: 0;
	}
	.boxing5 .content_block.white.span3.last.social{
		padding-left: 8px;
		width: 50%;
		box-sizing: border-box;
	}
	.boxing5 .content_block.talks.white.span3.last{
		width: 48%;
		box-sizing: border-box;
	}
	#index .talks, .social{
		height: 326px;
		margin-left: 0;
	}
	#index .boxing5 .content_block h4{
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	}
	#index .boxing5 .content_block .page{
		    max-width: 605px;
	}
	#index .reading .gray_pad{
		height: 70px;
	}
	#index .reading h2{
		top: 229px;
	}
	#index .reading nav{
		top: 255px;
	}
	/*end-head-page*/

	/*news*/
	.boxing7{
		width: 66%;
		overflow: hidden;
	}
	.boxing8{
		width: 33%;
		margin-left: 5px;
	}
	#news > .boxing8 > .adv.span3 ins.adsbygoogle,
	#video > .boxing8 > .adv.span3 ins.adsbygoogle,
	#reading > .boxing8 > .adv.span3 ins.adsbygoogle,
	#artists > .boxing8 > .adv.span3 ins.adsbygoogle,
	#reviews > .boxing8 > .adv.span3 ins.adsbygoogle,
	#albums > .boxing8 > .adv.span3 ins.adsbygoogle{
		display: none !important;
	}
	.content_block.main{
		width: 100%;
		box-sizing: border-box;
	}
	.view.grid .span3{
	    width: 49%;
	    overflow: hidden;
	    margin-right: 2%;
	}
	.view.grid .grid_element.span3:nth-child(even){
		margin-right: 0;
	}
	.view.list .list_element .span3{
		width: 284px;
		overflow: hidden;
	}
	.view.grid .grid_element.span2{
		width: 32%;
		margin-right: 2%;
		overflow: hidden;
	}
	.view.grid .grid_element.span2:last-child{
		margin-right: 0;
	}
	#reviews .list .inner_content,
	#albums .list .inner_content{
		width: 370px;
	}


	/*item-page*/
	#news_item .colgroup,
	#video_item .colgroup,
	#reading_item .colgroup,
	#artist_item .colgroup,
	#review_item .colgroup,
	#album_item .colgroup,
	#shortly_item .colgroup,
	#user_profile > .colgroup,
	#galleries .colgroup
	{
		float: none;
	}
	article iframe{
		max-width: 100% !important;
		margin-left: auto;
		margin-right: auto;
	}
/*	.span6{
		margin: 0 auto;
		float: none;
	}*/
	.adv.span3{
		margin: 0 auto;
		float: none;
	}
	#news_item .content_block.white.span3.last.social,
	#album_item .content_block.white.span3.last.social,
	#reading_item .content_block.white.span3.last.social,
	#review_item .content_block.white.span3.last.social,
	#artist_item .content_block.white.span3.last.social,
	#video_item .content_block.white.span3.last.social,
	#shortly_item .content_block.white.span3.last.social,
	#galleries .content_block.white.span3.last.social,
	#galleries .content_block.white.top_materials.span3.last,
	#galleries .content_block.talks.white.span3.last
	{
		float: none;
		margin: 0 auto;
	}
	.yandex-direct{
		width: 100%;
		height: auto;
		float: none;
		margin: 0px;
		padding: unset;
	}
	.span6.content_block.comments,
	.content_block.white.article_likes.span6.clearfix,
	.content_block.white.span3.last.profiles,
	.content_block.white.span3.last.video.promo,
	.content_block.audio.white.span3.last,
	.content_block.white.span3.last.related_reading{
		float: none;
		margin: 12px auto;
		box-sizing: border-box;
	}
	footer{
		padding-left: 7px;
		box-sizing: border-box;
	}
	footer .col1 {
    	width: 218px;
    	float: none;
    	margin-bottom: 16px;
	}
	.about_content img{
		width: 100%;
		height: auto;
	}
	/*settings*/
	#user_edit .content_block.user_edit_nav{
		width: 100%;
	}
	#user_edit .user_edit_nav ul li{
		float: left;
	}
	#user_edit #edit_profile{
		margin: 0 auto;
		display: block;
		float: none;
		margin-top: 49px;
		margin-bottom: 12px;
	}
	#reading .grid_element.span3
	{
		max-width: 305px;
	}
	#reading .content_block.main.white.span6{
		max-width: 595px;
	}
	/*search*/
	.search_form {
    max-width: 616px;
    width: 93%;
	}
	
}
















@media screen and (max-width: 768px) {
	.shortly_item .inner_content{
		width: 230px;
	}
	.top_materials .inner_content{
		width: 174px;
	}
	.breadcrumbs{
		display: none;
	}
	.view_switcher{
		display: none;
	}
	#index .shortly h2{
		height: 53px;
		margin-bottom: 5px;
	}
	.reading .gray_pad{
		max-width: 505px;
	}
	.reading h2{
		left: 235px;
	}
     .boxing7{
     	width: 60%;
     }
     .view .title{
     	font-size: 14px;
     	line-height: 19px;
     }
     #video .list_element, #tv .list_element {
	    margin-bottom: 15px;
	    width: 100%;
	    max-width: 300px;
	    margin: 0 auto;
	    margin-bottom: 12px;
	}
	#albums .list_element{
	    margin-bottom: 15px;
	    width: 100%;
	    max-width: 195px;
	    margin: 0 auto;
	    margin-bottom: 22px;
	}
	.view .grid_element.span2 .title{
		width: 100%;
	}
	#reading .content_block.main.white.span6{
		margin: 0 auto;
	}
	#reading .colgroup{
		float: none;
	}
	.content_block.white.last{
		float: none;
		margin: 12px auto;
		box-sizing: border-box;
	}
}

@media screen and (max-width: 540px) {
	#btn__menu-bar{
		margin-top: -32px;
		right: 4px;
	}
     .topic_of_day{
     	width: 100%;
     	float: none;
     }
     .content_block.tv.last{
     	float: none;
     	width: 100%;
     }
     .topic_of_day .topic{
     	max-width: 320px;
     }
     .topic_of_day .gray_pad{
     	left: 8px;
     	width: calc(98% - 8px);
     	height: 100%;
     }
     .topic_of_day .topic .pic{
     	display: block;
     	width: 100%;
     	height: 100%;
     }
     .topic_of_day .topic .pic img{
		/*max-width: 375px;
     	min-width: 360px;*/
     	width: 100%;
     	height: auto;
     }
     .topic_of_day h3{
     	font-size: 20px;
     	line-height: 25px !important;
     }
     .topic_of_day .viewport, .topic_of_day .page{
     	height: 157px;
     }
	 .downloads a {
		margin: 2px;
	 }
     /*preview*/
     .content_block.shortly .viewport, .content_block.shortly .page{
     	margin-top: 6px;
     }
     .shortly_block {
     	float: none;
     }
     .shortly_block .text_content a{
     	display: block;
     	margin-bottom: 10px;
     	width: 240px;
     }
     .content_block{
     	float: none;
     }
     .content_block.white{
     	padding-left: 8px;
     	padding-right: 8px;
     }
     .content_block.material.white.span4{
     	width: 100%;
     	margin-right: 0;
     }
     .material_item .text_content{
     	margin-left: 89px;
     }
     .white.span4, .white.span4 .viewport, .white.span4 .page{

     }
     #index .content_block h4{
		max-width: 220px;
		line-height: 16px;
		font-size: 14px;
		margin-top: 1px;
     }
     .material_item{
     	height: 82px;
     }

     .white.span2, .white.span2 .viewport, .white.span2 .page{
     	width: 100%;
		max-width: 320px;
     	box-sizing: border-box;
     }
     .albums .album{
     	text-align: center;
     	height: 242px;
     }
     #index .content_block .album  h4{
     	max-width: 95%;
     	margin-left: auto;
     	margin-right: auto;
     }
     .content_block.albums.white.span2{
     	height: 100%;
     	margin: 12px auto;
     	width: 100%;
     }

     /*vied*/
     #index .content_block.span9.full_length.video{
     	float: none;
     	padding-left: 8px;
     	padding-right: 8px;
		height: 1450px;
     }
     #index .video_item{
     	max-width: 305px;
     	width: 100%;
     	margin-right: 0;
     	float: none;
     }
     #index .video_item .pic img{
		width: 100%;
		height: auto;
		max-height: 170px;
     }
     #index .video .page{
     	margin-right: 0px;
     	width: 304px;
     }
     #index .video_item{
     	margin-bottom: 7px;
     }
     /*chtiv*/
     .content_block.span6.reading{
     	width: 100%;
     	float: none;
		height: 157px;
     }
     .boxing5, .boxing6{
     	width: 100%;
     	float: none;
     }
     .boxing5 .content_block.white.span3.last.social{
     	width: 100%;
     }
     .boxing5 .content_block.talks.white.span3.last{
     	width: 100%;
     	float: none;
     }
	.reading .gray_pad{
		width: 100%;
		max-width: 320px;
	}
	#index .reading .gray_pad{
		height: 99px;
	}
	#index .reading h2{
		left: 139px;
		top: 13px;
	}
	#index .reading nav{
		top: 56px;
	}
	.reading nav .left{
		left: 8px;
	}
	.reading nav .right{
		right: 8px;
	}
	#index .boxing5 .content_block .page{
		width: 100%;
		max-width: 320px;
	}
	.content_block.span6.reading .pic img{
		width: 100%;
		height: 100%;
	}
	#index .reading .gray_pad{
		height: 100%;
		box-sizing: border-box;
	}
	.artists .artist p{
		max-height: 72px;
	}
	.alphabet{
		width: 100%;
		padding: 8px;
		box-sizing: border-box;
		height: 122px;
		line-height: 33px;
	}
	footer .col{
		margin-right: 20px;
		margin-left: 8px;
		height: 195px;
	}
	footer .col1{
		margin-left: 8px;
	}
	footer .copyright{
		padding-left: 8px;
		box-sizing: border-box;
	}
	footer .copyright a[href*="rambler"]{
		top: -20px;
	}

	/*NEWS*/
	.boxing7{
		width: 100%;
		float: none;
	}
	#news .grid_element{
		margin-right: 0;
		float: none;
		width: 100%;
		max-height: 247px;
		margin-bottom: 15px;
	}

	/*ITEM*/
	#news_item .main{
		padding-top: 12px;
	}
	#news_item .main .pic{
		position: relative;
	}
	.content_block article h2{
		text-align: left;
		font-size: 25px;
		max-width: 300px;
	}
	article iframe{
		min-width: 280px !important;
	}
	.white.span6, .white.span6 .viewport, .white.span6 .page{
		width: 100%;
		max-width: 320px;
		box-sizing: border-box;

	}
	.span6{
		width: 100%;
	}
	.article_likes .rating{
		margin-right: 5px;

	}
	.yandex-direct{
		width: 100%;
		height: auto;
		float: none;
		margin: 0px;
		padding: unset;
	}
	/*disc*/
	.view.grid .grid_element.span2{
		width: 100%;
		float: none;
		margin-right: 0;
		text-align: center;
	}
	#album_item .album .inner_content,{
		float: none;
		width: 100%;
	}
	#video .grid_element, #tv .grid_element{
		width: 100%;
		float: none;
		margin-bottom: 12px;
	}
	.pagination{
		margin-left: 0;
		margin-right: 0;
		text-align: center;
	}
	.boxing8{
		width: 100%;
		float: none;
	}
	/*item-video*/
	.span6.content_block.comments, .content_block.white.article_likes.span6.clearfix, .content_block.white.span3.last.profiles, .content_block.white.span3.last.video.promo, .content_block.audio.white.span3.last, .content_block.white.span3.last.related_reading{
		width: 100%;
	}
	.white.span3, .white.span3 .viewport, .white.span3 .page{
		width: 100%;
		max-width: 304px;
	}
	.boxing8{
		margin-left: 0;
	}
	.span3{
		width: 100%;
	}
	#artist .main_column{
		width: 100%;
	}
	#artist .portrait{
		width: 100%;
		height: auto;
	}
	#artist .colgroup{
		float: none;
	}
	#artist .text, #artist .reading_promo{
		box-sizing: border-box;
		width: 100%;
	}
	#artist  .white.span2, #artist .white.span2 .viewport, #artist .white.span2 .page{
     	width: 100%;
     	box-sizing: border-box;
     }
     .reading_promo h4{
     	max-width: 217px;
     }
     /*sort*/
     .sort_by{
     	text-align: center;
     }
     .sort_by span{
		position: absolute;
		top: 7px;
		right: 8px;
     }
     .sort_by a{
     	display: none;
     }
     .sort_by span:after{
		content: '';
		display: inline-block;
		width: 14px;
		height: 14px;
		background-image: url(/img/sprite.svg);
		background-color: #ffffff;
		background-position: -251px -10px;
		background-repeat: no-repeat;
	}
	.view .title{
		margin-bottom: 2px;
	}
	#news_item .viewport .pages .page{
		width: 360px;
	}
	#albums .content_block .view.grid{
		text-align: center;
	}
	.view .grid_element.span2 .title{
		margin-bottom: 2px;
	}
	#reading .grid_element.span3{
		margin-right: 0;
		width: 100%;
		float: none;
	}
	#reading_item .main{
		padding-top: 12px;
	}
	#reading_item .main .pic{
		height: auto;
		position: relative;
	}
	#artists .grid_element{
		width: 100%;
		float: none;
		margin-right: 0;
		margin-bottom: 15px;
	}
	#artists .grid_element .pic{
		margin-bottom: 6px;
	}
	#artists .artist_promo .inner_content{
		width: 230px;
	}
	#review_item .album .inner_content{
		width: 100%;
		float: none;
	}
	#review_item .review.span6 .inner_content{
		width: 170px;
	}
	#review_item .review .title{
		font-size: 17px;
		line-height: 19px;
	}
	#user_profile .colgroup{
		float: none;
		width: 100%;
	}
	#user_profile .respect_value img{
		display: none;
	}
	#user_edit .content_block.user_edit_nav{
		float: none;
		width: 100%;
	}
	#user_edit .user_edit_nav ul li{
		float: none;
		display: block;
	}
	#user_edit #edit_profile{
		margin-bottom: 12px;
		margin-top: 12px;
		width: 100%;
	}
	#user_edit #edit_profile label{
		float: left;
		text-align: left;
		width: 100%;
	}
	#user_edit #edit_profile .field.text label, #user_edit #edit_profile .field.text .comment{
		top: 0px;
		margin-left: 0;
	}
	#user_edit #edit_profile .inner_content{
		float: none;
		display: block;
	}
	#user_edit input[type="text"], #user_edit input[type="password"], #user_edit textarea{
		width: 100%;
		box-sizing: border-box;
	}
	#user_edit #edit_profile .inner_content.no_label{
		margin-left: 0;
	}
	 .about_content img{
		width: 100%;
		height: auto;
	}
	.popup{

		top: 0;
		left: 0;
		width: 100%;


	}
	.popup.feedback .popup_content_block{
		width: 100%;
		box-sizing: border-box;
		padding: 12px;
		float: none;
	}
	.popup_content_block .field label{
		display: block;
		text-align: left;
		margin-right: 0;
		margin-bottom: 3px;
	}
	.popup.feedback textarea{
		width: 250px;
	}
	.popup.feedback select{
		margin-left: 0;
	}
	.popup_content_block .field.no_label{
		padding-left: 0;
	}
	.popup.feedback{
		overflow: hidden;
	}
	.gallery_widget{
		width: 100%;
		margin: 12px 0;
	}
	.fotorama__frame{


	}
	.gallery_item .gallery_widget .fotorama img{

	}
	.gallery_widget .fotorama__wrap, .gallery_widget .fotorama__thumbs_previews{
		max-width: 304px;
	}
	.gallery_widget .fotorama__wrap .fotorama__img{
		left: 0 !important;
	}
	.popup .subscribe,.popup.subscribe .popup_content_block, .popup_content_block{
		width: 100%;
	}
	.popup.forgot form{
		margin-left: 0;
	}
	.popup.forgot .field.no_label{
		padding-left: 0;
	}
	.popup.forgot{
		background-color: #fff;
	}
	.popup .forgot{
		box-sizing: border-box;
	}
	.signup_success .popup_content_block {
		text-align: center;
	}
	.signup_success .popup_content_block .field.no_label{
		padding-left: 0;

	}
}






































@media screen and (max-width: 480px) and (min-width: 320px) {
	.content_block.artists.white.span6{
		margin: 12px auto;
	}
	.content_block.albums.white.span2,
	.white.span2, .white.span2 .viewport,
	.white.span2 .page, .content_block.artists.white.span6,
	.white.span6, .white.span6 .viewport, .white.span6 .page,
	.artists .artist{
		max-width: 464px;

	}
	.artists .artist{
		float: none;
		margin: 0 auto;
	}
	.artists .artist:last-child{
		margin-right: auto;
	}
	.artists{
		height: 100%;
		max-height: 585px;
	}
	.topic_of_day .topic{
		max-width: 480px;
	}
	.topic_of_day .viewport, .topic_of_day .page{
		height: 228px;
	}

	#index .video_item{
		max-width: 464px;
		width: 464px;

	}
	#index .video .page{
		width: 464px;
	}
	#index .video_item .pic img{
		max-height: 260px;
	}
	#index .boxing5 .content_block .page{
		max-width: 480px;
	}
	.reading .gray_pad{
		max-width: 480px;
		padding-top: 160px;
	}
	.content_block.span6.reading{
		height: 236px;
	}
	#index .content_block h4{
		max-width: 360px;
	}
	#index .reading h2{
		left: 214px;
		top: 134px;
	}
	#index .reading nav{
		top: 165px;
	}
	.white.span3, .white.span3 .viewport, .white.span3 .page{
		max-width: 100%;
	}
	footer .col{
		margin-right: 24px;
		height: 150px;
	}
	 .content_block.main {
    width: 100%;
    position: relative;
    max-width: 100%;
	}
	 .grid_element{
		text-align: center;
	}
	.view .title{
		max-width: 317px;
	}
	.top_materials .inner_content{
		width: 210px;
	}
	 .main{
		min-width: 100%;
	}
	.related_video .inner_content, .video.promo .inner_content{
		width: 200px;
	}
	.viewport .pages .page{
		max-width: 480px;
	}
	#reading .grid_element.span3{
		display: inline-block;
	}
	#reading .view.grid{
		text-align: center;
	}
}

/*end-480*/






















/*414-412*/
@media screen and (max-width: 425px) and (min-width: 320px) {
		.content_block.albums.white.span2,
	.white.span2, .white.span2 .viewport,
	.white.span2 .page, .content_block.artists.white.span6,
	.white.span6, .white.span6 .viewport, .white.span6 .page,
	.artists .artist{
		max-width: 382px;

	}
		.topic_of_day .topic{
		max-width: 425px;
	}
	.topic_of_day .viewport, .topic_of_day .page{
		height: 204px;
	}
	#index .video_item .pic img{
		max-height: 260px;
	}
	#index .reading h2 {
    left: 189px;
    top: 117px;
		}

	#index .boxing5 .content_block .page{
		max-width: 414px;
	}
	.reading .gray_pad{
		max-width: 414px;
		padding-top: 140px;

	}
	#index .reading h2{
		left: 184px;
		top: 116px;
	}
		#index .reading nav{
		top: 144px;
	}
	.content_block.span6.reading{
		height: 203px;
	}
}

@media screen and (max-width: 414px) {
	.topic_of_day .topic .pic img{
     	width: 414px;
     	height: auto;
     }
}

@media screen and (max-width: 375px) and (min-width: 320px) {
			.content_block.albums.white.span2,
	.white.span2, .white.span2 .viewport,
	.white.span2 .page, .content_block.artists.white.span6,
	.white.span6, .white.span6 .viewport, .white.span6 .page,
	.artists .artist{
		max-width: 355px;
	}
			.topic_of_day .topic{
		max-width: 375px;
	}
	.topic_of_day .viewport, .topic_of_day .page{
		height: 180px;
	}
	#index .video_item{
		max-width: 375px;
	}
	#index .boxing5 .content_block .page{
		max-width: 375px;
	}
	.reading .gray_pad{
		padding-top: 100px;
	}
	#index .reading h2 {
    left: 168px;
    top: 80px;
}
#index .reading nav {
    top: 113px;
}
.content_block.span6.reading{
	height: 183px;
}
footer .col{
	margin-right: 42px;
    margin-bottom: 7px;
    height: 150px;
}
.white.span4, .white.span4 .viewport, .white.span4 .page{
	width: 340px;
}
}

@media screen and (max-width: 360px) and (min-width: 320px) {

}





/*add*/
@media screen and (max-width: 540px) and (min-width: 460px){
.albums .album {
    text-align: center;
    height: 242px;
    width: 50%;
    float: left;
}
}

@media screen and (max-width: 770px) and (min-width: 640px){
	#index .what_news_disko_artist .content_block.artists .viewport .page,
	#index .what_news_disko_artist .content_block.artists .viewport{
		width: 736px;
	}
#index .what_news_disko_artist .content_block.artists .viewport .artist{
	width: 350px;
}
#index .what_news_disko_artist .content_block.artists .viewport .artist .pic img{
	width: 100%;
	height: auto;
}
footer.span9{
	padding-left: 7px;
	box-sizing: border-box;
}
footer .copyright a[href*="rambler"]{
	top: -50px;
}
.content_block.span6.reading .viewport .pages .page{
	width: 482px;
}
.content_block.span6.reading .viewport .pages .page .pic img{
	width: 100%;
	height: auto;
}
#index .content_block.span6.reading {
	height: 235px
}
#index .reading nav{
	top: 175px;
}
#index .reading h2{
	top: 142px;
	left: 221px;
}
#index .reading nav .left{
	left: 8px;
}
#index .reading nav .right{
	right: 8px;
}

#index .boxing5 .content_block.white.span3.last.social{
	width: 98%;
	margin-left: 0;
	height: 257px;
}
#index .content_block.talks.white.span3.last{
	    width: 98%;
    margin-left: 0;
}
#video .video.promo .inner_content{
	width: 123px;
}
#video .content_block.white.span3.last.video.promo{
	margin-top: 0;
}
.alphabet{
	    padding: 9px;
    box-sizing: border-box;
    height: 74px;
    line-height: 25px;
}
}
@media screen and (max-width: 640px) and (min-width: 541px){
	.boxing5 .content_block.talks.white.span3.last{
		width: 98%;
	}
	.boxing5 .content_block.white.span3.last.social{
		width: 98%;
	}
	.alphabet{
		    padding: 9px;
    box-sizing: border-box;
    height: 74px;
    line-height: 25px;
	}
}
@media screen and (max-width: 540px) and (min-width: 485px){
	#index .video .page{
		width: 500px;
	}
	#index .video_item{
		max-width: 470px;
	}
	#index .video_item .pic img{
		max-height: 264px;
	}
}

@media screen and (max-width: 690px) and (min-width: 650px){
	#reading .colgroup{
		float: left;
	}
	.content_block.white.span3.last.social .viewport {
		margin: 0 auto;
	}
}
@media screen and (max-width: 380px) and (min-width: 340px){
	.gallery_widget .fotorama__wrap, .gallery_widget .fotorama__thumbs_previews{
		max-width: 360px;
	}
}
@media screen and (max-width: 430px) and (min-width: 390px){
	.gallery_widget .fotorama__wrap, .gallery_widget .fotorama__thumbs_previews{
		max-width: 406px;
	}
}
@media screen and (max-width: 700px) and (min-width: 300px){
	.popup{
				    overflow-y: auto;
    height: 500px;
    overflow-x: hidden;
	}
}