/* [reset styles] */
:root{
 --bodyfont:'montserratregular';
 --headingfont:'PoppinsBold';
}

*{
    box-sizing: border-box;
    margin: 0;
 }

@font-face {
  font-family: 'montserratregular';
  src: url('../fonts/montserrat-regular.woff2') format('woff2'),
       url('../fonts/montserrat-regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
  
@font-face {
  font-family: 'montserratbold';
  src: url('../fonts/montserrat-bold-webfont.woff2') format('woff2'),
       url('../fonts/montserrat-bold-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face 
{
    font-family:'PoppinsRegular';
    src: url('../fonts/PoppinsRegular.eot');
    src: url('../fonts/PoppinsRegular.eot') format('embedded-opentype'),
         url('../fonts/PoppinsRegular.woff2') format('woff2'),
         url('../fonts/PoppinsRegular.woff') format('woff'),
         url('../fonts/PoppinsRegular.ttf') format('truetype'),
         url('../fonts/PoppinsRegular.svg#PoppinsRegular') format('svg');
}

@font-face {
  font-family: 'PoppinsBold';
  src: url('../fonts/PoppinsBold.eot');
  src: url('../fonts/PoppinsBold.eot') format('embedded-opentype'),
       url('../fonts/PoppinsBold.woff2') format('woff2'),
       url('../fonts/PoppinsBold.woff') format('woff'),
       url('../fonts/PoppinsBold.ttf') format('truetype'),
       url('../fonts/PoppinsBold.svg#PoppinsBold') format('svg');
}


body {
    font-family:'montserratregular';
    padding:0px;
    margin:0px;
    font-size:14px;
    line-height:1.9;
    overflow-x:hidden;
}
  
ul {
    padding: 0;
    list-style-type: none;
}
  
a {
    text-decoration: none;
    cursor: pointer;
}
  
img {
    max-width: 100%;
  }
  
  h1, h2, h3, h4, h5, h6 {
    margin: 0px;
  }
  /* [/reset styles] */
  
  .p-0{
      padding: 0;
  }
  .m-0{
      margin: 0;
  }

*:focus {
    outline: none;
}

*::placeholder {
color: #c2c2c2;
font-size:12px ;
}
textarea{resize:none;font-family:var(--bodyfont);}
input {font-family:var(--bodyfont);}
select:required:invalid {
    color: #c2c2c2;
  }
  option[value=""][disabled] {
    display: none;
  }
  option {
    color: black;
  }
select { background-color:#fff;}
.w100 { width:100%;}
.mt10px {margin-top:10px;}
.mt15px {margin-top:15px;}
.mt20px {margin-top:20px;}

.headerRow
{
  display:flex;
  flex-direction:row;
  justify-content:space-between;
  align-items:center;
  background-color:#000;
}

.headerRow .logo
{
  width:23%;
  padding:10px 15px;
  display:flex;
  justify-content:flex-end;
}

.headerRow .navContainer 
{
  width: 72%;
  padding: 10px 15px;
  display: flex;
  justify-content: space-around;
}


.aboutUs-container .aboutRow a {margin-top:20px;}


/*** menu css **/
.nav ul 
{
  display: flex;
  flex-direction: row;
}
.nav ul li { margin-left:35px;}
.nav ul li a { text-transform:uppercase; font-size: 13px; color:#0f0f0e;}
.nav ul li a:hover{color:#f48633;}
.nav ul li a.active {color:#f48633;}

/** menu css open **/
.nav-tabs {
	display: flex;
	font-size: 14px;
	list-style: none;
}
.nav-tabs a { text-transform:uppercase; color:#fff;}
.nav-tabs a:hover{color:#f48633;}
.nav-tabs a.active {color:#f48633;}

.nav-tab:not(:last-child) {
	padding: 10px 25px;
	margin: 0;
}

.nav-tab:last-child {
	padding: 10px 0 0 25px;
}

.nav-tab,
.menu-btn {
	cursor: pointer;
}

.hidden {
	display: none;
}

@media screen and (max-width: 800px) {
	.nav-container {
		position:fixed;
		display:none;
		overflow-y:auto;
		z-index:-1;
		top:0;
		right:0;
		width:280px;
		height:100%;
		background:#2c2b2b;
		box-shadow:-1px 0 2px rgba(0, 0, 0, 0.2);
	}

	.nav-tab {width:100%;}

	.nav-tabs {
		flex-direction: column;
		align-items: flex-end;
		margin-top: 80px;
		width: 100%;
	}

	.nav-tab:not(:last-child) {
		padding: 20px 25px;
		margin: 0;
		border-right: unset;
		border-bottom: 1px solid #5c5c5c;
	}

	.nav-tab:last-child {
		padding: 15px 25px;
	}

	.menu-btn {
		position: relative;
		display: block;
		margin: 0;
		width: 55px;
		cursor: pointer;
		z-index: 9999;
		padding: 10px;
		border-radius: 10px;
	}

	.menu-btn .menu {
		display:block;
		width:100%;
		height:3px;
		border-radius:2px;
		background:#f77d21;
	}

	.menu-btn .menu:nth-child(2) {
		margin-top:5px;
		opacity: 1;
	}

	.menu-btn .menu:nth-child(3) {
		margin-top:5px;
	}

	#menuToggle:checked + .menu-btn .menu {
		transition: transform 0.2s ease;
	}

	#menuToggle:checked + .menu-btn .menu:nth-child(1) {
		transform: translate3d(0, 6px, 0) rotate(45deg);
	}

	#menuToggle:checked + .menu-btn .menu:nth-child(2) {
		transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
		opacity: 0;
	}

	#menuToggle:checked + .menu-btn .menu:nth-child(3) {
		transform: translate3d(0, -6px, 0) rotate(-45deg);
    margin-top: 2px;
	}

	#menuToggle:checked ~ .nav-container {
		z-index: 1000;
		display: flex;
		animation: menu-slide-left 0.3s ease;
	}
	@keyframes menu-slide-left {
		0% {
			transform: translateX(200px);
		}
		to {
			transform: translateX(0);
		}
	}
}
/** menu css close **/



.sidebar 
{
  position:absolute;
  left:0px;
  bottom:0px;
  width:70px;
  padding:30px 15px; 
  background-color:#f4f4f4;
  z-index:99;
}
.sidebar ul {margin:0px; padding:0px;}
.sidebar ul li {float:left;}
.sidebar ul li a 
{
  border: 1px solid #adabab;
  border-bottom: none;
  float: left;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.sidebar ul li a i 
{
  font-size:15px;
  color:#9a9ca4;
}
.sidebar ul li a:hover {background-color:#adabab;}
.sidebar ul li a:hover i {color: #fff;}

.sidebar ul li.fst {margin-bottom:65px; position:relative;}
.sidebar ul li.fst a {border-bottom:1px solid #adabab;}
.sidebar ul li.fst::before 
{
  content:"";
  width:1px;
  height:50px;
  background-color:#adabab;
  position:absolute;
  left:18px;
  bottom:-58px;
}

/***banner***/
.homeBanner
{
  position:relative;
}
/*
.homeBanner .taglineBox
{
  position:absolute;
  top:40%;
  left:16%;
  display:flex;
  flex-direction:column;
  align-items: flex-start;
  z-index:99;
}
*/
.home-slider div {position:relative;}
.home-slider div .taglineBox
{
  position:absolute;
  top:40%;
  left:16%;
  display:flex;
  flex-direction:column;
  align-items: flex-start;
  z-index:99;
}
.home-slider div video {width:100%;}
.home-slider div iframe {width:100%; height:95vh;}

/****about****/
.aboutUs-container
{
  margin-left:auto;
  margin-right:auto;
  width:75%;
  padding:70px 0px;
  display:flex;
  flex-direction:row;
  justify-content:space-between;
  align-items:flex-start;
}
.aboutUs-container .aboutusb {width:48%;}
.aboutUs-container .aboutRow 
{
  width:49%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  font-size:16px;
}

.aboutUs-container .aboutRow img {width:30px;}
.heading 
{ 
  color:#121212; 
  font-family: var(--headingfont); 
  font-size:35px; 
  line-height:35px;
  margin:10px 0px;
  text-transform:uppercase;
}
.btn {
  background-color: #000;
  color: #fff;
  padding: 10px 20px;
  line-height: normal;
  text-transform: uppercase;
  font-size: 12px;
}
.btn:hover
{
  background-color:#f48633;
}

/****project****/
.project-container 
{
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  padding-top:30px;
}
.projectSection
{
  display:flex;
  flex-direction:row;
  justify-content:space-between;
  margin-top:40px;
  width:100%;
}
.projectSection .pjectBox 
{
  width:33.4%;
  display:flex;
}
.projectSection .pjectBox .pleft 
{ 
  width: 10%;
  background-color: #1c1f26;
  align-items: self-end;
  display: flex;
  justify-content: center;
  padding-bottom: 30px;
}
.projectSection .pjectBox .pright 
{ width:90%;
  display: flex;
  justify-content: flex-start;
}
.projectSection .pjectBox .pright {position:relative;}
.projectSection .pjectBox .pright .hbox{display: none;} 
.projectSection .pjectBox .pright:hover .hbox 
{
  display: flex;
  background-color:rgb(28 31 38 / 75%);
  position: absolute;
  width: 100%;
  left: 0px;
  right: 0px;
  z-index: 9;
  height: 100%;
  justify-content: center;
  align-items: center;
}
.projectSection .pjectBox .pright:hover .hbox a
{
  background-color:#fff;
  color:#110e0b;
  border-radius: 50%;
  width: 70px;
  height: 70px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
}


/****our client****/

.ourclient-se
{
  display:flex;
  background:url(../images/clientpage-bnr.png) repeat-x;
  flex-direction:column;
  align-items:center;
  padding:120px 0px;  
  margin-bottom:80px;
}
.ourclient-se .cllogo {margin-top:0px;}
.cllogo .slick-prev {
  width: 31px;
  height: 31px;
  background-image: url(../images/nextprev.png);
  background-position: 0px 0px;
  left:0px;
  box-shadow: 0px 0px 10px #b3b3b3cc;
    background-color: #f5f5f5;
}
.cllogo .slick-next {
  width: 31px;
  height: 31px;
  background-image: url(../images/nextprev.png);
  background-position: 32px 0px;
  right:0px;
  box-shadow: 0px 0px 10px #b3b3b3cc;
  background-color: #f5f5f5;
}


.inlogo .slick-prev {
  width: 31px;
  height: 31px;
  background-image: url(../images/nextprev.png);
  background-position: 0px 0px;
  left:0px;
  box-shadow: 0px 0px 10px #b3b3b3cc;
    background-color: #f5f5f5;
}
.inlogo .slick-next {
  width: 31px;
  height: 31px;
  background-image: url(../images/nextprev.png);
  background-position: 32px 0px;
  right:0px;
  box-shadow: 0px 0px 10px #b3b3b3cc;
  background-color: #f5f5f5;
}


.ourClient-container 
{ 
display:flex;
background:url(../images/companyBg.png) repeat-x;
flex-direction:column;
align-items:center;
padding:60px 0px;
}

.cllogo { margin-top:60px;}
.cllogo .clogob img 
{
  margin-left:auto;
  margin-right:auto;
}

/****core value****/
.coreValue-container { display:flex; flex-direction:column;}
.corevalue-cnt {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width:70%;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  padding: 40px 0px;
}

.corevalue-subpart 
{
  background: url(../images/corevalue-bg.jpg) repeat-x;
  background-position:bottom;
  margin-top:60px;
}

.corevalue-subpart .coreb-row 
{
  display:flex;
  justify-content:space-between;
  width:90%;
  margin-left:auto;
  margin-right:auto;
  padding-bottom:100px;
  margin-top:-30px;
}
.corevalue-subpart .coreb-row .box 
{
  width:23.5%;
  background-color:#fff;
  position:relative;
  height:320px;
  padding:0px 30px;
  cursor:pointer;
  display: flex;
  justify-content: center;
  align-items:center;
  text-align:center;
  box-shadow:1px 5px 10px #434242;
}
.corevalue-subpart .coreb-row .box::after 
{
  content:"";
  width:90%;
  height:90%;
  position:absolute;
  border:1px solid #f77d21;
}
.corevalue-subpart .coreb-row .box:hover::after 
{
  content:"";
  width:90%;
  height:90%;
  position:absolute;
  border:1px solid #fff;
}
.corevalue-subpart .coreb-row .box span 
{
  font-family:'PoppinsBold';
  text-transform: uppercase;
  font-size:20px;
  line-height: 22px;
}

.corevalue-subpart .coreb-row .box .c-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: #f77d21;
  color:#fff;
  padding:30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.corevalue-subpart .coreb-row .box .c-overlay p {line-height:20px;}
.corevalue-subpart .coreb-row .box:hover .c-overlay
{
  opacity: 1;
}
.corevalue-subpart .coreb-row .box .c-overlay .text 
{
  font-family:'PoppinsBold';
  text-transform: uppercase;
  font-size:20px;
  line-height: 22px;
  margin-bottom:20px;
}

/******portfolio cnt****/
.portfolio-container 
{
  display:flex;
  flex-direction:column;

}
.portfolioRow
{
  width:80%;
  margin-left:auto;
  margin-right:auto;
  display:flex;
  flex-direction:row;
  justify-content:space-between;
}
.portfolioRow .prow-box {width:25%; position:relative; text-align:center; padding:50px 30px;  text-transform:uppercase;}
.portfolioRow .prow-box::before 
{
  content:"";
  position:absolute;
  left:0px;
  top:0px;
  width:2px; 
  height:70%;
  background-color:#f77d21;
}
.portfolioRow .prow-box:first-child::before  
{
  background-color:#fff;
}

.portfolioRow .prow-box span 
{
  font-family:var(--headingfont);
   font-size:55px;
  line-height:22px;
  
}
.portfolioRow .prow-box p {line-height:22px; margin-top: 20px;}

/****contact us page***/
.addressDetail-container
{
  width:80%;
  margin-left:auto;
  margin-right:auto;
  padding:100px 0px;
  display:flex;
  justify-content:space-between
}

.addressDetail-container .cdbox
{
  width:30%;
  border:1px solid #e1e1e1;
  padding:40px;
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  font-family:'PoppinsRegular';
  color:#626262;
  position:relative;
  font-size:16px;
}
.addressDetail-container .cdbox .arrow 
{
  transform:rotate(-90deg);
  text-transform:uppercase;
  font-size:11px;
  position:absolute;
  font-family:'PoppinsRegular'; 
  display:flex;
  left: -45px;
  top: 9px;
}

.addressDetail-container .cdbox .sub a {color:#626262;}


.addressDetail-container .cdbox .arrow .p 
{
  width: 75px;
  height: 1px;
  background-color: #7f7b78;
  margin-left: 10px;
  margin-top: 10px;
} 
.addressDetail-container .cdbox p {
  color: #121212;
  font-weight: 700;
  font-size: 18px;
  margin-top: 20px;
}
.addressDetail-container .cdbox .sub
{
  background-color:#faf8f8;
  position:absolute;
  bottom:-69px;
  width:80%;
  padding:20px;
  line-height:22px;
  font-size:14px;
}

.addressDetail-container .cdbox.last 
{
  padding:0px ;
}
.addressDetail-container .cdbox.last iframe {width:100%; height:200px;}

.contact-form-container
{
   background:url(../images/contactbg.jpg);
   padding:40px 0px;
   justify-content:space-evenly;
   display:flex;
   background-size:cover;
}
.contactForm-box
{
  display:flex;
  justify-content:space-between;
  align-items:center;
  width:45%;
}
.contactForm-box-left
{
  color:#fff;
  display:flex;
  flex-direction:column;
  font-size:30px ;
  font-family:var(--headingfont);
  text-transform:uppercase;
  line-height:28px;
  margin-bottom:20px;
}
.contactForm-box-left span 
{
  font-family:var(--bodyfont); 
  font-size:18px;
}
.contactForm-box-right
{
  background-color: #fff;
  padding:20px;
  display:flex;
  width:80%;
}
.contactForm-box-right form {width:100%;}
.contactForm-box-right form .rows {width:100%; margin-bottom:15px; position:relative;}
.contactForm-box-right form .rows input {width:100%; border:1px solid #b3aebb; padding:7px 10px;}
.contactForm-box-right form .rows span
{
  position:absolute;
  left:0px;
  bottom:-18px;
  font-size:12px;
  color:#f00;
}
.contactForm-box-right form textarea {width:100%; height:40px; border:1px solid #b3aebb; padding:7px 10px;}
.contactForm-box-right form button 
{
  background-color:#f77d21; 
  color:#fff; 
  border:none; 
  cursor:pointer; 
  padding:10px 30px;
  font-family: var(--bodyfont);
}
.homecontact
{
  width:40%;
  margin-left:auto;
  margin-right:auto;
  padding:30px 0px;
}
.homecontact .contactForm-box-right {width:100%; flex-direction:column;}
.homecontact .contactForm-box-right form textarea {height:90px;}
.homecontact .contactForm-box-right form button {width:100%;}

/***footer***/
.footerContainer
{
  width:80%;
  margin-left:auto;
  margin-right:auto;
  padding:60px 0px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.footerContainer div 
{ 
  color:#fff;
  display:flex;
  flex-direction:column;
}
.footerContainer .fbox-1 
{ 
  width:23%;   
  font-size:12px;
  display:flex;
  align-items:flex-start;
}
.footerContainer .fbox-1 img { margin-bottom:20px;}
.footerContainer .fbox-2
{
  width:13%;
  padding-left:30px;
}
.footerContainer .fbox-2 a 
{
  color:#fff;
  font-size:12px;
  margin-bottom:8px;
  text-transform:uppercase;
}
.footerContainer .fbox-2 a:hover 
{
  color:#f48633;
}
.footerContainer .fbox-3
{
  width:36%;
  padding-left:20px;
}
.footerContainer .fbox-3 strong { margin-bottom:20px; }
.footerContainer .fbox-3 p a { display:flex; align-items:flex-start; font-size:12px; color:#fff; margin-bottom:20px; }
.footerContainer .fbox-3 p a:hover {color:#f48633;}
.footerContainer .fbox-3 p a img { margin-right:10px;}
.footerContainer .fbox-4 {
  width:14%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.footerContainer .fbox-4 a i {font-size: 25px; color:#fff;}
.footerContainer .fbox-4 a:hover i {color:#f48633;}

.lowerftr
{
  background-color:#000;
  color:#fff;
  padding:5px;
  text-align:center;
}

/********inner page our project*********/
.inner-homeBanner
{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.inner-homeBanner .innerbanner-left
{
  background-color:#1c1f26;
  width:22%;
  display:flex;
  align-items:center;
  justify-content:center;
  position: relative;
}

.inner-homeBanner .innerbanner-left .sidebar
{
  position:absolute;
  bottom: 0px;
    left: 0px;
}

.inner-homeBanner .innerbanner-right 
{
  width:78%;
  display:flex;
  justify-content:flex-start;
  align-items:flex-start;
}

.inner-homeBanner .innerbanner-right img {width:100%;}

.inner-homeBanner .contactbanner 
{
  width:78%;
  display:flex;
  justify-content:flex-start;
  align-items:flex-start;
}


.tabviewbox {
  width:65%;
  border:1px solid #000;
  margin-left:auto;
  margin-right:auto;
  margin-top:10px;
  display:flex;
}
.tabviewbox .tab {width:50%; padding:8px; font-size:16px; text-align:center; cursor:pointer; text-transform:uppercase;}
.tabviewbox a.tab {color:#000;}
.tabviewbox .tab:hover {background-color:#000; color:#fff;}
.tabviewbox .tab.active {background-color:#000; color:#fff;}

/**
.contenttb {
  display: none;
}

.contenttb.active {
  display: block;
}
**/
.csoon {
  letter-spacing: 30px;
  color: #e5e5e5;
  font-size: 39px;
  text-align: center;
  padding: 60px 0px;
  text-transform: uppercase;
  font-weight: bold;
}

#project-filter {margin-top:40px;}
#project-filter button
{
  background-color: #fff;
  color: #5c5c5c;
  border: none;
  cursor: pointer;
  padding: 10px;
  font-family: var(--bodyfont);
  font-weight: bold;
  font-size: 12px;
  margin-right: 35px;
  border-bottom: 2px solid #b5b5b5;
}
#project-filter button:hover
{
  color:#f48633;
  border-bottom: 2px solid #f48633;
}
#project-filter button.active
{
  color:#f48633;
  border-bottom: 2px solid #f48633;
}
#projectgallery-container.show {
  display: block;
}
#projectgallery-container.hide {
  display: none;
}

.projectSite-container 
{
  width:81%;
  margin-left:auto;
  margin-right:auto;
  padding:60px 0px;
}

.tshead 
{
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.projectgallery-container {margin:40px 0px;}

.projectgallery-container .slick-prev {
  width: 31px;
  height: 31px;
  background-image: url(../images/nextprev.png);
  background-position: 0px 0px;
  left: -20px;
  box-shadow: 0px 0px 10px #b3b3b3cc;
    background-color: #f5f5f5;
}
.projectgallery-container .slick-next {
  width: 31px;
  height: 31px;
  background-image: url(../images/nextprev.png);
  background-position: 32px 0px;
  right: -20px;
  box-shadow: 0px 0px 10px #b3b3b3cc;
  background-color: #f5f5f5;
}

.projectSite-container .slider-for { border:2px solid #000;  margin-bottom:20px;}
.sBox 
{
  display: flex !important;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding:30px 40px;
 
}
.sBox .Img { width:43%;}
.sBox .Img img {width:100%;}
.sBox .slideCnt { width:53%;} 
.sBox .slideCnt p {line-height:1.6;}
.sBox .slideCnt .hding
{
  margin:10px 0px;
  text-transform: uppercase;
  font-size: 18px;
  color: #000;
  font-weight:bold;
}
.sBox .slideCnt .subhding 
{ color:#121212; text-align:justify;}
.sBox .slideCnt .subctr ul li
{
  display: flex;
  flex-direction: column;
  border-bottom:1px solid #ebebeb;
  color: #000;
  padding: 10px 0px;
}

.projectgallery-container .slider-nav {cursor:pointer;}
.projectgallery-container .slider-nav div img {width:100%; padding:10px;}
.projectgallery-container .slider-nav .slick-current
{
position: relative;
}
.projectgallery-container .slider-nav .slick-current::before 
{
  position:absolute;
  content:"";
  width:93%;
  height:92%;
  background-color:rgb(153 54 16 / 58%);
  left:10px;
  top:10px;
} 

/******aboutus page******/

.aboutUs-section 
{
  background: url(../images/aboutus-bg.jpg) no-repeat;
  background-position:right top;
  padding: 30px 0px;
}
.aboutusRow 
{ 
  display:flex;
  width:65%; 
  margin-left:auto; 
  margin-right:auto;
  justify-content:space-between;
}
.aboutUs-section .aboutusRow .imgbox { width:50%;}
.aboutUs-section .aboutusRow .imgbox img {width:100%;}
.aboutUs-section .aboutusRow .cntbox 
{ width:45%;
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.visionMision-container.aone {flex-direction:row-reverse;}
.visionMision-container 
{
  display:flex;
  flex-direction:row;
  justify-content:space-between;
}
.visionMision-container .visionCntBox
{
  background: url(../images/vm-bg.jpg) no-repeat;
  background-size:cover;
  color:#fff;
  width:60%;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  padding:0px 150px;
}
.visionMision-container .visionCntBox .heading {color:#fff;}
.visionMision-container .visionImg
{
  width:40%;
  display:flex;
}


@media screen and (min-width:1920px)
{
  .home-slider div iframe {width:100%; height:80vh;}
}

@media screen and (max-width:1024px)
{
.home-slider div iframe {width:100%; height:65vh;}
.footerContainer {width:90%;}
.footerContainer .fbox-2 {padding-left:0px;}
.inner-homeBanner .innerbanner-left {padding:38px 0px;}
.inner-homeBanner .innerbanner-left img {width:50px;}
.inner-homeBanner .innerbanner-left img.opjhding{width:37px;}
.inner-homeBanner .innerbanner-left img.conhding {width:40px;}
.visionMision-container .visionCntBox {padding:0px 45px;}
.sidebar {display:none;}
}

@media screen and (max-width:768px)
{
.home-slider div iframe {width:100%; height:42vh;}  
.aboutUs-container {width:90%;}
.aboutUs-container .aboutRow {width:50%;}
.projectSection .pjectBox .pleft img {width:30%;}
.footerContainer .fbox-1 {width:28%;}
.footerContainer .fbox-3 {width:16%; padding-left:0px;}
.footerContainer .fbox-4 {width:18%;}
.inner-homeBanner .innerbanner-left img {width:33px;}
.aboutusRow {width:90%;}
.visionMision-container .visionCntBox {padding:30px;}
.corevalue-subpart .coreb-row {flex-wrap:wrap;}
.corevalue-subpart {background-position:center;}
.corevalue-subpart .coreb-row {padding:30px 0px; margin-top:0px;}
.corevalue-subpart .coreb-row .box {width:47.5%; margin:10px 0px;}
.portfolioRow {width:90%;}
.portfolioRow .prow-box {padding:50px 10px;}
.portfolioRow .prow-box span {font-size:46px; line-height:5px;}
.portfolioRow .prow-box p {margin-top:10px;}
.inner-homeBanner .innerbanner-left img.opjhding {width:26px;}
.projectSite-container {width:90%;}
.sBox {flex-direction:row;}
.sBox .Img {width:40%;}
.sBox .slideCnt {width:57%;}
.inner-homeBanner .innerbanner-left img.conhding {width:27px;}
.addressDetail-container {width:90%;}
.contactForm-box {flex-direction:column;}
.contactForm-box .contactForm-box-left {width:100%; text-align:center; margin-bottom:15px;}
.contactForm-box .contactForm-box-right {width:100%;}
}

@media screen and (max-width:700px)
{
.home-slider div iframe {width:100%; height:40vh;}  
.homeBanner .taglineBox {width:35%;}
.homeBanner .taglineBox {top:20%; left:5%;}
.aboutUs-container {flex-direction:column-reverse; padding:30px 0px;}
.aboutUs-container img {width:100%;}
.aboutUs-container .aboutusb {width:100%;}
.aboutUs-container .aboutRow {width:100%; margin:20px 0px; align-items:center; text-align:center;}
.aboutUs-container .aboutRow a {margin-top:20px;}
.projectSection .pjectBox {flex-direction:column; position:relative;}
.projectSection .pjectBox .pleft { width:12%; position:absolute; top:0px; left:0px; z-index:9;}
.projectSection .pjectBox .pright {width:100%;}
.projectSection .pjectBox .pright:hover .hbox a {width:50px; height:50px; font-size:12px;}
.footerContainer .fbox-1 {display:none;}
.footerContainer{flex-direction:column; padding:40px 0px;}
.footerContainer .fbox-2 {display: none;}
.footerContainer .fbox-3 {width:100%; margin-top:10px;}
.footerContainer .fbox-4 {width:100%; margin-top:15px;}
.inner-homeBanner .innerbanner-left {display:none;}
.inner-homeBanner .innerbanner-right {width:100%;}
.inner-homeBanner .contactbanner {width:100%;}
.aboutusRow {flex-direction:column;}
.aboutUs-section .aboutusRow .imgbox {width:100%;}
.aboutUs-section .aboutusRow .cntbox 
{
  width:100%;
  margin-top:-60px;
  padding-bottom:20px;
  align-items:center;
  text-align:center;
}
.visionMision-container.aone {flex-direction:column;}
.visionMision-container {flex-direction:column;}
.visionMision-container .visionCntBox {width:100%;}
.visionMision-container .visionImg {width:100%;}
.visionMision-container .visionCntBox {align-items:center; text-align:center;}
.corevalue-cnt {width:90%;}
.corevalue-subpart {margin-top:0px; background-repeat:repeat;}
.corevalue-subpart .coreb-row .box {width:100%;}
.portfolioRow {flex-direction:row; flex-wrap:wrap;}
.portfolioRow .prow-box {width:50%;}
.portfolioRow .prow-box::before {display:none;}
.tabviewbox {width:100%;}
.tabviewbox .tab
{
  justify-content:center;
  align-items:center;
  display:flex;
}
.sBox {flex-direction:column; padding:10px;}
.sBox .Img {width:100%; margin-bottom:10px;}
.sBox .slideCnt {width:100%;}
.addressDetail-container {flex-direction:column;}
.addressDetail-container .cdbox {width:100%; margin-bottom:60px;}
.addressDetail-container .cdbox .arrow {top:53px;}
.addressDetail-container .cdbox .sub {bottom:-42px;}
.contact-form-container {flex-direction:column;}
.contactForm-box {width:90%; margin-left:auto; margin-right:auto; margin-bottom:40px;}
.headerRow .navContainer {justify-content:flex-end; width:50%;}
.headerRow .logo {width:50%; justify-content:flex-start;}
.projectgallery-container .slider-nav {display:none;}
.projectgallery-container { margin:40px 0px;}


.projectgallery-container .slick-prev {left:-10px; top:25%;}
.projectgallery-container .slick-next {right:-10px; top:25%;}

.homecontact{width:100%;}

}