@media (min-width: 1601px) and (max-width: 1800px) {
.best-selling .container { width: 1300px; }
}
 @media (min-width: 1366px) and (max-width: 1600px) {
html { font-size: 80%; }
.logo img { width: 84px; }
.header-contect a { padding: 10px 22px; }
.container { width: 1200px !important; margin: 0 auto; }
.banner-content h2 { font-size: 5em; }
.slick-next { left: 27%; }
.catalog-slider .slick-next { left: -21%; }
.kmp-title { font-size: 4em; }
.about-content { flex: 1 1 calc((47% / 1) - 2em); }
.about-img:before { right: 63%; bottom: 43%; }
.contect-info .container { width: 800px; margin: 0 auto; }
.banner-content { left: 8%; }
.gallery img { height: 250px; }
.min-height { height: 82vh; }
}
 @media (min-width: 1400px) and (max-width: 1800px) {
.min-height { height: 81.6vh; }
}
 @media (min-width: 1024px) and (max-width: 1365px) {
html { font-size: 80%; }
p { line-height: 26px; }
.logo img { width: 70px; }
.header-contect a { padding: 10px 20px; }
.container { width: 86% !important; }
.kmp-title { font-size: 3em; line-height: 1.3; }
.kmp-but { padding: 15px 30px 15px 30px; }
.header .flex-container { display: flex; }
.header { padding: 1em; }
.thread-but { padding: 15px 24px; font-size: 1em; }
.banner-content { width: 70%; left: 6%; }
.banner-content h2 { font-size: 5em; }
.banner-content p { width: 96%; padding: 1em 0 1.5em 0; }
.slider figure img { display: block; height: 600px; width: 100%; }
.banner-content span { margin-bottom: 10px; border: solid 4px #00000038; }
.banner-content span img { width: 22px; }
.slick-prev,
.slick-next { left: 6%; }
.slick-next { left: 19%; }
.about-img:before { content: ""; width: 152px; height: 348px; }
.about-img:after { width: 300px; height: 264px; bottom: 10%; }
.about .flex-container,
.best-selling .flex-container { gap: 1em; }
.min-height { height: 86vh; }
.product-gallery-grid img { height: 330px; }
.product { padding: 3em 2em; }
.product-grid img { height: auto; }
}
 @media (min-width: 768px) and (max-width: 1023px) {
html { font-size: 80%; }
.min-height { height: auto; }
p { line-height: 26px; }
.flex-container { flex-wrap: wrap; }
.container { width: 90% !important; }
.kmp-title { font-size: 3em; line-height: 1.3; }
.kmp-but { padding: 15px 30px 15px 30px; }
.header .flex-container { display: flex; }
.header { padding: 1em; }
.thread-but { padding: 15px 24px; font-size: 1em; }
.logo img { width: 84px; }
.header-contect a { padding: 10px 22px; }
nav ul li { padding: 0 6px; }
nav ul li a { padding: 10px 10px; }
.hero-grid { position: relative; flex: 1 1 calc((100% / 2) - 2em); }
.hero-grid h3 { padding: 10px 5px; width: 100%; text-align: center; font-size: 0.9em; }
.best-selling p { width: 70%; }
.about-img { width: 45%; flex: 0 1 calc((45% / 1) - 2em); }
.about .flex-container { gap: 0em; align-items: flex-start; }
.flex-container.about-kmp { flex-wrap: wrap; }
.about-grid { flex: 1 1 calc((100% / 2) - 2em); }
.footer .flex-container { gap: 2em; }
.product-gallery-grid img { height: 330px; }
.product { padding: 3em 2em; }
}
 @media only screen and (max-width: 767px) {
body { overflow-X: hidden; }
.min-height { height: auto; }
html { font-size: 80%; }
p { line-height: 26px; }
.flex-container { display: flex; flex-wrap: wrap; }
.container { width: 90% !important; }
.kmp-title { font-size: 2.6em; line-height: 1.3; }
.kmp-but { padding: 15px 30px 15px 30px; }
.header .flex-container { display: flex; }
.header { padding: 1em 0; }
.logo img { width: 64px; }
.header-contect a { padding: 8px 12px; }
.top-sticky { font-weight: 500; font-size: 1em; }
.hero-banner { padding: 10px; }
/*Menu*/
nav { order: 3; }
nav { position: fixed; left: -100%; top: 0; background: #000; height: 100vh; z-index: 9; width: 100%; display: flex; align-items: center; justify-content: center; transition: 0.5s; padding: 0; flex-wrap: wrap; }
.open-menu nav { transition: 0.5s; left: 0; }
nav ul li { padding: 20px 0px; width: 100%; text-align: center; }
nav ul li a { font-size: 1.5em; }
.hamburger { width: 30px; height: 20px; border: solid #fff; border-width: 1px 0px; display: flex; align-items: center; cursor: pointer; order: 3; }
.hamburger:before { width: 100%; height: 1px; content: ""; display: block; background: #fff; }
.open-menu nav nav { left: 0; transition: 0.5s; flex-flow: column; }
.close { position: absolute; top: 0; background: #fff; padding: 10px; width: 50px; height: 50px; right: 0; display: block; z-index: 9; }
.close img { width: 100%; }
/**/
.hero-banner .wp-block-columns.is-not-stacked-on-mobile { flex-wrap: wrap !important; gap: 1em !important; }
.hero-grid { position: relative; flex: 1 1 calc((100% / 2) - 2em) !important; margin: 0px !important; }
.hero-banner .flex-container { gap: 4px; padding: 4px; }
.hero-grid h3 { padding: 10px 5px; width: 100%; text-align: center; font-size: 0.9em; }
.best-selling { margin-top: 3em; padding: 3em 0 6em 0; }
.best-selling p { width: 100%; }
.selling { flex: 1 1 calc((100% / 1) - 2em); }
.about-grid { flex: 1 1 calc((100% / 1) - 2em); }
.about-img { width: 100%; flex: 0 1 calc((100% / 1) - 2em); }
.about-img .slick-dots { flex-direction: row; bottom: -40px; left: 0; justify-content: center; }
.footer .flex-container { gap: 2em; }
.footer-grid { flex: 0 1 calc((100% / 1) - 2em); }
.contect-info ul li { flex: 1 1 calc((100% / 1) - 2em); }
.flex-container.about-kmp { gap: 1em; }
.about-content { flex: 1 1 calc((100% / 1) - 2em); }
.slick-dots { margin-top: 18px; }
.copyright { gap: 1em; flex-wrap: wrap; }
.product { padding: 1em; }
.product-gallery { padding: 3em 0; }
.product-gallery .kmp-title { font-size: 2.2em; margin-bottom: 25px; }
.product-grid h3 { font-size: 1.3em; margin-bottom: 20px; font-weight: 600; margin-top: 10px !important; }
.product .flex-container { gap: 1em; }
.product-grid img { height: auto; border-radius: 8px; }
.product-gallery .flex-container { gap: 1em; }
.product-gallery-grid { flex: 1 1 calc((100% / 2) - 2em); }
.product-gallery-grid img { height: 230px; border-radius: 8px; }
.product-grid { text-align: center; margin-bottom: 0 !important; }
.product .is-not-stacked-on-mobile { flex-wrap: wrap !important; gap: 1em !important; margin: 0px; }
.contact-grid { gap: 2em; align-items: flex-start; flex-wrap: wrap; flex-flow: column; }
#return-to-top { display: none !important }
.contect-info .flex-container { display: block; }
.contact-grid { margin-bottom: 3em; }
.contact-grid aside { width: 100%; }
.contact-grid a { width: 100%; }
.contect-info { padding: 3em 0; }
.custom-page-title h2 { font-size: 1.6em; }
}
 @media only screen and (max-width: 340px) {
.kmp-title { font-size: 2.2em; line-height: 1.3; }
.product-grid img { height: auto; }
}