@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css");
@import url("https://fonts.googleapis.com/css2?family=Meddon&display=swap");
* {
  padding: 0px;
  margin: 0px;
  box-sizing: border-box;
}
.store-bottom{
  margin-bottom:70px;
}
/* .navbar-nav > li {
  font-family: 'Poppins';
font-style: normal;
  padding-right: 15px;
} */
 /* .navbar a,
  .navbar a:focus {
   
    color: #343935;

    transition: 0.3s;
    font-size: 18px;
  }
  
  .navbar a i,
  .navbar a:focus i {
    font-size: 12px;
  }
  
  .navbar a:hover,
  .navbar .active:focus,
  .navbar li:hover>a {
    color: #C39E68;
    font-weight: 500;
  }

.nav-container{
  max-width: 1150px;
  width: 100%;
  
} */
/* #sl {
  display: none;
}
#number {
  display: none;
}
#dealership {
  display: none;
}
#support {
  display: none;
}
#cntr {
  display: none;
} */
.light-container {
  max-width: 1150px;
  width: 100%;
}

.foots{
  padding: 3rem;
}

.Border-line {
  border-bottom: 1px solid #edeae5;
}

.contain {
  max-width: 1100px;
  justify-content: space-evenly;
}
.home-about-category{
  column-gap: 12px;
  display: flex;
   justify-content: center;
 }
.footers {
  font-weight: 400;
  color: #343935;
  font-size: 15px;
  line-height: 22px;
  font-family: 'Poppins';
  font-style: normal;
}
.footer-logo {
  width: 150px;
  height: 30px;
  object-fit: cover;
  margin-left: 0px;
  margin-bottom: 30px;
  
}
.contact-number {
  font-weight: 400;
  color: #343935;
  font-size: 15px;
  font-family: 'Poppins';
  font-style: normal;
}
.address {
  font-weight: 400;
  color: #343935;
  font-size: 15px;

  font-family: 'Poppins';
  font-style: normal;
  margin-bottom:0px;
}
/* .logo {
  width: 200px; */
  /* height: 30px;
  object-fit: cover; */
/* } */
.banner-images {
  width: 100%;
  object-fit: cover;
  height: 100%;
}
.banner-image {
  width: 100%;
  object-fit: cover;
  height: 100%;
}

.interior-banner-text {
  z-index: 100;

}
.small-text {
  font-size: 19px;
  color: #c39e68;
  font-family: 'Poppins';
font-style: normal;
font-weight: 300;
}
.large-content {
  font-size: 50px;
  color: #343935;
  font-family: 'Poppins';
font-style: normal;
font-weight: 300;
}
.dropdown-menu li a{
  padding:9px 20px;
}
.iso {
  object-fit: cover;
  width: 100px;
  height: auto;
}
.light {
  border-radius: 0px;
  border: 0px;
  background: transparent;
}
.card-content {
  color: #343935;
  font-size: 16px;
  
  margin-top: 10px;
  font-family: 'Poppins';
font-style: normal;
font-weight: 300;
}

.homes{
  font-size: 12px;
  font-family: 'poppins';
  font-style: normal;
  font-weight: 300;
}

.titles{
  font-weight: 300;
  font-size: 14px;
  font-family: 'poppins';
  font-style: normal;
}
.views {
  color: #c39e68;
  font-size: 18px;
  text-decoration: underline;
  cursor: pointer;
  font-weight: 400;
  margin-top: 20px;
  font-family: 'Poppins';
font-style: normal;

}
.icons{
  float: right;
}
.icon1{
  float: left;
  margin-left: 20px;
}
.card-heading {
  font-size: 28px;
  color: #343935;
  font-weight: 400;
}
.stores{
  margin-top: 90px;
  margin-bottom: 150px;
}

.store-open{
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-size: 15px;
color: #C39E68;
}

.Lights-pune{
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
color: #C39E68;  
}



.pune{
  margin-top: 53px;
  margin-bottom: 40px;
}


.store-place{
    font-family: 'Poppins';
font-style: normal;
font-weight: 300;
font-size: 30px;
color: #C39E68;
}
.store-card1{
  object-fit: cover;
  width: 95%;
  height:400px;
}
.store-card2{
  object-fit: cover;
  width: 100%;
  height:280px;
}
.store-address{
    color: #343935;
  font-size: 16px;
  margin-top: 10px;
  font-family: 'Poppins';
font-style: normal;
font-weight: 300; 
line-height:24px; 
}
.Get-Direction{
    color:#C39E68;
    font-size: 18px;
    margin-top: 10px;
    font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;  
  text-decoration: underline;
}
.carousel-wrap {
   margin: 15px auto;
  padding: 0 0%; 
  width: 100%;
  position: relative;
  height: 100%;
}

.gallery{
  width: 95%;
  object-fit: cover;
}
.card-space {
  row-gap: 30px;
}
.overlay-image {
  margin-top: 150px;
}
.overlay-img2 {
  margin-top: 80px;
}
.contact {
  background-color: #c39e68;
  border: none;
  color: white;
  padding: 16px;
  font-weight: 400;
  text-decoration: none;
  display: block;
  font-size: 16px;
  align-content: center;
  cursor: pointer;
  width: 180px;
  height: 60px;
}
.outdoor {
  font-size: 34px;
  font-weight: 300;
  font-family: 'Poppins';
font-style: normal;
}
.interior {
  font-size: 30px;
  font-weight: 300;
  font-family: 'Poppins';
font-style: normal;

}




.stretch-card > .card {
  width: 100%;
  min-width: 100%;
}

.owl-carousel .item img {
  display: block;
  width: 100%;
  
}

.owl-carousel .item {
  margin: 0px;
  width: 100%;
  object-fit: cover;
}

.owl-carousel {
  margin-bottom: 15px;
  width: 100%;
}
.banners {
  background: #f6f4e5;
  width: 100%;
  height: auto;
  margin-top: 100px;
}
.banner-text {
  font-size: 50px;
  color:#343935;
  font-weight: 400;
  font-family: 'Poppins';
font-style: normal;
padding-bottom: 40px;
}
.banner-paragraph {
  font-size: 24px;
  color: #c39e68;
  font-family: 'Poppins';
font-style: normal;
font-weight: 300;
}
.contact-paragraph {
  font-size: 18px;
  font-weight: 300;
  color: #343935;
  font-family: 'Poppins';
font-style: normal;
}
.banner-head {
  font-weight: 400;
  font-size: 30px;
  color: #343935;
  font-family: 'Poppins';
font-style: normal;

}
.banner-img {
  object-fit: cover;
  width: 700px;
}
.moderns {
  row-gap: 15px;
}
.banner-img2 {
  object-fit: cover;
  width: 100%;
  height: 500px;
}

.interior-banner-text {
  font-size: 80px;
  font-weight: 300;
  color: white;
  margin-top: 10px;
  font-family: 'poppins';
}
.interior-light--details{
  font-size: 16px;
  font-weight: 300;
  color: #343935;
  padding-top: 10px;
  color: #343935;
  font-family: 'Poppins';
font-style: normal;
}
.hexagon {
  height: 90%;
  width: 90%;
  margin-top: 30px;
  object-fit: cover;
}
.lights {
  width: 100%;
  height: 90%;
}

.store-banner {

  width: 100%;
  height: 600px;
  background-image: linear-gradient(
    4deg
    , rgb(0 0 0 / 1%) -50%, rgb(0 0 0 / 68%) 101%, rgb(76 75 75 / 1%) 100%), url(../../../static/images/unsplash_nldsGQFUG_k.jpg);
    object-fit: cover;
      background-repeat: no-repeat;
      background-size: cover;
}



.content-interior {
  align-items: center;
  bottom: 0;
  color: white;
  font-family: sans-serif;
  justify-content: center;
  left: 0;
  padding-top: 220px;
  right: 0;
  text-align: center;
  top: 0;
}
.interior-contents{
    margin-top: 60px;
}

.heading-space {
  margin-top: 50px;
}

.main-medan {
  font-family: "Meddon", cursive;
  font-size: 80px;
}


.banner-section1{
  padding-top: 80px;
}
.banner-section2{
  padding-top: 80px;
}
.banner-section3{
  padding-top: 80px;
}
.card.legero {
  background: white;
  position: absolute;
  width: 55%;
  height: auto;
  margin-top: 120px;
  right: 80px;
  border-radius: 0px;
  border: 0px;
  padding: 40px 60px;
}
.card.legeros {
  background: white;
  position: absolute;
  width: 55%;
  height: auto;
  left: 83px;
  margin-top: 120px;
  border-radius: 0px;
  border: 0px;
  padding: 40px 60px;
}
.card-paragraph {
  color: #343935;
  font-size: 16px;
  font-family: 'Poppins';
font-style: normal;
font-weight: 300;

}
.card-content1 {
  font-size: 38px;
  color: #343935;
  font-style: normal;
font-weight: 400;
}

/* search bar */

/* .cntr {
  display: table;
  width: 100%;
  height: 100%;
}
.cntr .cntr-innr {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
.search {
  display: inline-block;
  position: relative;
  height: 23px;
  width: 24px;
  box-sizing: border-box;
  margin: 2px 9px;
  padding: 1px 9px 0px 4px;
  border: 1px solid;
  border-radius: 20px;
  transition: all 200ms ease;
  cursor: text;
}
.search:after {
  content: "";
  position: absolute;
  width: 1px;
  height: 8px;
  right: 0px;
  top: 18px;
  background: black;
  border-radius: 1px;
  transform: rotate(-40deg);
  transition: all 200ms ease;
}
.search.active,
.search:hover {
  width: 180px;
  margin-right: 0px;
}
.search.active:after,
.search:hover:after {
  height: 0px;
}
.search input {
  width: 100%;
  border: none;
  box-sizing: border-box;
  font-family: Helvetica;
  font-size: 13px;
  color: inherit;
  background: transparent;
  outline-width: 0px;
} */


.store{
    margin-top: 120px;
    padding-bottom: 150px;
}

/* search bar  */

/* Media query starts here */

@media (max-width: 1360px) {
  .main-medan {
    font-family: "Meddon", cursive;
    font-size: 50px;
  }
  .interior-banner-text {
    font-size: 70px;
   
  }


  .company-banner-text {
    font-size: 70px;
  
  }
  .mission-banner-text {
    font-size: 70px;
  
  }
  .vision-banner-text {
    font-size: 70px;
  
  }
  .company-details {
   
    font-size: 14px;
    
}
.company-establish {

  font-size: 20px;
  text-align: center;
}

.store{
  font-size: 19px;
  text-align: center;

}

.mission-text {

  font-size: 30px;
  
  text-align: center;
}
.mission-contact {
  font-size: 40px;
  text-align: center;
}
.mission-email {
  font-size: 40px;
  text-align: center;
}
  .small-text {
    font-size: 20px;
    color: #c39e68;
  }
  .large-content {
    font-size: 45px;
    color: #000000;
    font-weight: 400;
  }
  
  .outdoor {
    font-size: 36px;
    font-weight: 400;
  }
  .interior {
    font-size: 36px;
    font-weight: 400;
  }
  .store-card1 {
    object-fit: cover;
    width: 100%;
    height: 320px;
  }
  .store-card2 {
    object-fit: cover;
    width: 100%;
    height: 320px;
  }
  .card-heading {
    font-size: 28px;
    color: #000;
    font-weight: 400;
  }
  .card-content {
    color: #343935;
    font-size: 18px;
    line-height: 19px;
    margin-top: 10px;
    font-weight: 300;
  }
  .views {
    color: #c39e68;
    font-size: 18px;
    text-decoration: underline;
    cursor: pointer;
    font-weight: 500;
  }
  .card.legero {
    background: white;
    position: absolute;
    width: 55%;
    margin-top: 140px;
    right: 70px;
    border-radius: 0px;
    border: 0px;
    padding: 40px 60px;
  }
  .card.legeros {
    background: white;
    position: absolute;
    width: 55%;
    left: 73px;
    margin-top: 140px;
    border-radius: 0px;
    border: 0px;
    padding: 40px 60px;
  }
  .sustain-background{
    background: #d2d1d0;
    width: 100%;
    height: auto;
    margin-top: 180px;
  }
}
@media (max-width:992px) {
  /* #nav_top {
    display: none;
  }
  #sl {
    display: block;
  }
  #number {
    display: block;
  }
  #dealership {
    display: block;
  }
  #support {
    display: block;
  }
  #cntr {
    display: block;
  } */
}
@media (max-width: 1200px) {
  .main-medan {
    font-size: 50px;
  }
  /* .navbar-collapse{
    padding: 34px;
  } */
  /* .search {
    float: left;
    } */
  /* .logo {
    margin-left: 23px;
  } */
  .interior-banner-text {
    font-size: 40px;
  }
  .company-banner-text {
    font-size: 40px;
   
  }
  .mission-banner-text {
    font-size: 40px;
  
  }
  .vision-banner-text {
    font-size: 40px;
  
  }
  .company-details {
  
    font-size: 14px;
    
}
.mission-contact {
  font-size: 40px;
  text-align: center;
}
.mission-email {
  font-size: 40px;
  text-align: center;
}
.store{
  font-size: 15px;
  text-align: center;

}
  .small-text {
    font-size: 17px;
    color: #c39e68;
  }
  .mission-text {

    font-size: 25px;
    
    text-align: center;
  }
  .large-content {
    font-size: 35px;
    color: #000000;
    font-weight: 400;
  }
  .card-heading {
    font-size: 29px;
    color: #000;
    font-weight: 400;
  }
  .store-card1 {
    object-fit: cover;
    width: 100%;
    height: 320px;
  }
  .store-card2 {
    object-fit: cover;
    width: 100%;
    height: 320px;
  }

  .card-content {
    color: #343935;
    font-size: 17px;
    line-height: 19px;
    margin-top: 10px;
    font-weight: 300;
  }
  .jumbotron-interior{
    margin-top: 0px;
    padding: 0;
    height: 400px;
  }
 
  .jumbotron-content {
    margin-top: 150px;
    margin-left: 40px;
    position: absolute;
  }
  .views {
    color: #c39e68;
    font-size: 15px;
    text-decoration: underline;
    cursor: pointer;
    font-weight: 500;
  }
  .card.legero {
    background: white;
    position: absolute;
    width: 55%;
    height: 100%;
    margin-top: 110px;
    right: 140px;
    border-radius: 0px;
    border: 0px;
    padding: 40px 60px;
  }
  .card.legeros {
    background: white;
    position: absolute;
    width: 55%;
    height: 100%;
    left: 143px;
    margin-top: 110px;
    border-radius: 0px;
    border: 0px;
    padding: 40px 60px;
  }
  .sustain-background{
    background: #d2d1d0;
    width: 100%;
    height: auto;
    margin-top: 180px;
  }
  .footer-logo {
    width: 150px;
    height: 30px;
    object-fit: cover;
    margin-left: 0px;
    margin-bottom: 0px;
  }
  .iso {
    object-fit: cover;
    width: 50px;
    height: auto;
}
}

@media (max-width: 575px) {
  .store-banner {
    height: auto;
  }
  .iso {
    object-fit: cover;
    width: 60px;
    height: auto;
    margin-bottom: 23px;
  }
  .footer-logo {
    width: 150px;
    height: 30px;
    object-fit: cover;
    margin-left: 0px;
    margin-bottom: 30px;
  }
  .icons{
    text-align: center;
  }
  .icon1{
    text-align: center;
    margin-left: 0px;
  }
  .clearfix{
    display: grid;
  }
  .interior-banner-text {
    font-size: 25px;
    margin-top: 0px;
  }
  .company-banner-text {
    font-size: 35px;
   
  }
  .mission-banner-text {
    font-size: 35px;
  
  }
  .vision-banner-text {
    font-size: 35px;
  
  }
  .company-headings {
    font-size: 35px;
    padding-top: 23px;
  }
  .store{
    font-size: 19px;
    text-align: center;
  
  }


  
  .store-address {
      color: #343935;
      font-size: 14px;
      margin-top: 10px;
     
  }
  .Get-Direction {
    color: #C39E68;
    font-size: 15px;
    margin-top: 10px;
   
}
.store-place {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 300;
    font-size: 20px;
    color: #C39E68;
}

  .mission-text {

    font-size: 20px;
    
    text-align: center;
  }
  .mission-contact {
    font-size: 30px;
    text-align: center;
  }
  .mission-email {
    font-size: 30px;
    text-align: center;
  }
  .content-interior {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .heading-space {
    margin-top: 40px;
  }
  .outdoor {
    font-size: 20px;
  }
  .store-card1 {
    object-fit: cover;
    width: 100%;
    height: 320px;
  }

  .store-card2{
    object-fit: cover;
    width: 100%;
    height: 320px;
  }

  .interior {
    font-size: 20px;
  }
  .sustain-background{
    background: #d2d1d0;
    width: 100%;
    height: auto;
    margin-top: 180px;
  }

  .overlay-image {
    margin-top: 40px;
  }
  .banner-text {
    font-size: 30px;
  }
  .banner-paragraph {
    font-size: 16px;
  }
  .banner-head {
    font-size: 26px;
  }

  .company-establish {

    font-size: 25px;
    text-align: center;
  }
  .company-details {
  
    font-size: 14px;
    
}
  .card-heading {
    font-size: 20px;
  }
  .card-content {
    font-size: 14px;
  }
  .large-content {
    font-size: 28px;
  }
  .small-text {
    font-size: 14px;
  }
  .hexagon {
    display: none;
  }
  .card.legero {
    position: relative;
    width: 100%;
    margin-top: 0px;
    right: 0px;
    padding: 40px 30px;
  }
  .overlay-img2 {
    margin-top: 0px;
  }
  .card.legeros {
    position: relative;
    width: 100%;
    margin-top: 0px;
    left: 0px;
    padding: 40px 30px;
  }
  .banners {
    background: #f6f4e5;
    width: 100%;
    height: auto;
    margin-top: -34px;
  }
  .jumbotron-interior {
    margin-top: 0px;
    padding: 0;
    height: 400px;
  }

  .jumbotron-content {
    margin-top: 130px;
    margin-left: 40px;
    position: absolute;
  }
  .jumbotron-text {
    font-size: 35px;
  }
  .jumbotron-paragraph {
    font-size: 16px;
  }
  .contact {
    padding: 0px;
    width: 150px;
    height: 60px;
  }
  #nav_top {
    display: none;
  }
  .interior-light--details{
    font-size: 14px;
   
  }
  .store-banner {

    width: 100%;
    height: 200px;
    background-image: linear-gradient(
      4deg
      , rgb(0 0 0 / 1%) -50%, rgb(0 0 0 / 68%) 101%, rgb(76 75 75 / 1%) 100%), url(../../../static/images/unsplash_nldsGQFUG_k.jpg);
      
        background-repeat: no-repeat;
        background-size: cover;
  }
  
.content-interior {
  align-items: center;
  bottom: 0;
  color: white;
  font-family: sans-serif;
  justify-content: center;
  left: 0;
  padding-top: 60px;
  right: 0;
  text-align: center;
  top: 0;
}
/* .navbar-collapse{
  padding: 34px;
} */
/* .search {
  float: left;
  } */
/* .logo { */
  /* width: 100%;
  height: 25px;
  object-fit: cover; */
  /* margin-left: 23px;
} */


.owl-carousel .item img {
    display: block;
    width: 100%;
  
}
.carousel-wrap {
  margin: 15px auto;
  padding: 0 0%;
  width: 95%;
  position: relative;
  height: 100%;
}
.gallery {
  width: 100%;
  height: 40vh;
  object-fit: cover;
}
.footers{
  font-size: 13px;
  line-height: 12px;
}
.address{
  font-size: 13px;
  margin-bottom:0px;
}
.contact-number{
  font-size: 13px;
}
.stores {

  margin-bottom: 90px;
}
.foots{
  padding: 2rem;
}

 
}


@media (max-width:375px){
  .grids {
   display: grid;
   grid-gap: 1rem;
   grid-template-columns: 1fr 1fr;
   padding-top: 18px;
   row-gap: 12px;
   text-align: left;
   column-gap: 30px;
   
   }
   
   
   
   
   }

   /* .popup {
     position: absolute;
     width: 0;
     height: 0;
     background: rgba(0,0,0,0.4);
      z-index: 10;
     opacity: 0;
    } */