@media (min-width: 992px) {
	.menu-mob-block {
		display: none !important;
	}
}
@media (max-width: 1199px) {
	.phone, .phone:hover, header .logo {font-size: 16px;}
	header .menu > li:not(:first-child) {margin-left: 20px;}
	header .menu > li {font-size: 14px;}
	.phone, .phone:hover {margin-right: 10px;}
}
@media (max-width: 991px) {
	html, body {font-size: 14px;}
	.menu-mob-block {
		position: absolute;
		left: 0;
		top: 100%;
		background-color: #191919;
		max-height: calc(100vh - 74px);
		overflow-y: auto;
		display: none;
	}	
	.menu-mob {
		list-style: none;
		padding: 0;
		margin: 0;
		text-align: center;

	}
	.menu-mob ul {
		list-style: none;
		background-color: #4a4a4a;
	    padding: 20px 30px;
	    text-align: left;
	    max-width: 500px;
	    margin: auto;
	    border-radius: 20px;
		display: none;
	}
	.menu-mob ul a {
		display: inline-block;
		padding: 10px 0;
	}
	.menu-mob > li > a {font-size: 20px; padding: 15px 0;}
	.menu-mob > li.sub > a {
		position: relative;
		padding-left: 30px;
		padding-right: 30px;
	}
	.menu-mob > li.sub > a:after {
		content: '';
		width: 16px;
		height: 16px;
		right: 0;
		top: 50%;
		margin-top: -8px;
		position: absolute;
		display: block;
		background: url('../images/down-arrow.svg') center/contain no-repeat;
	}
	.open_menu {width: 30px; height: 30px; background: url('../images/menu.svg') center/contain no-repeat;}
	.menu-mob-cont {
	    text-align: center;
	    padding: 30px 0 15px;
	    margin-top: 20px;
	    border-top: 1px solid;
	}
	.phone, .phone:hover {font-size: 20px; margin:0 0 20px;}
	h1 {font-size: 30px;}
	h2,.h2 {font-size: 20px;}
	.block_ico-item {text-align: center;}
	.num_list-item {width: 100%; position: relative;}
	.num_list-item:before {
		content: '';
	    width: 2px;
	    position: absolute;
	    height: 100%;
	    background-color: #ccc;
	    left: 20px;
	    top: 5px;
	}
	.num_list {flex-direction: column;}
	.num_list-item > *:not(.num_list-title) {padding-left:40px;}
	.num_list-title:before {display: none;}
	/* .title-item {padding-top: 10px;} */
	footer .phone, footer .phone:hover {padding-top: 20px;
    display: inline-block;
    margin-bottom: 0;}
    .footer-logo {margin-bottom: 30px;}
    .title-item {font-size: 18px; line-height: 1.2;}
    button.large, a.large {padding: 18px 30px; font-size: 14px;}
}
@media (max-width: 600px) {
	.line-form {flex-direction: column;}
	.line-form > div:first-child {padding-right: 0; padding-bottom: 20px; width: 100%;}
	.mob_mb {margin-bottom: 20px;}
}
@media (max-width: 400px) {
	header .logo {font-size: 14px;}
	h1 {font-size: 24px;}
	h2, .h2 {font-size: 18px;}
	h4 {font-size: 16px;}
	
	.mr20 { margin: 0; }
	.start-btns > button { margin: 0 20px 20px; }
}