.primaryContent .imgRight{
	float:right;
	max-width: 220px;
	margin: 0 0 2em 2em;
	border: 1px solid #f3f3f3;
}
.primaryContent .greyBox{
	float:right;
	max-width: 220px;
	margin: 0 0 2em 2em;
	font-size: 1.05em;
	font-weight:bold;
	padding:1em;
	border: 1px solid #f3f3f3;
	background-color: #f3f3f3;
	color: #333333;
}

@media only screen and (max-width: 519px){
	.primaryContent .imgRight, .primaryContent .greyBox {
		float:none;
		max-width:none;
		margin-left:0;
	}
	.primaryContent .imgRight{
		width:100%;
	}
}
    
.primaryContent .imgRight{
	float:right;
	max-width: 220px;
	margin: 0 0 2em 2em;
	border: 1px solid #f3f3f3;
}
.primaryContent .greyBox{
	float:right;
	max-width: 220px;
	margin: 0 0 2em 2em;
	font-size: 1.05em;
	font-weight:bold;
	padding:1em;
	border: 1px solid #f3f3f3;
	background-color: #f3f3f3;
	color: #333333;
}

@media only screen and (max-width: 519px){
	.primaryContent .imgRight, .primaryContent .greyBox {
		float:none;
		max-width:none;
		margin-left:0;
	}
	.primaryContent .imgRight{
		width:100%;
	}
}
    
.primaryContent .imgRight{
	float:right;
	max-width: 220px;
	margin: 0 0 2em 2em;
	border: 1px solid #f3f3f3;
}
.primaryContent .greyBox{
	float:right;
	max-width: 220px;
	margin: 0 0 2em 2em;
	font-size: 1.05em;
	font-weight:bold;
	padding:1em;
	border: 1px solid #f3f3f3;
	background-color: #f3f3f3;
	color: #333333;
}

@media only screen and (max-width: 519px){
	.primaryContent .imgRight, .primaryContent .greyBox {
		float:none;
		max-width:none;
		margin-left:0;
	}
	.primaryContent .imgRight{
		width:100%;
	}
}
    
.videoContainer{ margin-bottom:1em; }

.vp-portfolio { display:table;width:100%;margin:20px 0 50px 0; }
.vp-systems { display:table-cell;width:50%; }




.vp-product { text-align:center;display:inline-block; }
.vp-name { display:inline-block;font-size:85%;margin:20px 0 5px; }
.vp-name span { white-space: nowrap;display:block; }

.vp-estick { width:30%; } 
.vp-estick img { width:21%; } 

.vp-epen { width:20%;margin:0 9.5% }
.vp-epen img { width:83%; }		

.vp-epen-three { width:26%; } 
.vp-epen-three img { width:81%; }		

.vp-etank-pro { width:26%;margin:0 0 0 3%; }
.vp-etank-pro img { width:68%; } 

.vp-iswitch { width:34%;margin:0 0 0 4%; }
.vp-iswitch img { width:98%; }

.vp-epod { width:17%;margin:0 0 0 10%; }
.vp-epod img { width:98%; }					

.vp-arrow { margin:5px 0;display:block; }
.vp-arrow img { width:100%; }
.vp-arrow p { font-weight:bold;margin:8px auto;text-align:center; }		

.vp-blur img { opacity: 0.5; }

.vp-product { position:relative; }
.vp-product .rc-icon { position:absolute;cursor:pointer;height:18px;width:18px;border-radius:13px;border:3px solid #989898;bottom:-28px; }
.vp-estick .rc-icon { left:35%; }
.vp-epen-three .rc-icon { left:35%; }
.vp-epen .rc-icon { left:23%; }
.vp-etank-pro .rc-icon { left:32%; }
.vp-iswitch .rc-icon { left:32%; }
.vp-epod .rc-icon { left:19%; }

.vp-product span.rc-icon-plus { background:#fff;line-height:17px;}
.vp-product span.rc-icon-plus:after { content: "+";color:#333;padding:0 2px;margin-top:-2px;display:inline-block;font-weight:bold;font-size:16px; }

.vp-product span.rc-icon-minus { background:#333;line-height:17px;display:none; }
.vp-product span.rc-icon-minus:after { content: "-";color:#fff;margin-top:-2px;display:inline-block;font-weight:normal;font-size:22px; }					

.vp-systems .open span.rc-icon-plus { display:none; }
.vp-systems .open span.rc-icon-minus { display:block; }

.vp-panel { width:192%;margin:15px 0; }
.js .vp-panel { display:none;background:#efefef;padding:8%;margin:50px 0 0 0;outline:1px #ccc solid;  }
.vp-section-02 .vp-panel { margin-left:-108%; }

.vp-panel p { margin:0; }


@media only screen and (min-width: 760px) and (max-width: 983px) {		
												
	.vp-name { font-size:80%; }
}		

@media only screen and (min-width: 520px) and (max-width: 759px) {
	.vp-name { font-size:72%; }
	.vp-epen { margin:8.5%; }

}

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

	.vp-name { font-size:70%; }
	.vp-portfolio { width:60%;margin:0 auto; }
	.vp-systems { display:block;width:100%; }
	.vp-section-01 { margin:20px 0 0 0; }
	.vp-section-02 { margin:50px 0; }
	.vp-panel { width:auto;  }
	.vp-section-02 .vp-panel { margin-left:auto; }

}

.videoContainer{padding-bottom:56.25%}
.mejs-container {
  width: 100% !important;
  height: auto !important;
  padding-top: 56.25%;
}
.mejs-overlay, .mejs-poster {
  width: 100% !important;
  height: 100% !important;
}
.mejs-mediaelement video {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  width: 100% !important;
  height: 100% !important;
}





