/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/



@media (max-width:768px) {
   
#dropper {
	visibility: hidden;
	display: none;
}
	
	#dropper {
	visibility: hidden;
	display: none;
}
#recipsm	 {
	visibility: hidden !important;
	display: none !important;
		
	}
	
#recipbig	 {
	visibility: visible !important;
		display: block;	
		
	}
	
#reciptxtsm	 {
	visibility: hidden !important;
	display: none !important;
		
	}
	
#reciptxtbig	 {
	visibility: visible !important;
		display: block;	
		
	}
	
	
	
.primary-menu.order-lg-1.col-lg-5.px-0 .menu-container.justify-content-lg-end #dropper {
}

	#products {
	visibility: visible !important;
	display: block;
	width: 300px;
	}
.primary-menu.order-lg-1.col-lg-5.px-0 .menu-container.justify-content-lg-end #products {
}
	.products {
		visibility: visible !important;
		display: block;		
	}
	
	li:hover { 
  display:block; 
}
	
	
}

@media (min-width:769px) {
   

	#products {
	visibility: hidden !important;
	display: none !important;		
	}

	.products {
	visibility: hidden !important;
	display: none !important;		
	}
	
	
}