@media only screen and (orientation: portrait)
{
	body
	{
		color: white;
		background-color: rgb(35,35,35);
	}

	header
	{
		background-color: rgb(35,35,35);
		color: white;
	}

	#vendorproducttilescontainer
	{
		display: none;
		display: none;
	}

		#vendorproducttiles1,
		#vendorproducttiles2,
		#vendorproducttiles3,
		#vendorproducttiles4
		{
			margin: 4vw;
			height: 100vw;
			background-color: rgb(45,45,45);
			overflow: hidden;
			pointer-events: none;
		}

			#vendorproducttiles1backgroundcontainer,
			#vendorproducttiles2backgroundcontainer,
			#vendorproducttiles3backgroundcontainer,
			#vendorproducttiles4backgroundcontainer
			{
				display: none;
			}

			#vendorproducttiles1title,
			#vendorproducttiles2title,
			#vendorproducttiles3title,
			#vendorproducttiles4title
			{
				padding-top: 10vw;
				font-size: 5vw;
				font-weight: bold;
			}

			#vendorproducttiles1mobiletext,
			#vendorproducttiles2mobiletext,
			#vendorproducttiles3mobiletext,
			#vendorproducttiles4mobiletext
			{
				margin-top: 2vw;
				font-size: 3vw;
				width: 50vw;
			}

			#vendorproducttiles1link,
			#vendorproducttiles2link,
			#vendorproducttiles3link,
			#vendorproducttiles4link
			{
				display: none;
			}

			#vendorproducttiles1screenimagecontainer,
			#vendorproducttiles2screenimagecontainer,
			#vendorproducttiles3screenimagecontainer,
			#vendorproducttiles4screenimagecontainer
			{
				margin-top: 5vw;
				transform: translateY(2.4vw);
				height: 0vw;
				width: 65.5vw;
				z-index: 0;
			}

				#vendorproducttiles1screenimage,
				#vendorproducttiles2screenimage,
				#vendorproducttiles3screenimage,
				#vendorproducttiles4screenimage
				{
					width: 100%;
				}

			#vendorproducttiles1ipadimagecontainer,
			#vendorproducttiles2ipadimagecontainer,
			#vendorproducttiles3ipadimagecontainer,
			#vendorproducttiles4ipadimagecontainer
			{
				height: 0vw;
				transform: translateY(0vw);
				width: 70vw;
				z-index: 0;
			}

				#vendorproducttiles1ipadimage,
				#vendorproducttiles2ipadimage,
				#vendorproducttiles3ipadimage,
				#vendorproducttiles4ipadimage
				{
					width: 100%;
				}

	#vendorproductdescriptioncontainer
	{
		text-align: left;
	}

		#vendorproductdescriptioncontent
		{
			padding: 15vw;
			padding-top: 40vw;
			padding-bottom: 0vw;
		}

			#vendorproductdescriptioncontentheading
			{
				font-size: 6vw;
				font-weight: bold;
			}

			#vendorproductdescriptioncontenttext
			{
				margin-top: 4vw;
				font-size: 3vw;
				line-height: 6vw;
			}

			#vendorproductdescriptioncontentchecklist
			{
				margin-top: 4vw;
				line-height: 8vw;
				font-size: 2.5vw;
			}

				#vendorproductdescriptioncontentchecklistleft,
				#vendorproductdescriptioncontentchecklistright
				{
					display: inline-block;
					vertical-align: top;
					width: 34.5vw;
				}

					.checkmark
					{
						display: inline-block;
						margin-right: 2vw;
						height: 4vw;
						width: 4vw;
					}

		#vendorproductdescriptionimagecontainer
		{
			padding-left: 10vw;
			height: 90vw;
			width: 90vw;
		}

			#vendorproductdescriptionimage
			{
				height: 100%;
				width: 100%;
			}

	#vendorproductfeaturescontainer
	{}

		#vendorproductfeature1,
		#vendorproductfeature2,
		#vendorproductfeature3,
		#vendorproductfeature4,
		#vendorproductfeature5,
		#vendorproductfeature6
		{
			margin: 4vw;
			background-color: rgb(45,45,45);
			overflow: hidden;
		}

			#vendorproductfeature1title
			{
				padding-top: 15vw;
				width: 80vw;
				font-size: 6vw;
				font-weight: bold;
			}

				#vendorproductfeature1text
				{
					margin-top: 3vw;
					width: 80vw;
					font-size: 3vw;
				}

				#vendorproductfeature1phoneimagecontainer
				{
					margin-top: 5vw;
					padding-bottom: 10vw;
					width: 80vw;
					z-index: 0;
				}

					#vendorproductfeature1phoneimage
					{
						width: 100%;
					}

			#vendorproductfeature2imagecontainer
			{
				margin-top: 10vw;
				width: 80vw;
			}

				#vendorproductfeature2image
				{
					width: 100%;
				}

				#vendorproductfeature2title
				{
					margin-top: 5vw;	
					font-size: 5vw;
					font-weight: bold;
					width: 80vw;
				}

					#vendorproductfeature2text
					{
						margin-top: 3vw;
						padding-bottom: 10vw;
						font-size: 3vw;
						z-index: 1;
						width: 80vw;
					}

			#vendorproductfeature3container
			{
				margin: 6vw;
				margin-top: 15vw;
			}

				#vendorproductfeature3title
				{	
					font-size: 6vw;
					font-weight: bold;
				}

				#vendorproductfeature3text
				{	
					margin-top: 3vw;
					font-size: 3vw;
				}

				#vendorproductfeature3gridcontainer
				{
					margin: 2vw;
					margin-top: 10vw;
					font-size: 3vw;
				}

					#vendorproductfeature3griditem1,
					#vendorproductfeature3griditem2,
					#vendorproductfeature3griditem3,
					#vendorproductfeature3griditem4,
					#vendorproductfeature3griditem5,
					#vendorproductfeature3griditem6
					{
						float: left;
						margin-bottom: 6vw;
						height: 35vw;
						width: 35vw;
					}
					#vendorproductfeature3griditem2,
					#vendorproductfeature3griditem4,
					#vendorproductfeature3griditem6
					{
						float: right;
					}

						#vendorproductfeature3griditem1icon,
						#vendorproductfeature3griditem2icon,
						#vendorproductfeature3griditem3icon,
						#vendorproductfeature3griditem4icon,
						#vendorproductfeature3griditem5icon,
						#vendorproductfeature3griditem6icon
						{
							display: inline-block;
							height: 15vw;
							width: 15vw;
						}

							#vendorproductfeature3griditem1iconimage,
							#vendorproductfeature3griditem2iconimage,
							#vendorproductfeature3griditem3iconimage,
							#vendorproductfeature3griditem4iconimage,
							#vendorproductfeature3griditem5iconimage,
							#vendorproductfeature3griditem6iconimage
							{
								width: 100%;
								height: 100%;
							}

						#vendorproductfeature3griditem1heading,
						#vendorproductfeature3griditem2heading,
						#vendorproductfeature3griditem3heading,
						#vendorproductfeature3griditem4heading,
						#vendorproductfeature3griditem5heading,
						#vendorproductfeature3griditem6heading
						{
							margin-top: 3vw;
							font-weight: bold;
						}

						#vendorproductfeature3griditem1text,
						#vendorproductfeature3griditem2text,
						#vendorproductfeature3griditem3text,
						#vendorproductfeature3griditem4text,
						#vendorproductfeature3griditem5text,
						#vendorproductfeature3griditem6text
						{
							font-size: 2.5vw;
						}

			#vendorproductfeature4container
			{
				margin: 6vw;
				margin-top: 15vw;
				margin-bottom: 0;
				padding-bottom: 10vw;
			}

				#vendorproductfeature4title
				{	
					font-size: 6vw;
					font-weight: bold;
				}

				#vendorproductfeature4text
				{	
					margin-top: 3vw;
					font-size: 3vw;
				}

				#vendorproductfeature4details
				{	
					margin-top:7vw;
					font-size: 3vw;
					text-align: justify;
				}

			#vendorproductfeature5container
			{
				margin: 6vw;
				margin-top: 15vw;
				margin-bottom: 0;
				padding-bottom: 10vw;
			}

				#vendorproductfeature5title
				{	
					font-size: 6vw;
					font-weight: bold;
				}

				#vendorproductfeature5text
				{	
					margin-top: 3vw;
					font-size: 3vw;
				}

				.vendorproductfeature5details
				{
					display: none;
				}

				#vendorproductfeature5image
				{
					margin-top: 5vw;
					width: 80vw;
				}

			#vendorproductfeature6title
			{
				margin: 6vw;
				margin-top: 15vw;	
				font-size: 12vw;
				font-weight: bold;
			}

				#vendorproductfeature6text
				{
					margin-top: 5vw;
					font-size: 3vw;
					width: 80vw;
					padding-bottom: 10vw;
				}
}

@media only screen and (orientation: landscape)
{
	body, header, #storypopup
	{
		color: white;
		background-color: rgb(35,35,35);
	}

	#popupbackground
	{
		background-color: rgba(0,0,0,0.6);
	}

	header
	{
		height: 3.5vw;
		height: 3.5vw;
	}

		.headeritems
		{
			line-height: 3.5vw;
		}

			#headerlogocontainer
			{
				line-height: 3.5vw;
			}

				#headerlogoimage
				{
					height: 2vw;
				}

				#headertyefaceimage
				{
					margin-left: 0.5vw;
					padding-top: 0.25vw;
					height: 1.3vw;
				}

	#vendorproducttilescontainer
	{
		padding: 0.4vw;
		padding-top: 3.1vw;
		width: 99.2vw;
		height: 59.2vw;
	}

		#vendorproducttiles1,
		#vendorproducttiles2,
		#vendorproducttiles3,
		#vendorproducttiles4
		{
			float: left;
			margin: 0.4vw;
			width: 48.8vw;
			height: 28.8vw;
			background-color: rgb(45,45,45);
			overflow: hidden;
			transition: 0.3s;
		}

		#vendorproducttiles1:hover,
		#vendorproducttiles2:hover,
		#vendorproducttiles3:hover,
		#vendorproducttiles4:hover
		{
			background-color: rgba(0,0,0,0);
		}

		#vendorproducttiles1:hover #vendorproducttiles1backgroundcontainer,
		#vendorproducttiles2:hover #vendorproducttiles2backgroundcontainer,
		#vendorproducttiles3:hover #vendorproducttiles3backgroundcontainer,
		#vendorproducttiles4:hover #vendorproducttiles4backgroundcontainer
		{
			opacity: 1;
		}

		#vendorproducttiles1:hover #vendorproducttiles1title,
		#vendorproducttiles2:hover #vendorproducttiles2title,
		#vendorproducttiles3:hover #vendorproducttiles3title,
		#vendorproducttiles4:hover #vendorproducttiles4title
		{
			margin-top: 1.6vw;
			opacity: 0.9;
		}

		#vendorproducttiles1:hover #vendorproducttiles1text,
		#vendorproducttiles2:hover #vendorproducttiles2text,
		#vendorproducttiles3:hover #vendorproducttiles3text,
		#vendorproducttiles4:hover #vendorproducttiles4text
		{
			opacity: 0.9;
		}

		#vendorproducttiles1:hover #vendorproducttiles1link,
		#vendorproducttiles2:hover #vendorproducttiles2link,
		#vendorproducttiles3:hover #vendorproducttiles3link,
		#vendorproducttiles4:hover #vendorproducttiles4link
		{
			margin-top: 0.5vw;
			height: 0.9vw;
			opacity: 1;
		}

		#vendorproducttiles1:hover #vendorproducttiles1ipadimagecontainer,
		#vendorproducttiles2:hover #vendorproducttiles2ipadimagecontainer,
		#vendorproducttiles3:hover #vendorproducttiles3ipadimagecontainer,
		#vendorproducttiles4:hover #vendorproducttiles4ipadimagecontainer
		{
			margin-top: 20vw;
			width: 30vw;
			opacity: 0.99;
		}

			#vendorproducttiles1backgroundcontainer,
			#vendorproducttiles2backgroundcontainer,
			#vendorproducttiles3backgroundcontainer,
			#vendorproducttiles4backgroundcontainer
			{
				width: 48.8vw;
				height: 0vw;
				opacity: 0;
				z-index: 1;
				transition: 0.3s;
			}

				#vendorproducttiles1backgroundimage,
				#vendorproducttiles2backgroundimage,
				#vendorproducttiles3backgroundimage,
				#vendorproducttiles4backgroundimage
				{
					width: 100%
				}

			#vendorproducttiles1title,
			#vendorproducttiles2title,
			#vendorproducttiles3title,
			#vendorproducttiles4title
			{
				margin-top: 3vw;	
				font-size: 1.5vw;
				font-weight: bold;
				opacity: 1;
				transition: 0.3s;
			}

			#vendorproducttiles1text,
			#vendorproducttiles2text,
			#vendorproducttiles3text,
			#vendorproducttiles4text
			{
				margin-top: 0.5vw;	
				font-size: 0.9vw;
				opacity: 1;
				transition: 0.3s;
			}

			#vendorproducttiles1link,
			#vendorproducttiles2link,
			#vendorproducttiles3link,
			#vendorproducttiles4link
			{
				display: none;
				margin-top: 0vw;
				opacity: 0;
				height: 0vw;
				width: 5vw;
				font-size: 0.6vw;
				color: rgb(0,122,255);
				cursor: pointer;
				transition: 0.3s;
			}

			#vendorproducttiles1ipadimagecontainer,
			#vendorproducttiles2ipadimagecontainer,
			#vendorproducttiles3ipadimagecontainer,
			#vendorproducttiles4ipadimagecontainer
			{
				margin-top: 2vw;
				height: 0vw;
				width: 32vw;
				transition: 0.6s;
			}

				#vendorproducttiles1ipadimage,
				#vendorproducttiles2ipadimage,
				#vendorproducttiles3ipadimage,
				#vendorproducttiles4ipadimage
				{
					width: 100%;
				}

	#vendorproductdescriptioncontainer
	{
		width: 100vw;
		height: 60vw;
	}

		#vendorproductdescriptioncontent
		{
			float: left;
			margin-top: 10vw;
			margin-left: 10vw;
			width: 25vw;
			text-align: left;
		}

			#vendorproductdescriptioncontentheading
			{
				font-size: 2.4vw;
				line-height: 3vw;
				font-weight: bold;
			}

			#vendorproductdescriptioncontenttext
			{
				margin-top: 1vw;	
				font-size: 0.9vw;
			}

			#vendorproductdescriptioncontentchecklist
			{
				margin-top: 2vw;
				width: 25vw;
			}

				#vendorproductdescriptioncontentchecklistleft,
				#vendorproductdescriptioncontentchecklistright
				{
					float: left;
					width: 12vw;
					height: 20vw;
					line-height: 2.6vw;
					font-size: 0.9vw;
				}

					.checkmark
					{
						display: inline-block;
						margin-right: 0.3vw;
						margin-top: -0.3vw;
						height: 1.3vw;
					}

		#vendorproductdescriptionimagecontainer
		{
			float: right;
			height: 60vw;
			width: 60vw;
		}

			#vendorproductdescriptionimage
			{
				height: 100%;
				width: 100%;
			}

	#vendorproductfeaturescontainer
	{
		padding: 0.4vw;
		width: 99.2vw;
		height: 147.6vw;
		overflow: hidden;
	}

		#vendorproductfeature1,
		#vendorproductfeature2,
		#vendorproductfeature3,
		#vendorproductfeature4,
		#vendorproductfeature5,
		#vendorproductfeature6
		{
			float: left;
			margin: 0.4vw;
			width: 48.8vw;
			height: 58.4vw;
			background-color: rgb(45,45,45);
			overflow: hidden;
		}
		#vendorproductfeature2,
		#vendorproductfeature6
		{
			height: 28.8vw;
		}

		#vendorproductfeature4,
		#vendorproductfeature6
		{
			transform: translateY(-29.6vw);
		}

			#vendorproductfeature1container
			{
				margin: 8vw;
				margin: 8vw;
			}

				#vendorproductfeature1title
				{	
					font-size: 1.5vw;
					font-weight: bold;
				}

				#vendorproductfeature1text
				{
					margin-top: 1vw;
					width: 25vw;	
					font-size: 0.9vw;
				}

				#vendorproductfeature1phoneimagecontainer
				{
					margin-top: 3vw;
					height: 34vw;
					z-index: 0;
				}

					#vendorproductfeature1phoneimage
					{
						height: 100%;
					}

			#vendorproductfeature2imagecontainer
			{
				margin-top: 4vw;
				width: 22vw;
			}

				#vendorproductfeature2image
				{
					width: 100%;
				}

				#vendorproductfeature2title
				{
					margin-top: 0.5vw;	
					font-size: 1.5vw;
					font-weight: bold;
				}

					#vendorproductfeature2text
					{
						margin-top: 1vw;
						width: 25vw;
						font-size: 0.9vw;
					}

			#vendorproductfeature3container
			{
				margin: 8vw;
				margin: 8vw;
			}

				#vendorproductfeature3title
				{	
					font-size: 1.5vw;
					font-weight: bold;
				}

				#vendorproductfeature3text
				{	
					margin-top: 1vw;
					width: 25vw;
					font-size: 0.9vw;
				}

				#vendorproductfeature3gridcontainer
				{
					margin-top: 4vw;
					font-size: 0.6vw;
				}

					#vendorproductfeature3griditem1,
					#vendorproductfeature3griditem2,
					#vendorproductfeature3griditem3,
					#vendorproductfeature3griditem4,
					#vendorproductfeature3griditem5,
					#vendorproductfeature3griditem6
					{
						display: inline-block;
						margin-right: 3vw;
						margin-bottom: 3vw;
						height: 9vw;
						width: 10vw;
					}
					#vendorproductfeature3griditem2,
					#vendorproductfeature3griditem4,
					#vendorproductfeature3griditem6
					{
						margin-right: 0vw;
					}

						#vendorproductfeature3griditem1icon,
						#vendorproductfeature3griditem2icon,
						#vendorproductfeature3griditem3icon,
						#vendorproductfeature3griditem4icon,
						#vendorproductfeature3griditem5icon,
						#vendorproductfeature3griditem6icon
						{
							height: 4vw;
							width: 4vw;
						}

							#vendorproductfeature3griditem1iconimage,
							#vendorproductfeature3griditem2iconimage,
							#vendorproductfeature3griditem3iconimage,
							#vendorproductfeature3griditem4iconimage,
							#vendorproductfeature3griditem5iconimage,
							#vendorproductfeature3griditem6iconimage
							{
								width: 100%;
								height: 100%;
							}

						#vendorproductfeature3griditem1heading,
						#vendorproductfeature3griditem2heading,
						#vendorproductfeature3griditem3heading,
						#vendorproductfeature3griditem4heading,
						#vendorproductfeature3griditem5heading,
						#vendorproductfeature3griditem6heading
						{
							margin-top: 0.5vw;
							font-size: 0.9vw;
							font-weight: bold;
						}

						#vendorproductfeature3griditem1text,
						#vendorproductfeature3griditem2text,
						#vendorproductfeature3griditem3text,
						#vendorproductfeature3griditem4text,
						#vendorproductfeature3griditem5text,
						#vendorproductfeature3griditem6text
						{
							font-size: 0.9vw;
						}

			#vendorproductfeature4container
			{
				margin: 8vw;
				margin: 8vw;
			}

				#vendorproductfeature4title
				{	
					font-size: 1.5vw;
					font-weight: bold;
				}

				#vendorproductfeature4text
				{	
					margin-top: 1vw;
					width: 25vw;
					font-size: 0.9vw;
				}

				#vendorproductfeature4details
				{	
					margin-top: 4vw;
					width: 27vw;
					font-size: 0.9vw;
					line-height: 1.2vw;
					text-align: justify;
				}

			#vendorproductfeature5container
			{
				margin: 7vw;
				margin: 7vw;
			}

				#vendorproductfeature5title
				{	
					font-size: 1.5vw;
					font-weight: bold;
				}

				#vendorproductfeature5text
				{	
					margin-top: 1vw;
					width: 22vw;
					font-size: 0.9vw;
				}

				.vendorproductfeature5details
				{	
					display: inline-block;
					margin-top: 2vw;
					margin-bottom: 2vw;
					width: 17vw;
					font-size: 0.9vw;
					line-height: 1.8vw;
					text-align: left;
				}

				#vendorproductfeature5image
				{	
					margin-top: 0vw;
					width: 35vw;
				}

			#vendorproductfeature6title
			{
				margin-top: 8vw;	
				font-size: 5vw;
				font-weight: bold;
			}

				#vendorproductfeature6text
				{
					margin-top: 3vw;
					font-size: 0.9vw;
					width: 22vw;
				}
}