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

/* Large Devices, Wide Screens */

@media only screen and (max-width : 1263px) {
	.visionWrap article { overflow:hidden; width:100%; max-width:100%;}
}


@media only screen and (max-width : 1199px) {
	header.fixed .desktopVersionHeader nav ul li { margin-left:15px; margin-right:15px; }
	header.fixed .desktopVersionHeader nav ul li:first-child { margin-left:0px;}
	.whoWeareWrap .contentSection img, .ourPorjectWrap .contentSection img, .careersIntrocontent .contentSection img, .otherProjectsSection .contentSection img  { width:50%; height:auto;}
	.servicesSection .contentWrap h1 { margin-bottom:12px;}
	.servicesSection .contentWrap ul  li { margin-bottom:5px;}
	.servicesSection .contentWrap ul  li i  { width:52px; height:52px;}
	.servicesSection .contentWrap ul  li i img { width:100%;}
	.clientsWrap .content .vertcleMiddlecontent p br { display:none;}
	.whySaraogiWrap .introContent  { padding:0px 100px;}
	.pioneeringContent { padding:0px 50px;}
	ul.servicesList { padding-top:45px; padding-bottom:30px;}
	ul.servicesList li { margin-left:15px; margin-bottom:15px; margin-top:0px;}
	.otherProjectsSection .contentSection ul li { line-height:25px;  background:url(../images/green-bullet.png) no-repeat 1px 8px; margin-top:10px;}
	footer { 	width: 100%;
background:url(../images/footer-bg.jpg);
	background-repeat: no-repeat;
	background-position: 50% 10%;
	background-size:140%;
	clear:left;
	float:left;
	
	}
}


@media only screen and (max-width : 991px) {
	.desktopVersionHeader nav ul li { margin-left:24px; margin-right:24px;}
	header.fixed .logowrap { margin-top:16px;}
	header.fixed .logowrap a { width:200px; height:47px; background-size:100%;}
	header.fixed .desktopVersionHeader nav ul li { margin-left:14px; margin-right:0px; }
	.whoWeareWrap .topIcon ul li { margin-left:15px; margin-right:15px;}
	.whoWeareWrap .contentSection .vertcleMiddlecontent,  .ourPorjectWrap .contentSection .vertcleMiddlecontent  { padding-right:0px;}
    .readMore a  { padding:10px 20px; letter-spacing:3px;}
	.visionWrap article .contentWrap { padding:0px 100px;}
	.servicesSection .contentWrap  { padding:0px;}
	.servicesSection .contentWrap ul  li i  { width:48px; height:48px;} 
	.servicesSection .contentWrap ul  li span  { font-size:13px;}
	.ourPorjectWrap .contentSection .vertcleMiddlecontent p  { padding-right:0px; margin-bottom:12px;}
	.ourPorjectWrap .contentSection .vertcleMiddlecontent h2 { font-size:15px;}
	.clientsWrap .content .vertcleMiddlecontent { padding:0px 50px;}
	.testimonialswrap .contentsWrap { padding:0px; padding-bottom:50px;}
	.testimonialswrap .contentsWrap  p  br { display:none;}
	.testimonialswrap { margin-top:50px;}
	.footerContent aside p { font-size:15px;}
	.aboutContent  { padding:0px 19px 50px 19px;
}
.ourHistory .content { padding:19px;}
.ourHistory figure { display:none;}
.ourHistory .content { width:100%;}
.ourHistory .content img  { display:block; width:50%; height:auto; padding-right:15px;}
.ourHistory .content h2 { margin-bottom:30px;}
.aboutBotttomContent section .socialResponsibilities  h2 { margin-bottom:32px;}
.socialResponsibilities .content { padding:0px 19px; padding-bottom:20px;}
.awardsCertificates figure { margin-bottom:20px;}
.careersIntrocontent .contentSection img  { display:none;}
.careersIntrocontent .contentSection .vertcleMiddlecontent { position:relative; width:100%; box-sizing:border-box; padding-right:0px;}
.careersIntrocontent .contentSection .vertcleMiddlecontent p img { width:45%; height:auto; float:left; margin-right:20px; display:block;}
ul.servicesList  { width:100%; text-align:center;}
ul.servicesList li, ul.servicesList li:first-child, ul.servicesList li:nth-child(3n+1) { display:inline-block; float:none; margin-left:15px; margin-right:15px;}
.servicesIntroContent { padding:0px 30px;}
.otherProjectsSection .contentSection ul li br { display:none;}
footer { background-size:180%; background-position: top center;}
.cs-style-3  figcaption .content p { font-size:15px;}
  .termsofuseWrap p, .termsofuseWrap ul  { padding-left:30px; padding-right:30px;}
}


@media only screen and (max-width :800px) {
	.desktopVersionHeader nav ul li { margin-left:15px; margin-right:15px;}
	.desktopVersionHeader nav ul li a { font-size:13px;}
	
}


@media only screen and (max-width : 767px) {
header { display:none;}
.headerMobver { display:block;}
 	.whoWeareWrap .topIcon ul  { margin-top:-55px;}
.whoWeareWrap .topIcon ul li img { width:110px; height:auto;}
.whoWeareWrap .topIcon ul li  span  { font-size:12px;}
.whoWeareWrap .topIcon ul li  span  br { display:block;}	
.whoWeareWrap .contentSection,  .ourPorjectWrap .contentSection, .otherProjectsSection .contentSection  { text-align:center;} 
.whoWeareWrap .contentSection img, .ourPorjectWrap .contentSection img, .otherProjectsSection .contentSection img { max-width:100%; display:inline-block; width:auto; margin-bottom:20px; float:none;}
.whoWeareWrap .contentSection .vertcleMiddlecontent, .ourPorjectWrap .contentSection .vertcleMiddlecontent   { position:relative; clear:left; float:left; width:100%; text-align:center; padding-left:19px; padding-right:19px; box-sizing:border-box;}
.visionWrap article .contentWrap { padding:50px 27px;}
.visionWrap article:before { ms-transform: skewX(0deg); /* IE 9 */
    -webkit-transform: skewX(0deg); /* Safari */
    transform: skewX(0deg); /* Standard syntax */
	border:none;
	}
.visionWrap { min-height:0px; height:auto;}	
.visionWrap .vertcleMiddlecontent { position:relative;}
.servicesSection .contentWrap { width:100%; text-align:center; padding-bottom:25px;}
.servicesSection .contentWrap p { padding:0px 100px;}
.visionWrap { margin-bottom:60px;}
.servicesSection figure { width:100%; padding-left:0px;}
.servicesSection figure img {     max-width: 100%;
    display: inline-block;
    width: auto;
}
.servicesSection .contentWrap ul { width:60%; margin:auto; clear:none; float:none; }
.servicesSection .contentWrap .readMore { margin-top:20px; display:inline-block;}
.ourPorjectWrap  { margin-top:60px;}
.clientsWrap .col-lg-12, .clientsWrap .container { padding:0px;}
.clientsWrap .content { width:100%; background:url(../images/clients/clients-content-mobile-bg.jpg) no-repeat; background-size:cover; background-position: center center; box-sizing:border-box;
padding:47px 19px;}
.clientsWrap .content img { display:none;}
.clientsWrap .content .vertcleMiddlecontent { position:relative; text-align:center;}
.clientsWrap .clientsimgwrap  { width:80%; float:none; margin:auto; padding-top:15px;}
.ourPorjectWrap .contentSection { margin-bottom:0px;}
.clientsWrap .row { margin-left:0px; margin-right:0px;}
.pioneeringContent { padding:0px 19px;} 

.careersFormbg { background:#f7f7f7; width:80%; 	-moz-box-shadow: 0 0 10px 4px #878788;
-webkit-box-shadow: 0 0 10px 4px #878788;
box-shadow: 0 0 10px 4px #878788;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
-ms-border-radius:10px;
-o-border-radius:10px;


} 
.careersFormbg .greenBand { height:20px; width:100%; left:0; top:0; border-radius:10px 10px 0px 0px; 
-moz-border-radius:10px 10px 0px 0px;
-webkit-border-radius:10px 10px 0px 0px;
-ms-border-radius:10px 10px 0px 0px;
-o-border-radius:10px 10px 0px 0px;}
.careersFormbg .formSection { float:none; margin:auto; width:90%; padding-top:40px;}
.contactMap .contentWrap  { position:relative; z-index:2;}

.otherProjectsSection .contentSection .vertcleMiddlecontent   { position:relative; clear:left; float:left; width:100%; text-align:left;  box-sizing:border-box;}
.full  { margin-bottom:20px; border:5px #dcddde solid}
 .termsofuseWrap p, .termsofuseWrap ul  { padding-left:0px; padding-right:0px;}
 .sitemapLinkWrap { background:none; width:480px; margin:auto;}
 .sitemapLinkWrap .lt { width:100%; margin-top:0px; margin-left:0px;}
  .sitemapLinkWrap .lt ul, .sitemapLinkWrap .lt ul li  { width:100%; clear:left; float:left; text-align:left;}
  .sitemapLinkWrap .lt ul li { margin-bottom:30px;}
  .sitemapLinkWrap .lt ul li a { display:block; background:url(../images/line-bg2.png) no-repeat left center; padding-left:180px; }
  .sitemapLinkWrap .lt ul li:nth-child(1), .sitemapLinkWrap .lt ul li:nth-child(2), .sitemapLinkWrap .lt ul li:nth-child(3)  { margin-bottom:30px;}	
  
  
  .sitemapLinkWrap .rt { width:100%; margin-top:0px; margin-right:0px;}
  .sitemapLinkWrap .rt ul, .sitemapLinkWrap .rt ul li  { width:100%; clear:left; float:left; text-align:left;}
  .sitemapLinkWrap .rt ul li { margin-bottom:30px;}
  .sitemapLinkWrap .rt ul li a { display:block; background:url(../images/line-bg2.png) no-repeat left center; padding-left:180px; }
  .sitemapLinkWrap .rt ul li:nth-child(1), .sitemapLinkWrap .rt ul li:nth-child(2), .sitemapLinkWrap .rt ul li:nth-child(3)  { margin-bottom:30px;}	
	
	
}

@media only screen and (max-width :667px) {
.servicesSection .contentWrap p { padding:0px}
.servicesSection .contentWrap ul  { width:80%;}
.footerContent aside { width:100%; clear:left; float:left; min-height:0px; padding-top:0px; background:none; margin-bottom:20px;}
.bottom-logo  { margin-top:0px; width:120px;}
.bottom-logo a { width:130px; height:31px;}
.footerContent { padding-top:20px;}
.copyrightWrap .lt  { width:100%; text-align:center;}
.copyrightWrap .rt { width:100%; text-align:center;}
.future-reday-wraper ul li { width:100%; margin-top:30px;}
.future-reday-wraper ul li:first-child { margin-top:15px;}
.awardsCertificates figure figcaption h3 { font-size:15px;}
.awardsCertificates figure figcaption  p { font-size:14px; line-height:23px;}
.ourTeamsliderWrap { width:90%; margin:auto;}

.ourTeamsliderWrap .owl-prev, .ourTeamsliderWrap .owl-next { position:relative; display:inline-block; top:0; margin-left:5px; margin-right:5px; }
.ourTeamsliderWrap .owl-next { top:-1px;}
.innerBanner .contentwrap { position:relative;}
.innerBanner  .content { display:block; text-align:center; font-size:13px; font-weight:600; line-height:19px; padding:10px;}
.innerBanner .contentwrap .container, .innerBanner .contentwrap .col-lg-12  { padding:0;}
.careersFormbg  { width:95%;}
ul.servicesList li {
    width: 230px;
    height: 112px;
}
ul.servicesList li i { margin-left:15px;}
ul.servicesList li i img { height:90px; width:auto;}
.otherProjectsSection .contentSection .vertcleMiddlecontent  { padding-right:0px;}
.galleryTabWrap ul.tabs li { clear:left; float:left; margin-bottom:8px; margin-left:0px;}
ul.servicesList li .content .servicescontent article { font-size:14px;}
ul.servicesList li .content { width:117px;}
footer { background-size:500%; background-position: center center;}
}



@media only screen and (max-width :568px) {
.servicesSection .contentWrap p { padding:0px;}	
.saraogiAddressWrap { width:100%; background:none; text-align:center; padding:0px; height:auto;}
.linkGoogleMap { width:100%; text-align:center; margin-top:15px;}
.linkGoogleMap a { display:block; width:auto;}
.grid .col-xs-6  { width:100% !important;}
.grid figure img { width:100%; height:auto;}
}


@media only screen and (max-width : 480px){
 	.whoWeareWrap .topIcon ul  { margin-top:-29px;}
.whoWeareWrap .topIcon ul li img { width:59px; height:auto;}
.whoWeareWrap .topIcon ul li  span  { font-size:8px;}
.whoWeareWrap .topIcon ul li  span  br { display:block;}	
.whoWeareWrap .topIcon ul li { margin-left:10px; margin-right:10px;} 
.whoWeareWrap .contentSection .vertcleMiddlecontent h1, .servicesSection .contentWrap h1,  .ourPorjectWrap .contentSection h1, .clientsWrap .content .vertcleMiddlecontent h1, .testimonialswrap .contentsWrap h1, .footerContent aside h1 { font-size:15px; margin-bottom:11px;}
.whoWeareWrap .contentSection .vertcleMiddlecontent p, .servicesSection .contentWrap p, .ourPorjectWrap .contentSection .vertcleMiddlecontent p, .clientsWrap .content .vertcleMiddlecontent p, .testimonialswrap .contentsWrap p , .footerContent aside p, .aboutContent p, .ourHistory .content p  { font-size:13px; line-height:19px;}
 .readMore a  { padding:7px 19px; letter-spacing:3px; font-size:11px;}
 .visionWrap article .contentWrap h1 { font-size:15px;}
 .visionWrap article .contentWrap p  { font-size:13px; line-height:19px;}
 .visionWrap article .contentWrap h1 span { margin-left:3px; margin-right:3px; vertical-align:bottom;}
 .visionWrap  { background-size:cover; background-position:center center;}
 .visionWrap article .contentWrap { padding:21px 27px;}
 .whoWeareWrap .contentSection { margin-bottom:25px;}
 .visionWrap { margin-bottom:25px;}
 .whoWeareWrap .contentSection .vertcleMiddlecontent, .ourPorjectWrap .contentSection .vertcleMiddlecontent { padding-left:0px; padding-right:0px;}
 .servicesSection .contentWrap ul  li { height:35px;}
.servicesSection .contentWrap ul  li i  { width:35px; height:35px;} 
 .servicesSection .contentWrap ul  li span { font-size:11px;}
 .servicesSection .contentWrap ul  { width:100%;}
 .ourPorjectWrap  { margin-top:25px; margin-bottom:25px;}
 .ourPorjectWrap .contentSection .vertcleMiddlecontent h3 { font-size:14px; margin-bottom:20px;}	
 .clientsWrap .content .vertcleMiddlecontent { padding:0px 19px; box-sizing:border-box;}
.testimonialswrap { margin-top:25px;}
.testimonialswrap .contentsWrap h2  { font-size:14px;}
.footerContent aside img  { width:49px; height:auto; margin-bottom:3px; }
.footerContent aside ul li { font-size:28px; margin-left:4px; margin-right:4px;}
 	 .aboutContent h2  { font-size:16px; font-weight:600; margin-bottom:11px;}	
	 .aboutContent  { padding-bottom:20px;}
	 .breadcrumbsWrap { margin-bottom:20px;}
	 .ourHistoryWrap { margin-top:0px;}
	 .ourHistory .content { text-align:center;}
	 .ourHistory .content img { display:inline-block; width:90%; float:none; margin-bottom:20px;}
	 .ourHistory .content h2, .aboutBotttomContent section  h2   {  font-size:16px; font-weight:600; margin-bottom:11px;}
	 .ourHistoryWrap { padding-bottom:20px;}
	 .future-reday-wraper ul li, .whySaraogiWrap .introContent p, .pioneeringContent p, .socialResponsibilities .content p   {  font-size:13px; line-height:19px;}
	 .whySaraogiWrap .introContent  { padding:0px 20px;}
	 .whySaraogiWrap .introContent h2, .galleryheading { font-size:18px; margin-bottom:11px;}
	 .whySaraogiWrap .introContent p  { padding-bottom:10px;}
	 .whySaraogiWrap { margin-bottom:20px;}
	 .aboutBotttomContent section { padding-bottom:20px; margin-bottom:20px;}
	 .socialResponsibilities .content p  { margin-top:15px;}
	 .aboutBotttomContent section .socialResponsibilities  h2 { margin-bottom:11px;}
	 .socialResponsibilities figure figcaption { font-size:14px; line-height:21px;}
	 
	 .awardsCertificates figure figcaption  { padding:10px;}
	 .awardsCertificates figure figcaption h3 { font-size:14px; font-weight:600; margin-bottom:6px;}
.awardsCertificates figure figcaption  p {  font-size:11px; line-height:19px; font-weight:400;}
.careersIntrocontent .contentSection .vertcleMiddlecontent p,  .termsofuseWrap p {  font-size:13px; line-height:19px; text-align:center; margin-top:15px;}
.careersIntrocontent .contentSection .vertcleMiddlecontent p img { display:block; float:none; margin-right:0; width:50%; margin:auto; margin-bottom:20px;}
	.careersIntrocontent h2, .careersformWrap  h2, .servicesIntroContent h2  { font-size: 16px;
    font-weight: 600;
    margin-bottom: 20px;
	}
	.careersFormbg { width:100%;}
	.careersFormbg .formSection { width:95%;}
	.careersFormbg .formSection input[type="submit"], .careersFormbg .formSection input[type="reset"] { width:131px;}
	.servicesIntroContent  { padding:0px;}
	.servicesIntroContent p {  font-size:13px; line-height:19px; text-align:center;}
	ul.servicesList li {
    width: 130px;
    height: 63px;
}
ul.servicesList li, ul.servicesList li:first-child, ul.servicesList li:nth-child(3n+1){ margin-left:3px; margin-right:3px;}
ul.servicesList li i { margin-left:5px;}
ul.servicesList li i img { height:58px; width:auto;}
ul.servicesList li .content { width:77px;}
ul.servicesList li .content .servicescontent article { font-size:10px; font-weight:600; line-height:15px;}

.conactIntroWrap h2, .sendMessageWrap h2, .projectsIntroContent h2, .otherProjectsSection h2,  .termsofuseWrap h2  { font-size:16px; font-weight:600; margin-bottom:11px;}
.conactIntroWrap p, .projectsIntroContent p  { font-size:14px; line-height:25px}
.conactIntroWrap { margin-bottom:20px;}
.contactMap { margin-bottom:25px;}
.sendMessageWrap ul li input { padding:7px;}
.cs-style-3  figcaption .content h2 { font-size:18px;}
.cs-style-3  figcaption .content h3 { font-size:13px;}
.cs-style-3  figcaption .content p { font-size:14px; line-height:25px;}
.grid section, .otherProjectsSection h2,.otherProjectsWrap   { margin-bottom:20px;}

.otherProjectsSection .contentSection ul li  { font-size:13px; line-height:22px;}
 .servicesListSection .col-lg-12 { padding-left:0px; padding-right:0px;}
.termsofuseWrap ul li {font-size:13px; line-height:19px;} 
.sitemapSection { margin-top:0px; padding-bottom:0px; padding: 67px 0px; min-height:0px;}
.sitemapLinkWrap  { width:200px;  min-height:0px; }
.sitemapLinkWrap .lt ul li { }
.sitemapLinkWrap .lt ul li a, .sitemapLinkWrap .rt ul li a { font-size:15px; font-weight:700; background-size:30%; padding-left:70px;}
#formmessage .popup { width:280px; margin-left:-140px;}
	}
	
	
@media only screen and (max-width : 320px){
 .bannerSlider a  { font-size:11px; padding:3px 8px; margin-top:5px;}
	}