.name {
	background: url(./img-sprite.png) no-repeat 0px 0px;
	height: 25px;
	width: 25px;
	display: block;
	float: left;
	margin: 10px 0px 9px 10px;
}
.num {
	background: url(./img-sprite.png) no-repeat -50px 0px;
	height: 25px;
	width: 25px;
	display: block;
	float: left;
	margin: 10px 0px 9px 10px;
}

.icon {
	float:left;
	width:15%;
	margin-right:2%;
}
.col-md-12 .icon {
	width:7%;
}
i.s1 {
	width:70px;
	height:70px;
	background: url('./img-sprite.png') no-repeat -540px 0px;
	display:inline-block;
}
.service-section-grid:hover i.s1{
	background: url('./img-sprite.png') no-repeat -540px -70px;
}
i.s2 {
	width:70px;
	height:70px;
	background: url('./img-sprite.png') no-repeat -610px 0px;
	display:inline-block;
}
.service-section-grid:hover i.s2{
	background: url('./img-sprite.png') no-repeat -610px -70px;
}
i.s3 {
	width:70px;
	height:70px;
	background: url('./img-sprite.png') no-repeat -680px 0px;
	display:inline-block;
}
.service-section-grid:hover i.s3{
	background: url('./img-sprite.png') no-repeat -680px -70px;
}
i.s4 {
	width:70px;
	height:70px;
	background: url('./img-sprite.png') no-repeat -750px 0px;
	display:inline-block;
}
.service-section-grid:hover i.s4{
	background: url('./img-sprite.png') no-repeat -750px -70px;
}
i.s5 {
	width:70px;
	height:70px;
	background: url('./img-sprite.png') no-repeat -820px 0px;
	display:inline-block;
}
.service-section-grid:hover i.s5{
	background: url('./img-sprite.png') no-repeat -820px -70px;
}
i.s6 {
	width:70px;
	height:70px;
	background: url('./img-sprite.png') no-repeat -890px 0px;
	display:inline-block;
}
.service-section-grid:hover i.s6{
	background: url('./img-sprite.png') no-repeat -890px -70px;
}
i.s7 {
	width:70px;
	height:70px;
	background: url('./img-sprite.png') no-repeat -960px 0px;
	display:inline-block;
}
.service-section-grid:hover i.s7{
	background: url('./img-sprite.png') no-repeat -960px -70px;
}
.icon-text {
	float:left;
	width:83%;
	margin-top: 0.8em;
}

/* service-section */

.service-section {
	padding: 0;
}
.service-section-head h2 {
	font-size:3.5em;
	padding: 1em 0;
}
.service-section-head h3 {
	font-size:2.2em;
	font-weight:600;
	padding: 0.5em;
}
.service-section-grid {
	margin-top:2em;
}
.service-section-grid h4 {
	font-size:1.2em;
	font-weight:600;
	margin-bottom:0.85em;
  margin-top: 0;
}
.service-section-head p, .service-section-grid ul, .service-section-grid p {
	/*font-weight:300;*/
  margin: 0;
}
/*
.service-section-grid ul {
	list-style-position: inside;
}
 */


/* about-section */

.about_left {
	padding:0;
}
.about_left img {
	width:100%;
}
.about_right {
	background:#ffc155;
	padding:11em 8em 0;
	min-height: 594px;
}
.about_right h3 {
	color: #fff;
	font-size: 2.2em;
	font-weight: 700;
}
.about_right p {
	color: #fff;
	font-size: 1em;
	font-weight: 300;
	line-height:1.9em;
	margin:1.6em 0 3em 0;
}
.about_right a {
	text-decoration:none;
	color:#fff;
	font-size:1.05em;
	font-weight:300;
	padding:9px 18px;
	border:1px solid #e7ad48;
}
.about_right a:hover {
	background:#394b50;
}
.price-section {
	padding: 6em 0;
	background:#e7edf3;
}
.price-section-head h3 {
	color: #394b50;
	font-size: 2.2em;
	font-weight: 600;
	padding: 0.5em;
}
.price-section-head p {
	color: #394b50;
	font-size: 1.2em;
	font-weight: 400;
}
.price-section-grid h5 {
	color:#818b95;
	font-family: 'Lato', sans-serif;
	font-size:1.9em;
	font-weight:300;
	margin-bottom:0.8em;
}
.price-section-grid h3 span {
	font-size:0.7em;
	vertical-align: top;
}
.price-section-grid h3 {
	color:#ffbb42;
	font-family: 'Lato', sans-serif;
	font-size:3.5em;
	font-weight:700;
}
.price-section-grid p {
	color:#818b95;
	font-size:1.2em;
	font-weight:400;
}
.price-section-grid ul {
	margin:2.5em 0;
}
.price-section-grid ul li {
	list-style-type:none;
	/* color:#b5bbc1; */
	font-family: 'Lato', sans-serif;
	font-size:1.1em;
	font-weight:400;
	border-top:1px solid #e2e9f0;
	padding:0.7em;
}
.price-section-grid a {
	color:#fff;
	font-family: 'Lato', sans-serif;
	font-size:1.1em;
	text-decoration:none;
	background:#ffbb42;
	font-weight:400;
	padding:11px 20px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
}
.price-section-grid a:hover {
	background:#394b50;
}
.price-value {
	border: 1px solid #ccd5df;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	padding:4em 2em 5em 2em;
	background:#fff;
	/*width:32.888%;*/
	float:left;
	margin-right:0.6%;
	margin-top:1em;
}
.price-value:hover {
	background:#709dca;
	border:none;
}
.price-value:hover div.price-section-grid h5,.price-value:hover div.price-section-grid p,.price-value:hover div.price-section-grid h3,
.price-value:hover div.price-section-grid span {
	color:#fff;
    transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
}
.price-value:hover div.price-section-grid ul li {
	color:#c2e1ff;
}
.price-value:nth-child(3){
	margin-right:0;
}
.price-value:hover {
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
	-ms-transform: scale(1.05);
	z-index: 1;
	border: none;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

/* work-section */

.work-section {
	padding: 6em 0;
}
.work-section-head h3 {
	color: #394b50;
	font-size: 2.2em;
	font-weight: 600;
	padding: 0.5em;
}
.work-section-head p, .work-section-head ul, .work-section-grid p {
	font-size: 1.2em;
	font-weight: 400;
	padding-bottom: .4em;
	text-align: left;
}
/*
.work-section-head ul {
	list-style-position: inside;
}
*/

.work-section-grid {
	margin-top:8em;
	position:relative;
}
span.arrow1 {
	position: absolute;
	top: -35px;
	right: -64px;
}
span.arrow2 {
	position: absolute;
	top: 95px;
	right: -64px;
}
.work-section-grid h4 {
	color:#394b50;
	font-family: 'Lato', sans-serif;
	font-size:1.5em;
	font-weight:700;
	margin-bottom:0.8em;
	margin-top:4em;
}
a.work {
	color: #fff;
	font-family: 'Lato', sans-serif;
	font-size: 1em;
	text-decoration: none;
	background: #ffbb42;
	font-weight: 400;
	padding: 11px 23px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
}
a.work:hover {
	background:#394b50;
}
.client {
	float:left;
	width: 25%;
	margin-right: 6%;
}
.client img {
	width:100%;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
}
.client-info {
	float:left;
	width: 69%;
}

#map {
	height: 80vh;
}
.customControl {
	background-color: #fff;
	padding: 10px;
	border-radius: 3px;
	max-width: 300px;
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
	opacity: 0.9;
}

.happy-clients {
	padding:8em 0 0 0;
}
.happy-clients-head h2 {
	color:#394b50;
	font-size:3.5em;
	padding: 1em 0 0 0;
}
.happy-clients-head p {
	color:#394b50;
	font-size: 1.2em;
	font-weight: 500;
}
.happy-clients-grid {
	background:#fff;
	padding:2.5em 2em;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	width: 47%;
	margin: 2% 3% 0 0;
}
.happy-clients-grid p {
	color: #7b7b7b;
	font-size: 0.95em;
	font-weight: 400;
	line-height: 1.8em;
	margin-bottom:1.2em;
}
.happy-clients-grid h4 {
	color:#99a9ae;
	font-size:1em;
	font-family: 'Lato', sans-serif;
	font-weight:400;
}
.happy-clients-grid h4 a {
	color:#f6772c;
	text-decoration:none;
}
.span_66{
	margin-right:0;
}
.happy-clients-grids {
	margin-top:3em;
}
img.open {
	margin: 0 6px 9px 0px;
}
img.closeq {
	margin: 6px 0px 0px 11px;
}
.contact-section {
	padding: 0 0 1em 0;
}
.contact-section-head h3 {
	font-size: 2.2em;
	font-weight: 600;
	padding: 0.5em;
}
.contact-section-head p {
	font-size: 1.2em;
	font-weight: 400;
	text-align: left;
	padding-bottom: 1em;
	font-family: inherit;
}
.form input[type="text"] {
	width: 85%;
	color: #a9a9a9;
	font-size: 0.9em;
	padding: 14px 14px 14px 0;
	border: none;
	outline: none;
	background: #fff;
}
.form form li {
	display:inline-block;
}
.form {
	margin:3em 0 5em 0;
}
.form form li {
	border-radius:3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	list-style: none;
	float: left;
	width: 35%;
	background: #fff;
	margin-right:1em;
	border:1px solid #cbcbcb;
}
.form form input[type="submit"] {
	color: #fff;
	font-size: 1em;
	font-weight: 300;
	border: none;
	background: #ffbb42;
	padding: 14px 0px;
	width: 19%;
	outline: none;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
}
.form form input[type="submit"]:hover {
	background:#394b50;
}
.bottom-menu ul li {
	display:inline-block;
	margin:0 1em;
}
.bottom-menu ul li a {
	font-size:1.05em;
	font-family: 'Lato', sans-serif;
	color:#394b50;
	font-weight:500;
	text-decoration:none;
}
.bottom-menu ul li a:hover {
	color:#ffbb42;
}
.footer {
	padding:1.2em 0;
	background:#709dca;
}
.copyright p {
	color:#ffffff;
	font-size:1.1em;
	font-weight:400;
}
.copyright p a {
	color:#ffffff;
}
.social-icons i {
	height: 25px;
	width: 25px;
	background: url(./img-sprite.png) no-repeat 0px 0px;
	display: inline-block;
	margin:0 0.5em;
}
i.twitter {
	background-position: -75px 0px;
}
i.twitter:hover {
	background-position: -75px -25px;
}
i.facebook {
	background-position: -100px 0px;
}
i.facebook:hover {
	background-position: -100px -25px;
}
i.googlepluse {
	background-position: -125px 0px;
}
i.googlepluse:hover {
	background-position: -125px -25px;
}
i.linkedin {
	background-position: -150px 0px;
}
i.linkedin:hover {
	background-position: -150px -25px;
}
p.call {
	font-family: pfhighway, sans-serif;
	font-size:1.2em;
	color:#394b50;
	margin: 0.8em 0 0 0;
}
i.phone {
	height: 25px;
	width: 25px;
	background: url(./img-sprite.png) no-repeat -50px 0px;
	display: inline-block;
	vertical-align:middle;
}
i.ear-phones {
	height: 85px;
	width: 85px;
	background: url(./img-sprite.png) no-repeat -200px -76px;
	display: inline-block;
}
i.lock {
	height: 85px;
	width: 85px;
	background: url(./img-sprite.png) no-repeat -285px -76px;
	display: inline-block;
}
i.cloud {
	height: 85px;
	width: 85px;
	background: url(./img-sprite.png) no-repeat -370px -76px;
	display: inline-block;
}
i.done {
	height: 85px;
	width: 85px;
	background: url(./img-sprite.png) no-repeat -455px -76px;
	display: inline-block;
}
.map {
	border-bottom: 1px solid #e3e7ec;
	margin-bottom: 3em;
	padding-bottom: 3em;
	position:relative;
}
.map img {
	width:100%;
}
.location {
	position: absolute;
	top:70px;
	left: 400px;
}
.bottom-logo img {
	width: 19%;
}
.address {
	background:#394b50;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	padding:5em;
	margin-bottom:2em;
	position:relative;
}
.address h4 {
	color:#fff;
	font-size:1.2em;
	font-family: 'Lato', sans-serif;
	font-weight:500;
	margin-bottom:1em;
}
.address p {
	color:#aeb7ba;
	font-size:0.9em;
	font-weight:500;
	margin:0.5em 0;
}
.address a {
	color:#ffbb42;
	font-size:0.95em;
	font-weight:500;
	display:block;
	margin-top:0.8em;
}
span.locate {
	position: absolute;
	bottom: -17px;
	left: 130px;
}
span.locate img {
	width: 100%;
}
#toTop {
	display: none;
	text-decoration: none;
	position: fixed;
	bottom: 10px;
	right: 10px;
	overflow: hidden;
	width: 48px;
	height: 48px;
	border: none;
	text-indent: 100%;
	background: url(../images/up-arrow.png) no-repeat 8.8px 12px #ffbb42;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
}

.youtube {
	width: 853px;
	height: 480px;
}

.wpcf7-not-valid {
	border-color: red;
	background-color: rgba(153,0,0,0.1);
}

/*-- responsive-design starts-here --*/

@media screen and (max-width: 1440px) {
	.about_right {
		padding: 7em 8em 0;
		min-height: 528px;
	}
}
@media screen and (max-width: 1366px) {
	.about_right p {
		font-size: 0.98em;
	}
	.about_right {
		padding: 6em 6em 0;
		min-height: 500px;
	}
	.service-section-grid {
		margin-top: 3em;
	}
}
@media screen and (max-width: 1280px) {
	.top-menu ul li a {
		font-size: 1.1em;
	}
	h1 {
		font-size: 1.4em;
	}
	.banner-info h2 {
		font-size: 3em;
	}
	.service-section-head h2 {
		font-size: 3em;
	}
	.about_right {
		padding: 5em 5em 0;
		min-height: 468px;
	}
	.happy-clients {
		padding: 5em 0;
	}
}
@media screen and (max-width: 1024px){
	.top-menu ul li a {
		font-size: 1em;
		padding: 6px 13px;
	}
	.top-menu ul li a.active {
		padding: 6px 13px;
	}
	.top-menu ul li a:hover {
		padding: 6px 13px;
	}
	h1 {
		font-size: 1.4em;
	}
	.banner-info h2 {
		font-size: 2.4em;
	}
	.service-section-head h2 {
		font-size: 2.4em;
	}
	.banner-info p {
		font-size: 1em;
		margin: 0.1em 0 0.9em 0;
	}
	.name,.mail,.num {
		margin: 8px 4px 9px 6px;
	}
	.details input[type="text"] {
		padding: 12px 12px 12px 0;
	}
	.details form input[type="submit"] {
		padding: 12px 0px;
		width: 18%;
	}
	.details {
		margin: 2.8em 0 4em 0;
	}
	.banner {
		padding-bottom: 17em;
		margin-bottom: 7em;
	}
	.service-section-head h3,.price-section-head h3,.work-section-head h3,.happy-clients-head h3,.contact-section-head h3 {
		font-size: 1.9em;
	}
	.icon, .col-md-12 .icon {
		width: 16%;
	}
	.icon-text {
		width: 82%;
		margin-top: 0.7em;
	}
	.service-section-grid h4 {
		font-size: 1.1em;
		margin-bottom: 0.5em;
    margin-top: 0;
	}
	.service-section-grid p, .service-section-grid ul {
		font-size: 1em;
	}
	.service-section-grid {
		margin-top: 2.5em;
	}
	.about_right h3 {
		font-size: 2em;
	}
	.about_right p {
		font-size: 1em;
	}
	.about_right {
		padding: 3em 3.5em 0;
		min-height: 378px;
	}
	.price-section {
		padding: 5em 0;
	}
	.price-value {
		margin-top: 4.5em;
	}
	.work-section {
		padding: 5em 0;
	}
	.happy-clients-grid {
		padding: 2em 1em;
	}
	.client {
		width: 24%;
		margin-right: 5%;
		margin-top:2%;
	}
	.client-info {
		width: 71%;
	}
	.happy-clients-grid p {
		font-size: 0.96em;
	}
	.happy-clients {
		padding: 4em 0;
	}
	.form input[type="text"] {
		padding: 12px 12px 12px 0;
	}
	.form form input[type="submit"]{
		padding:12px 0;
	}
	.work-section-grid {
		margin-top: 6.5em;
	}
	.happy-clients-grid h4 {
		font-size: 0.95em;
	}
	.bottom-menu ul li a {
		font-size: 1em;
	}
	.contact-section {
		padding: 4em 0 2em 0;
	}
	.address {
		padding: 4em 3.5em;
	}
	.address h4 {
		font-size: 1.1em;
		margin-bottom: 0.8em;
	}
	.address p {
		font-size: 0.875em;
		margin: 0.3em 0;
	}
	.address a {
		font-size: 1em;
	}
	.location {
		top: 55px;
		left: 355px;
	}
	span.locate {
		left: 106px;
	}
	.map {
		margin-bottom: 2.5em;
		padding-bottom: 2.5em;
	}
	.social-icons i {
		margin: 0 0.25em;
	}
	p.call {
		font-size: 1.4em;
		margin: 0.8em 0;
	}
	.price-section-grid h5 {
		font-size: 1.5em;
		margin-bottom: 0.7em;
	}
	.price-section-grid h3 {
		font-size: 2.8em;
	}
	.price-section-grid ul li {
		font-size: 1em;
		padding: 0.5em;
	}
	.price-value {
		margin-top: 4em;
		padding: 3em 1.8em 4em 1.8em;
	}
}
@media screen and (max-width: 800px){

	span.arrow1, span.arrow2 {
		display: none;
	}
	.col-md-3 {
		width: 50%;
	}
	span.menu{
		width:28px;
		height:28px;
		background:url(../images/nav.png)no-repeat;
		display: inline-block;
		float:right;
		cursor: pointer;
		margin-top: 10px;
	}
	.top-menu{
		width:100%;
		display: none;
		text-align:center;
		background:#fff;
		padding:0;
	}
	.top-menu ul{
		float:none;
		width:100%;
	}
	.top-menu ul li{
		display:block;
		float: none;
	}
	.top-menu ul li a{
		display: block;
		padding: 10px 0px;
	}
	.top-menu ul li a.active {
		padding: 10px 13px;
	}
	.top-menu ul li a:hover {
		padding: 10px 13px;
	}
	.about_left {
		width:50%;
		float:left;
	}
	.about_right {
		width:50%;
		float:right;
	}
	h1 {
		font-size: 1.2em;
	}
	.banner-info h2 {
		font-size: 2.2em;
	}
	.service-section-head h2 {
		font-size: 2.2em;
	}
	.banner-info p {
		font-size: 0.95em;
		margin: 0.1em 0 0em 0;
	}
	.details input[type="text"] {
		width: 80%;
	}
	.details form li {
		width: 25%;
		margin-right: 0.3em;
	}
	.details form input[type="submit"] {
		padding: 12px 0px;
		width: 22%;
	}
	.banner {
		padding-bottom: 14em;
		margin-bottom: 7em;
	}
	.service-section-head h3, .price-section-head h3, .work-section-head h3, .happy-clients-head h3, .contact-section-head h3,.about_right h3 {
		font-size: 1.7em;
	}
	.service-section-head p, .service-section-head ul,
	.price-section-head p, .price-section-head ul,
	.work-section-head p, .work-section-head ul,
	.happy-clients-head p, .happy-clients-head ul,
	.contact-section-head p .contact-section-head ul{
		font-size: 1.1em;
	}
	.icon, .col-md-12 .icon {
		width: 11%;
	}
	.icon-text {
		width: 87%;
		margin-top: 0.5em;
	}
	.service-section-grid {
		margin-top: 1.8em;
	}
	.service-section-grid h4 {
		font-size: 1em;
		margin-bottom: 0.4em;
    margin-top: 0;
	}
	.about_right p {
		margin: 1em 0 2.5em 0;
		height: 120px;
		overflow: hidden;
	}
	.about_right {
		padding: 2em 2.5em 0;
		min-height: 288px;
	}
	.about_right a {
		font-size: 1em;
		padding: 8px 16px;
	}
	.price-section {
		padding: 4em 0;
	}
	.price-section-grid h5 {
		font-size: 1.2em;
		margin-bottom: 0.7em;
	}
	.price-section-grid h3 {
		font-size: 2.5em;
	}
	.price-section-grid ul li {
		font-size: 1em;
		padding: 0.6em;
	}
	.price-section-grid p{
		font-size:1em;
	}
	.price-section-grid a {
		font-size: 1em;
		padding: 9px 18px;
	}
	.price-value {
		margin-top: 3em;
		padding: 2.5em 1.7em 3em 1.7em;
	}
	.work-section {
		padding: 4em 0;
	}
	.copyright p {
		font-size: 1em;
	}
	.bottom-menu ul li a {
		font-size: 0.95em;
	}
	.bottom-menu ul li {
		margin: 0 0.6em;
	}
	p.call {
		font-size: 1.3em;
	}
	.happy-clients-grid {
		padding: 2em 2.5em;
		width: 100%;
		margin: 4% 0% 0 0;
	}
	.client {
		width: 22%;
		margin-top: 0%;
	}
	.happy-clients-grid p{
		margin-bottom:1.5em;
	}
	.address {
		padding: 3em 2.5em;
	}
	.location {
		top: 40px;
		left: 270px;
	}
	span.locate {
		left: 90px;
	}
	.happy-clients {
		padding: 3.5em 0;
	}
	.work-section-grid {
		margin-top: 6em;
		float: left;
		padding:0 10px;
	}
	.work-section-grid h4 {
		font-size: 1.3em;
		margin-bottom: 0.6em;
		margin-top: 3.8em;
	}
	.work-section-grid p {
		font-size: 1em;
	}

	.youtube {
		width: 560px;
		height: 315px;
	}
}
@media screen and (max-width: 768px){

	.col-md-4 {
		width: 90%;
	}

	.about_right {
		min-height: 282px;
	}
}
@media screen and (max-width: 640px){

	#site-navigation {
		position: relative;
	}

	h1 {
		font-size: 1.2em;
	}
	.banner-info h2 {
		font-size: 2em;
	}
	.service-section-head h2 {
		font-size: 2em;
	}
	.banner-info p {
		font-size: 0.875em;
	}
	.details input[type="text"] {
		width: 76%;
		padding: 9px 10px 9px 0;
	}
	.name, .mail, .num {
		margin: 5px 2px 6px 4px;
	}
	.details form input[type="submit"] {
		padding: 9px 0px;
		font-size: 0.9em;
	}
	.details {
		margin: 2em 0 3em 0;
	}
	.banner {
		padding-bottom: 12em;
		margin-bottom: 6em;
	}
	.service-section-head h3, .price-section-head h3, .work-section-head h3, .happy-clients-head h3, .contact-section-head h3, .about_right h3 {
		font-size: 1.6em;
	}
	.icon, .col-md-12 .icon {
		width: 13%;
	}
	.icon-text {
		width: 85%;
	}
	.service-section-grid h4 {
		font-size: 0.95em;
	}
	.service-section-grid {
		margin-top: 1.5em;
	}
	.about_right p {
		margin: 0.5em 0 2em 0;
		height: 69px;
		overflow: hidden;
	}
	.about_right a {
		font-size: 0.95em;
		padding: 6px 14px;
	}
	.about_right {
		min-height: 234px;
		padding: 2em 2em 0;
	}
	.price-section {
		padding: 3em 0;
	}
	.price-section-grid h5 {
		font-size: 1em;
		margin-bottom: 0.7em;
	}
	.price-section-grid h3 {
		font-size: 2.2em;
	}
	.price-section-grid ul li {
		font-size: 1em;
		padding: 0.5em;
	}
	.price-section-grid p{
		font-size:0.95em;
	}
	.price-section-grid a {
		font-size: 0.9em;
		padding: 7px 16px;
	}
	.price-value {
		margin-top: 2.5em;
		padding: 2em 0.5em 2em 0.5em;
	}
	.price-section-grid ul {
		margin: 2em 0;
	}
	.happy-clients-grid p {
		font-size: 0.9em;
	}
	.work-section {
		padding: 3em 0;
	}
	.client-info {
		width: 73%;
	}
	.form input[type="text"] {
		width: 84%;
	}
	.form input[type="text"] {
		padding: 9px 10px 9px 0;
	}
	.form form input[type="submit"] {
		padding: 9px 0;
		font-size: 0.9em;
	}
	.form {
		margin: 2em 0 3em 0;
	}
	.contact-section {
		padding: 3em 0 1.5em 0;
	}
	.bottom-menu ul li a {
		font-size: 0.89em;
	}
	.bottom-menu ul li {
		margin: 0 0.3em;
	}
	.map {
		margin-bottom: 1.5em;
		padding-bottom: 2.5em;
	}
	.address h4 {
		font-size: 1em;
		margin-bottom: 0.5em;
	}
	.address p {
		font-size: 0.8em;
		margin: 0.2em 0;
	}
	.address a {
		font-size: 0.875em;
	}
	.address {
		padding: 2.5em 2em;
	}
	.location {
		top: 24px;
		left: 195px;
	}
	span.locate {
		left: 83px;
	}
}
@media screen and (max-width: 480px){

	i.s1, i.s2, i.s3, i.s4, i.s5, i.s6, i.s7 {
		zoom: .75;
	}

	.col-md-3 {
		width: 100%;
	}
	span.arrow2 {
		display:none;
	}
	.work-section-grid h4 {
		font-size: 1.2em;
		margin-bottom: 0.5em;
		margin-top: 0.5em;
	}
	.work-section-grid {
		margin-top: 1em;
	}
	.work-section-head {
		margin-bottom: 2.5em;
	}
	span.menu {
		background-size: 25px;
		margin-top:12px;
	}
	.logo {
		width: 11%;
	}
	.logo img {
		width: 100%;
	}
	h1 {
		font-size: 1.2em;
	}
	.banner-info h2 {
		font-size: 1.8em;
	}
	.service-section-head h2 {
		font-size: 1.8em;
	}
	.banner-info p {
		height:20px;
		overflow:hidden;
	}
	.details form li:nth-child(3){
		display:none;
	}
	.details form li {
		width:33.33%;
	}
	.details form input[type="submit"] {
		width: 30%;
		padding: 7px 0px;
	}
	.details input[type="text"] {
		padding: 7px 8px 7px 0;
	}
	.name, .mail, .num {
		margin: 3px -1px 2px 2px;
	}
	.details {
		margin: 1.5em 0 2em 0;
	}
	.banner {
		padding-bottom: 9em;
		margin-bottom: 4em;
	}
	.service-section-head h3, .price-section-head h3, .work-section-head h3, .happy-clients-head h3, .contact-section-head h3, .about_right h3 {
		font-size: 1.4em;
	}
	.service-section-head {
		margin-bottom: 2em;
	}
	.service-grid {
		padding:0;
	}
	.icon, .col-md-12 .icon {
		width: 16%;
	}
	.icon-text {
		width: 82%;
		margin-top: 1em;
	}
	.service-section-grid h4 {
		font-size: 0.9em;
	}
	.service-section-grid p {
		line-height: 1.7em;
	}
	.about_left {
		width: 55%;
	}
	.about_right {
		width: 45%;
		padding: 1.2em 1.2em 0;
		min-height: 191px;
	}
	.about_right p {
		margin: 0.5em 0 1.5em 0;
	}
	.about_right a {
		font-size: 0.9em;
		padding: 5px 14px;
	}
	.happy-clients-grid {
		padding: 1.5em;
	}
	.happy-clients-grid p {
		font-size: 0.89em;
	}
	.happy-clients {
		padding: 3em 0;
	}
	.happy-clients-grids {
		margin-top: 2.5em;
	}
	.happy-clients-grid h4 {
		font-size: 0.9em;
	}
	.client {
		margin-top: 3%;
	}
	.price-section {
		padding: 2.5em 0;
	}
	.price-section-grid h5 {
		font-size: 0.9em;
		margin-bottom: 0.5em;
	}
	.price-section-grid h3 {
		font-size: 2em;
	}
	.price-section-grid ul li {
		font-size: 1em;
		padding: 0.5em;
	}
	.price-section-grid p{
		font-size:0.9em;
	}
	.price-section-grid a {
		font-size: 0.9em;
		padding: 6px 14px;
	}
	.price-value {
		margin-top: 1em;
		padding: 1.8em 0.3em 1.8em 0.3em;
	}
	.price-section-grid ul {
		margin: 1.5em 0;
	}
	.form input[type="text"] {
		padding: 7px 10px 7px 0;
		width: 80%;
	}
	.form form input[type="submit"] {
		padding: 8px 0;
		font-size: 0.875em;
		width: 24%;
	}
	.form form li {
		margin-right: 0.5em;
	}
	.address p:nth-child(3),.address p:nth-child(2){
		display:none;
	}
	.address {
		padding: 3em 1em;
	}
	.location {
		top: 14px;
		left: 126px;
	}
	span.locate {
		left: 68px;
	}
	.bottom-menu ul li a {
		font-size: 0.9em;
	}
	.bottom-menu ul li {
		margin: 0.3em;
	}

	.youtube {
		width: 320px;
		height: 180px;
	}
}
@media screen and (max-width: 320px){
	.location {
		top: 14px;
		left: 118px;
	}
	span.menu {
		background-size: 22px;
		margin-top: 9px;
	}
	.logo {
		width: 15%;
	}
	.icon, .col-md-12 .icon {
		width: 24%;
	}
	.icon-text {
		width: 74%;
	}
	.price-value {
		width: 92%;
		margin: 0 4%;
		padding: 2em 1.5em 2em 1.5em;
		margin-top:2em;
	}
	.copyright p {
		font-size: 0.95em;
		line-height: 1.6em;
	}
	.bottom-menu ul li a {
		font-size: 0.89em;
	}
	.bottom-menu ul li {
		margin: 0.3em 1em;
	}
	.location {
		display: none;
	}
	.map {
		margin-bottom: 1.5em;
		padding-bottom: 1.5em;
	}
	.form form li {
		margin-bottom: 11px;
		width: 100%;
		margin-right:0;
	}
	.form form input[type="submit"] {
		width: 50%;
		margin:0 auto;
	}
	.contact-section {
		padding: 2em 0 1em 0;
	}
	.client {
		width: 50%;
		margin-left: 25%;
	}
	.client-info {
		width: 100%;
		margin-top:1em;
	}
	.happy-clients-grid h4 {
		font-size: 0.8em;
	}
	.happy-clients {
		padding: 2em 0;
	}
	a.work {
		font-size: 0.9em;
		padding: 10px 20px;
	}
	.work-section {
		padding: 2em 0;
	}
	.about_left {
		width: 100%;
	}
	.about_right {
		width: 100%;
	}
	.service-section-grid p {
		min-height: 60px;
	}
	h1 {
		font-size: 1.2em;
	}
	.details form li {
		width: 48%;
		margin-bottom:10px;
	}
	.details form input[type="submit"] {
		width: 55%;
	}
	.banner {
		padding-bottom: 7em;
	}
	.top-menu ul li a.active {
		padding: 7px 0px;
	}
	.top-menu ul li a:hover {
		padding: 7px 0px;
	}
	.top-menu ul li a {
		padding: 7px 0px;
	}
}