@media (min-width: 1024px) and (max-width: 1199px) {
html { font-size: 80%; }
p { line-height: 24px; }
.container { width: 90%; }
.top-menu { flex: 1; }
.footer .footer-grid figure img { width: 140px; }
ul.social-media li a img { width: 14px; height: 14px; }
.footer-grid:nth-child(3) { flex: 0 1 calc((24% / 1) - 2.4em); }
.footer .flex-container { gap: 1.5em; }
}
 @media (min-width: 768px) and (max-width: 1023px) {
html { font-size: 85%; }
p { line-height: 24px; }
.title { font-size: 2em; }
.container { width: 90%; }
.top-menu { flex: 1; }
.top-social-media ul li { padding: 8px; }
.logo img { width: 110px; }
.top-menu ul li { margin: 0 15px; }
.banner-content p { width: 100%; }
.footer .footer-grid figure img { width: 140px; }
.footer-grid { flex: 0 1 calc((100% / 2) - 2.4em) !important; }
.cta h2 { width: 90%; }
.get-touch ul.get-social li img { width: 16px; }
.inner-banner img { height: 150px !important; }
.tab-content .technical-information th { width: 30%; }
.inner-banner h2 { font-size: 2em; }
.timer .title { width: 80%; }
.cta h2 { font-size: 2em; font-weight: normal; }
}
 @media only screen and (max-width: 767px) {
html { font-size: 85%; }
p { line-height: 26px; }
.top-contect-info img { width: 20px; }
.top-header .flex-container { width: 96%; }
.top-contect-info ul { gap: 0; justify-content: space-between; }
.flex-container { display: block; }
.title { font-size: 2em; }
.container { width: 90%; }
.top-social-media { display: none; }
.top-header { padding: 10px 0; }
.hamburger-menu { display: inline-block; background: #424242; width: 44px; height: 44px; border-radius: 100px; margin-left: 10px; position: relative; }
.hamburger-menu:before { content: ""; width: 52%; border: solid #fff; height: 18px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); border-width: 2px 0px; }
.hamburger-menu:after { content: ""; width: 52%; background: #fff; height: 2px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.close-menu { width: 40px; height: 40px; background: #c9c9c9; border-radius: 5px; position: absolute; top: 20px; right: 20px; }
.close-menu:before { width: 20px; height: 2px; content: ""; background: #000; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(45deg); }
.close-menu:after { width: 20px; height: 2px; content: ""; background: #000; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(-45deg); }
.top-menu { position: fixed; top: 0; left: -100%; background: #fff; height: 100%; z-index: 9; display: inline-block; width: 100%; transition: 0.5s; }
.open-menu .top-menu { transition: 0.5s; left: 0; }
.menu-arrow:after { right: 32px; width: 14px; height: 14px; border-color: #ffffff; z-index: 999; top: 44%; }
.menu-arrow:before { width: 40px; height: 40px; content: ""; background: #3D4697; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); border-radius: 4px; z-index: 100; }
.top-menu ul { width: 100%; border-top: solid 6px #3D4697; background: #ffffff; }
.top-menu ul li { margin: 0px; width: 100%; padding: 0px; }
.top-menu ul li a { font-size: 1.2em; padding: 20px 20px; border-bottom: solid 1px #ededed; }
.logo-menu .flex-container { display: flex; flex-wrap: nowrap; }
.logo img { width: 130px; }
.logo-menu .but { margin-left: auto; }
.banner-content h2 { font-size: 2.5em; width: 100%; }
.banner-content p { font-size: 1.2em; width: 100%; }
.hero-banner ul.flex-container { display: flex; flex-wrap: nowrap; }
.our-products .flex-container { display: flex; }
.products { flex: 0 1 calc((100% / 2) - 1em); }
.products h3 { width: 100%; }
.about-content strong { margin: 0; padding: 20px 30px 20px 65px; background: #4fa3db; border-radius: 20px; margin-bottom: 2em; }
.about-content strong:before { bottom: auto; left: 13px; top: 27px; }
.about-us p { font-size: 1.2em; line-height: 1.8; }
.our-gallery { padding: 4em 0; }
.our-gallery ul { display: flex; flex-wrap: wrap; grid-gap: 10px; }
.our-gallery ul li { flex: 1 1 calc((100% / 3) - 1.5em); }
.our-gallery ul li img { height: 120px; }
.cta h2 { font-size: 1.6em; width: 90%; font-weight: normal; }
.footer-grid { margin-bottom: 20px; border-bottom: solid 1px #3a3a3a; padding-bottom: 20px; }
.inner-banner img { height: 150px !important; }
.inner-banner h2 { font-size: 2em; width: 60%; }
.about-page-content,
.our-products,
.gallery { padding: 3em 0; }
.about-page-content ul { gap: 2em; flex-wrap: wrap; }
.timer .title { width: 90%; font-size: 1.5em; }
.timer ul { gap: 2em; }
.timer ul li strong { font-size: 3em; }
.timer { padding: 3em 0; margin-bottom: 2em; }
.ngg-gallery-thumbnail-box.ngg-4-columns { width: 50% !important; }
.ngg-galleryoverview.default-view .ngg-gallery-thumbnail a { margin: 5px; }
.tab-area { gap: 1em; }
/**/ 

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