/*
*-hide
*-show
*-show-inline

FHD = [1920-..  : fhd-hidden, fhd-shown
HD  = [1200-..  : hd-hidden, hd-shown
L 	= [1024-..  : l-hidden, l-shown
M   = [768-1024): m-hidden, m-shown
MS  = [480-768) : ms-hidden, ms-shown
S   = [425-480) : s-hidden s-shown
XS  = [375-425) : xs-hidden, xs-shown
XXS = [320-375) : xxs-hidden, xxs-shown
*/


/*Win 8 Phone Fix*/
@-ms-viewport       { width:device-width; }
@-webkit-viewport   { width:device-width; }
@-moz-viewport      { width:device-width; }
@-o-viewport        { width:device-width; }
@viewport           { width:device-width; }


.s-show {display:none;}
.m-show {display:none;}


/*HD+*/
@media (max-width:1600px)
{
}

/*HD > :  */
@media (max-width:1199px)
{
	.stepper {margin:0px 32px;}
	
	.visual-right {width:calc(25% - 12px);}
	
	.about-banner .__pic {width:70%;}
	.about-banner_cert .__pic {width:40%;}
}

/*L < : */
@media (min-width:1024px)
{
	.cat-h1 .btn {display:none;}
}

/*L > : */
@media (max-width:1023px)
{
	#header .logo IMG {margin-right:0px;}
	
	#visual .container {display:block;}
	.visual-right {display:none;}
	
	.visual-links .__item {width:calc(50% - 8px); padding-bottom:24px;}
	.cards-for .__item {width:calc(33.3% - 14px);}
	.cards-serie .__item {width:calc(33.3% - 14px); padding-bottom:24px;}
	
	.about-banner .__pic {width:50%;}
	.visual-links__neste {position:static; margin-top:12px;}
	
	#footer .container {display:block;}
	#footer .plant-t-logo {display:block; margin-bottom:16px;}
	#footer .__right {margin-top:16px;}

}

/*M (middle)*/
@media (max-width:900px)
{
	BODY {overflow-x:hidden;}
	
	#mmenu {position:absolute; z-index:5; top:0px; background-color:#FFF; padding:72px 0px 12px 0px; 
		border-radius:0px 0px 0px 4px; box-shadow:-5px 5px 8px #33333399;
		right:0px; width:0px; overflow:hidden;
		transition:all 0.2s linear;
	}
	
	#mmenu .i {display:block; padding:0px 12px; border-bottom:0px; margin:0px;}
	#mmenu A {color:var(--link)!important; display:block; padding:12px 0px;}
	#mmenu .i.this {color:var(--link); background-color:#E7E6F1; padding:12px 12px;}
	#mmenu .i.this A {padding:0px;}
	
	#mmenu-special {position:absolute; right:30px; top:30px; width:14px; height:14px; padding:10px;
		background:none center center no-repeat; background-size:100%;
		background-image:var(--url-ico-x); opacity:0;
		transition:all 0.2s linear;
	}
	
	.--menu-opened #mmenu {width:300px;}
	.--menu-opened #mmenu-special {opacity:1;}
	
	#header .stepper {margin-right:20px;}
	#header .container {justify-content: inherit;}
	#header .logo {flex-grow:1;}
	#header .btn {padding:12px; display:block;}
	.m-hide {display:none;}
	.m-show {display:initial;}
	
	.mobile-button {display:block;}
	
	.ask-block_2 .__title {font-size:24px; line-height:28px;}
	.ask-block_2 .__sub {font-size:20px; line-height:28px;}
}

/*M > : (less)*/
@media (max-width:767px)
{
	#visual .container {display:block;}
	.visual-right {display:none;}
	
	.cards-for .__item {width:calc(50% - 14px);}
	.cards-serie .__item {width:calc(50% - 14px);}
	
	.about-banner .container {flex-direction:column; gap:0px;}
	.about-banner .__pic {width:100%; aspect-ratio:1/1; margin-bottom:20px; order:-1;}
	.about-banner_cert .__pic {order:1; margin-top:20px;}
}

/* MOBILE */
@media (max-width:600px)
{
	.stepper {margin:0px 24px;}
	#content-white {margin:0px -24px;}
	
	H1, .asH1 {font-size:24px; line-height:28px;}
	.h1-block {display:block;}
	.h1-block H1,.h1-block .asH1 {margin-bottom:8px;}
	
	
	.visual-links .__item {width:100%;}
	
	.cards-for .__item {width:100%; min-height:auto; display:flex; align-items:center;}
	.cards-for .__ico {margin:0px 20px 0px 0px; flex-shrink:0;}
	.cards-for A {}
	.cards-for A BR {display:none;}
	
	.cards-serie .__item {width:100%; min-height:auto; display:flex; align-items:center; padding:0px;}
	.cards-serie .__pic {margin:0px 20px 0px 0px; flex-shrink:0; border-radius:16px 0px 0px 16px; margin:0px; width:120px; height:100%;}
	.cards-serie .__pic IMG {width:81px; display:block; margin:15px 0px 18px 20px;}
	.cards-serie .__info {padding:16px 0px;}
	
	.ask-block {padding:24px;}
	.ask-block .__text {font-size:22px; line-height:32px;}
}

@media (max-width:480px)
{
	.s-hide {display:none;}
	.s-show {display:block;}
	
	#header .logo IMG {width:110px;}
	
	#visual {padding-bottom:24px;}
	#visual .stepper {margin:0px;}
	.visual-links {margin:0px 24px;}
	.visual-links_about {margin:0px 0px 24px 0px;}
	.visual-links_dealer {margin:0px 0px 24px 0px;}
	
	.ask-block {padding:24px; margin:0px -24px; border-radius:0px;}
	.ask-block .container {display:block;}
	.ask-block .__text {margin:0px 0px 24px 0px;}
	.ask-block .btn {width:100%;}

	.logos-block A {width:130px; height:50px;}
	
}

@media (max-width:425px)
{
	.cards-serie .__pic {display:flex;}
	.cards-serie .__pic IMG {margin:auto;}
}

@media (max-width:380px)
{
	#header .logo IMG {width:90px;}
	.cards-for A {font-size:18px; line-height:28px;}
	
	.logos-block A {width:110px; height:40px;}
}