@media screen and (max-width: 1200px) {
  .header .menu ul li a {
  	width: 85px;
  	font-size: 14px;
  }
}
@media screen and (max-width: 1000px) {
	.mobile-icon {
		display: block;

	}
	.header .menu {
		position: fixed;
		left: -250px;
		background-color: #51604b;
		z-index: 100;
		width: 250px;
		height: 100%;
		-webkit-transition: .6s left ease;
		-o-transition: .6s left ease;
		transition: .6s left ease;
	}
	.header .menu ul li a:after {
		display: none;
	}
	.header .menu ul {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		    -ms-flex-direction: column;
		        flex-direction: column;
		        position: relative;
		        z-index: 2;

	}
	.header .menu ul li a {
		color: white;
		width: auto;
		padding: 8px 0;
	}
	.header .menu ul li {
		display: block;
		margin-bottom: 10px;
	}
}
@media screen and (max-width: 768px) {
	.content .main-content {
		padding: 20px 30px 0px 30px;
	}
  	.slide {
  		min-height:100px;
  		height: auto;
  	}
  	.slide-info h4{
  		border-bottom: 2px solid white;
  		padding: 10px 4px 7px;
  		margin-bottom: 0;
  		font-size: 17px;
  		font-weight: 600;
  	}
  	.slide-info p{
  		padding: 15px 4px 7px;
  		font-size: 16px;
  	}
  	.slide-info	{
		margin-top: 30px;
		width: 100%;
		padding: 0px;
		margin-bottom: 50px;
		margin-left: auto;
		background-color: rgba(32, 49, 31,.8);
	}
	.slick-dots {
		background-color: rgb(32, 49, 31);
		bottom: -20px;
		height: 20px;
	}
	.pc-content {
		display: none;
	}
	.phone-content {
		display: block;
	}
	.content .main-content h1, .content .main-content .phone-content h2 {
		font-size: 24px;
		font-weight: 900;
	}
	.content .main-content h1:before, .content .main-content .phone-content h2:before {
		width: 20px;
		height: 20px;
		left: -30px;
		top: 5px;
	}

	.content .main-content .text-block h3 {
		font-size: 19px;
		font-weight: 600;
	}
	.content .main-content .text-block {
		font-size: 19px;
		line-height: 21px;
	}
	.link-bottom {
		display: block;
		background-color: #5e9656;
		text-align: center;
		text-transform: uppercase;
		margin: 50px -30px 0;
		color: white;
		font-weight: 900;
		font-size: 24px;
		padding: 4px 0;
	}
	.footer {
		font-size: 12px;
	}
	.products {
		flex-direction: column;
	}
	.main-content .contact {
		background-color: #41633f;
		padding: 10px 6px 10px;
		width: 200px;
		height: 212px;
		margin-bottom: 1rem;
	}
	.main-content .contact h4{
		font-size: 0.8rem;
		border-bottom: 1px dotted white;
	}
	.main-content .contact p{
		font-size: 0.7rem;
	}
}