/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
	/* STYLES GO HERE */
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width: 321px) {
	/* STYLES GO HERE */
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width: 320px) {
	/* STYLES GO HERE */
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
	/* STYLES GO HERE */
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
	/* STYLES GO HERE */
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1023px) and (orientation: portrait) {
	/* STYLES GO HERE */
}
/* Medium screens ----------- */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1281px) {
	/* STYLES GO HERE */

	.tiles .desc {
		display: none;
	}
	.setplay_desc {
		display: none;
	}
	.ico-plus {
		width: 6px;
		height: 6px;
		position: absolute;
		top: 4px;
		left: 4px;
	}
	.tiles .categoryTitle{
		font-size: 1.1vw;
		line-height: 1.1em;
		font-weight: 600;
	}
	.lbl{
		letter-spacing: 2px !important;
	}
	.tiles .title {
		font-size: 0.8vw;
		text-align: left;
		margin: auto;
		height: 100%;
		font-weight: 600;
		width: 100%;
		display: inline-table;
		justify-content: center;
		align-items: center;
		text-overflow: ellipsis;
	}

	.tiles .title .suffix {
		font-size: 0.6vw;
		font-weight: 200;
		line-height: 0.55vw;
		margin-top: 5%;
	}

	.tiles .title .prefix {
		font-size: 0.6vw;
		font-weight: 200;
		line-height: 0.55vw;
		margin-bottom: 5%;
	}
	.tiles.scaled .title {
		margin-top: 10px;
		text-align: left !important;
		display: block !important;
		font-size: 1.8vw !important;
		line-height: 1.8vw;
		font-weight: 600;
		height: auto !important;
		width: 100%;
		transition: 'all .5s ease-in-out';
	}
	.tiles.scaled .prefix{
		font-size: 1vw !important;
		font-weight: 200;
		line-height: 0.95vw;
		margin-bottom: 1%;
	}
	.tiles.scaled .suffix{
		font-size: 1vw !important;
		font-weight: 200;
		line-height: 0.95vw;
		margin-top: 1%;
	}
	.tiles#xK9TeEGv-DJ .title{
		font-size: 0.64vw;
	}
	.tiles.scaled .divider {
		height: 1px;
		width: 100%;
		background: rgba(255, 255, 255, 0.4);
		margin: 5px 0px;
	}
	.tiles.scaled .desc {
		display: block;
		width: 90%;
		position: absolute;
		bottom: 3%;
		transition: 'all .5s ease-in-out';
	}
	.triangle {
		position: absolute;
		top: -17px;
		left: -17px;
		width: 34px;
		height: 34px;
		transform: rotate(-45deg);
		background: #f1f1f2;
	}

	#keyboard {
		bottom: 8%;
	}
	.jkeyboard .jline ul li {
		width: 35px !important;
		height: 35px !important;
		margin: 5px 0 1px 7px !important;
	}

	.jkeyboard .jline .space {
		width: 300px !important;
	}
	.jkeyboard .jline .return {
		width: 80px !important;
	}
}

/* Medium screens ----------- */
@media only screen and (min-device-width: 1281px) and (max-device-width: 1824px) {
	/* STYLES GO HERE */

	.tiles .desc {
		display: none;
	}
	.setplay_desc {
		display: none;
	}
	.ico-plus {
		width: 6px;
		height: 6px;
		position: absolute;
		top: 4px;
		left: 4px;
	}
	.tiles .title .suffix {
		font-size: 0.55vw;
		font-weight: 200;
		line-height: 0.5vw;
		margin-top: 2%;
	}
	.tiles .title .prefix {
		font-size: 0.55vw;
		font-weight: 200;
		line-height: 0.5vw;
		margin-bottom: 2%;
	}
	.tiles .title {
		font-size: 0.75vw;
		text-align: left;
		margin: auto;
		height: 100%;
		font-weight: 600;
		width: 100%;
		display: inline-table;
		justify-content: center;
		align-items: center;
		text-overflow: ellipsis;
	}
	.tiles.scaled .prefix{
		font-size: 1vw !important;
		font-weight: 200;
		line-height: 0.95vw;
		margin-bottom: 1%;
	}
	.tiles.scaled .suffix{
		font-size: 1vw !important;
		font-weight: 200;
		line-height: 0.95vw;
		margin-top: 1%;
	}
	.tiles#xK9TeEGv-DJ .title{
		font-size: 0.64vw;
	}
	
	.tiles.scaled .title {
		margin-top: 10px;
		text-align: left !important;
		display: block !important;
		font-size: 1.8vw !important;
		line-height: 1.8vw;
		font-weight: 600;
		height: auto !important;
		width: 100%;
		transition: 'all .5s ease-in-out';
	}
	.tiles.scaled .divider {
		height: 1px;
		width: 100%;
		background: rgba(255, 255, 255, 0.4);
		margin: 5px 0px;
	}
	.tiles.scaled .desc {
		display: block;
		width: 90%;
		position: absolute;
		bottom: 3%;
		transition: 'all .5s ease-in-out';
	}
	.triangle {
		position: absolute;
		top: -17px;
		left: -17px;
		width: 34px;
		height: 34px;
		transform: rotate(-45deg);
		background: #f1f1f2;
	}

	#keyboard {
		bottom: 8%;
	}
	.jkeyboard .jline ul li {
		width: 35px !important;
		height: 35px !important;
		margin: 5px 0 1px 7px !important;
	}

	.jkeyboard .jline .space {
		width: 300px !important;
	}
	.jkeyboard .jline .return {
		width: 80px !important;
	}
}

/* Large screens ----------- */
@media only screen and (min-device-width: 1824px) and (max-device-width: 3068px) {
	/* STYLES GO HERE */
	.tiles.scaled {
		padding: 1% 0.5%;
		z-index: 5;
	}
	.tiles.scaled {
		border: 1px solid rgba(255, 255, 255, 0.249);
	}
	.ico-plus {
		width: 8px;
		height: 8px;
		position: absolute;
		top: 5px;
		left: 5px;
	}
	
	.tiles .desc {
		display: none;
	}
	.setplay_desc {
		display: none;
	}
	.tiles .title .suffix {
		font-size: 0.55vw;
		font-weight: 200;
		line-height: 0.5vw;
		margin-top: 2%;
	}
	.tiles .title .prefix {
		font-size: 0.55vw;
		font-weight: 200;
		line-height: 0.5vw;
		margin-bottom: 2%;
	}
	.tiles .title {
		font-size: 0.7vw;
		text-align: left;
		margin: auto;
		height: 100%;
		width: 100%;
		display: inline-table;
		justify-content: center;
		align-items: center;
		text-overflow: ellipsis;
	}
	.tiles#xK9TeEGv-DJ .title{
		font-size: 0.64vw;
	}
	
	.tiles.scaled .title {
		margin-top: 10px;
		text-align: left !important;
		display: block !important;
		font-size: 1.8vw !important;
		line-height: 1.8vw;
		font-weight: 600;
		height: auto !important;
		width: 100%;
		transition: 'all .5s ease-in-out';
	}

	.tiles.scaled .title .suffix {
		display: block;
		font-weight: 200;
		font-size: 1vw;
		line-height: 1vw;
		margin-bottom: 1%;
	}
	.tiles.scaled .title .prefix {
		font-size: 1vw;
		font-weight: 200;
		display: block;
		line-height: 1vw;
		margin-bottom: 1%;
	}
	.tiles.scaled .categoryCard .divider {
		width: 100%;
		/* background: rgba(255, 255, 255, 0.4); */

		display: block;
		height: 0.1vw;
		background: #fff;
		margin-bottom: 3%;
	}
	.tiles.scaled .desc {
		display: block;
		width: 90%;
		position: absolute;
		bottom: 3%;
		transition: 'all .5s ease-in-out';
	}
	.triangle {
		position: absolute;
		top: -20px;
		left: -20px;
		width: 40px;
		height: 40px;
		transform: rotate(-45deg);
		background: #f1f1f2;
	}
}

/* Extra Large screens ----------- */
@media only screen and (min-device-width: 3840px) {
	/* STYLES GO HERE */
	.ico-plus {
		width: 15px;
		height: 15px;
		position: absolute;
		top: 8px;
		left: 8px;
	}
	.tiles .desc {
		line-height: 0.3vw;
		font-size: 0.3vw;
	}
	.tiles .title .suffix {
		font-size: 0.4vw;
		font-weight: 200;
		line-height: 0.4vw;
		margin-top: 2%;
	}
	.tiles .title .prefix {
		font-size: 0.4vw;
		font-weight: 200;
		line-height: 0.4vw;
		margin-bottom: 2%;
	}
	.tiles .title {
		font-size: 0.6vw;
		text-align: left;
		margin: auto;
		height: 100%;
		width: 100%;
		display: inline-table;
		justify-content: center;
		align-items: center;
		text-overflow: ellipsis;
	}
	.tiles#xK9TeEGv-DJ .title{
		font-size: 0.64vw;
	}
	.tiles.scaled .title .suffix {
		font-size: 1vw;
		font-weight: 200;
		line-height: 1vw;
		margin-bottom: 1%;
	}
	.tiles.scaled .title .prefix {
		font-size: 1vw;
		font-weight: 200;
		line-height: 1vw;
		margin-bottom: 1%;
	}
	.setplay_info .header{
		font-size: 2vw;
	}
	.header p {
		font-size: 2vw;
		margin-top: 5%;
	}
	.jqcarousal li {
		width: 2000px !important;
	}
	.assert {
		display: flex !important;
		width: auto !important;
	}
	.tiles.scaled .categoryCard .divider {
		width: 100%;
		/* background: rgba(255, 255, 255, 0.4); */

		display: block;
		height: 0.1vw;
		background: #fff;
		margin-bottom: 3%;
	}
	#prev,
	#next {
		width: 150px !important;
		padding: 20px !important;
	}
	.controls {
		top: -26px;
	}

	.slick-dots li button {
		font-size: 0;
		line-height: 0;
		display: block;
		width: 40px !important;
		height: 40px !important;
		padding: 5px;
		margin: 5px;
		cursor: pointer;
		color: transparent;
		border-radius: 50%;
		border: 0;
		outline: none;
		background: #929497;
	}
}

/* iPhone 5 (portrait & landscape)----------- */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) {
	/* STYLES GO HERE */
}

/* iPhone 5 (landscape)----------- */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: landscape) {
	/* STYLES GO HERE */
}

/* iPhone 5 (portrait)----------- */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: portrait) {
	/* STYLES GO HERE */
}

@media not all and (min-resolution: 0.001dpcm) {
	@supports (-webkit-appearance: none) {
		.tiles .title {
			font-size: 0.8vw ;
			font-weight: 400;
		}
		.tiles .title .prefix {
			font-size: 0.5vw !important;
			font-weight: 400;
		}
		.tiles .title .suffix {
			font-size: 0.5vw !important;
			font-weight: 400;
		}
		.tiles.scaled .title {
			font-size: 1.8vw !important;
			line-height: 1.8vw;
			font-weight: 600;
		}
	
		.tiles#xK9TeEGv-DJ .title{
			font-size: 0.6vw ;
		}
		.tiles.scaled .title .prefix {
			display: block;
			font-size: 0.8vw !important;
			line-height: 1vw;
		}
		.tiles.scaled .title .suffix {
			display: block;
			font-size: 0.8vw !important;
			line-height: 1vw;
		}
	}
}

@-moz-document url-prefix() {
	.tiles .title {
		font-size: 0.8vw ;
		font-weight: 400;
	}
	.tiles .title .prefix {
		font-size: 0.5vw !important;
		font-weight: 400;
	}
	.tiles.scaled .title {
		font-size: 1.8vw !important;
		line-height: 1.8vw;
		font-weight: 600;
	}
	.tiles .title .suffix {
		font-size: 0.5vw !important;
		font-weight: 400;
	}
	.tiles#xK9TeEGv-DJ .title{
		font-size: 0.6vw ;
	}
	.tiles.scaled .title .prefix {
		display: block;
		font-size: 0.8vw !important;
		line-height: 1vw;
	}
	.tiles.scaled .title .suffix {
		display: block;
		font-size: 0.8vw !important;
		line-height: 1vw;
	}

	.setplay_holder .setplay_title {
		font-size: 1vw;
		line-height: 1.1vw;
		font-weight: 200 !important;
	}

	.tiles .categoryTitle {
		font-size: 1.2vw;
		font-weight: 300 !important;
	}
}