@media (max-width: 600px){
	.top_line{
		position: fixed;
		box-shadow: 0 0 10px rgba(0,0,0,.2);
		background: #fff;
	}

	.top_line .container{
		height: 70px;
		padding-top: 0;
	}

	.top_line .logo{
		margin-left: 0;
		max-height: 75px; 
	}

	.top_line .logo img{
		max-width: 65px;
	}

	.top_line nav{
		margin-right: 0;
		width: 100%;
		height: calc(100vh - 70px);
		position: fixed;
		left: 0;
		top: 0;
		background: #000;
		padding-top: 70px;
		box-shadow: 0 0 10px rgba(0,0,0,.2);
		transform: translateX(-100%);
		transition: transform .3s;
		margin-top: 70px;
	}

	.top_line nav.active{
		transform: translateX(0%);
		transition: transform .3s;
	}

	.top_line nav ul{
		flex-direction: column;
	}

	.top_line nav ul li{
		width: 100%;
		text-align: center;
	}

	.top_line nav ul li a{
		color: #fff !important;
		padding: 12px 15px !important;
		text-align: center;
	}


/*	.top_line nav ul li:not(:last-child){
		display: none;
	}
	*/
	.burger{
		display: block;
	}

	


	.slider{
		padding: 0;
		padding-top: 70px;
	}


	.slider .container{
		padding: 0;
	}

	.slider .container:before{
		display: none;
	}

	.slider_box{
		margin-bottom: 50px;
	}

	.slide span{
		font-size: 14px;
	}

	.slide .slide_img{
		position: absolute;
		top: 0;
		right: 50%;
		transform: translateX(50%);
	}

	.slide .title{
		font-size: 32px;
		line-height: 1.2;
	}

	.slide .slide_desc{
		padding: 50px 20px;
		background: rgba(0,0,0,.7);
	}

	.slide .button_link a{
		font-size: 12px;
		padding: 9px 10px;
		line-height: 1.2;
	}

	


	.slider_box .slick-dots{
		bottom: 25px;
	}

	.slider_box .slick-dots li{
		width: 12px;
		height: 12px;
		margin: 0 8px;
	}

	.slider_box .slick-list{
		padding-bottom: 0;
	}

	.section_title{
		font-size: 25px;
	}

	.offer_box{
		width: 100%;
		flex-wrap: wrap;
		margin-bottom: 0;
	}

	.offer_item{
		margin: 0;
		margin-bottom: 50px;
	}

	.offer .section_title{
		margin-bottom: 25px;
	}

	.offer_title{
		font-size: 18px;
		height: 50px;
	}

	.offer_desc{
		margin-top: 0px;
		padding: 0;
		flex-direction: column;
	}

	.offer_desc > span{
		font-size: 14px;
	}

	.offer_desc a{
		max-width: 100%;
		margin-top: 20px;
		font-size: 13px;
		padding: 0 15px;
		text-align: center;
		justify-content: center;
		height: 50px;
	}

	.about{
		padding-top: 60px;
	}

	.about .container{
		padding: 0;
	}

	.about_s1,
	.about_s2{
		padding: 30px 20px;
		min-height: inherit;
		position: relative;
		z-index: 9;
	}

	.about_s1:after{
		content: "";
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,.4);
		position: absolute;
		top: 0;
		left: 0;
		z-index: -9;
	}


	.about_s2:after{
		content: "";
		width: 100%;
		height: 100%;
		background: rgba(255,255,255,.4);
		position: absolute;
		top: 0;
		left: 0;
		z-index: -9;
	}


	

	.about_s span{
		font-size: 14px;
	}

	.quality{
		padding-top: 50px;
	}

	.quality .section_title{
		padding: 0;
		line-height: 1.3;
	}

	.qual_item{
		width: 100%;
		margin: 5px 0;
		min-height: inherit;
	}

	.qual_desc{
		font-size: 13px;
		margin-top: 10px;
	}

	.group{
		margin-top: 50px;
	}

	.group .container{
		padding: 0;
	}

	.group_desc .subtitle{
		margin-bottom: 25px;
	}

	.group_desc > strong{
		font-size: 20px;
		line-height: 1.2;
		margin-top: 40px;
	}

	.group_wrap{
		padding: 40px 20px;
		flex-direction: column;
	}

	.group_desc > span{
		font-size: 14px;
	}

	.group_box{
		width: 100%;
		flex-wrap: wrap;
	}

	.group_item{
		width: 45%;
	}

	.group_num{
		font-size: 24px;
	}

	.group_info{
		font-size: 14px;
	}

	.group_excell{
		padding-right: 0;
		padding-top: 20px;
	}

	.group_excell:after {
		content: "";
		right: inherit;
		left: 50%;
		transform: translateX(-50%);
	}

	.group_excell > span{
		padding-left: 0;
		font-size: 15px;
	}



	.excell_item{
		margin: 5px 0px;
		width: calc(50% - 5px);
		height: 150px;
	}

	.excell_desc{
		font-size: 14px;
	}

	.excell_box button{
		margin-left: 0;
		height: 50px;
		font-size: 13px;
		width: 100%;
	}

	.map{
		margin-top: 25px;
	}

	.map .section_title{
		line-height: 1.2;
	}

	.map .subtitle{
		font-size: 15px;
	}

	.map_pin svg{
		max-width: 20px;
	}


	.map_pin1 {
		top: 30%;
		left: 8%;
	}

	.map_pin2 {
		bottom: 10%;
		left: 16%;
	}

	.map_pin3 {
		top: 15%;
		right: 39%;
	}
	.map_pin4 {
		bottom: 17%;
		right: 20%;
	}

	.map_info{
		width: 100%;
		min-height: auto;
		top: 0;
		left: 0;
		right: inherit;
		z-index: 999;
		position: relative;
		display: none;
		background: transparent;
		color: #000;
	}

	.map_info a{
		color: #000;
	}

		.map_info.active{
			display: block;
		}

		.map_info .city{
			font-size: 22px;
			margin-bottom: 5px;
		}

		.map_info .address{
			font-size: 17px;
		}

	.map .container{
		padding-bottom: 80px;
	}

	.product_top{
		padding-top: 180px;
		position: relative;
		z-index: 9;
	}
	.product_top:after{
		content: "";
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		background: rgba(0,0,0,.4);
		position: absolute;
		z-index: -9;
	}

	.product_page{
		padding-bottom: 60px;
	}

	.offer_desc strong{
		font-size: 18px;
	}

	.type_box{
		margin: 25px 0;
	}

	.type_item{
		width: 100%;
		margin: 5px 0;
	}

	.type_item ul li{
		font-size: 14px;
	}

	.offer_desc .container{
		flex-direction: column;
	}

	.types strong{
		font-size: 18px;
		line-height: 1.3;
	}

	.group.group_page .group_wrap{
		padding-top: 130px;
	}


	.popup{
		padding: 70px 20px 25px;
	}

	.popup .popup_title{
		font-size: 23px;
	}

	.popup form{
		margin-top: 20px;
	}

	.popup form input[type=text], 
	.popup form textarea{
		margin-bottom: 15px;
	}

	.popup form button{
		margin-top: 0;
	}


	footer .container{
		padding: 20px;
		flex-wrap: wrap;
	}

	footer .logo{
		margin: 0;
		margin-bottom: 25px;
	}

	footer nav{
		margin-left: 0;
	}

	footer nav ul li a{
		margin-bottom: 15px;
	}

	footer .left_col{
		display: flex;
		flex-direction: column;
		margin-bottom: 25px;
	}

	footer .f_info{
		font-size: 16px;
		margin-right: 0;
	}

	footer .f_info li:first-child a{
		font-size: 18px;
	}

	footer .f_info li:first-child{
		margin-bottom: 8px;
	}

	footer .f_info a{
		font-size: 16px;
	}
}