.playbtn{
	position: absolute;
	width: 17%;
	left:42%;
	top:29%;
}

.vid-display{
	/*position: relative;
	float: left;*/
	text-align: center;
	position: relative;
	margin: 10px 0 15px 0;
	display: inline-block;
}

.vid-display img:hover{
	cursor: pointer;
}


.thumb{
	width: 550px;
	height: 360px;
}
.large-vid{
	width: 100%;
}

.small-vid{
	text-align: center;
	position: relative;
	margin: 0px 55px 0px 55px;
	display: inline-block;
	float: right;
}

.thumb-small{
	width: 282px;
	height: 165px;
}

.playbtn-small{
	position: absolute;
	width: 24%;
	left: 39%;
	top: 29%;
}

.vid-display iframe{
	background: #000;
}


@media only screen and (min-width: 960px) and (max-width: 1199px) {

	.playbtn{
		top:32%!important;
	}
}

@media (min-width: 768px) and (max-width: 959px) {

	.playbtn{
		top:35%!important;
		width:20%!important;
	}

	.small-vid{
		margin: 0 0 0 0!important;
		float:left!important;
	}
	.playbtn-small{
		width: 28%!important;
		left: 36%!important;
		top: 29%!important;
	}
	.thumb-small{
		width: 253px!important;	
	}

}

@media (min-width: 481px) and (max-width: 767px) {
	.playbtn{
		top:38%!important;
		width:21%!important;
	}

	.small-vid{
		margin: 0!important;
		float:left!important;

	}
	.thumb-small{
		width: 256px!important;	
	}
	.playbtn-small{
		left: 38%!important;
		top: 31%!important;
	}
	.hh-video-tag{
		width: 420px!important;
		height: 360px!important;
	}
}

@media (max-width: 480px) {
	.thumb{
		height: 200px!important;
	}
	.thumb-small{
		width: 250px!important;
	}
	.small-vid{
		margin: 0!important;
		float:left!important;
	}
	.playbtn{
		top:38%!important;
	}
}