/*= Адаптирование под ширину экрана =*/
/*= 1200px =*/
@media screen and (max-width:1200px)
{
	.blogbody {margin:0 20px;}
	.main_page_tiles2 .main_page_tiles_item {max-width:50%;}
	.main_page_promo .tiles .tiles_block {width:50%;}
}
/*= 1000px =*/
@media screen and (max-width:1000px)
{
/*-*/	#toptopcenter,
	.line_common.header_A .pos_header_A_2 {display:none;}
	
	
/*-*/	#top_banner_conteiner {min-height:unset;}
/*---???
	.main_page_tiles2 .tile img {
		float:left;
		max-width:48px;
	}
---*/
	.main_page_tiles2 .tile span.text {clear:both;}
	.main_page_block .promo {padding:15px 50px;}
	.blogbody {margin:0;}
	.main_page h1 {font-size:3.0rem;}
	.main_page_block .pict_l {
		float:none;
		margin:0 auto;
	}
	.citata {margin:25px;}
	.help h4,
	.help .help_text_h4
	{width:unset;}

	.blog.textpad .items-row.cols-1,
	.blog.blogbody .items-row.cols-1,
	.blog.blogbody .items-row.cols-2 > div
	{width:100%;}
}
/*= 900px =*/
@media screen and (max-width:900px)
{
/*-*/	.top_banner h4,
	.main_page p.top {display:none;}

/*-*/	#top_mods [class^="contentmod mod3_"] {width:50%;}
/*---
	#top_mods .contentmod.mod3_3 {width:100%;}
---*/
/*---
	.blog.textpad .items-row .item {margin:25px 0;}
---*/
	.blog.textpad.advice .items-row.cols-1 {width:50%;}
/*---
	.blog.textpad.advice .items-row .item {margin:25px;}
---*/
	.newsflash.page_articles .newsflash_item {min-width:300px;}
	
/*+*/	.tiles .tiles_item {flex-basis: calc(50% - 10px);}
}
/*= 800px =*/
@media screen and (max-width:800px)
{
/*-*/	#header_center,
	.line_common.header_B .pos_header_B_2 {display:none;}

/*-*/	.leftrow,
/*-*/	.rightrow,
	.pagebottom .bls table,
	.line_content .line_container .content.left,
	.line_content .line_container .content.right
	{display:none;}

	.line_content .line_container .content.center.content_l,
	.line_content .line_container .content.center.content_r,
	.line_content .line_container .content.center.content_lr
	{
		padding:0;
		width:100%
	}
	
	.main_page {padding:0;}
	.main_page_block .promo {
		clear:both;
		padding:30px 5px 0 5px;
	}
	.promo_block_reg {width:auto;}

	.promo_block_reg .text,
	.promo_block_reg .action
	{
		float:none;
		width:auto;
		text-align:center;
	}
	.control-group .control-label
	{
		float:none;
		width:auto;
		text-align:left;
	}
/*---
	.authorisation .control-group .control-label {
		width:100%;
		text-align:left;
	}
---*/
	h1 {font-size:2.2rem;}
	h2, .main_page_promo h2 {font-size:1.6rem;}
/*---
	.authorisation .control-group .controls {clear:both;}
---*/
	.main_page_promo .tiles {padding:0;}
	.main_page_promo .tiles .tiles_block {width:100%;}
}
/*= 600px =*/
@media screen and (max-width:600px)
{
/*-*/	#nav_header,
	.line_common.header_B .pos_header_B_3 {
		margin:0 auto;
/*		padding:0;---*/
	}
	
/*-*/	#headerconteiner,
	.line_common.header_B .line_container {height:auto;}
	
/*-*/	#header_left,
	.line_common.header_B .pos_header_B_1,
	.line_common.header_C .pos_header_C_3
	 {display:none;}
	
/*-*/	#nav_header li,
	.line_common.header_B ul.nav.menu li {margin:5px 4px;}

	.line_top_banner {background-size:cover;}
/*---
	#top_mods .main_page_tiles .tile {height:unset;}
	#top_mods .main_page_tiles .tile p,
	#top_mods .main_page_tiles .tile span.p
	{display:none;}
---*/

/*---
	#top_mods [class^="contentmod mod"] {min-width:unset;}
---*/
/*---
	.main_page_tiles h2,
	.main_page_tiles span.h2
	{
		font-size:1.6rem;
	}
---*/
	.main_page_tiles2 .main_page_tiles_item {max-width:100%;}

/*+*/	.tiles .tiles_item {flex-basis: calc(100% - 10px);}
}
/*= 550px =*/
@media screen and (max-width:550px)
{
	.main_page_promo .steps .step-arrow
	{
		display:block;
		clear:both;
		text-align:center;
	}
}
/*= 450px =*/
@media screen and (max-width:450px)
{
/*-*/	#nav_header ul,
	.line_common.header_B ul.nav.menu {
		font-size:1.4rem;
		text-align:center;
		text-transform:unset;
	}

	.main_page_promo {font-size:1.4rem;}
	.main_page_promo .tiles .tiles_block {padding:15px 5px;}
	.main_page_promo .tiles .tiles_block h3 {font-size:1.4rem;}
	.blog.textpad.advice .items-row.cols-1 {width:100%;}
	
	.blog.textpad h6 {
		float:none;
		margin:10px 0 0;
		text-align:center;
	}
}
