/*  Imports  */
@import "./variables.css";

/* Header */
header {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
header .logo {
  width: 200px;
  padding: 20px 30px;
  margin-left:30px;
  background: linear-gradient(45deg, #cfa430, #f7e186);
  overflow: hidden;
  display: inline-block;
  box-shadow: -1px -1px 11px 0px rgba(0,0,0,0.45);
-webkit-box-shadow: -1px -1px 11px 0px rgba(0,0,0,0.45);
-moz-box-shadow: -1px -1px 11px 0px rgba(0,0,0,0.45);
}
header .toggle {
  margin: 15px 30px 15px 0;
  outline: 0;
  border: 0;
  font-size: 20px;
  font-weight: 500;
  background: var(--light);
  color: var(--dark);
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
header .toggle i {
  font-size: 25px;
  color: var(--primary);
  margin-left: 15px;
}

/* Navbar */
.nav-overlay.show {
  top: 0;
  height: 100%;
  opacity: 1;
}
.nav-overlay {
  width: 100%;
  height: 0;
  background: url(../images/nav-bg.jpg);
  background-position: center;
  background-size: cover;
  position: fixed;
  top: -100%;
  opacity: 0;
  left: 0;
  transition: 0.5s ease all;
  z-index: 9;
  overflow: hidden;
}
.nav-overlay .toggle-close {
  position: absolute;
  top: 15px;
  right: 30px;
  outline: 0;
  border: 0;
  font-size: 18px;
  font-weight: 500;
  background: var(--light);
  color: var(--dark);
  padding: 15px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.nav-overlay .toggle-close i {
  font-size: 25px;
  color: var(--primary);
  margin-left: 15px;
}
.nav-overlay .container {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.nav-overlay ul {
  width: 100%;
  height: auto;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  border-left: 3px dashed var(--primary);
  padding: 20px;
}
.nav-overlay ul li {
  margin: 10px;
  font-size: 23px;
  font-weight: 500;
}
.nav-overlay ul li a {
  color: var(--light);
  transition: 0.5s ease all;
  position: relative;
  display: block;
}
.nav-overlay ul li a:hover {
  color: #fff9;
  margin-left: 15px;
}

/* Hero Carousel */
.hero {
  width: 100%;
  height: auto;
  overflow: hidden;
}
.hero #heroCarousel,
.hero .carousel-inner,
.hero .carousel-item {
  width: 100%;
  height: 100%;
}
.hero .carousel-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.hero .carousel-caption {
  height: 100%;
  width: 100%;
  padding: 30px;
  display: flex !important;
  align-items: flex-end;
  justify-content: center;
  flex-direction: column;
  top: 225px;
  left: 0;
  right: 0;
  text-align: left;
}
/* .hero .carousel-item:nth-child(even) .carousel-caption {
  align-items: flex-start;
}
.hero .carousel-item:nth-child(even) .carousel-caption .text {
  border-left: 5px solid var(--primary);
  border-right: 0px;
  background: linear-gradient(45deg, #fff, #fff8);
  text-align: left;
}
.hero .carousel-item:nth-child(even) .carousel-caption .text::before,
.hero .carousel-item:nth-child(even) .carousel-caption .text::after {
  left: 0;
  right: auto;
} */
.hero .carousel-caption .text {
  text-align: right;
  width: 600px;
 /* background: linear-gradient(45deg, #fff8, #fff); */
  padding: 30px 30px;
  border-right: 5px solid var(--primary);
  border-left: 0px;
  position: relative;
}
.hero .carousel-caption .text::after {
  content: "";
  height: 5px;
  width: 75%;
  background: var(--primary);
  position: absolute;
  bottom: 0;
  right: 0;
}
.hero .carousel-caption .text::before {
  content: "";
  height: 5px;
  width: 35%;
  background: var(--primary);
  position: absolute;
  top: 0;
  right: 0;
}
.hero .carousel-caption .text h5 {
  font-size: 40px;
  font-weight: 700;
  color: var(--light);
  /* -webkit-text-stroke: 2px var(--primary); */
  margin: 0 0 30px;
}
.hero .carousel-caption .text p {
  font-size: 16px;
  font-weight: 400;
  color: var(--dark-alt);
}
.hero .carousel-nav {
  position: absolute;
  bottom: 50px;
  left: 50%;
  transform: translateX(-50%);
  width: 250px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 3;
}
.hero .carousel-nav button {
  font-size: 18px;
  font-weight: 600;
  color: var(--light);
  opacity: 1;
  background: #0009;
  position: relative;
  top: auto;
  bottom: auto;
  left: auto;
  right: auto;
  width: 120px;
  padding: 15px;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.hero .carousel-nav button i {
  font-size: 25px;
}

/* About Section */
.about span.about-text {
  font-size: 300px;
  font-weight: 700;
  line-height: 300px;
  font-family: var(--sans-serif-alt);
  background-clip: text;
  -webkit-background-clip: text;
  -moz-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: url(../images/about-bg.jpg);
  background-size: cover;
  background-position: center;
  overflow: hidden;
}
.about span.about-text i {
  font-size: 200px;
}
.about .about-year {
  font-size: 25px;
  font-weight: 600;
  text-align: center;
  display: block;
  line-height: 25px;
  margin-top: -30px;
  margin-right: 70px;
  color: var(--primary);
}

.points {background: linear-gradient(45deg, #cfa430, #f7e186);}

/* Points Section */
.points::after {
  content: "";
  width: 100%;
  height: 1%;
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
  left: 0;
  border-top: 5px dashed var(--light);
}
.points .text {
  text-align: center;
  margin-top: 15px;
  background: var(--dark);
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  height: 200px;
  width: 350px;
  margin: auto;
  position: relative;
  z-index: 3;
}
.points .text h5 {
  font-size: 40px;
  font-weight: 700;
  color: var(--light);
}
.points .text h5::after {
  content: "+";
}
.points .text p {
  font-size: 20px;
  font-weight: 500;
  margin-top: 15px;
  color: var(--light-alt);
}

/* Projects Section */
.projects ul {
  justify-content: center;
  align-content: center;
}
.projects ul li {
  margin: 10px;
}
.projects ul li button {
  background: var(--light-alt) !important;
  color: var(--primary) !important;
  font-weight: 500;
  border-radius: 0 !important;
  padding: 10px 15px;
}
.projects ul li button.active {
  background: var(--primary) !important;
  color: var(--light) !important;
}
.projects .card {
  border-radius: 0px;
  overflow: hidden;
}
.projects .card .text {
  padding: 15px;
  position: relative;
  background: var(--dark);
}
.projects .card .text h5 {
  margin-bottom: 10px;
  display: block;
}
.projects .card .text h5 a {
  font-size: 23px;
  font-weight: 600;
  color: var(--light);
}
.projects .card .text p {
  font-size: 18px;
  color: var(--light-alt);
  font-weight: 400;
}
.projects .card .text .view-btn {
  position: absolute;
  top: -30px;
  right: 15px;
  height: 60px;
  width: 60px;
  line-height: 60px;
  border-radius: 60px;
  text-align: center;
  background: var(--primary);
  color: var(--light);
  box-shadow: 0 0 10px 0 #0003;
}
.projects .owl-carousel {
  position: relative;
}
.projects .owl-nav {
  height: 100%;
  width: calc(100% + 140px);
  position: absolute;
  top: 0;
  left: -70px;
  right: -70px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.projects .owl-nav button {
  background: var(--dark-alt) !important;
  color: var(--light-alt) !important;
  width: 40px;
  height: 40px;
}
.projects .owl-nav button span {
  font-size: 30px;
  line-height: 40px;
}

/* Experties */
.experties {
  overflow: hidden;
}
.experties::after {
  content: "";
  background: var(--primary);
  width: 200px;
  height: 200px;
  transform: rotate(45deg);
  position: absolute;
  top: -100px;
  left: -100px;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}
.experties::before {
  content: "";
  background: var(--primary);
  width: 200px;
  height: 200px;
  transform: rotate(45deg);
  position: absolute;
  top: -100px;
  right: -100px;
  box-shadow: 1rem 0 1rem rgb(0 0 0 / 15%) !important;
}
.experties .item {
  width: 100%;
  position: relative;
}
.experties .item .image {
  width: 60%;
}
.experties .item .text {
  width: 45%;
  height: 80%;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  background: var(--light);
  padding: 30px;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.experties .item .text h4 {
  font-size: 30px;
  font-weight: 600;
  font-family: var(--sans-serif-alt);
  color: var(--primary);
}
.experties .owl-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 30px;
}
.experties .owl-nav button {
  background: var(--dark-alt) !important;
  color: var(--light-alt) !important;
  width: 40px;
  height: 40px;
}
.experties .owl-nav button span {
  font-size: 30px;
  line-height: 40px;
}

/* Footer */
footer h1 {
  font-size: 35px;
  font-weight: 700;
  font-family: var(--sans-serif-alt);
  color: var(--primary);
}
footer p {
  font-size: 18px;
  font-weight: 400;
  color: var(--light-alt);
}
footer p a{color: var(--light-alt);}
footer p a:hover{text-decoration: none;color:var(--primary)}
footer .social a {
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background: var(--primary);
  color: var(--dark);
  display: inline-block;
  margin-right: 10px;
}
footer h5 {
  font-size: 25px;
  font-weight: 600;
  font-family: var(--sans-serif-alt);
  color: var(--light);
}
footer ul li {
  margin-bottom: 7px;
}
footer ul li a {
  font-size: 18px;
  font-weight: 400;
  color: var(--light-alt);
  transition: 0.5s ease all;
}
footer ul li a:hover {
  color: var(--primary);
  margin-left: 10px;
}
footer .info {
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
footer .info .icon {
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  background: var(--primary);
  color: var(--dark);
  font-size: 20px;
  margin-right: 15px;
}
footer .info .text {
  width: calc(100% -65px);
  height: 100%;width:300px;
}


/* code added by ankita 21-07-2021 */
.banner{background: url('../../static/images/hero-3.jpg');position: relative;height:400px;background-position: center;background-size: cover;}
.banner-heading{color:#fff;position: absolute;bottom:20px;left: 0;right:0;margin: auto;text-align: center;}
.banner-heading h1{color:#fff;margin-top: 20px;font-size: 40px;}
.banner-heading h3{font-size: 24px;margin-bottom: 45px;}
.sepretor{background: #fff;width:170px;height:1px;position: absolute;top:50px;left: 0;right: 0;margin: auto;text-align: center;}
.sepretor:after{content:"";background: #fff;height:10px;width: 10px;position: absolute;display: block;top:-4px;left: 0;right:0;margin: auto;text-align: center;transform: rotate(45deg);}
.completed-projects{padding:100px 0px;}
.completed-projects-box{padding:20px !important;position: relative;margin-bottom: 20px !important;}
.completed-projects-box img{box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important}
.property-name{background: rgba(207, 164, 48);position: absolute;bottom:10px;left:10px;padding:10px 20px;}
.property-name h3{color:#fff;font-size: 18px;}
.hover-heading{font-size: 19px !important;}
.grid {position: relative;clear: both;margin: 0 auto;padding: 1em 0 4em;max-width: 1000px;list-style: none;text-align: center;}
/* Common style */
.grid figure {position: relative;float: left;overflow: hidden;box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;width: 100%;height: auto;background: #3085a3;text-align: center;cursor: pointer;}
.grid figure img {position: relative;display: block;min-height: 100%;max-width: 100%;opacity: 0.8;}
.grid figure figcaption {padding: 3em;color: #fff;text-transform: uppercase;font-size: 1.25em;-webkit-backface-visibility: hidden;backface-visibility: hidden;text-align: left !important;}
.grid figure figcaption::before,
.grid figure figcaption::after {pointer-events: none;}
.grid figure figcaption,
.grid figure figcaption > a {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.grid figure figcaption p{padding-bottom: 12px;line-height: 26px;}
.grid figure figcaption p span{font-weight: 600;font-size: 12px !important;}
.grid figure figcaption > a {z-index: 1000;text-indent: 200%;white-space: nowrap;font-size: 0;opacity: 0;}
.grid figure h2 {word-spacing: -0.15em;font-weight: 300;}
.grid figure h2 span {font-weight: 800;}
.grid figure h2,
.grid figure p {margin: 0;}
.grid figure p {letter-spacing: 1px;font-size: 68.5%;color:#fff;}
/***** Ming *****/
figure.effect-ming {background: #242D58;}
figure.effect-ming img {opacity: 0.9;-webkit-transition: opacity 0.35s;transition: opacity 0.35s;}
figure.effect-ming figcaption::before {position: absolute;top: 30px;right: 30px;bottom: 30px;
	left: 30px;border: 2px solid #fff;box-shadow: 0 0 0 30px rgba(255,255,255,0.2);content: '';opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;-webkit-transform: scale3d(1.4,1.4,1);transform: scale3d(1.4,1.4,1);}
figure.effect-ming h2 {margin: 20% 0 10px 0;-webkit-transition: -webkit-transform 0.35s;transition: transform 0.35s;}
figure.effect-ming p {opacity: 0;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;-webkit-transform: scale(1.5);transform: scale(1.5);}
figure.effect-ming:hover h2 {-webkit-transform: scale(0.9);transform: scale(0.9);}
figure.effect-ming:hover .property-name{display: none;}
figure.effect-ming:hover figcaption::before,
figure.effect-ming:hover p {opacity: 1;-webkit-transform: scale3d(1,1,1);transform: scale3d(1,1,1);}
figure.effect-ming:hover figcaption {background-color: rgba(36,45,88,.9);}
figure.effect-ming:hover img {opacity: 0.4;}
/* Media queries */
@media screen and (max-width: 50em) {
	.content {
		padding: 0 10px;
		text-align: center;
	}
	.grid figure {
		display: inline-block;
		float: none;
		margin: 10px auto;
		width: 100%;
	}
}
/* contact us page */
.contactus{padding:90px 0px;text-align: center;}
.forms-box input{width: 100%;margin: auto;width: 100%;background: #fff;border: 0px;margin-bottom: 20px;padding: 15px;border-bottom:1px solid var(--primary)}
.forms-box textarea{width: 100%;background: #fff;border: 0px;margin-bottom: 25px;padding: 15px;border-bottom:1px solid var(--primary)}
.enquiry-form{padding:30px;width:750px;margin: auto;}
.btn-container input{padding: 10px 35px;background: var(--dark);font-size: 18px;font-weight: 600;color: var(--light);
transition: 0.5s ease all;transition-property: all;transition-duration: 0.5s;transition-timing-function: ease;
box-shadow: 0 0.2rem 0.5rem #0002;display: inline-block;margin-top: 20px;border-radius: 0px !important}
.map iframe{margin-bottom: -7px;}
.map-spacing{padding-left: 0px !important;padding-right:0px !important}
.contact__box h5{font-size: 16px !important;font-weight: normal !important;color:#fff;line-height: 26px !important}
.contact__box p{font-size: 25px !important;margin-bottom: 10px;color:#fff;font-weight: 600;}
.contact__box{padding:30px;height:270px;text-align: center;background: var(--dark);margin: auto;position: relative;z-index: 3;}
.contact__box .icon i{color:#fff;font-size: 25px;margin-bottom: 10px;}
/* aboutus page */
.about-us{padding:100px 0px 0px;position: relative;}
.about-img{position: relative;}
.about-img img{position: absolute;bottom:0px;height:532px;right:0px;width:633px;}
.aboutus-content{height:532px;}
.about-slannted{width: 100%;height: 100%;transform: skew(-20deg);position: absolute;right: -30%;width:100%;top: 0px;overflow: hidden;}
.about-slannted img{transform: skew(20deg); }
.years-box{text-align: center;width:200px;background: #242D58;padding:15px;position: absolute;bottom: 80px;border:5px solid #DDB94D;}
.years-box p{color:#fff;font-weight: 700;font-size: 32px;}
.years-box span{color:#fff;font-size: 16px;font-weight: normal;}
.about-points::after {content: "";width: 1%;height: 100%;
    position: absolute;transform: translateX(-50%);top: 0%;left: 50%;border-left: 5px dashed var(--light);border-top: none;}
.timeline-box{background:#242D58;padding:25px;width:500px;z-index: 1}
.timeline-right{float: right}
.timeline-right div{font-size: 38px;color:#fff;}
.timeline-left div{font-size: 38px;color:#fff;}
.timeline-box h2{color:#fff;margin-bottom: 10px;font-size: 24px;}
.timeline-box p{color:#fff;font-size: 15px;letter-spacing: .3px;line-height: 26px;}
.timeline-right:after{content:"";position: absolute;top:0px;left:-60px;width: 100%;height:1.5%;background: #fff;}
.timeline-relative{position: relative;}
.timeline-left:after{content:"";position: absolute;top:0px;right:-56px;width: 100%;height:1.5%;background: #fff;}
.count{color:#fff;font-weight: 600;font-size: 40px}
.about_us{background: #FBF6E3;padding:90px 0px;position: relative;}

.about_us::after {
    content: "";
    background: var(--primary);
    width: 200px;
    height: 200px;
    transform: rotate(45deg);
    position: absolute;
    top: -100px;
    left: -100px;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}
/* .upcoming-row::after {
    content: "";
    background: var(--primary);
    width: 110px;
    height: 110px;
    transform: rotate(0deg);
    position: absolute;
    top: 0px;
    left: 0px;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
} */

/* upcoming-projects */
.inner-upcoming{position: relative;z-index: 0;height: 550px;}
.upcoming-projects{position: relative;height:700px;overflow: hidden;}
.slanted{width: 100%;z-index: 1;
background: linear-gradient(45deg, #cfa430, #f7e186);
height: 100%;
transform: skew(-25deg) rotate(-90deg);
position: absolute;
right: -40%;
top: 0px;
overflow: hidden;}
.upcoming-row{background: #fff;
  /* background: url(../../static/images/hero-4.jpg);background-size: cover;background-position: center; */
  box-shadow: 0px 2px 4px #d7d7d7;
  /* height:500px; */
  margin: auto;z-index: 2 !important;position: relative;margin-top: 100px;padding:110px 50px 110px;}
.coming-box{text-align: center;padding-bottom: 40px;}
.coming-box p{font-size: 15px;padding-top: 10px;padding-bottom: 30px;}
.cooming-box{box-shadow: 0px 2px 4px #d7d7d7;transition: .5s ease;padding:80px 30px;background:url('../../static/images/71.jpg');background-position: center;background-size: cover;}
.cooming-box h2{font-size: 22px;color:#242D58;font-weight: 600;text-transform: uppercase;text-align: center; }
.cooming-box h2 span{color:#CFA430;}
.cooming-box:hover{transform: scale(.9);}
.aadinath{
  background-image: linear-gradient(rgba(211,211,211,0.5),rgba(211,211,211,0.5  )),url('../images/aadinath-img-5.png');
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}
.aadinath .layer{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition: 0.3s ease-in-out;
}
.aadinath .layer button{
  padding: 8px 20px;
  position: absolute;
  left: 50%;
  font-size: 17px;
  font-weight: 600;
  border-radius: 0px;
  transform: translate(-50%);
  bottom: 0;
  opacity: 0;
  transition: 0.3s ease-in-out;
  background-color: var(--primary);
  color: var(--light-alt);
  border: 0px;
  
}
.aadinath .layer{
  background: rgba(195, 201, 230, 0.3);
}
.aadinath .layer:hover button{
  opacity: 1;
  bottom: 40%;
}
.modal-content {
  border-radius: 0 !important;
}

.project-units{
  margin: 10px 0px;
  font-size: 18px;
  font-weight: 500;
  text-transform: capitalize;
  color: var(--primary);
}
.modal-content .project-text {
  max-height: 210px;
  overflow-y: scroll;
}
.project-modal .btn-close {
  position: absolute;
  top: 0;
  right: -47px;
  height: 40px;
  width: 40px;
  background: var(--primary);
  color: var(--light);
  opacity: 1;
}
.project-modal .btn-close:focus, .btn-close:hover{
  box-shadow: none;
}

/* .circle{background: #F8F9FA;width: 250px;height:250px;border-radius: 50%;position: absolute;bottom: -35px;left: -35px;} */
/* ongoing-projects */
.banner-ongoing{background: url('../../static/images/buildings.jpg');position: relative;height:600px;background-position: center;background-size: cover;}
.banner-text{position: relative;}
.overview{padding:90px 0px;position: relative;}
.overview:after{content: "";background: var(--primary);width: 200px;height: 100%;transform: rotate(0deg);position: absolute;top: 0px;right: 0px;
box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;}
.overview p{text-align: justify;font-size: 14px;letter-spacing: .5px;line-height: 28px;}
.second-heading{font-size: 20px;color:#CFA430;margin-bottom: 15px;}



/* .projects-img{padding-left: 0px;padding-right: 0px;} */
.project-row{padding: 20px 20px 20px 20px;background: #fff;}
.project-inner{padding:40px 40px;position: relative;margin-top: -130px;margin-left:120px;z-index: 1;background: #fff;}
/* .project-inner p{padding:20px 0px 20px 0px;} */
.project-inner h1{letter-spacing: .4px;}
.project-inner h1::before{content:"";width:60px;height:3px;background: #CFA430;position: absolute;top:60px;left:0px;display: block;}
.extra-text{height:140px;padding:12px;background: #fff;border: 2px solid #242D58;margin-bottom: 30px;margin-top: 10px;text-align: justify;padding-bottom: 10px;font-size: 18px;letter-spacing: .4px;line-height: 28px;}
.extra-content{padding-top:20px;text-align: justify;padding-bottom: 12px;font-size: 18px;letter-spacing: .4px;line-height: 28px;}
.extra-text span{font-size: 20px;letter-spacing: .4px;font-weight: 500;}
.project-button{color:#242D58;font-size: 16px;font-weight: 400;}
.project-button:after{content:"";width:60px;background:#242D58;height:2px;left:100px;display: block;position: absolute;bottom:10px;}
.project-button{position: relative;}
/* thankyou */
.thankyou{padding:100px 0px;}
.thankyoubox{border:1px dashed var(--primary);background: #fff;width: 700px;margin: auto;text-align: center;padding: 10px 0px 50px;}
.thankyoubox img{width: 190px;margin: auto;text-align: center;}


@media screen and (min-width:1362px) and (max-width:1367px) {.about-slannted{right:-40%}
.years-box{left:60px;}}
@media screen and (min-width:1430px) and (max-width:1440px){.about-slannted{right:-30%}.years-box{left:100px;}.timeline-box{width:590px;}}
/* @media screen and (min-width:414px) and (max-width:575px){ */
@media screen and (min-width:1600px){
.about-slannted{right:-60%;}
.about-img img{width:725px}
.years-box{left:34%;}
.timeline-right{width:595px;}
.timeline-left{width:588px;}
}
@media screen and (max-width:575px){
.hero .carousel-inner{height:100vh}
header .logo{width:80px;padding:12px 15px;margin-left: 15px;}
header .toggle{margin: 15px 15px 15px 0px;font-size: 15px;padding:10px;}
header .toggle i{font-size: 20px;}
.hero .carousel-caption .text{width:auto;padding: 15px;margin-top:-121px;}
.hero .carousel-caption .text h5{font-size: 16px;line-height: 28px;margin-bottom: 0px;}
.hero .carousel-nav button{font-size: 15px;padding: 8px !important;bottom:5px;}
.hero .carousel-nav{bottom:10px;}
.section{padding: 50px 10px;}
.about span.about-text{font-size: 240px;}
.about .about-year{margin-top:-75px;text-align: left !important;}
.section .heading{margin-bottom: 0px !important;margin-top: 30px; font-size: 35px}
p{font-size: 15px;}
.experties .item .text{width: 100%;background: rgba(255,255,255,.8);}
.experties .item .image{width: 100%;}
.enquire-btn{text-align: left !important;margin-top: 0px !important;padding-top: 0px !important;padding-top: 0px !important}
.points::after {display: none;}
.about span.about-text{text-align: left !important;}
.pills-tab{margin-top: 1rem !important;margin-bottom: 1rem !important}
.projects ul li button{font-size: 13px;}
.projects ul li{margin: 6px;}
.points .text{width: auto;}
.experties::after{display: none;}
.experties::before{display: none;}
footer p{font-size: 15px;}
.about-us{padding: 50px 10px;}
/* .about_us::after{display: none;} */
.about-slannted{transform:none;position: inherit;right:auto;top: auto;}
.about-slannted img{transform: none;}
.about-img img{position: inherit;bottom: auto;right: auto;height: auto;margin-bottom: 20px;}
.years-box{padding: 6px;bottom:20px;left: 0;right: 0;margin: auto;}
.years-box p{font-size: 26px;}
.aboutcontent{order:2}
.about-img{order:1}
.aboutus-content .heading{font-size:34px; }
.about_us::after{width: 100px;height:100px;top:-50px;left:-80px;}
.about_us{padding: 50px 10px;}
.timeline-box{width: auto;}
.timeline-right::after{display: none;}
.timeline-left::after{display: none;}
.about-points{padding-top: 20px;}
.extra-div{display: none;}
.nav-overlay .toggle-close{right:15px;padding: 10px 12px;font-size: 15px;}
.section{overflow: hidden;}
.upcoming-row{margin-top: 50px;padding: 50px 20px 50px;margin-bottom: 50px;}
.upcoming-projects{height: auto;}
.cooming-box{margin-bottom: 25px;padding:80px 10px;}
.slanted{display: none;}
.completed-projects{padding:50px 0px;}
.grid figure figcaption{padding:2.2em;}
.grid figure figcaption p{line-height: 18px;}
.completed-projects-box{margin-bottom: 0px !important}
.project-inner{padding-top: 10px !important;margin-top:0px !important;margin-left: 0px !important;padding: 0px;}
.extra-text{height:auto;margin-bottom: 10px;}
.project-row{padding:20px 5px;}
.contactus{padding:50px 0px;}
.enquiry-form{padding:20px 0px;width: auto;}
.contact__box{height:auto;}
.experties .item .text h4{margin-bottom: 0px !important}
.experties .item .text{padding:15px 10px;}
.experties .item .text{height:100%;}
.nav-overlay ul li a{font-size: 16px;}
.thankyoubox{width: auto;}
}
@media screen and (min-width:576px) and (max-width:767px){
  .hero .carousel-inner{height:100vh}
  header .logo{width:100px;padding:12px 15px;margin-left: 30px;}
  header .toggle{margin: 15px 30px 15px 0px;font-size: 15px;padding:15px;}
  header .toggle i{font-size: 20px;}
  .hero .carousel-caption .text{width:auto;padding: 15px;margin-top:-121px;}
  .hero .carousel-caption .text h5{font-size: 16px;line-height: 28px;margin-bottom: 0px;}
  .hero .carousel-nav button{font-size: 15px;padding: 8px !important;bottom:5px;}
  .hero .carousel-nav{bottom:10px;}
  .hero .carousel-caption{top:110px;}
  .about span.about-text{font-size: 240px;}
  .about .about-year{margin-top:-75px;text-align: left !important;}
  .section .heading{margin-bottom: 0px !important;margin-top: 30px; font-size: 35px}
  p{font-size: 15px;}
  .experties .item .text{width: 100%;background: rgba(255,255,255,.8);height:100%;}
  .experties .item .image{width: 100%;}
  .enquire-btn{text-align: left !important;margin-top: 0px !important;padding-top: 0px !important;padding-top: 0px !important}
  .points::after {display: none;}
  .about span.about-text{text-align: left !important;}
  .pills-tab{margin-top: 1rem !important;margin-bottom: 1rem !important}
  .projects ul li button{font-size: 13px;}
  .projects ul li{margin: 6px;}
  .points .text{width: auto;}
  .experties::after{display: none;}
  .experties::before{display: none;}
  footer p{font-size: 15px;}
  .about-us{padding: 50px 10px;}
  .section{padding: 50px 10px;}
  .about-slannted{transform:none;position: inherit;right:auto;top: auto;}
  .about-slannted img{transform: none;}
  .about-img img{position: inherit;bottom: auto;right: auto;height: auto;margin-bottom: 20px;}
  .years-box{padding: 6px;bottom:20px;left: 0;right: 0;margin: auto;}
  .years-box p{font-size: 26px;}
  .aboutcontent{order:2}
  .about-img{order:1}
  .aboutus-content .heading{font-size:34px; }
  .about_us::after{width: 100px;height:100px;top:-50px;left:-80px;}
  .about_us{padding: 50px 10px;}
  .timeline-box{width: auto;}
  .timeline-right::after{display: none;}
  .timeline-left::after{display: none;}
  .about-points{padding-top: 20px;}
  .extra-div{display: none;}
  .nav-overlay .toggle-close{right:15px;padding: 10px 12px;font-size: 15px;}
  .section{overflow: hidden;}
  .upcoming-row{margin-top: 50px;padding: 50px 20px 50px;margin-bottom: 50px;}
  .upcoming-projects{height: auto;}
  .cooming-box{margin-bottom: 25px;padding:80px 10px;}
  .slanted{display: none;}
  .completed-projects{padding:50px 0px;}
  .grid figure figcaption p{line-height: 26px;}
  .completed-projects-box{margin-bottom: 0px !important}
  .project-inner{padding-top: 10px !important;margin-top:0px !important;margin-left: 0px !important;padding: 0px;}
  .extra-text{height:170px;margin-bottom: 10px;}
  .project-row{padding:20px 5px;}
  .contactus{padding:50px 0px;}
  .enquiry-form{padding:20px 0px;width: auto;}
  .contact__box{height:auto;}
  .experties .item .text h4{margin-bottom: 0px !important}
  .experties .item .text{padding:15px 10px;}
  .experties .item .text{height:100%;}
  .nav-overlay ul li a{font-size: 16px;}
  .thankyoubox{width: auto;}
  .aboutus-content{height: auto;}
  .enquire-btn{text-align: left !important}
}
@media screen and (min-width:768px) and (max-width:991px){
  header .logo{width:100px;padding:12px 15px;margin-left: 30px;}
  header .toggle{margin: 15px 30px 15px 0px;font-size: 15px;padding:15px;}
  header .toggle i{font-size: 20px;}
  .hero .carousel-caption .text{width:auto;padding: 15px;margin-top:-121px;}
  .hero .carousel-caption .text h5{font-size: 16px;line-height: 28px;margin-bottom: 0px;}
  .hero .carousel-nav button{font-size: 15px;padding: 8px !important;bottom:5px;}
  .hero .carousel-nav{bottom:10px;}
  .hero .carousel-caption{top:110px;}
  .about span.about-text{font-size: 240px;}
  .about .about-year{margin-top:-75px;text-align: left !important;}
  .section .heading{margin-bottom: 0px !important;margin-top: 30px; font-size: 35px}
  .experties .item .text{width: 100%;background: rgba(255,255,255,.8);height:100%;}
  .experties .item .image{width: 100%;}
  .enquire-btn{text-align: left !important;margin-top: 0px !important;padding-top: 0px !important;padding-top: 0px !important}
  .points::after {display: none;}
  .about span.about-text{text-align: left !important;}
  .pills-tab{margin-top: 1rem !important;margin-bottom: 1rem !important}
  .projects ul li button{font-size: 13px;}
  .projects ul li{margin: 6px;}
  .points .text{width: auto;}
  .experties::after{display: none;}
  .experties::before{display: none;}
  footer p{font-size: 15px;}
  .about-us{padding: 50px 10px;}
  .section{padding: 50px 10px;}
  .about-slannted{transform:none;position: inherit;right:auto;top: auto;}
  .about-slannted img{transform: none;}
  .about-img img{position: inherit;bottom: auto;right: auto;height: auto;margin-bottom: 20px;}
  .years-box{bottom:20px;left: 12px;}
  .aboutcontent{order:2}
  .about-img{order:1}
  .aboutus-content .heading{font-size:34px; }
  .about_us::after{width: 100px;height:100px;top:-50px;left:-80px;}
  .about_us{padding: 50px 10px;}
  .timeline-box{width: auto;}
  .timeline-right::after{display: none;}
  .timeline-left::after{display: none;}
  .about-points{padding-top: 20px;}
  .extra-div{display: none;}
  .nav-overlay .toggle-close{right:15px;padding: 10px 12px;font-size: 15px;}
  .section{overflow: hidden;}
  .upcoming-row{margin-top: 50px;padding: 50px 20px 50px;margin-bottom: 50px;}
  .upcoming-projects{height: auto;}
  .cooming-box{margin-bottom: 25px;padding:80px 10px;}
  .slanted{display: none;}
  .completed-projects{padding:50px 0px;}
  .grid figure figcaption p{line-height: 18px;}
  .completed-projects-box{margin-bottom: 0px !important}
  .project-inner{padding-top: 10px !important;margin-top:0px !important;margin-left: 0px !important;padding: 0px;}
  .extra-text{height:170px;margin-bottom: 10px;}
  .project-row{padding:20px 5px;}
  .contactus{padding:50px 0px;}
  .enquiry-form{padding:20px 0px;width: auto;}
  .contact__box{height:auto;}
  .experties .item .text h4{margin-bottom: 0px !important}
  .experties .item .text{padding:15px 10px;}
  .experties .item .text{height:100%;}
  .thankyoubox{width: auto;}
  .aboutus-content{height: auto;}
  .enquire-btn{text-align: left !important}
  .about-img img{width: 100%;}
}
@media screen and (min-width:992px) and (max-width:1024px){
  .contact__box{height: 290px;padding:20px;}
  .timeline-box{width: auto;}
}