img:is([sizes="auto" i], [sizes^="auto," i]) {
			contain-intrinsic-size: 3000px 1500px
		}
	


			.woocommerce-product-gallery {
				opacity: 1 !important;
			}
		


		/**** This hides the sub menu items on mobile ****/
		#page-container .mobile_nav li ul.hide {
			display: none !important;
		}

		/**** This adjusts the positioning and the background transparency of the parent menu item on mobile ****/
		#page-container .mobile_nav .menu-item-has-children {
			position: relative;
		}

		#page-container .mobile_nav .menu-item-has-children>a {
			background: transparent;
		}

		/**** This styles the icon and moves it to the right ****/
		#page-container .mobile_nav .menu-item-has-children>a+span {
			position: absolute;
			right: 0;
			top: 0;
			padding: 10px 20px;
			font-size: 20px;
			font-weight: 700;
			cursor: pointer;
			z-index: 3;
		}

		/**** Here you can swap out the actual icons ****/
		#page-container span.menu-closed:before {
			content: "\4c";
			display: block;
			color: #5f8598;
			font-size: 16px;
			font-family: ETmodules;
		}

		#page-container span.menu-closed.menu-open:before {
			content: "\4d";
		}

		.et_mobile_menu .menu-item-has-children>a {
			font-weight: 500;
		}