@charset "utf-8";

.image-box {
	float: left;
	width: 40%;
	margin-left: 8%;
	margin-right: 2%;
	margin-top: 10px;
}

.text-box {
	float: left;
	width: 40%;
	margin-left: 2%;
	margin-right: 8%;
	text-align: left;
}

.info-box {
	float: center;
	width: 84%;
	text-align: left;
	border: 1px solid #999999;
	border-radius: 4px;
	padding: 10px;
	background-color: #F8FAFC;
}

.tablelike { width: 84%; float: center; border: 1px solid #999999; border-radius: 4px; padding: 10px;}

.tablebrands { width: 94%; float: center; border: 1px solid #999999; border-radius: 4px; padding: 10px;}

.tablevideo { width: 100%; float: center; border: 1px solid #999999; border-radius: 4px; padding: 10px;}

.product-image { width: 100%; height: auto; max-width: 700px; border-radius: 4px; }

.youtube-video { width: 100%; height: 352px; max-width: 700px; }


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

.image-box { float: left; width: 90%; margin-left: 5%;}
.text-box { float: left; width: 90%; margin-left: 5%;}
.info-box {	float: left; width: 90%; margin-left: 5.5%;}
.tablelike { width: 100%; float: center; border: 0px; }
.tablebrands { width: 100%; float: center; border: 0px; }

}