html {
	-ms-touch-action: pan-x pan-y;
	/* Enables only panning */
}

p {
	margin: 8px;
}

body {
	background-color: black;
}

input[type="checkbox"] {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);

	display: inline-block;
	margin-right: 5px;
	border: 1px solid #0070bb;
}

.redTube {
	color: #e52524;
}

.title {
	color: #ececec;
	padding-left: 15px;
	padding-right: 15px;
	line-height: 28px;
	font-size: 24px;
	width: calc(100% - 10px);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.description {
	padding-left: 15px;
	padding-right: 15px;
	font-size: 14px;
	width: calc(100% - 15px);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.itemWrapper {
	width: 100%;
}

#results {
	padding-top: 60px;
}

#mobileSearch {
	display: none;
}

#appBrand {
	padding-top: 8px !important;
	padding-right: 6px;
	display: inline;
}

#mainSearch {
	display: inline;
}

#autoplayCheckbox {
	padding-top: 45px;
	padding-bottom: 10px;
	padding-right: 30px;
	float: right;
	color: #777;
	height: 30px;
}

#autoplayInput {
	padding-right: 10px;
}

.logo {
	display: block;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 0;
	content: "";
	background: url(img/filr.png) no-repeat;
	width: 60px;
	/* Width of new image */
	height: 30px;
	/* Height of new image */
}

#spinIcon {
	padidng-top: 30px;
}

/*******************************/
/* for retina high resolution display */
/*******************************/

@media only screen and (min--moz-device-pixel-ratio: 2),
	only screen and (-o-min-device-pixel-ratio: 2/1),
	only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (min-device-pixel-ratio: 2) {
	.logo {
		padding-bottom: 10px;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		border: 0;
		content: "";
		background: url(img/filr@2x.png) no-repeat;
		background-size: 60px 30px;
		display: inline-block;
	}
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
	/* Styles */
	p {
		margin: 4px;
	}

	.title {
	}

	.description {
		width: calc(100% - 8px);
		font-size: 12px;
		padding-left: 4px;
		padding-right: 4px;
	}

	#mobileSearch {
		display: inline;
		width: calc(100% - 80px);
	}

	#mainSearch {
		display: none;
	}

	#appBrand {
		display: none;
	}

	.title {
		line-height: 18px;
		width: calc(100% - 8px);
		font-size: 16px;
		padding-left: 4px;
		padding-right: 4px;
		white-space: normal;
		overflow: visible;
	}

	#autoplayCheckbox {
		display: none;
	}
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
	.title {
		white-space: normal;
		overflow: visible;
	}

	#appBrand {
		display: none;
	}

	#poweredBy {
		display: none !important;
	}

	#autoplayCheckbox {
		display: none;
	}
}