.cbp-qtrotator {
	position: relative;
	margin: 1em auto 1em auto;
	width: 980px;
}

.cbp-qtrotator .cbp-qtcontent {
	position: absolute;
	top: 0;
	z-index: 0;
	opacity: 0;
	width: 100%
}

.no-js .cbp-qtrotator .cbp-qtcontent {
	border-bottom: none;
}

.cbp-qtrotator .cbp-qtcontent.cbp-qtcurrent,
.no-js .cbp-qtrotator .cbp-qtcontent {
	position: relative; 
	z-index: 100;
	pointer-events: auto;
	opacity: 1;
}

.cbp-qtrotator .cbp-qtcontent:before,
.cbp-qtrotator .cbp-qtcontent:after {
	content: " ";
	display: table;
}

.cbp-qtrotator .cbp-qtcontent:after {
	clear: both;
}

.cbp-qtprogress {
	position: absolute;
	width: 0%;
	top: 0;
	z-index: 1000;
}

.cbp-qtrotator blockquote {
	margin: 0;
	padding: 0;
}

.cbp-qtrotator blockquote p {
	font-size: 14px;
	margin: 0.4em 0 1em;
}

.cbp-qtrotator blockquote footer {
	font-size: 14;
	font-style: italic;
	color: #999;
}

.cbp-qtrotator blockquote footer:before {
	content: '― ';
}

.cbp-qtrotator .cbp-qtcontent img {
	float: right;
	margin-left: 3em;
}

/* Example for media query */
@media screen and (max-width: 30.6em) { 

	.cbp-qtrotator {
		font-size: 70%;
	}

	.cbp-qtrotator img {
		width: 80px;
	}

}


/* Responsive Styles  */

/* Step one */
/* targeting all screen sizes wider than 1240px (HD Screen) */
@media (min-width: 1240px){
	
.cbp-qtrotator {
	width: 1126px;
}

}

/* Step three */
/* targeting all screen sizes within 801px and 1070px (tablet) */
@media (min-width: 801px) and (max-width: 1070px){
 
.cbp-qtrotator {
	width: 720px;
}

}

/* Step four */
/* targeting all screen sizes smaller than 800px (Mobiles) */
@media (min-width: 321px) and (max-width: 800px){
	
.cbp-qtrotator {
	width: 90%;
}

.cbp-qtrotator blockquote p {
	font-size: 12px;
}

}


/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
	
.cbp-qtrotator {
	width: 90%;
}

.cbp-qtrotator blockquote p {
	font-size: 12px;
}

}