@media only screen and (orientation: portrait)
{
	body
	{
	}

	#userproducttilescontainer
	{
		display: none;
		/*display: none;*/
	}

		#userproducttiles1,
		#userproducttiles2,
		#userproducttiles3,
		#userproducttiles4
		{
			margin: 4vw;
			height: 100vw;
			background-color: rgb(250,250,250);
			overflow: hidden;
			pointer-events: none;
		}

			#userproducttiles1backgroundcontainer,
			#userproducttiles2backgroundcontainer,
			#userproducttiles3backgroundcontainer,
			#userproducttiles4backgroundcontainer
			{
				display: none;
			}

			#userproducttiles1title,
			#userproducttiles2title,
			#userproducttiles3title,
			#userproducttiles4title
			{
				padding-top: 10vw;
				font-size: 5vw;
				font-weight: bold;
			}

			#userproducttiles1mobiletext,
			#userproducttiles2mobiletext,
			#userproducttiles3mobiletext,
			#userproducttiles4mobiletext
			{
				margin-top: 2vw;
				font-size: 3vw;
				width: 50vw;
			}

			#userproducttiles1screenimagecontainer,
			#userproducttiles2screenimagecontainer,
			#userproducttiles3screenimagecontainer,
			#userproducttiles4screenimagecontainer
			{
				margin-top: 5vw;
				transform: translateY(2.9vw);
				height: 0vw;
				width: 40vw;
				z-index: 0;
			}

				#userproducttiles1screenimage,
				#userproducttiles2screenimage,
				#userproducttiles3screenimage,
				#userproducttiles4screenimage
				{
					width: 100%;
				}

			#userproducttiles1phoneimagecontainer,
			#userproducttiles2phoneimagecontainer,
			#userproducttiles3phoneimagecontainer,
			#userproducttiles4phoneimagecontainer
			{
				margin-top: 5vw;
				transform: translateY(0vw);
				width: 46.65vw;
				z-index: 0;
			}

				#userproducttiles1phoneimage,
				#userproducttiles2phoneimage,
				#userproducttiles3phoneimage,
				#userproducttiles4phoneimage
				{
					width: 100%;
				}

	#userproductdescriptioncontainer
	{
		text-align: left;
		background-image: url(images/userproduct/mobileuserpagebackgroundpattern.svg);
		background-size: contain;
		background-position: bottom;
		background-repeat: no-repeat;
		height: 240vw;
	}

		#userproductdescriptioncontent
		{
			padding: 15vw;
			padding-top: 40vw;
		}

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

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

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

				#vendorproductdescriptioncontentchecklistleft,
				#vendorproductdescriptioncontentchecklistright
				{
					float: left;
					width: 35vw;
				}

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



		#userproductdescriptionimagecontainer
		{
			display: none;
		}

	#userproductfeaturescontainer
	{}

		#userproductfeature1,
		#userproductfeature2,
		#userproductfeature3
		{
			margin: 4vw;
			background-color: rgb(250,250,250);
			overflow: hidden;
		}

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

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

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

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

					#userproductfeature1griditem1,
					#userproductfeature1griditem2,
					#userproductfeature1griditem3,
					#userproductfeature1griditem4,
					#userproductfeature1griditem5,
					#userproductfeature1griditem6
					{
						float: left;
						margin-bottom: 6vw;
						height: 35vw;
						width: 35vw;
					}
					#userproductfeature1griditem2,
					#userproductfeature1griditem4,
					#userproductfeature1griditem6
					{
						float: right;
					}

						#userproductfeature1griditem1icon,
						#userproductfeature1griditem2icon,
						#userproductfeature1griditem3icon,
						#userproductfeature1griditem4icon,
						#userproductfeature1griditem5icon,
						#userproductfeature1griditem6icon
						{
							display: inline-block;
							height: 15vw;
							width: 15vw;
						}

							#userproductfeature1griditem1iconimage,
							#userproductfeature1griditem2iconimage,
							#userproductfeature1griditem3iconimage,
							#userproductfeature1griditem4iconimage,
							#userproductfeature1griditem5iconimage,
							#userproductfeature1griditem6iconimage
							{
								width: 100%;
								height: 100%;
							}

						#userproductfeature1griditem1heading,
						#userproductfeature1griditem2heading,
						#userproductfeature1griditem3heading,
						#userproductfeature1griditem4heading,
						#userproductfeature1griditem5heading,
						#userproductfeature1griditem6heading
						{
							margin-top: 3vw;
							font-weight: bold;
						}

						#userproductfeature1griditem1text,
						#userproductfeature1griditem2text,
						#userproductfeature1griditem3text,
						#userproductfeature1griditem4text,
						#userproductfeature1griditem5text,
						#userproductfeature1griditem6text
						{
							font-size: 2.5vw;
						}

			

			#userproductfeature2title
			{
				margin-top: 10vw;	
				font-size: 6vw;
				font-weight: bold;
			}

				#userproductfeature2phoneimagecontainer
				{
					margin-top: 10vw;
					width: 70vw;
					padding-bottom: 10vw;
				}

					#userproductfeature2phoneimage
					{
						width: 100%;
					}

			#userproductfeature3title
			{
				margin-top: 10vw;	
				font-size: 6vw;
				font-weight: bold;
			}

				#userproductfeature3text
				{
					margin-top: 3vw;	
					font-size: 3vw;
					width: 70vw;
				}

				#userproductfeature3button
				{
					display: block;
					margin-top: 6vw;
					margin-bottom: 10vw;
					height: 10vw;
					width: 40vw;
					border-radius: 1vw;
					background-color: rgb(35,35,35);

					line-height: 10vw;
					font-size: 3vw;
					font-weight: bold;
					color: white;
					text-align: center;
				}
}

@media only screen and (orientation: landscape)
{
	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;
				}

	#userproducttilescontainer
	{
		padding: 0.4vw;
		padding-top: 3.5vw;
		width: 99.2vw;
		height: 59.2vw;
	}

		#userproducttiles1,
		#userproducttiles2,
		#userproducttiles3,
		#userproducttiles4
		{
			float: left;
			margin: 0.4vw;
			width: 48.8vw;
			height: 28.8vw;
			background-color: rgba(250,250,250,1);
			overflow: hidden;
			transition: 0.3s;
		}

		#userproducttiles1:hover,
		#userproducttiles2:hover,
		#userproducttiles3:hover,
		#userproducttiles4:hover
		{
			background-color: rgba(0,0,0,0);
		}

		#userproducttiles1:hover #userproducttiles1backgroundcontainer,
		#userproducttiles2:hover #userproducttiles2backgroundcontainer,
		#userproducttiles3:hover #userproducttiles3backgroundcontainer,
		#userproducttiles4:hover #userproducttiles4backgroundcontainer
		{
			opacity: 1;
		}

		#userproducttiles1:hover #userproducttiles1title,
		#userproducttiles2:hover #userproducttiles2title,
		#userproducttiles3:hover #userproducttiles3title,
		#userproducttiles4:hover #userproducttiles4title
		{
			margin-top: 1.6vw;
			opacity: 0.9;
		}

		#userproducttiles1:hover #userproducttiles1text,
		#userproducttiles2:hover #userproducttiles2text,
		#userproducttiles3:hover #userproducttiles3text,
		#userproducttiles4:hover #userproducttiles4text
		{
			opacity: 0.9;
		}

		#userproducttiles1:hover #userproducttiles1link,
		#userproducttiles2:hover #userproducttiles2link,
		#userproducttiles3:hover #userproducttiles3link,
		#userproducttiles4:hover #userproducttiles4link
		{
			margin-top: 0.5vw;
			height: 0.9vw;
			opacity: 1;
		}

		#userproducttiles1:hover #userproducttiles1phoneimagecontainer,
		#userproducttiles2:hover #userproducttiles2phoneimagecontainer,
		#userproducttiles3:hover #userproducttiles3phoneimagecontainer,
		#userproducttiles4:hover #userproducttiles4phoneimagecontainer
		{
			margin-top: 20vw;
			width: 12vw;
			opacity: 0.99;
		}

			#userproducttiles1backgroundcontainer,
			#userproducttiles2backgroundcontainer,
			#userproducttiles3backgroundcontainer,
			#userproducttiles4backgroundcontainer
			{
				width: 48.8vw;
				height: 0vw;
				opacity: 0;
				z-index: 1;
				transition: 0.3s;
			}

				#userproducttiles1backgroundimage,
				#userproducttiles2backgroundimage,
				#userproducttiles3backgroundimage,
				#userproducttiles4backgroundimage
				{
					width: 100%
				}

			#userproducttiles1title,
			#userproducttiles2title,
			#userproducttiles3title,
			#userproducttiles4title
			{
				margin-top: 3vw;	
				font-size: 1.5vw;
				font-weight: bold;
				opacity: 1;
				transition: 0.3s;
			}

			#userproducttiles1text,
			#userproducttiles2text,
			#userproducttiles3text,
			#userproducttiles4text
			{
				margin-top: 0.5vw;	
				font-size: 0.9vw;
				opacity: 1;
				transition: 0.3s;
			}

			#userproducttiles1link,
			#userproducttiles2link,
			#userproducttiles3link,
			#userproducttiles4link
			{
				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;
			}

			#userproducttiles1phoneimagecontainer,
			#userproducttiles2phoneimagecontainer,
			#userproducttiles3phoneimagecontainer,
			#userproducttiles4phoneimagecontainer
			{
				margin-top: 2vw;
				height: 0vw;
				width: 15vw;
				transition: 0.5s;
			}

				#userproducttiles1phoneimage,
				#userproducttiles2phoneimage,
				#userproducttiles3phoneimage,
				#userproducttiles4phoneimage
				{
					width: 100%;
				}

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

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

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

			#userproductdescriptioncontenttext
			{
				margin-top: 1vw;	
				font-size: 0.9vw;
				/*display: none;*/
			}

			#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;
					}

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

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

	#userproductfeaturescontainer
	{
		padding: 0.4vw;
		width: 99.2vw;
		height: 59.2vw;
		background-color: white;
	}

		#userproductfeature1
		{
			float: left;
			margin: 0.4vw;
			width: 48.8vw;
			height: 58.4vw;
			background-color: rgb(250,250,250);
			overflow: hidden;
		}

			#userproductfeature1container
			{
				margin: 8vw;
			}

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

				#userproductfeature1text
				{	
					margin-top: 1vw;
					width: 30vw;
					font-size: 0.9vw;
				}

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

					#userproductfeature1griditem1,
					#userproductfeature1griditem2,
					#userproductfeature1griditem3,
					#userproductfeature1griditem4,
					#userproductfeature1griditem5,
					#userproductfeature1griditem6
					{
						display: inline-block;
						margin-right: 5vw;
						margin-bottom: 3vw;
						height: 9vw;
						width: 9vw;
					}
					#userproductfeature1griditem2,
					#userproductfeature1griditem4,
					#userproductfeature1griditem6
					{
						margin-right: 0vw;
					}

						#userproductfeature1griditem1icon,
						#userproductfeature1griditem2icon,
						#userproductfeature1griditem3icon,
						#userproductfeature1griditem4icon,
						#userproductfeature1griditem5icon,
						#userproductfeature1griditem6icon
						{
							height: 4vw;
							width: 4vw;
						}

							#userproductfeature1griditem1iconimage,
							#userproductfeature1griditem2iconimage,
							#userproductfeature1griditem3iconimage,
							#userproductfeature1griditem4iconimage,
							#userproductfeature1griditem5iconimage,
							#userproductfeature1griditem6iconimage
							{
								width: 100%;
								height: 100%;
							}

						#userproductfeature1griditem1heading,
						#userproductfeature1griditem2heading,
						#userproductfeature1griditem3heading,
						#userproductfeature1griditem4heading,
						#userproductfeature1griditem5heading,
						#userproductfeature1griditem6heading
						{
							margin-top: 0.5vw;
							font-size: 0.9vw;
							font-weight: bold;
						}

						#userproductfeature1griditem1text,
						#userproductfeature1griditem2text,
						#userproductfeature1griditem3text,
						#userproductfeature1griditem4text,
						#userproductfeature1griditem5text,
						#userproductfeature1griditem6text
						{
							font-size: 0.9vw;
						}

		#userproductfeature2
		{
			float: left;
			margin: 0.4vw;
			width: 48.8vw;
			height: 28.8vw;
			background-color: rgb(250,250,250);
			overflow: hidden;
		}

			#userproductfeature2title
			{
				margin-top: 6vw;	
				font-size: 1.5vw;
				font-weight: bold;
			}

			#userproductfeature2phoneimagecontainer
			{
				margin-top: 2vw;
				width: 30vw;
			}

				#userproductfeature2phoneimage
				{
					width: 100%;
				}

		#userproductfeature3
		{
			float: left;
			margin: 0.4vw;
			width: 48.8vw;
			height: 28.8vw;
			background-color: rgb(250,250,250);
			overflow: hidden;
		}

			#userproductfeature3phoneimagecontainer
			{
				margin-top: -12vw;
				height: 30vw;
				transform: translateY(0vw);
				z-index: 0;
			}

				#userproductfeature3phoneimage
				{
					height: 100%;
				}

			#userproductfeature3title
			{
				margin-top: 10vw;	
				font-size: 1.8vw;
				font-weight: bold;
			}

			#userproductfeature3text
			{
				margin-top: 1vw;	
				font-size: 0.9vw;
				width: 20vw;
			}

			#userproductfeature3button
			{
				display: block;
				margin-top: 2vw;
				height: 3vw;
				width: 10vw;
				border-radius: 0.2vw;
				background-color: rgb(35,35,35);

				line-height: 3vw;
				font-size: 0.9vw;
				font-weight: bold;
				color: white;
				text-align: center;
			}
}