/*--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
--*/

/*---- test-monials ----*/
.test-monials{
	background: url(../images/test-bg.png) no-repeat 0px 0px;
	background-size: 100% 100%;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}
.test-monial-grid p{
	color: #fff;
	font-style: italic;
	font-size: 2.3em;
	font-weight: 300;
	width: 80%;
	margin: 0.3em auto 0.5em;
}
.content-bottom-grids-left-grid h4{
	color:#9197A8;
	text-transform:uppercase;
	font-size:1em;
	letter-spacing:0.2em;
	font-weight:bold;
}
.content-bottom-grids-left-grid p{
	font-weight: 300;
	color: #7A8387;
	font-size: 1.05em;
	line-height: 1.7em;
}
.frist-grid{
	margin-bottom: 4em;
}
.content-bottom-grids-left{
	padding-right:3em;
	position:relative;
}
.content-bottom-grids-right{
	padding-left:3em;
}
span.right-border{
	width:1px;
	height:450px;
	background:#EEE;
	display:inline-block;
	position:absolute;
	top:0;
	right:0;
}
.content-bottom-grids{
	padding:5em 0;
}
a.try-demo{
	background: #F69679;
	color: #FFF;
	padding: 0.85em 0em;
	font-weight: 400;
	font-size: 1.2em;
	border-radius: 0.25em;
	display: block;
	text-align: center;
	text-decoration: none;
	width: 17%;
	margin: 4.5em auto 0;
}
a.try-demo:hover{
	background:#5C6869;
}

/*---- responsive- design ----*/
@media (max-width:1366px){

}
@media (max-width:1280px){

}
@media (max-width:1024px){

}
@media (max-width:768px){
	.test-monial-grid p {
		font-size: 1.8em;
		width: 100%;
	}
	span.right-border{
		display:none;
	}
	.content-bottom-grids-left {
		padding-right: 0em;
	}
	.content-bottom-grids {
		padding: 2em 0;
	}
	.frist-grid {
		margin-bottom: 2em;
	}
	.content-bottom-grids-right {
		padding: 1em 0 0 1em;
	}
	a.try-demo {
		width: 24%;
		margin: 0.5em auto 0;
	}
}
@media (max-width:640px){
	.test-monial-grid p {
		font-size: 1.8em;
		width: 100%;
	}
	span.right-border{
		display:none;
	}
	.content-bottom-grids-left {
		padding-right: 0em;
	}
	.content-bottom-grids {
		padding: 2em 0;
	}
	.frist-grid {
		margin-bottom: 2em;
	}
	.content-bottom-grids-right {
		padding: 1em 0 0 1em;
	}
	a.try-demo {
		width: 24%;
		margin: 0.5em auto 0;
	}
	a.big-btn {
		padding: 0.8em 2.8em;
	}
}
@media (max-width:480px){
	.test-monial-grid p {
		font-size: 1.5em;
		width: 100%;
	}
	span.right-border{
		display:none;
	}
	.content-bottom-grids-left {
		padding-right: 0em;
	}
	.content-bottom-grids {
		padding: 2em 0;
	}
	.frist-grid {
		margin-bottom: 2em;
	}
	.content-bottom-grids-right {
		padding: 1em 0 0 1em;
	}
	a.try-demo {
		width: 40%;
		margin: 0.5em auto 0;
		padding:0.7em 0;
	}
	.banner-info h1 {
		font-size: 2.8em;
	}
	a.big-btn {
		padding: 0.6em 1.8em;
		margin: 1em auto 0.8em;
		font-size: 1.4em;
	}
	.top-left-grid p {
		font-size: 1em;
		line-height: 1.5em;
		margin: 1em 0;
	}
	a.download-btn {
		font-size: 1.2em;
		padding: 0.7em 2em;
	}
	.test-monials {
		padding: 3em 0 4em;
	}
}
@media (max-width:320px){
	.test-monial-grid p {
		font-size: 1.3em;
		width: 100%;
	}
	span.right-border{
		display:none;
	}
	.content-bottom-grids-left {
		padding-right: 0em;
	}
	.content-bottom-grids {
		padding: 1em 0;
	}
	.frist-grid {
		margin-bottom: 2em;
	}
	.content-bottom-grids-right {
		padding: 1em 0 0 1em;
	}
	a.try-demo {
		width: 60%;
		margin: 0.5em auto 1em;
		padding: 0.6em 0;
	}
	.banner-info h1 {
		font-size: 2.5em;
	}
	a.big-btn {
		padding: 0.5em 1.5em;
		margin: 1em auto 0.8em;
		font-size: 1.2em;
	}
	.top-left-grid p {
		font-size: 1em;
		line-height: 1.5em;
		margin: 1em 0;
	}
	a.download-btn {
		font-size: 1em;
		padding: 0.7em 1.5em;
	}
	.test-monials {
		padding: 3em 0 4em;
	}
	.recent-news-grid-left-grid-info {
		padding: 0.5em 0 1em;
	}
	.recent-news-grid-right h2 {
		padding: 0.5em 0 0.2em;
		line-height: 1.2em;
		font-size: 1.4em;
	}
}