/************************************************************************************
ÌÎÁÈËÜÍÛÅ ÓÑÒÐÎÉÑÒÂÀ
*************************************************************************************/
@media screen and (max-width: 1280px) {	
	img.teacrit_logo {
	width: 270;
	margin: 6 0 10 0;
	}
}

@media screen and (max-width: 1150px) {	
	div.tc_menu_full {
	display: none;
	}
	div.tc_menu_short {
	display: block;
	}
}

@media screen and (max-width: 1080px){
	div.mospuppets {
	display: none;
	}
	
	/*
	iframe.main_video {
	width: auto;
	height: auto;
	}
	*/
	iframe.main_video {
	width: 100%;
	}
	
}
@media screen and (max-width: 1024px){
	div.composer_list {
	 column-count:3; 
	 -moz-column-count:3; 
	 -webkit-column-count:3;
	}
	img.teacrit_logo {
	width: 220;
	margin: 6 0 10 0;
	}	
	
}

@media screen and (max-width: 960px){
	div.right_column {
	display: none;
	}	
	div.right_down {
	display: block;
	background: #FF9900;
	margin: 0 0 10 0;
	padding: 5 5 5 5;
	}
	
}


@media screen and (max-width: 768px){
	h1 {
	font-size: 300%;
	margin: 0;
	}
	div.left_column {
	display: none;
	}	
	div.left_down {
	display: block;
	width: 100%;
	background: #CCFFCC;
	margin: 0 0 10 0;
	padding: 5 5 5 5;
	}
	img.lng_flag {
	width: 20; 
	height: 9;
	}
	img.calendar_event {
	width: 150;
	float: left;
	}
	
	img.video_thumbnail {
	float: left;
	}
	.unvisible {
	display: none;
	}
	img.logo_keyF {
	display: none;
	}
	img.logo_bekar {
	display: none;
	}
	div.tc_menu_short {
	display: none;
	}
}

@media screen and (max-width: 600px){
	div.composer_list {
	 column-count:2; 
	 -moz-column-count:2; 
	 -webkit-column-count:2;
	}	
}

@media screen and (max-width: 530px){
	h1 {
	font-size: 250%;
	}
	img.announce_picture {
	width: 150;
	float: left;
	}
	div.header {
	font-size: 12;	
	}
	div.slider {
	display: none;
	}
}

@media screen and (max-width: 480px){
	h1 {
	font-size: 200%;
	}
	img.pp_nk {
	width: 150;
	}	
}
@media screen and (max-width: 400px){
	h1 {
	font-size: 160%;
	margin: 5 0 0 0;
	}
	br.br {
	display: block;
	}		
}

@media screen and (max-width: 312px){
	h1 {
	font-size: 130%;
	}
	img.pp_nk {
	width: 150;
	float: none;
	}
	div.composer_list {
	 column-count:1; 
	 -moz-column-count:1; 
	 -webkit-column-count:1;
	}
	img.announce_picture {
	float: none;
	margin: 0 5 5 0;
	}
	img.calendar_event {
	float: none;
	}
	img.video_thumbnail {
	float: none;
	}
}

@media screen and (max-width: 240px){
img.teacrit_logo {
	 width: 90;
	 margin: 0 0 0 0;
	 clear: both;
	}
}