/*
XL = From 1200
L = Large = From 1024
M = Medium = Less 1024 : m-hidden, m-shown
MS = Less 768 ms-hidden, ms-shown
S = Small = Less 480  s-hidden s-shown
XS = Less 375 xs-hidden
*/

/*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; }

@media (min-width:1900px)
{
	#header.visual  {min-height:1080px;}
}

@media (min-width:1400px) and (max-width:1900px)
{
	#header.visual  {min-height:810px;}
}


@media (min-width:1201px)
{
	.xl-hidden {display:none;}
	#header .logo {margin-left:55px;}
	#mmenu .i:hover .submenu {display:block;}
	.menu-header {display:none;}
	#mmenu .plus {display:none;}
}

@media (max-width:1200px)
{
	.xl-hidden {display:block;}
	.h-content {padding-bottom:13px;}
	.h-content .main-block {width:calc(100% - 250px); padding-top:10px;}
	.h-content .top-line {border-width:0px; float:left; width:calc(100% - 70px); padding:0px;}
	.h-content .top-line .phone-main  {padding-top:10px;}
	.h-content .top-line .phone-main .phone-img {width:48px;}
	.h-content .top-line .phone-main SPAN {font-size:28px;}
		
	.login-block .login {/*border-left:2px solid rgba(255,255,255,0.12);*/ padding:0px 0px 0px 20px;}
	.login-block .login {height:64px; width:64px; padding:0px; background-size:48px auto;}
	.login-block .login A {display:none;}
	#login-menu {right:40px; margin-top:45px;}
	#login-menu .menu-header {height:25px;}
	#login-menu .menu-header IMG {right:110px;}
	.login-block:hover #login-menu {display:block;}
	.login-block .reg {width:0px; height:0px; overflow:hidden; padding:0px;} /*visibility hack*/
	
	.menu-line {float:right;}
	#mmenu {display:none; position:absolute; z-index:10; width:260px; margin-left:-199px;}
	#mmenu .i {float:none; border-bottom:2px solid #595959;}
	#mmenu .i > A, #mmenu .i > SPAN, #mmenu .i > A:hover, #mmenu .i > SPAN:hover {border-width:0px!important;
		padding-left:20px; padding-right:20px;}
	#mmenu .i > A {width:170px; white-space:nowrap;}
	
	.submenu .i2 A,.submenu .i2  > SPAN {padding-left:27px; margin-right:45px; white-space:nowrap;}
	.submenu .i2 {border-top:2px solid #595959; border-bottom:none;}
	/*.submenu .i3 {border-top:2px solid #595959; border-bottom:none;}*/
	
	.menu-wrap {background-color:#4D4D4D; box-shadow: 0px 15px 30px rgba(200,200,200,0.5);}
	.menu-header {display:block;}
	#mmenu-button {display:block; width:64px; height:64px;}
	.menu-line:hover  #mmenu {display:block; margin-top:3px;}
	
	.submenu {position:static!important; display:none;}
	
	#mmenu .mi {position:relative;}
	#mmenu .plus {display:block; position:absolute; z-index:10; top:0px; right:0px; padding:13px;
		font-weight:bold; font-family:Roboto;}
	#mmenu .mi:hover  > .submenu {display:block!important;}
	#mmenu .mi:hover  > .plus SPAN {display:none;}
	
	.logos-block {justify-content:space-evenly!important;}
}


@media (min-width:1024px)
{
	BODY {overflow-y:scroll;}
	.l-hidden {display:none;}
}

@media (max-width:1024px)
{
	.l-hidden {display:block;}
	.stepper {margin:0px 25px!important;}
	
	.services-block {width:740px; justify-content:space-evenly;}
	.service-item {width:300px; margin-bottom:40px;}
		
	#footer .right-block {padding-top:0px; margin-top:-40px;}
	#footer .social-block {clear:both; float:left; margin:20px 0px 0px -10px;}
}

@media (max-width:850px)
{
	#header.visual {min-height:405px;}
	.visual-text {top:220px;}
	.visual-text .wrap {width:400px; font-size:30px;}
}


@media (max-width:768px)
{
	.h-content {padding:5px 0px;}
	.h-content .logo IMG {height:40px;}
	.h-content .main-block {width:calc(100% - 150px); padding-top:5px;}
	.h-content .top-line {width:calc(100% - 40px);}
	.h-content .top-line .phone-main .phone-img {width:18px;}
	.h-content .top-line .phone-main SPAN {font-size:15px;}
		
	.login-block .login {padding:0px;}
	.login-block .login {height:32px; width:32px; background-size:28px auto;}
	#login-menu .menu-header IMG {right:55px;}
	#login-menu {margin-top:13px;}
	
	#mmenu-button {display:block; width:32px; height:32px;}
	#mmenu {margin-left:0px; margin-top:0px; right:20px;}
	
	#header.visual {min-height:230px;}
	.visual-text {top:100px;}
	.visual-text .wrap {font-size:24px;}
	
	/*---------------*/
	
	.hello-block H1 {font-size:24px;}
	.hb-pic {float:none; text-align:center; margin-bottom:15px;}
	.hb-text {float:none; width:auto;}
	
	.services-block {width:100%;}
	.service-item {width:250px;}
	
	.free-block {display:block!important;}
	.free-block .free-text {width:auto; margin:0px 0px 20px 0px;}
	
	.block2x3, .block1x3 {float:none; width:auto;}
	.block320rest, .block320 {float:none; width:auto; margin:0px;}
	.block260rest, .block260 {float:none; width:auto; margin:0px;}
	
	#footer  {text-align:center;}
	#footer .left-block {float:none;}
	#footer .right-block {float:none; margin-top:20px; display:flex; justify-content:center;}
	#footer .social-block {float:none;}
	
}

@media (max-width:768px) and (min-width:550px)
{
     .block260 UL LI {float:left; width:45%; padding-right:10px;}
}

@media (max-width:480px)
{
	H1 {font-size:32px;}
	
	.h-content .main-block {width:calc(100% - 100px); padding-top:5px; margin-left:10px;}
	
	#login-menu .menu-header IMG {right:45px;}
	#mmenu {margin-left:0px; right:10px;}
	
	#header.visual {min-height:180px;}
	.visual-text {top:80px;}
	.visual-text .wrap {width:320px;}

	#header.visual2 {height:300px;}
	BODY.visual2 H1 {margin-top:-120px; margin-bottom:50px;}
  
  
	.service-item {width:300px;}
  .service3x-item {width:auto;}
	
	.blog__content .blog-pic {float:none; text-align:center;}
	.blog__content .blog-text {margin:20px 0px 0px 0px!important;}
	
	.title-image {float:none; width:100%; text-align:center;}
	.seen-block {margin:0px -25px -45px -25px; border-radius:0px; border-bottom:2px solid #D9D9D9;}
	.seen-block2 {margin:0px -25px -45px -25px; border-radius:0px; border-bottom:2px solid #D9D9D9;}
	
}

@media (max-width:425px)
{
	.h-content .stepper {margin:0px 10px!important;}
	.h-content .top-line .phone-main SPAN {letter-spacing:normal; padding-left:5px;}
	
	.login-block {margin-right:0px;}
	.login-block .login {padding-left:0px;}
	#login-menu .menu-header IMG {right:20px;}
	
	.menu-header IMG {right:8px;}
}

@media (max-width:374px)
{
	
}