@media (max-width: 1199px) {
.hero{
  background-size: cover;
  background-position: center right;
  height:85vh; 
  margin-top:85px;
}


.pageHeader {
    margin-top: 5rem;
    padding: 5rem 2rem;
  }  
}
@media (max-width: 991.98px) {
.about-story{
  align-items:flex-start;
}

}
@media (max-width: 767px) {
html {
  overflow-x: hidden;
  font-size:13px;
}
.home-intro {
  margin:auto;
  width:auto;
  }
.footer-logo img {
    width: 180px;
    margin: auto;
  }  
.footer-nav ul {
    text-align: center;
  }  
.footer-nav ul li{
    display:inline-block;
  }
.shacho{
  height:15rem;
}
.product-img{
  margin-top:2rem;
  }
.product-contents{
    padding-top:3rem;
  }
.pageHeader {
    margin-top:7rem;
    padding: 5rem 2rem;
  }
.decoBg{
  background-attachment: scroll;
}

}

@media (max-width: 565px) {
 .img-bg {
    min-height: 200px;
  }
  .shop-cta{
    padding-right:2rem;
    padding-left:2rem;
  }
.footer-logo img {
    width: 180px;
    margin: auto;
  }
.shop-cta .hd p{
  font-size:4rem;
}
  
}
@media (max-width: 420px) {
.shop-cta .hd p{
  font-size:3.5rem;
}  
}