/* CSS Document */

#testimonial {
	float: left;
	width: 100%;

}

.testimonial .inner{
	border-bottom: 1px dashed #68a500;
	padding-bottom: 20px;
	padding-top: 20px;
	float: left;
	width: 100%;
}
.testimonial .text{

	float: left;
	width: 100%;
}
.testimonial .video{
	width: 50%;
	float: left;
	position: relative;

}
.testimonial .video img{
	width: 100%;
	float: left;
}
.testimonial .video iframe{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.testimonial .video + .text{
	width: 50%;
	padding-left: 30px;
}


@media (max-width: 767px){
	.testimonial .video{
		width: 100%;
	}
	.testimonial .video + .text{
		width: 100%;
		padding-top: 30px;
			padding-left: 0px;
	}
}



/**************************************************************************************************
 * 
 * #Media Queries
 * 
 *************************************************************************************************/
/**************************************************************************************************
 * Browser normal
 * 
 * Greater than 959 ()
 *************************************************************************************************/
@media only screen and (min-width: 960px) {

}



/**************************************************************************************************
 * Browser schmal
 * Smartphone Landscape
 * Smartphone Portrait
 * 
 * Smaller than standard 960 (devices and browsers)
 *************************************************************************************************/
@media only screen and (max-width: 959px) {

}



/**************************************************************************************************
 * Browser schmal
 * 
 * Tablet Portrait size to standard 960 (devices and browsers)
 *************************************************************************************************/
@media only screen and (min-width: 768px) and (max-width: 959px) {

}



/**************************************************************************************************
 * Smartphone Landscape
 * Smartphone Portrait
 * 
 * All Mobile Sizes (devices and browser)
 *************************************************************************************************/
@media only screen and (max-width: 767px) {

}



/**************************************************************************************************
 * Smartphone Landscape
 * 
 * Mobile Landscape Size to Tablet Portrait (devices and browsers)
 *************************************************************************************************/
@media only screen and (min-width: 480px) and (max-width: 767px) {
}



/**************************************************************************************************
 * Smartphone Portrait
 * 
 * Mobile Portrait Size to Mobile Landscape Size (devices and browsers)
 *************************************************************************************************/
@media only screen and (max-width: 479px) {
}