@media (min-width: 1500px) {
	.container {
		max-width: 1280px;
	}
}

@media (min-width: 1800px) {
	.container {
		max-width: 1600px;
	}
}

@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;
	}
	
	.menu-Bar span, .menu-Bar.open span {
    background: var(--white);
}

	.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;
		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;
	}
	h4 {
    font-size: 3rem;
}

.productSlider {
    padding: 1rem 0;
}

.ctaSec a {
    font-size: 3rem;
}

.greyBox img {
    width: 120px;
}

.greyBox h3 {
    font-size: 1.5rem;
}

.greyBox {
    padding: 1rem 1rem;
}

.reviewsSlider {
    padding: 1rem  0 2rem 0;
}

.rate p {
    margin: 0;
}

footer .row+.row {
    margin-top: 1rem;
}
.woocommerce ul.products li.product .themeBtn {
    padding: 1rem 1.3rem;
}

.accordian li {
    margin-bottom: 1rem;
}

section.faqSec {
    padding-bottom: 1rem;
}

.innerBanner {
    height: 60vh !important;
}

}

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

.top-header.spad ul li a {
    font-size: 0;
}

.top-header.spad ul li a i {
    font-size: 1.5rem;
}

.top-header.spad ul {
    gap: 1rem;
}

.logo img {
    width: 100px;
}

.main-Banner {
    height: 80vh;
}

.bannertext h1 {
    font-size: 3.5rem;
}

section.abtSec p {
    margin-bottom: 1rem;
}

section.ctaSec img {
    width: 60px;
}

.greyBox img {
    width: 100px;
    margin-bottom: 1rem;
}
.footerImg {
    display: none;
}

a.footLogo {
    margin-bottom: 1rem;
    display: block;
}
.woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {
    margin-bottom: 1rem !important;
}
.infoBox {
    padding: 1rem 1rem;
}

.infoBox i {
    font-size: 3rem;
}

.infoBox h6, .infoBox a {
    font-size: 1.5rem;
}

.contactForm form textarea {
    height: 100px;
}

.map iframe {
    height: 400px;
}
}

@media only screen and (max-width: 767px) {
    .bannertext h1 {
    font-size: 2.5rem;
}

.bannertext p {
    font-size: 1.25rem;
    line-height: 1.6;
    margin-bottom: 1rem;
}

.main-Banner {
     background-attachment: unset !important;
     height: auto !important;
}

.top-header.spad {
    padding: 4px 0;
}

.container_mouse {
    display: none;
}

section {
    padding: 3rem 0;
}

section.abtSec h6 {
    margin-top: 1rem;
}

h4 {
    font-size: 2.5rem;
    line-height: 1;
}

.productContnt .priceBox {
    flex-direction: column;
    align-items: baseline;
}

.productContnt {
    margin-top: -2rem;
    padding: 4rem 1rem 2rem 1rem;
    border-radius: 10px;
}

.productBox img {
    border-radius: 10px;
}

.ctaSec .container {
    padding: 5rem 0;
    border-radius: 20px;
}

.ctaSec .container::before {
    border-radius: 20px;
    margin: 1rem;
}

.ctaSec a {
    font-size: 2.5rem;
}

.greyBox {
    margin-bottom: 1rem;
}

.reviewBox {
    border-radius: 15px;
    padding: 1rem 1rem;
}

.reviewBox .rate i {
    margin-bottom: 0rem;
}

.user img {
    width: 40px;
}

.reviewBox .user h6 {
    font-size: 1.125rem;
}

.reviewBox p {
    margin-bottom: 1rem;
    line-height: 1.6;
}

.swiper-pagination-bullet {
    width: 10px;
    height: 10px;
}

a.footLogo img {
    width: 100px;
}

footer h3 {
    margin-bottom: 6px;
}

ul#menu-footer-menu, .menu-products-container {
    margin-bottom: 1rem;
}
.innerBanner {
    height: 50vh !important;
}

.col-md-12.text-center.mb-4 {
    margin-bottom: 0 !important;
}
.single-product section.productSec {
    padding-top: 12rem !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs {
    padding-top: 1rem !important;
}

.woocommerce div.product .woocommerce-tabs .panel p {
    margin-bottom: 1rem !important;
}

.woocommerce div.product .woocommerce-tabs .panel {
    margin-bottom: 1rem !important;
    padding-bottom: 0 !important;
}
.contactForm h4 {
    font-size: 2.5rem;
}

.contactForm p {
    margin-bottom: 0;
}

.contactForm form input, .contactForm form textarea {
    padding: 6px 0;
    margin: 5px 0;
}

.map iframe {
    height: 300px;
}
.productSec .content-area{ padding:0 20px; }
}

@media only screen and (max-width: 575px) {
    .top-rel {
    
    margin-top: 10px;
}

.logo {
    margin: 0;
}

.logo img {
    width: 80px;
}

.bannertext h1 {
    font-size: 2rem;
}

.bannertext p {
    line-height: 1.4;
}



h4 {
    font-size: 2rem;
}

.productSec {
    border-radius: 20px;
}

section {
    padding: 2rem 0;
}
.swiper-button-next, .swiper-button-prev {
    display: none;
}

.ctaSec p {
    width: 80%;
    margin: 1rem auto 6px;
}

.ctaSec a {
    font-size: 2rem;
}

section.ctaSec img {
    width: 50px;
}

.ctaSec .container {
    padding: 3rem 0;
}

.greyBox img {
    width: 80px;
}

.reviewsSec {
    border-radius: 20px;
}

footer {
    padding-top: 2rem;
}

footer p {
    margin-bottom: 1rem;
}

footer h3 {
    font-size: 1.3rem;
}

.contactInfo li a h6 {
    font-size: 1.125rem;
}
.innerBanner {
    height: 45vh !important;
}

.productContnt {
    padding: 3rem 1rem 2rem 1rem;
}
.infoBox i {
    font-size: 2rem;
}

.infoBox h6, .infoBox a {
    font-size: 1.3rem;
}

.contactForm h4 {
    font-size: 2rem;
    margin-top: 2rem;
}
.woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {
    width: 100% !important;
}
}