@media (max-width:1320px){
	.growth1 {margin:12.5% 0 0 3%}
	.growth2 {margin:13.3% 0 0 3%}
	.growth3 {margin:13% 0 0 4%}
	.growth4 {margin:17% 0 0 3.7%}
	.growth5 {margin:12.5% 0 0 6.5%}
	.growth6{margin:19% 0 0 4%}
	.growth7{margin:5.5% 0 0 6%}
	.growth .year {font-size: 10px;	}
	.growth .year .inner {padding: 8px;width: 80px;height: 80px;}
	.growth .year1 .inner {padding: 8px;width: 80px;height: 80px;}

	.growth1 {width: 110px;height: 110px;border-radius: 60px;bottom: 30px;}
	.growth2 {width: 110px;height: 110px;border-radius: 60px;bottom: 30px;}
	.growth3 {width: 110px;height: 110px;border-radius: 60px;bottom: 30px;}
	.growth4 {width: 110px;height: 110px;border-radius: 60px;bottom: 30px;}
	.growth5 {width: 110px;height: 110px;border-radius: 60px;bottom: 30px;}
	.growth6 {width: 110px;height: 110px;border-radius: 60px;bottom: 30px;}
	.growth7 {width: 110px;height: 110px;border-radius: 60px;bottom: 30px;}
	.growth .year span {font-size:16px;font-weight:bold;}

}
@media (max-width:1280px){
	.growth1 {margin:13% 0 0 3%}
	.growth2 {margin:13.8% 0 0 3.5%}
	.growth3 {margin:14% 0 0 3.5%}
	.growth4 {margin:17% 0 0 3.7%}
	.growth5 {margin:12.5% 0 0 5%}
	.growth6{margin:19% 0 0 5%}
	.growth7{margin:4.5% 0 0 5%}
	.growth .year {font-size: 10px;	}
	.growth .year .inner {padding: 8px;width: 80px;height: 80px;}
	.growth .year1 .inner {padding: 8px;width: 80px;height: 80px;}

	.growth1 {width: 110px;height: 110px;border-radius: 60px;bottom: 30px;}
	.growth2 {width: 110px;height: 110px;border-radius: 60px;bottom: 30px;}
	.growth3 {width: 110px;height: 110px;border-radius: 60px;bottom: 30px;}
	.growth4 {width: 110px;height: 110px;border-radius: 60px;bottom: 30px;}
	.growth5 {width: 110px;height: 110px;border-radius: 60px;bottom: 30px;}
	.growth6 {width: 110px;height: 110px;border-radius: 60px;bottom: 30px;}
	.growth7 {width: 110px;height: 110px;border-radius: 60px;bottom: 30px;}
	.growth .year span {font-size:16px;font-weight:bold;}

}
@media (max-width:1230px){
	.growth1 {margin:13% 0 0 2%}
	.growth2 {margin:13.8% 0 0 3.5%}
	.growth3 {margin:12.5% 0 0 2%}
	.growth4 {margin:17% 0 0 4%}
	.growth5 {margin:12% 0 0 5%}
	.growth6{margin:19% 0 0 5%}
	.growth7{margin:4% 0 0px 2%}
	.growth .year {font-size: 9px;	}
	.growth .year .inner {padding: 8px;width: 80px;height: 80px;}
	.growth .year1 .inner {padding: 8px;width: 80px;height: 80px;}

	.growth1 {width: 110px;height: 110px;border-radius: 60px;bottom: 30px;}
	.growth2 {width: 110px;height: 110px;border-radius: 60px;bottom: 30px;}
	.growth3 {width: 110px;height: 110px;border-radius: 60px;bottom: 30px;}
	.growth4 {width: 110px;height: 110px;border-radius: 60px;bottom: 30px;}
	.growth5 {width: 110px;height: 110px;border-radius: 60px;bottom: 30px;}
	.growth6 {width: 110px;height: 110px;border-radius: 60px;bottom: 30px;}
	.growth7 {width: 110px;height: 110px;border-radius: 60px;bottom: 30px;}
	.growth .year span {font-size:16px;font-weight:bold;}

}
@media (max-width:1190px){
	.homeService {width:80%;}
	.brand-logo {margin-left:2.5%;}

}
@media (max-width:1160px){
	.growth4 {margin:17% 0 0 3%}
	.growth5 {margin:12% 0 0 5%}
}
@media (max-width:1130px){
	.values {padding:.5em;}
	.values .inner {padding:.5em; width:75%;}
	.homeService li {width:16.5%}
	.growth1 {margin:13% 0 0 0%}
	.growth2 {margin:14% 0 0 4%}
	.growth3 {margin:12% 0 0 1.5%}
	.growth4 {margin:17% 0 0 2%}
	.growth5 {margin:11.5% 0 0 6%}
	.growth6{margin:19% 0 0 2%}
	.growth7{margin:3.5% 0 0 4%}
	.growth .year {font-size: 10px;	}
	.growth .year .inner {padding: 8px;width: 80px;height: 80px;}
	.growth .year1 .inner {padding: 8px;width: 80px;height: 80px;}

	.growth1 {width: 110px;height: 110px;border-radius: 60px;bottom: 30px;}
	.growth2 {width: 110px;height: 110px;border-radius: 60px;bottom: 30px;}
	.growth3 {width: 110px;height: 110px;border-radius: 60px;bottom: 30px;}
	.growth4 {width: 110px;height: 110px;border-radius: 60px;bottom: 30px;}
	.growth5 {width: 110px;height: 110px;border-radius: 60px;bottom: 30px;}
	.growth6 {width: 110px;height: 110px;border-radius: 60px;bottom: 30px;}
	.growth7 {width: 110px;height: 110px;border-radius: 60px;bottom: 30px;}
	.growth .year span {font-size:16px;font-weight:bold;}


}
@media (max-width:1100px){
	.contactInfo {width:100%;}
	.growth1 {margin:12% 0 0 1%}
	.growth2 {margin:14% 0 0 3%}
	.growth3 {margin:12% 0 0 1%}
	.growth4 {margin:17% 0 0 3%}
	.growth5 {margin:11.5% 0 0 4%}
	.growth6{margin:20% 0 0 3%}
	.growth7{margin:3.5% 0 0 4%}
	.growth .year {font-size: 10px;	}
	.growth .year .inner {padding: 8px;width: 80px;height: 80px;}
	.growth .year1 .inner {padding: 8px;width: 80px;height: 80px;}

	.growth1 {width: 110px;height: 110px;border-radius: 60px;bottom: 30px;}
	.growth2 {width: 110px;height: 110px;border-radius: 60px;bottom: 30px;}
	.growth3 {width: 110px;height: 110px;border-radius: 60px;bottom: 30px;}
	.growth4 {width: 110px;height: 110px;border-radius: 60px;bottom: 30px;}
	.growth5 {width: 110px;height: 110px;border-radius: 60px;bottom: 30px;}
	.growth6 {width: 110px;height: 110px;border-radius: 60px;bottom: 30px;}
	.growth7 {width: 110px;height: 110px;border-radius: 60px;bottom: 30px;}
	.growth .year span {font-size:16px;font-weight:bold;}


}
@media (max-width:1060px){
	.growth1 {margin:12% 0 0 1%}
	.growth2 {margin:13.8% 0 0 1%}
	.growth3 {margin:11.5% 0 0 1%}
	.growth4 {margin:17% 0 0 3%}
	.growth5 {margin:11% 0 0 3.5%}
	.growth6{margin:20% 0 0 3%}
	.growth7{margin:3.5% 0 0 4%}
	.growth5 .inner {left:10px;}
	.growth .year {font-size: 10px;	}
	.growth .year .inner {padding: 8px;width: 80px;height: 80px;}
	.growth .year1 .inner {padding: 8px;width: 80px;height: 80px;}

	.growth1 {width: 110px;height: 110px;border-radius: 60px;bottom: 30px;}
	.growth2 {width: 110px;height: 110px;border-radius: 60px;bottom: 30px;}
	.growth3 {width: 110px;height: 110px;border-radius: 60px;bottom: 30px;}
	.growth4 {width: 110px;height: 110px;border-radius: 60px;bottom: 30px;}
	.growth5 {width: 110px;height: 110px;border-radius: 60px;bottom: 30px;}
	.growth6 {width: 110px;height: 110px;border-radius: 60px;bottom: 30px;}
	.growth7 {width: 110px;height: 110px;border-radius: 60px;bottom: 30px;}

	.growth .year span {font-size:16px;font-weight:bold;}

}
@media (max-width:1024px){
	.events {right:0;padding:0;padding:10% 5%;width:90%; font-size:1em;}
	.growth1 {margin:11.5% 0 0 1%}
	.growth2 {margin:13.3% 0 0 2%}
	.growth3 {margin:12% 0 0 1%}
	.growth4 {margin:17% 0 0 3%}
	.growth5 {margin:11% 0 0 2%}
	.growth6{margin:20% 0 0 3%}
	.growth7{margin:3.5% 0 0 2%}
	.growth .year {font-size: 10px;	}
	.growth .year .inner {padding: 8px;width: 80px;height: 80px;}
	.growth .year1 .inner {padding: 8px;width: 80px;height: 80px;}

	.growth1 {width: 110px;height: 110px;border-radius: 60px;bottom: 30px;}
	.growth2 {width: 110px;height: 110px;border-radius: 60px;bottom: 30px;}
	.growth3 {width: 110px;height: 110px;border-radius: 60px;bottom: 30px;}
	.growth4 {width: 110px;height: 110px;border-radius: 60px;bottom: 30px;}
	.growth5 {width: 110px;height: 110px;border-radius: 60px;bottom: 30px;}
	.growth6 {width: 110px;height: 110px;border-radius: 60px;bottom: 30px;}
	.growth7 {width: 110px;height: 110px;border-radius: 60px;bottom: 30px;}

	.growth .year span {font-size:16px;font-weight:bold;}


#contactform {width: 350px;top:100px;left: -355px;height: 450px;margin: 25px 0;position: absolute;box-shadow: 0 0 12px 0 #333;}
#contact-button { width: 5%;  padding: 7% 3%;  cursor: pointer;margin-left: 350px;margin-top: 180px;font-size: 23px; color: white;  position: absolute;}
#contact-button {background-color: #15c6dd;border-radius: 0 15px 15px 0; border: 2px solid #0077ab; border-left: none;}
#contactform {background-color: #FFF;border-radius: 0 15px 15px 0; border: 2px solid #0077ab;  border-left: none;}
.rotated-text {display: inline-block;white-space: nowrap;-webkit-transform: translate(1.1em,0) rotate(90deg);-moz-transform: translate(1.1em,0) rotate(90deg);-o-transform: translate(1.1em,0) rotate(90deg);transform: translate(1.1em,0) rotate(90deg);-webkit-transform-origin: 0 0;-moz-transform-origin: 0 0;-o-transform-origin: 0 0;transform-origin: 0 0;-ms-transform: none;-ms-transform-origin: none;-ms-writing-mode: tb-rl;*writing-mode: tb-rl;  }
.rotated-text:before {content: "";float: left;margin-top: 100%;}
form {width: 100%;padding: 20px;}
form input {display: block;border: none;width: 250px;height: 30px;  margin: 15px 15px;   }
form textarea {width: 250px;margin: 15px 15px;height: 100px;}
form textarea, form input {border: 1px solid #666666;border-radius: 5px;background: #f2f2f2;  }
.button {width:auto;padding:7px 30px;border-right:1px solid #616161;border-bottom:1px solid #616161;cursor:pointer;}
.button:focus {border:0;border-top:1px solid #616161;border-left:1px solid #616161;}
.button::-moz-focus-inner {outline:none;border:none;}
}
@media (max-width:990px){
	.growth1 {margin:10.5% 0 0 2%}
	.growth2 {margin:13.5% 0 0 0.5%}
	.growth3 {margin:12% 0 0 0.5%}
	.growth4 {margin:17% 0 0 1.5%}
	.growth5 {margin:10.5% 0 0 2.5%}
	.growth6{margin:20% 0 0 3%}
	.growth7{margin:3.5% 0 0 1%}
	.growth .year {font-size: 9px;	}
	.growth .year .inner {padding: 8px;width: 80px;height: 80px;}
	.growth .year1 .inner {padding: 8px;width: 80px;height: 80px;}

	.growth1 {width: 110px;height: 110px;border-radius: 60px;bottom: 30px;}
	.growth2 {width: 110px;height: 110px;border-radius: 60px;bottom: 30px;}
	.growth3 {width: 110px;height: 110px;border-radius: 60px;bottom: 30px;}
	.growth4 {width: 110px;height: 110px;border-radius: 60px;bottom: 30px;}
	.growth5 {width: 110px;height: 110px;border-radius: 60px;bottom: 30px;}
	.growth6 {width: 110px;height: 110px;border-radius: 60px;bottom: 30px;}
	.growth7 {width: 110px;height: 110px;border-radius: 60px;bottom: 30px;}
	.growth .year span {font-size: 12px;	}
	.growth .year1 span {font-size: 12px;	}
}
@media (max-width:960px){
	.growth1 {margin:11.5% 0 0 2%}
	.growth2 {margin:13.5% 0 0 1.4%}
	.growth3 {margin:12% 0 0 0.5%}
	.growth4 {margin:17% 0 0 1.5%}
	.growth5 {margin:11.5% 0 0 4.5%}
	.growth6{margin:20% 0 0 3%}
	.growth7{margin:3.5% 0 0 2%}
	.growth .year {font-size: 9px;	}
	.growth .year .inner {padding: 8px;width: 75px;height: 75px;}
	.growth .year1 .inner {padding: 8px;width: 75px;height: 75px;}

	.growth1 {width: 105px;height: 105px;border-radius: 60px;bottom: 30px;}
	.growth2 {width: 105px;height: 105px;border-radius: 60px;bottom: 30px;}
	.growth3 {width: 105px;height: 105px;border-radius: 60px;bottom: 30px;}
	.growth4 {width: 105px;height: 105px;border-radius: 60px;bottom: 30px;}
	.growth5 {width: 105px;height: 105px;border-radius: 60px;bottom: 30px;}
	.growth6 {width: 105px;height: 105px;border-radius: 60px;bottom: 30px;}
	.growth7 {width: 105px;height: 105px;border-radius: 60px;bottom: 30px;}
	.growth .year span {font-size: 12px;	}
	.growth .year1 span {font-size: 12px;	}
}
@media (max-width: 1600px){
	.logo {display:block;margin:auto;padding:2.5% 0;}
	.wrapper {max-width:1600px; margin:auto;}
}
@media (max-width:940px){
	.logo {display:block;margin:auto;padding:2.5% 0;}
	.homeService {display:block;width:100%}
	.homeService li {width:16.1%;padding:2% 1.5%;margin:0 0 0 .5%}
	.growth {background-image:none;}
	.headerMenu ul {height:auto;min-height:30px;}
	.headerMenu ul li {width:17%}
	.headerMenu ul li a{padding:20px 0;width:100%;text-align:center;}
	.events span {display:block;width:100%;margin-bottom:10px;}
	
	.growth {border-radius:0;margin-left:1%}
	.growth1,.growth2,.growth3,.growth4,.growth5 {width:19.3%;margin:0;min-height:200px;border-radius:10px;}
	.growth .year .inner {background:none;color:#FFF;}
	.growth .year .inner img {background-color:#FFF;padding:5%;display:block;clear:both;margin:auto;}
	.growth .year span {padding:5% 0;display:block;}
	.growth1 .inner,.growth2 .inner,.growth3 .inner,.growth4 .inner,.growth5 .inner {width:90%;left:0;top:0;border-radius:0;}
	


	.footer div {}
	.footer .iso {font-size: 0.9em;}
	.footer div.wrap,.footer div.copyright {width:100%}
	.footer div.social {width:80%}
	
	.gallery_box li{ width:33.333333%; max-width: 100% ; display:inline-block; float: left; text-align: center; overflow: hidden;    position: relative;}
	.gallery_box{ padding:0;display: flow-root;}

	.gallery_box li:hover img {
		-moz-transform: scale(1.1);
		-webkit-transform: scale(1.1);
		-ms-transform: scale(1.1);
		-o-transform: scale(1.1);
		transform: scale(1.1);
	}
	.gallery_box li img{-webkit-transition: transform 0.5s ease;
		-o-transition: transform 0.5s ease;
		transition: transform 0.5s ease;}
		.gallery_box li:nth-child(even) {
			height: 216px;
		}
		.gallery_box li:nth-child(odd) {
			height: 310px; 
		}
		.gallery_box li:nth-child(odd) .box_data{ background:rgba(0,0,0,0.17) }
		.gallery_box li:nth-child(even) .box_data{ background:rgba(0,44,255,0.27) }
		.gallery_box .box_data{ position:absolute; top: 0; left: 0; right:0; bottom:0; color:#fff;}
		.gallery_box .box_data span{ position:absolute; top: 50%; transform: translateY(-50%); left:0 ; right:0; font-size:24px;}
		.gallery_box li:hover .box_data{ background:rgba(255,0,39,0.25)}


	}
	@media (max-width:768px){
		.header {background-image:none;}
		.header .logo {visibility:hidden;}
		.home {padding:0;}
		.mobileToggle {display:block;text-align:center;padding:2% 0;}
		.mobileToggle .img {display:inline-block;vertical-align:middle;width:84%}
		.mobileToggle img {max-height:50px;}
		.mobileToggle span{display:inline-block;width:5%;vertical-align:middle;font-size:2em;}
		.brand-logo {width:20%;min-width:150px;padding:0;}
		.homeService {margin-top:20px;}
		.homeService li {width:100%;padding:2% 0;height:auto;margin:0;}
		.headerMenu {position:fixed;top:0;width:100%;z-index:500;}
		.headerMenu ul {display:none;}
		.headerMenu ul li {display:block;width:100%;}
		.tag {margin-top:2%}
		.headlineWrap {width:100%;display:block;margin:0;}
		.headline {margin-left:0;text-align:center;position:static;margin-top:2%;}
		.description {width:90%;padding:1% 5%;opacity:1;display:block;margin:0;vertical-align:bottom;text-align:justify}
		.eventsWrap {display:block;width:90%;padding:2% 5%;}
		.events {right:0;padding:0;padding:5%;width:90%}
		.homeGridWrap {width:100%}
		.homeGrid {padding:0;width:100%}
		.homeGrid li {display:block;width:100%;padding:0;margin:0;box-shadow:0 0 0 0 #FFF;}
		.homeGrid li img {width:100%}
		.homeGrid li .desc {opacity:1;box-shadow:0 0 0 0 #FFF;height:20%;padding:2% 0;top:auto;bottom:0;width:100%}
		.growthHead,.growth {display:none;}
		.animLeft1,.animLeft2 {opacity:1;left:0;}
		.animRight1,.animRight2 {opacity:1;right:0;}
		.opacity1,.opacity2 {opacity:1;}
		.clients {width:100%;display:block;}
		.clients h2 {text-align:center}
		.client1,.client2,.client3,.client4 {left:auto;opacity:1;}
		.testimonial {padding:2% 0;width:100%;right:auto;opacity:1;text-align:center;}
		.footer {padding:0;}
		.footer ul {padding:0;}
		.footer div{text-align:center;margin:0;}
		.footer div.social {width:100%}
		.aboutSidebar,.aboutContent,.visionWrap,.servicesMenu,.contactPage .form,.contactPage .details,.subService .innerContent,.subService .img {width:96%;padding:2%;margin:0;}
		#trigger {height:0;top:0;}
		.content {padding-top:0;}
		.about {padding-bottom:2%;}
		.servicesMenu ul li {display:block;}
		.servicesMenu ul li ul {position:relative;opacity:1;padding-top:5px;}
		.service .serviceIcon {width:15%;padding:0 2%;margin:0;border:0;}
		.service .serviceIcon img{display: block;margin-left: auto;margin-right: auto;}
		
		.service .desc {width:80%;padding:0;margin:0;background-image:none;}
		.service .sub {width:95%;padding:2%;}

		.serviceInner {text-align:center;}
		.serviceInner .thumb {width:45%;margin:2% 0;}
		.subService {width:95%;padding:2%;}
		.subService h2 {text-align:center;line-height:32px;}

		.portfolio ul li {width:46%;padding:2%;}
		.portfolioFull .text,.portfolioFull .image {width:96%;padding:2%;}

		.careersPage .form, .careersPage .openings {width:96%;padding:2%;}
		
		.founders .founderIcon {width: 50%;	padding: 0 30%;margin:0;border:0;}
		.founders .founderIcon img{display: block;margin-left: auto;margin-right: auto;}

		.founders .desc {width:100%;padding:0;margin:0;background-image:none;}
		.founders .sub {width:100%;padding:2%;}

		.subService h3,h4 {text-align: center;}
		
		.lifeAtSatvat .founderIcon {width: 100%;margin:0;border:0;}
		.lifeAtSatvat .founderIcon img{display: block;margin-left: auto;margin-right: auto;}

		.lifeAtSatvat .desc {width:100%;padding:0;margin:0;background-image:none;}
		.lifeAtSatvat .sub {width:100%;padding:2%;}

		.subService h3,h4 {text-align: center;}

		.ourTeamSatvat .founderIcon {width: 100%;margin:0;border:0;}
		.ourTeamSatvat .founderIcon img{display: block;margin-left: auto;margin-right: auto;}

		.ourTeamSatvat .desc {width:100%;padding:0 10px 0 10px;margin:0;background-image:none;}
		.ourTeamSatvat .sub {width:50%;padding:0%;}

		.subService h3,h4 {text-align: center;}

		.pb-team .circle-percent {width: 60px;height: 60px;font-size: 18px;color: #fff;text-align: center;background: #333645;margin-right: 5px;border-radius: 50%;font-weight: normal;}

		.pb-team span {display: block;float: left;line-height: 60px;vertical-align: top;color: #333;}
		.gallery_box li{ width:33.333333%; max-width: 100% ; display:inline-block; float: left; text-align: center; overflow: hidden;    position: relative;}
		.gallery_box{ padding:0;display: flow-root;}
		.gallery_box li:hover img {-moz-transform: scale(1.1);-webkit-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
		.gallery_box li img{-webkit-transition: transform 0.5s ease;-o-transition: transform 0.5s ease;transition: transform 0.5s ease;}
		.gallery_box li:nth-child(even) {height: 96px;}
		.gallery_box li:nth-child(odd) {height: 136px;}
		.gallery_box li:nth-child(odd) .box_data{ background:rgba(0,0,0,0.17) }
		.gallery_box li:nth-child(even) .box_data{ background:rgba(0,44,255,0.27) }
		.gallery_box .box_data{ position:absolute; top: 0; left: 0; right:0; bottom:0; color:#fff;}
		.gallery_box .box_data span{ position:absolute; top: 50%; transform: translateY(-50%); left:0 ; right:0; font-size:24px;}
		.gallery_box li:hover .box_data{ background:rgba(255,0,39,0.25)}

		#contactform {display:none;}
		

	}


