<header class="header">
		<div class="container">
			<div class="btn-menu">
				<label for="btn-menu">☰ PRODUCTOS</label>				
			</div>

			<div class="img-logo">
				<a href="#"><img src="https://agromx.com.mx/v2023-2/maquinaria-ligera/img/logo-aosheng.png"></a>
			</div>
			
			<nav class="menu-aosheng">
				<a href="https://agromx.com.mx/v2023-2/">Inicio</a>
				<a href="https://agromx.com.mx/v2023-2/nosotros.php">Nosotros</a>
				<a href="https://agromx.com.mx/v2023-2/posventa.php">Posventa</a>
				<a href="https://agromx.com.mx/v2023-2/contacto.php">Contacto</a>
				
			</nav>
		</div>
		<div class="logo-agro">
					<img src="img/agromx horizontal.png">
		</div>
					
	</header>
	
  <!-- MENU LATERAL -->
<input type="checkbox" id="btn-menu">

<div class="container-menu">
	<div class="cont-menu">
		<nav>
		<ul>

      <li class="list__item list__item--click ">
			<div class="list list__button list__button--click">
				<img class="img-svg" src="https://agromx.com.mx/v2023-2/assets/icon/tractor.svg">
				<a href="https://lovolmx.com/">Tractores</a>
				
			</div>
		</li>

		<li class="list__item list__item--click ">
			<div class="list list__button list__button--click">
				<img class="img-svg" src="https://agromx.com.mx/v2023-2/assets/icon/implementos.svg" >
				<a href="https://lovolmx.com/implementos-agricolas/">Implementos</a>
				
			</div>
		</li>
			
			<li class="list__item list__item--click ">
			<div class="list list__button list__button--click">
				<img class="img-svg" src="https://agromx.com.mx/v2023-2/assets/icon/maq-ligera.svg" >
				<a href="#">Maquinaria Ligera</a>
				<img src="https://agromx.com.mx/v2023-2/assets/icon/arrow.svg" class="list__arrow">
			</div>
			

				<ul class="list__show linea">
					<li class="list__inside">
							<a href="as.php">AS</a>
					</li>

					<li class="list__inside">
							<a href="aosheng.php">AOSHENG</a>
					</li>

					<li class="list__inside">
						<a href="beemach.php">BEE MACH</a>
					</li>

				</ul>

			</li>	

      <li class="list__item list__item--click ">
				<div class="list list__button list__button--click">
					<img class="img-svg" src="https://agromx.com.mx/v2023-2/assets/icon/sis-riego.svg" >
					<a href="#">Sistemas de Riego</a>
					
				</div>
			</li>


			<li class="list__item list__item--click">

				<div class="list list__button list__button--click">
					<img class="img-svg" src="https://agromx.com.mx/v2023-2/assets/icon/nutri-vegetal.svg" >
					<a href="#">Nutrición Vegetal</a>
					<img src="https://agromx.com.mx/v2023-2/assets/icon/arrow.svg" class="list__arrow">
				</div>
					
					<ul class="list__show linea">
						<li class="list__inside">
								<a href="https://www.artal.net/es/" target="_blank">ARTAL</a>
						</li>
					</ul>

			</li>		
	
			<li class="list__item list__item--click">
				
				<div class="list list__button list__button--click">
					<img class="img-svg" src="https://agromx.com.mx/v2023-2/assets/icon/biologicos.svg" >
					<a href="#">Biológicos</a>
					<img src="https://agromx.com.mx/v2023-2/assets/icon/arrow.svg" class="list__arrow">
				</div>
					
					<ul class="list__show">
						<li class="list__item list__inside">
							<div class="list list__button list__button--click">
								<a href="https://www.bioamin.com.mx/" target="_blank">BIOAMIN</a>
							</div>
							

			</li>

    </ul>
		</nav>
		<label for="btn-menu">✖️</label>
	</div>
</div>