:root {
  --primary-color: #b77822;      
  --secondary-color: #966117;    
  --accentColour: #ce9a51;          
  --black: #1d1d1d;
  --lightBg: #fdf3e5;            
  --lightGrey: #dcd6e6;          
  --fade: #f2d1a4;              
  --extraLight: #fef9f1;         
}


@media (max-width: 1399.98px) {
  
}
@media (max-width: 1199.98px) {
  .display-2 {
    font-size: 48px;
    line-height: 84px;
  }
  .secH {
    line-height: 62px;
  }
  .secH {
    font-size: 36px;
  }
  .therdH {
    font-size: 26px;
  }

  .VastuForYourSpace .container>.row{
  align-items: start;
}
  
}




@media (max-width: 991.98px) {


  .display-2 {
    font-size: 44px;
    line-height: 78px;
  }
  .secH {
    font-size: 32px;
    line-height: 56px;
  }
  .therdH {
    font-size: 24px;
    line-height: 40px;
  }


  .container-fluid.header .btnoutline{
order: 2;
  }
  .brandLogo{
    order: 1;
  }
  .navToggle{
    order: 3;
  }
  .navLink {
    color: var(--primary-color);
    padding: 12px 8px;
}
.navLink.active {
  color: var(--black);
}
.navMenu {
  gap: 4px;
}
.footerContacts .row{
  row-gap: 24px;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
.footerContacts .row .col-lg-4{
max-width: 342px;
}
.newBanner{
  padding: 120px 0;
  background: url('../image/ServiceQuotes.webp') right no-repeat;
}

}


@media (max-width: 767.98px) {

  .display-2 {
    font-size: 32px;
    line-height: 58px;
  }
  .secH {
    font-size: 26px;
    line-height: 52px;
  }
  .therdH {
    font-size: 22px;
    line-height: 40px;
  }
  .owl-nav{
    display: none !important;
  }
  .defaultPadding {
    padding: 50px 0;
  }
  
  .formSection .formPart {
    padding: 60px 40px;
    background: var(--lightBg);
  }
}

@media (max-width: 575.98px) {
   .ZodiacCards .fourthH{
    font-size: 14px;
  }
  .ZodiacCards .birthDates{
    font-size: 12px;
  }

   .formSection .formPart {
    padding: 45px 30px;
    background: var(--lightBg);
  }

}

@media only screen and (max-height: 539.98px) {
  #ca1.owl-carousel .item {
    padding: 80px 12px;
    height: unset;
  }
  #ca1.owl-carousel .item > .container {
    position: relative;
    left: unset;
    top: unset;
    right: unset;
    transform: unset;
    width: auto;
  }
}


@media only screen and (max-height: 539.98px) and (max-width: 1024px) {
  #ca1.owl-carousel .item {
    padding: 80px 12px;
    height: unset;
  }
  #ca1.owl-carousel .item > .container {
   position: relative;
    left: unset;
    top: unset;
    right: unset;
    transform: unset;
    width: auto;
  }

}