@charset "utf-8";
/* CSS Document */



section#Testimony div#Testimonials { clear: both; }

section#Testimony div.TOPIC { 
	width: 98%; margin: 5px 1%; height: 170px;
	background-color: #f4ede4; 
	color: #FFF;
	background-image: url('../../images/Testimony/people.png') ;
	background-size: 500px;
	background-repeat: no-repeat;
	background-position: center -40px;
	border-radius: 5px; padding: 30px; position: relative; overflow: hidden; 
}
section#Testimony > div.TOPIC div.Content { width: 350px; position: absolute; top: 50px; left: 40px; }
section#Testimony  div.TOPIC div.BTN { 
	width: 360px; height: 45px; line-height: 45px; 
	right: 40px; bottom: 95px;
	position: absolute; 
	font-size: 18px; 
	background-color: #635249;
	border-radius: 5px; text-align: center;
}
section#Testimony  div.TOPIC div.BTN_02 { 
	width: 360px; height: 45px; line-height: 45px; 
	right: 40px; bottom: 35px;
	position: absolute; 
	font-size: 18px; 
	background-color: #635249;
	border-radius: 5px; text-align: center;
}
section#Testimony > div.TOPIC div.BTN a { color: #FFF; display: block; }
section#Testimony > div.TOPIC div.BTN:hover { cursor: pointer; background-color: #C33 }
section#Testimony  div.TOPIC div.BTN_02 a { color: #FFF; display: block; }
section#Testimony  div.TOPIC div.BTN_02:hover { cursor: pointer; background-color: #C33 }

section#Testimony > div.TOPIC h1 { color: #635249; text-align: center; font-size: 3.5em; margin: 0; padding: 0; line-height: 1; letter-spacing: 3px;}
section#Testimony > div.TOPIC h2 { color: #635249; text-align: left; font-size: 1.7em; font-weight: 600; margin: 0; padding: 8px 0 0 25px; line-height: 1.3; letter-spacing: 10px; }



section#Testimony div#Testimonials > div.BOX { width: 23%; padding: 15px;  }

section#Testimony div#Testimonials > div.BOX > img { width: 70px; height: 80px; border-radius: 4px; border: solid 2px #EFEFED; float: left; margin: 0 5px 0px 0; padding: 0; }
section#Testimony div#Testimonials > div.BOX p { margin: 0; padding: 0; }
section#Testimony div#Testimonials > div.BOX p.Name { color:#BA6345; font-size: 20px; padding: 4px 0px 4px 0 }
section#Testimony div#Testimonials > div.BOX p.Descp { font-size: 15px;  border-top: solid 4px #EFEFED; line-height: 1.6; padding: 4px 0 0 0 }
section#Testimony div#Testimonials > div.BOX p.Descp > a { color:#BA6345; }


	@media (max-width: 1440px) {
		section#Testimony > div.TOPIC div.Content { width: 320px; top: 50px; left: 40px; }
		section#Testimony > div.TOPIC h1 { font-size: 3.2em; }
		section#Testimony > div.TOPIC h2 { font-size: 1.5em; }
		section#Testimony div#Testimonials > div.BOX p.Descp { font-size: 14px;}
	}

	@media (max-width: 1280px) {
		section#Testimony div.TOPIC { background-size: 350px; background-position: center -20px; }
		section#Testimony > div.TOPIC h1 { font-size: 3em; }
		section#Testimony > div.TOPIC h2 { font-size: 1.5em;  }
	}

	@media (max-width: 1200px) {
		section#Testimony > div.TOPIC div.Content { width: 300px; top: 50px; left: 20px; }
		section#Testimony div.TOPIC { background-position: 55% -20px; }
		section#Testimony > div.TOPIC h1 { font-size: 2.9em; }
		section#Testimony > div.TOPIC h2 { font-size: 1.35em; }
		section#Testimony > div.TOPIC div.BTN { width: 240px; height: 35px; line-height: 35px; right: 30px;font-size: 16px; }
		section#Testimony div#Testimonials > div.BOX p.Descp { font-size: 13px; }
	}

	@media (max-width: 1160px) {
		section#Testimony div.TOPIC { background-position: right -20px; }
		section#Testimony div.TOPIC div.Content { width: 300px; position: absolute; top: 30px; left: 20px; }
		section#Testimony div.TOPIC div.Content > h1 { text-align: center;  }
		section#Testimony > div.TOPIC h2 { font-size: 1.25em; letter-spacing: 11px; padding: 8px 0 0 28px; }
		section#Testimony > div.TOPIC div.BTN { width: 300px; height: 35px; line-height: 35px; right: initial; bottom: 25px; left:20px; font-size: 16px; }
		section#Testimony div#Testimonials > div.BOX { width: 100%; padding: 15px;  }
		section#Testimony div#Testimonials > div.BOX:nth-child(4),
		section#Testimony div#Testimonials > div.BOX:nth-child(5),
		section#Testimony div#Testimonials > div.BOX:nth-child(6) { display: none !important; }

	}

	@media (max-width: 850px) {
		section#Testimony { display: none; }
	}

	/*Mobile Device Start*/
	@media (max-width: 599px) {
		
	}