@charset "utf-8";
/* Table of Contents
==================================================
	#Desktop (1600)
	#Desktop (1366)
	#Desktop (1024)
	#Tablet (Portrait)
	#Mobile (Portrait)
	#Mobile (Landscape)



/* #Additional - Large Screens beyond 1920px
================================================== */
@media only screen and (min-width: 1700px) and (max-width: 1920px) {

:root 										{ --container-width: 1250px; }
.container                                  { max-width: 1250px; }
/*----------------- Inner Pages -----------------*/


}



/* #Additional - Large Screens beyond 1600px
================================================== */
@media only screen and (min-width: 1367px) and (max-width: 1680px) {

:root 										{ --container-width: 1250px; }
.container                                  { max-width: 1250px; }

#header .logo 								{ width: 263px; }
.topRight									{ margin-left: 25px; }
#milestoneSec .owl-theme .owl-nav button.owl-prev { left: -50px; }
#milestoneSec .owl-theme .owl-nav button.owl-next	{ right: -50px; }
.footerSec									{ width: calc(100% - 250px); padding-left: 100px; }

/*----------------- Inner Pages -----------------*/



}



/* #Additional - Large Screens beyond 1366px
================================================== */
@media only screen and (min-width: 1180px) and (max-width: 1366px) {

:root 										{ --container-width: 1250px; }
.container                                  { max-width: 1250px; }

.topRight									{ width: 73%; margin-left: 25px; }
.topRight .phone a							{ font-size: 23px; }
#milestoneSec .owl-theme .owl-nav button.owl-prev { left: -50px; }
#milestoneSec .owl-theme .owl-nav button.owl-next	{ right: -50px; }

.marquee-container, .marquee-container-mobile	{ width: auto; }

.footerSec									{ width: calc(100% - 250px); padding-left: 60px; }	

/*----------------- Inner Pages -----------------*/


}

/* #Additional - Large Screens beyond 1600px
================================================== */
@media only screen and (min-width: 1200px) and (max-width: 1365px) {

:root 										{ --container-width: 1250px; }
.container                                  { max-width: 1250px; }
#header .logo								{ width: 200px; }
.topRight									{ width: 78%; margin-left: 25px; }
.topRight .phone a							{ font-size: 23px; }
#marqueeSec 								{ padding-bottom: 170px; }
#milestoneSec .owl-theme .owl-nav button.owl-prev { left: 0px; }
#milestoneSec .owl-theme .owl-nav button.owl-next	{ right: 0px; }

.marquee-container, .marquee-container-mobile	{ width: auto; }
#footer .btmPic 							{ width: 965px; }

.footerSec 									{ width: calc(100% - 250px); padding-left: 15px; }


/*----------------- Inner Pages -----------------*/


}


/* #iPad Pro - Large Screens beyond 1024px
================================================== */
@media only screen and (min-width: 959px) and (max-width: 1180px) {

:root 										{ --container-width: 960px; }
.container									{ max-width: 960px; }
#header										{ width: calc(100% - 45px); }
.topRight									{ float: right; width: auto; margin-left: 0px; } 
.topRight .phone							{ display: none; }

#aboutSec .content							{ padding: 30px 30px 30px 30px; }
#aboutSec .content .leftClm .readmore		{ margin-top: 0px; } 

#servicesSec								{ padding-top: 60px; padding-bottom: 60px; }
#servicesSec h2								{ font-size: 40px; line-height: 50px; }
#servicesSec:after							{ left: 25px; font-size: 120px; line-height: 135px; }
.services-listing .owl-stage-outer			{ width: calc(100% + 0px); }
#servicesSec .owl-theme .owl-nav 			{ bottom: 90px; width: 30%; }

#projectSec h2								{ font-size: 40px; line-height: 50px; }
#projectSec h2:after						{ font-size: 120px; line-height: 135px; }

#milestoneSec:before						{ top: 280px; }
#milestoneSec h2							{ font-size: 40px; line-height: 50px; }
#milestoneSec .owl-theme .owl-nav button.owl-prev { left: 0px; }
#milestoneSec .owl-theme .owl-nav button.owl-next { right: 0px;}
#marqueeSec									{ padding-bottom: 80px; }
.marquee-container, .marquee-container-mobile	{ width: auto; }

#footer										{ padding-top: 0px; }
#footer .btmPic								{ width: 80%; }
.footerSec									{ width: calc(100% - 74px); padding-left: 35px; }

/*----------------- Inner Pages -----------------*/
.alignleft, .alignnone, .alignright, .aligncenter { display: block; max-width: 50%; height: auto; }
#inner_banner .caption 								{ top: 65%; transform: translateY(-35%); }
#inner_banner .caption h1					{ margin: 0px 0px 10px 0px; font-size: 35px; line-height: 45px; }
.inner_section								{ padding-top: 30px; padding-bottom: 30px; }
.inner_section h2							{ margin: 0px 0px 10px 0px; font-size: 35px; line-height: 45px; }
.inner_section .content 					{ padding-top: 0; }

/*------------- About Page -------------*/

.verticalSec .right-clm .logo				{ width: 150px; height: 150px; padding: 0 20px; }	

.promiseSec									{ padding-bottom: 80px; }

}



/* #Tablet (Portrait)
================================================== */
/* Note: Design for a width of 768px */
@media only screen and (min-width: 768px) and (max-width: 959px) {

:root 										{ --container-width: 738px; }
.container									{ max-width: 738px; }
#header										{ position: relative; float: left; width: 100%; }

.topRight									{ width: calc(100% - 263px); margin-left: 0; }
#mainNav									{ display: none; }
.topRight .phone							{ display: none; }
#header .hamburger #nav-btn, #header .hamburger #nav-btn + label { top: 15px; }

#slider .scrollDown							{ display: none; }

#slider .caption							{ width: 70%; }
#slider .caption h1							{ font-size: 35px; line-height: 45px;}
#slider .caption h1 br						{ display: none; }
#slider .caption p							{ font-size: 20px; line-height: 30px;}
#slider .caption .learnmoreBtn				{ padding: 10px 25px; font-size: 16px; line-height: 26px; }

#aboutSec .content							{ width: 100%; margin-top: 0; padding: 30px 15px 30px 15px; }
#aboutSec .content .leftClm					{ width: 50%; margin-bottom: 30px; }
#aboutSec .content .leftClm h3				{ margin: 0px 0px 0px 0px; font-size: 20px; line-height: 30px;}
#aboutSec .content .leftClm h2				{ font-size: 35px; line-height: 45px;}
#aboutSec .content .leftClm p				{ font-size: 16px; line-height: 26px; }
#aboutSec .content .mapIndia				{ width: 50%; }
#aboutSec .content .mapIndia .hading		{ font-size: 20px; line-height: 30px; }

#sectorSec									{ padding-top: 30px; padding-bottom: 30px; }
#sectorSec .iconBox							{ margin-bottom: 30px; }

#servicesSec								{ padding-top: 30px; padding-bottom: 30px; }
#servicesSec:after							{ display: none; }
#servicesSec h2								{ font-size: 35px; line-height: 50px; }
#servicesSec h2 br							{ display: none; }
.services-listing .owl-stage-outer			{ width: calc(100% + 0px); }
#servicesSec .owl-theme .owl-nav			{ display: none; }
.owl-theme .owl-dots, .owl-theme .owl-nav	{ width: 100%; margin-top: 30px; }

#projectSec									{ padding-top: 30px; padding-bottom: 30px; }
#projectSec h2								{ margin: 0px 0px 10px 0px; font-size: 35px; line-height: 45px; }
#projectSec h2:after						{ display: none; }
#projectSec .projectContent					{ padding: 10px 0px 10px 0px; }
.projects-listing .item .projectInfo .title	{ font-size: 24px; line-height: 34px; }
.projects-listing .item .projectInfo .number { font-size: 40px; line-height: 50px; }
#projectSec .owl-theme .owl-nav				{ bottom: 0px; }

#milestoneSec								{ padding-top: 30px; padding-bottom: 30px; }
#milestoneSec h2							{ margin: 0px 0px 10px 0px; font-size: 35px; line-height: 45px; }
#milestoneSec:before						{ top: 210px; }
#milestoneSec .owl-theme .owl-nav			{ display: none; }

#marqueeSec									{ padding-bottom: 30px; }
.marquee-container, .marquee-container-mobile	{ width: auto; }

#footer										{ padding-top: 0px; }
.footerSec									{ width: calc(100% - 0px); padding-top: 30px; padding-left: 15px; padding-right: 15px; }
#footer .btmPic								{ position: relative; width: 100%; padding-top: 0px; }
.footerSec .topRow							{ justify-content: space-between; padding-right: 20px; }
.footerSec .footerLogo						{ margin-bottom: 30px; }
.footerSec .ftrSocial ul li					{ margin-right: 10px; font-size: 16px; line-height: 26px; }
.footerBtn .ftr_menu						{ text-align: center; }
.footerBtn .copyRight						{ text-align: center; }
.footerSec .footerContact p					{ font-size: 17px; }
.footerSec .footerContact p	br				{ display: none; }

/*------------- inner pages -------------*/
.alignleft, .alignnone, .alignright, .aligncenter { max-width: 50%; }

#inner_banner								{ height: 300px; }
#inner_banner .caption h1					{ margin: 0px 0px 10px 0px; font-size: 35px; line-height: 45px; }
.inner_section								{ padding-top: 30px; padding-bottom: 30px; }
.inner_section h2							{ margin: 0px 0px 10px 0px; font-size: 35px; line-height: 45px; }
.inner_section .content 					{ padding-top: 0; }

/*------------- About Page -------------*/
.profileSec									{ padding-bottom: 0px; }
.profileSec .content h3 					{ margin: 0 0 10px 0; font-size: 20px; line-height: 30px; }
.profileSec .image							{ margin-bottom: 30px; }
.corevalues .contentBox h3					{ margin: 0 0 10px 0; font-size: 24px; line-height: 34px; }
.promiseSec									{ padding-bottom: 0px; }
.promiseSec .image							{ margin-bottom: 30px; }

.verticalSec 								{ padding-top: 50px; padding-bottom: 50px; }
.verticalSec .left-clm h2					{ margin: 0px 0px 10px 0px; font-size: 35px; line-height: 45px; }
.verticalSec .left-clm p					{ margin: 0px 0px 15px 0px; font-size: 16px; line-height: 26px; }
.verticalSec .left-clm .downloadBtn			{ padding: 10px 40px 10px 15px; font-size: 16px; }
.verticalSec .left-clm .downloadBtn:after	{ font-size: 16px; right: 15px; top: 11px; }
.verticalSec .right-clm						{ padding: 0; }
.verticalSec:nth-child(even) .right-clm 	{ padding: 0; }
.verticalSec .right-clm .logo				{ width: 100px; height: 100px; padding: 0 15px; left: -25px; border: 3px solid #11a2d9; }




.project-page #projectSec .projectContent	{ z-index: 1; }
.project-page #projectSec h2				{ z-index: 1; }

#projectSec .project-item .projectPic		{ margin: 0 0 10px 0; }
#projectSec .project-item .projectInfo .title	{ font-size: 22px; line-height: 32px; }
#projectSec .project-item .projectInfo .location	{ padding-left: 25px; font-size: 16px; }

#projectDetails								{ padding-top: 50px; padding-bottom: 50px; }
#projectDetails h2							{ margin: 0px 0px 10px 0px; font-size: 35px; line-height: 45px; }

#projectDetails .details ul li				{ padding: 5px 0 5px 50px; margin: 0 0 20px 0; width: 49%; font-size: 16px; line-height: 26px; }
#projectDetails .details ul li::before		{ width: 40px; height: 40px; font-size: 16px; padding: 7px 0; }
#projectDetails .details .backBtn			{ padding: 10px 15px; font-size: 16px; }

}



/*  #Mobile (Portrait)
================================================== */
/* Note: Design for a width of 320px */
@media only screen and (max-width: 767px) {

:root 										{ --container-width: 100%; }
.container									{ max-width: 100%; padding: 0 15px; }
#header										{ position: relative; float: left; width: 100%; padding: 15px 15px; }
#header .logo								{ width: 200px; }

.topRight									{ width: calc(100% - 200px); margin-left: 0; }
#mainNav									{ display: none; }
.topRight .phone							{ display: none; }

#slider .scrollDown							{ display: none; }
#slider img									{ width: 200%; margin-left: 0; }
#slider .caption							{ padding: 15px; }
#slider .caption h1							{ font-size: 35px; line-height: 45px;}
#slider .caption h1 br						{ display: none; }
#slider .caption p							{ font-size: 20px; line-height: 30px;}
#slider .caption .learnmoreBtn				{ padding: 10px 25px; font-size: 16px; line-height: 26px; }

#aboutSec .content							{ width: 100%; margin-top: 0; padding: 30px 15px 30px 15px; }
#aboutSec .content .leftClm					{ width: 100%; margin-bottom: 30px; padding-right: 0; }
#aboutSec .content .leftClm h3				{ margin: 0px 0px 0px 0px; font-size: 20px; line-height: 30px;}
#aboutSec .content .leftClm h2				{ font-size: 35px; line-height: 45px;}
#aboutSec .content .leftClm p				{ font-size: 16px; line-height: 26px; }
#aboutSec .content .mapIndia				{ width: 100%; }
#aboutSec .content .mapIndia .hading		{ font-size: 20px; line-height: 30px; }

#sectorSec									{ padding-top: 30px; padding-bottom: 30px; }
#sectorSec .iconBox							{ margin-bottom: 30px; }

#servicesSec								{ padding-top: 30px; padding-bottom: 30px; }
#servicesSec:after							{ display: none; }
#servicesSec h2								{ font-size: 35px; line-height: 50px; }
#servicesSec h2 br							{ display: none; }
.services-listing .owl-stage-outer			{ width: calc(100% + 0px); }
#servicesSec .owl-theme .owl-nav			{ display: none; }
.owl-theme .owl-dots, .owl-theme .owl-nav	{ width: 100%; margin-top: 30px; }

#projectSec									{ padding-top: 30px; padding-bottom: 30px; }
#projectSec h2								{ margin: 0px 0px 10px 0px; font-size: 35px; line-height: 45px; }
#projectSec h2:after						{ display: none; }
#projectSec .projectContent					{ padding: 10px 0px 10px 0px; }
.projects-listing .item .projectInfo .title	{ font-size: 24px; line-height: 34px; }
.projects-listing .item .projectInfo .number { font-size: 40px; line-height: 50px; }
#projectSec .owl-theme .owl-nav				{ bottom: 0px; }

#milestoneSec								{ padding-top: 30px; padding-bottom: 30px; }
#milestoneSec h2							{ margin: 0px 0px 10px 0px; font-size: 35px; line-height: 45px; }
#milestoneSec:before						{ top: 210px; }
#milestoneSec .owl-theme .owl-nav			{ display: none; }


#marqueeSec									{ padding-bottom: 30px; }
.marquee-container, .marquee-container-mobile	{ width: auto; }

#footer										{ padding-top: 0px; }
.footerSec									{ width: calc(100% - 0px); padding-top: 30px; padding-left: 15px; padding-right: 15px; }
#footer .btmPic								{ position: relative; width: 100%; padding-top: 0px; padding-right: 0; }
.footerSec .topRow							{ flex-wrap: wrap; padding-right: 0px; }
.footerSec .footerLogo						{ margin-bottom: 30px; }
.footerSec .ftrSocial						{ text-align: center; }
.footerSec .ftrSocial ul li					{ margin-right: 20px; font-size: 16px; line-height: 26px; }
.footerBtn .ftr_menu						{ text-align: center; }
.footerBtn .copyRight						{ text-align: center; }
				

/*------------- inner pages -------------*/
.alignleft, .alignnone, .alignright, .aligncenter { float: none; display: block; max-width: 100%; height: auto; margin: 0 0 20px 0; }

#inner_banner								{ height: 300px; }
#inner_banner .caption h1					{ margin: 0px 0px 10px 0px; font-size: 35px; line-height: 45px; }
.inner_section								{ padding-top: 30px; padding-bottom: 30px; }
.inner_section h2							{ margin: 0px 0px 10px 0px; font-size: 35px; line-height: 45px; }
.inner_section .content 					{ padding-top: 0; }

/*------------- About Page -------------*/

.profileSec									{ padding-bottom: 0px; }
.profileSec .content h3 					{ margin: 0 0 10px 0; font-size: 20px; line-height: 30px; }
.profileSec .image							{ margin-bottom: 30px; }
.corevalues .contentBox h3					{ margin: 0 0 10px 0; font-size: 24px; line-height: 34px; }
.promiseSec									{ padding-bottom: 0px; }
.promiseSec .image							{ margin-bottom: 30px; }


.verticalSec								{ padding-top: 30px; padding-bottom: 30px; }
.verticalSec .left-clm						{ padding-bottom: 30px; }
.verticalSec .left-clm h2					{ margin: 0px 0px 10px 0px; font-size: 35px; line-height: 45px; }
.verticalSec .left-clm p					{ margin: 0px 0px 15px 0px; font-size: 16px; line-height: 26px; }
.verticalSec .left-clm .downloadBtn			{ padding: 10px 45px 10px 20px; font-size: 16px; }
.verticalSec .left-clm .downloadBtn:after	{ font-size: 16px; right: 20px; top: 11px; }
.verticalSec .right-clm						{ padding: 0; }	
.verticalSec:nth-child(even) .right-clm		{ padding: 0; }
.verticalSec .right-clm .logo				{ width: 100px; height: 100px; padding: 0 15px; border: 3px solid #11a2d9; left: -10px; }




/*------------- Services Page -------------*/

.serviceCont								{ padding-top: 30px; padding-bottom: 30px; }
.serviceCont h3								{ margin: 0px 0px 10px 0px; }

#projectSec .project-item .projectInfo .title	{ font-size: 25px; line-height: 35px; }

.project-page #projectSec .projectContent	{ z-index: 1; }
.project-page #projectSec h2				{ z-index: 1; }	

#projectDetails								{ padding-top: 30px; padding-bottom: 30px; }
#projectDetails h2							{ margin: 0px 0px 10px 0px; font-size: 35px; line-height: 45px; }
#projectDetails .details					{ padding-top: 30px; }
#projectDetails .details ul li				{ width: 100%; }
#projectDetails .details ul li:nth-child(even)	{ width: 100%; }
#projectDetails .details ul li				{ padding: 5px 0 5px 50px; margin: 0 0 20px 0; font-size: 16px; }
#projectDetails .details ul li::before		{ width: 35px; height: 35px; font-size: 16px; padding: 3px 0; }
#projectDetails .details .backBtn			{ padding: 10px 20px; font-size: 16px; }


/*----------------- Contact Page -----------------*/

.contact_form								{ margin-bottom: 30px; }
.contact_detail .detail						{ padding: 0px 0px 10px 0px; }
.contact_detail .detail p					{ margin: 0px 0px 10px 0px; }





}



/* #Mobile (Landscape)
================================================== */
/* Note: Design for a width of 480px */
@media only screen and (min-width: 480px) and (max-width: 767px) {

:root 										{ --container-width: 100%; }
.container									{ /*width: 540px;*/ max-width: 100%; padding: 0 15px; }

/*----------------- Inner Pages -----------------*/

#projectDetails .details ul li				{ width: 50%; }
#projectDetails .details ul li:nth-child(even)	{ width: 49%; }



}