.menu.medium {display:none;}

#header_mobile {
	display:none;
}

#mobile_menu {
	display:none;
}

@media screen and (max-width:1700px) {
	.wrapper {
		width:95%;
	}
	
	#services .flex {
		gap:0;
	}
	
	#services .line .block .r1 {
		width:calc(100% - 255px - 40px);
	}
	
	#services .line .block .r2 {
		width:calc(100% - 450px - 40px);
	}

	#services .line .block .r2 .txt {
		width:calc(100% - 170px - 40px)
	}
}

@media screen and (max-width:1500px) {
	#services .line .block .r1 .z_title {
		width: 360px;
	}
	
	#services .line .block .r2 {
		width:calc(100% - 360px - 40px);
	}
}

@media screen and (max-width:1366px) {
	#services .line .block .r1 .z_title {
		width: 100%;
		margin-bottom:15px;
	}
	
	#services .line .block .r2 {
		width: 100%;
	}
	
	#advantages .block {
		width: calc(100% / 3 - 15px);
	}
}

@media screen and (max-width:1100px) {
	#header_menu li,
	#header_menu_fixed li {
		display:inline-block;
		position:relative;
		padding:0 10px;
	}
}

@media screen and (max-width:960px) {
	#header_menu,#header_menu_fixed {
		display:none;
	}

    #header_slides .flex .title {
       font-size:5vw;
    }
	
	#header_mobile {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
		width: 100%;
		padding-top: 30px;
		z-index: 999;
	}
	
	#header_mobile .menu_bars {
		position: fixed;
		top: 28px;
		right: 13px;
		display: inline-block;
		width: 50px;
		box-shadow: 0px 0px 10px -2px rgb(0 0 0 / 42%);
		background: #fff;
		padding: 10px 10px;
		z-index: 99;
        border-radius:5px;
	}
	
	#header_mobile .menu_bars span {
		width: 100%;
		height: 3px;
		background: #101010;
		display: block;
		margin-bottom: 6px;
	}
	
	#header_mobile .menu_bars span:last-child {
		margin-bottom:0;
	}
	
	#header_mobile .menu_bars span.left {
		transform: translateX(-5px);
		background: #FF5100;
	}
	
	#mobile_menu {
		position:fixed;
		display:block;
		top: 0;
		left:-100vw;
		width: 100vw;
		height: 100vh;
		background: #000;
		z-index: 100;
		transition: all 0.3s;
		overflow-x:hidden;
		z-index: 999;
	}

    #mobile_menu .wrapper {
        width:100%;
    }
	
	#mobile_menu.active {
		left:0;
	}
	
    #mobile_menu .top.flex {
        width:calc(95%);
        margin: auto;
    }

	#mobile_menu .logo {
		width: 160px;
		height: 29px;
	}
	
	#mobile_menu .close {
		background: url(../img/close.png) no-repeat;
        background-position: center;
        background-size: 15px;
        display: inline-block;
        width: 45px;
        height: 45px;
        cursor: pointer;
	}
	
	#mobile_menu .block .menu li {
		display:block;
        padding:0 2.5%;
	}
	
	#mobile_menu .block .menu li a {
		color:#fff;
		text-decoration: none;
		padding: 10px 0 10px 0;
		width: calc(100% - 45px);
		display: inline-block;
		vertical-align: middle;
	}
	
	#mobile_menu .block .menu li.sub span {
		display: inline-block;
		position: relative;
		vertical-align:middle;
		width: 45px;
		height:45px;
	}
	
	#mobile_menu .block .menu li.sub span i {
		display:block;
		position:absolute;
		z-index:1;
		transition:all .1s;
		-moz-transition:all .1s;
		-webkit-transition:all .1s;
	}
	
	#mobile_menu .block .menu li.sub span i:first-child {
		width:11px;
		height:1px;
		background:#fff;
		left:calc(50% - 5px);
		top:50%;
	}
	
	#mobile_menu .block .menu li.sub span i:last-child {
		width:1px;
		height:11px;
		background:#fff;
		left:50%;
		top:calc(50% - 5px);
	}
	
	
	#mobile_menu .block .menu li.sub span.open i:last-child {
		top:calc(50% + 1px);
		height:0;
		opacity:0;
	}
	
	#mobile_menu .block .menu li ul {
		position: relative;
		display:block;
		width:100%;
		top: auto;
		left: auto;
		overflow:hidden;
		margin-bottom:35px;
        background: #111;
	}
	
	#mobile_menu .block .menu li ul.active {
		display:block;
	}

    #mobile_menu .block .menu li ul li {
        padding:4px 15px;
        border-bottom:1px solid #222;
    }

    #mobile_menu .block .menu li ul li:last-child {
        border:0;
    }
	
	#mobile_menu .block .menu li ul li a {
		color:#aaa;
		font-size:16px;
	}
	
	#mobile_menu .block .menu li ul ul li a {
		text-transform:none;
		color:#777;
		font-size:13px;
	}
	
	#mobile_menu .block .telephone {
		border-top:1px solid #494949;
        margin-top:15px;
	}

    #mobile_menu .block .telephone div {
        color:#fff;
        border-bottom:1px solid #333;
        padding:15px 0;
        padding-left:20px;
        position:relative;
    }

    #mobile_menu .block .telephone div:before {
        content: '';
        display: block;
        position: absolute;
        width: 6px;
        height: 6px;
        border-radius: 50%;
        top: calc(50% - 3px);
        left: 7px;
        background: #ff5100;
    }

    #mobile_menu .block .telephone div * {
        color:#fff;
		font-weight:500;
        font-size:16px;
        text-decoration:none;
    }

	#services .line .block .r1 {
		width:calc(100% - 255px);
	}
	
	#advantages .block {
		width: calc(100% / 2 - 15px);
	}
	
}

@media screen and (max-width:830px) {
	#header_slides .telephone {
		display:none;
	}
	
	#services .line .block {
		align-items:start;
	}
	
	#services .line .block .r1 .z_title {
		margin-bottom:10px;
	}
	
	#services .line .block .r2 .txt {
		width:100%;
		margin-bottom:20px;
	}
	
	#header_slides .flex .title {
		width:100%;
	}
}

@media screen and (max-width:700px) {
	#header_slides .flex .title {
       font-size:7.5vw;
    }

    #contacts .wrapper .txt,
	#stock p {
		width: 100%;
	}
	
	#advantages .block {
		width:100%;
	}
	
	#advantages .block i,
	#advantages .block .text {
		display: inline-block;
		vertical-align: middle;
	}
	
	#advantages .block .text {
		width:90%;
		margin-top:0;
		padding-left: 20px;
	}
}

@media screen and (max-width:850px) {
	#service .gap40 .w_45,
	#service .gap40 .w_55 {
		flex: 1 1 calc(100%);
	}
	
	.page #service .img {
		background-size: cover !important;
		height: 55vw;
	}
}

@media screen and (max-width:600px) {
	#header_slides .img .flex .title {
		font-size: 50px;
	}
	
	#services .line:first-child {
		border-top:0;
	}
	
	#services .line:first-child .block {
		padding-top:0;
	}
	
	#services .line .block {
		padding:40px 0;
	}
	
	#services .line .block .img {
		width:100%;
		height:220px;
		margin-bottom:15px;
	}
	
	#services .line .block .r1 {
		width:100%;
	}
	
	#services .line .block .r2 .btn {
		width:100%;
	}
	
	#contacts .block {
		width:100%;
	}
	
	#contacts .block:first-child {
		padding-bottom:20px;
	}
	
	.page #service .btn {
		width:100%;
		margin-bottom: 20px;
	}
	
	.page #service .btn:last-child {
		margin-bottom:0;
	}
}	
	@media screen and (max-width:550px) {
		#advantages .block .text {
			width:80%;
		}
		
		.page #header .z_title {
			font-size: 35px;
		}
		
		#header_slides .img .flex .title {
			font-size: 40px;
		}
	}
	
	@media screen and (max-width:375px) {
		
		#header_slides .img .flex .title {
			font-size: 35px;
		}
	}