@media (min-width: 1500px) {
  .container {
    max-width: 1280px;
  }
}
@media (min-width: 1800px) {
  .container {
    max-width: 1440px;
  }
}
@media only screen and (max-width: 1920px) {
}

@media only screen and (max-width: 1600px) {
}

@media only screen and (max-width: 1440px) {
  html{
    font-size: 14px;
  }
}

@media only screen and (max-width: 1366px) {
  html{
    font-size: 13px;
  }
}

@media only screen and (max-width: 1199px) {
  html{
    font-size: 12px;
  }
  .main-header{padding: 0;}
  .menuWrap .menu a{ padding: 16px 10px; }
	.main-header{ position: relative;  }
	.menu-Bar{ display: block; top: 50%; bottom: initial; transform: translateY(-50%); }
	.menuWrap.open{ display:flex; left:0px }
	.menuWrap{position:fixed;left:-210%;right:0;top:0;/* bottom:0; */margin:auto;background:var(--theme-color);height:100vh;display:flex;align-items:center;justify-content:center;flex-flow:column;transition:all 0.4s ease;z-index:3;width:100vw}
	ul.menu li{ display:block }
	ul.menu li a{ margin-bottom:10px;padding:0;display:block;text-align:center;margin-bottom:15px;padding-right:0px;margin-right:0px;color:#fff;font-size:15px;text-transform:capitalize}

	.menuWrap .menu{ display: block; }
	.menu li:hover a, .menu li.active a{ background: var(--black); }
	.menu-Bar span{background: #000000;}

	.menu li:hover > a, .menu li.active > a , .menu > li.menu-item-has-children > .sub-menu > li.current-menu-item > a{   background: var(--black) !important; }
	.menu > li.menu-item-has-children > .sub-menu > li{ background: transparent !important; }
  .mmheader .text-center {
    text-align: left !important;
}

.logo img {
    width: 26rem;
}
.searchBox {
  justify-content: space-between;
  margin: 0 auto 2rem;
}

.cartBox {
  margin: 0 auto;
}

.cartBox a {
  color: #fff;
  font-size: 1.5rem;
}

.searchBox a {
  color: #fff;
  font-size: 1.5rem;
}
.signUp form {
  padding: 2rem 2rem;
}


}

@media only screen and (max-width: 991px) {
  .menuWrap .menu a{ padding: 8px 10px; margin-bottom: 6px; }
  .f-logo img {
    width: 24rem;
    margin-left: 4rem;
  }.signUp form input {
    width: 70%;
}

.signUp form button {
    width: 30%;
}
h2 {
  font-size: 5rem;
  line-height: 1;
}

.swiper-pagination {
  left: 0 !important;
}
.reviewBox {
  margin-top: 1rem;
}
section {
  padding: 2rem 0;
}
.innerBanner {
  height: 36vh;
  padding: 0;
  background-size: cover !important;
}
}

@media only screen and (max-width: 767px) {
  .shopInner img , .shopSec img{
    height: auto;
    max-height: fit-content;
}
.infoBox {
  margin: 10px 0;
}

.contactForm h4 {
  font-size: 3rem;
}
.product-slider img {
  height: auto;
}
.product-thumbs .swiper-slide img {
  height: auto;
}
.productSec h2 {
  font-size: 3rem;
  margin: 2rem 0 1rem;
}

.productSec h6 {
  font-size: 2rem;
}
}

@media only screen and (max-width: 575px) {
  .signUp form input {
    width: 100%;
}

.signUp form button {
    width: 100%;
    padding: 1rem;
}

.signUp form {
    flex-direction: column;
    gap: 10px;
}

.logo img {
    width: 20rem;
}

.copyRight p {
    font-size: 1rem;
}
.innerBanner {
  height: 23vh;
}
.newslatter input.wpcf7-form-control.wpcf7-submit.has-spinner {
    width: 100px;
    font-size: 10px;
}
}