/*
@include media-breakpoint-down(xs) { ... }
@include media-breakpoint-down(sm) { ... }
@include media-breakpoint-down(md) { ... }
@include media-breakpoint-down(lg) { ... }
*/

/* Экстрамалые девайсы («портретные телефоны», < 576px) xs */
@media (max-width: 575.98px) {
	
	.xs-hide
	{
		display:none;
	}
	
	.footer
	{
		height:auto;
		padding-bottom:30px;
	}
	
	
	.index-1 .info>div>div
	{	
		padding:0px 30px 40px 30px;
	}
	
	.index-1 .info>div>div
	{	
		padding:0px 30px 40px 30px;
	}
	
	.index-1 .info>div:first-child>div
	{
		padding-top:40px;
	}
	
	.index-1 .news>div
	{
		max-width:none;
	}
	
	.index-1 .news
	{
		padding:30px 30px 10px 30px;
	}
	
	.menu-top .menu>ul>li
	{
		display:none;
	}
	
	.menu-top .menu .button-open-menu
	{
		display:block;
	}
	
	.menu-top .info span
	{
		display:none;
	}
	.menu-top .info .region p
	{
		margin-left:-70px;
		font-size:1em;
	}
	.menu-top .info .region p span
	{
		display:inline-block;
	}
	
	.banners .banner
	{
	
	}
	
	.banners .banner>div
	{
		background-position:calc(100vw - 800px) 0px!important;
	}
	
	.banners .annonce
	{
		padding-top:30px;
	}
	
	.checkmark-circle
	{
		margin:0px !important;
	}
	
	.contact-phone
	{
		border-top:1px solid #cccccc;
		border-left:0px;
	}
	
	.gaz-form>div
	{
		padding:10px;
	}
	
	
	
	.news2,
	.article2
	{
		text-align:center;
		margin:0px 0px 0px 0px;
	}

	.news2 .col-12,
	.article2 .col-12
	{
		padding:40px 30px 40px 30px;
	}
	
	.news2 a,
	.news2 .image,
	.article2 a,	
	.article2 .image
	{	
		float:none;
		display:inline-block;
	}
	
	.news2>div,
	.article2>div
	{
		margin-bottom:70px;
		min-height:0px;
		clear:both;
	}
	
	.news2 h3,
	.news2 dd,
	.news2 p,
	.news2 a,
	.article2 h3,
	.article2 dd,
	.article2 p,
	.article2 a
	{
		margin-left:0px;
	}
	
	.info-top
	{
		padding-top:20px;
		padding-bottom:20px;
		text-align:center;
	}
	
	.banners .bullets
	{
		margin-top:420px;
	}
	
	.banners, .banners .banner > div, .banners, .banners .banner {
	
		height:480px;
		overflow:hidden;
	}
}


/* Малые девайсы («ландшафтные», >= 575px) sm */
@media (min-width: 576px) and (max-width: 767.98px) { 
	
	.sm-hide
	{
		display:none;
	}
	
	.index-1 .news>div
	{
		max-width:none;
	}
	
	.menu-top .menu>ul>li
	{
		display:none;
	}
	
	.menu-top .menu .button-open-menu
	{
		display:block;
	}
	
	.banners .banner
	{
		
	}
	
	.banners .container-fluid
	{
		background-position:calc(100vw - 800px) 0px!important;
	}
	
	
	.banners .annonce
	{
		padding-top:30px;
	}
	
	.checkmark-circle
	{
		margin:0px !important;
	}
	
	.contact-phone
	{
		border-top:1px solid #cccccc;
		border-left:0px;
	}
	
	
	
	.news2,
	.article2
	{
		text-align:center;
		margin:0px 0px 0px 0px;
	}

	.news2 .col-12,
	.article2 .col-12
	{
		padding:40px 30px 40px 30px;
	}
	
	.news2 a,
	.news2 .image,
	.article2 a,	
	.article2 .image
	{	
		float:none;
		display:inline-block;
	}
	
	.news2>div,
	.article2>div
	{
		margin-bottom:70px;
		min-height:0px;
		clear:both;
	}
	
	.news2 h3,
	.news2 dd,
	.news2 p,
	.news2 a,
	.article2 h3,
	.article2 dd,
	.article2 p,
	.article2 a
	{
		margin-left:0px;
	}
	
	
	.info-top
	{
		padding-top:20px;
		padding-bottom:20px;
		text-align:center;
	}
}


/* Средние девайсы («таблетки», >= 768px) md */
@media (min-width: 768px) and (max-width: 991.98px) {
	
	.md-hide
	{
		display:none;
	}
	
	.index-1 .news>div
	{
		max-width:none;
	}
	
	.menu-top .menu>ul>li
	{
		display:none;
	}
	
	.menu-top .menu .button-open-menu
	{
		display:block;
	}
	
	.banners .banner
	{
		
	}
		
	.banners .container-fluid
	{
		background-position:calc(100vw - 1000px) 0px!important;
	}
		
	.banners .annonce
	{
		padding-top:30px;
	}
	
	.checkmark-circle
	{
		margin:0px !important;
	}	
	
}


/* Большие девайсы (большие десктопы, >= 992px) lg */
@media (min-width: 992px) and (max-width: 1199.98px) {
	
	.lg-hide
	{
		display:none;
	}
	
	.index-1 .news>div
	{
		max-width:none;
	}
	
	.menu-top .menu>ul>li
	{
		display:none;
	}
	
	.menu-top .menu .button-open-menu
	{
		display:block;
	}
	
	.banners .container-fluid
	{
		background-position:calc(100vw - 1000px) 0px!important;
	}
	
	.img-left
	{
		float:left;
		max-width:450px;
		padding:7px 40px 20px 0px;
	}

	.img-right
	{
		float:right;
		max-width:450px;
		padding:7px 0px 20px 40px;
	}	

}

/* Большие девайсы (большие десктопы, >= 1200px) xl */
@media (min-width: 1200px) {
	
	.xl-hide
	{
		display:none;
	}
	
	
	.default.container
	{
		padding:0px 10px;
		
	}

	.img-left
	{
		float:left;
		max-width:450px;
		padding:7px 40px 20px 0px;
	}

	.img-right
	{
		float:right;
		max-width:450px;
		padding:7px 0px 20px 40px;
	}
	
}