@media only screen and (max-width: 767px) {
html { font-size: 80%; }
.container { width: 90% !important; }
.container-flex,
footer .container-flex { display: block; }
.header { z-index: 12; }
.TBB-title { font-size: 2.5em; }
.logo img { width: 250px; }
.header { padding: 1em 0; }
.sticky .header { padding: 1em 1em; }
.banner img { height: 300px; }
.banner-overlay { width: 90%; }
.banner-overlay h2 { font-size: 2.2em; }
.offer-img img { height: 200px; }
.TBB-but { padding: 11px 16px; }
.eyebrow-special { border-top: solid 5px #de0144; }
.eyebrow-special:before { display: none; }
.eyebrow-special > div { width: 100%; }
.eyebrow-special h3 { font-size: 1.8em; }
.price-new h4.eyebrow-title { font-size: 1.8em; }
.price-new h5 { padding: 11px 20px 11px 20px; font-size: 1.4em; }
.welcome-threading-contant { width: 100%; padding: 3em 0; }
.welcome-threading .TBB-title { margin-bottom: 10px; }
.welcome-threading h3 { font-size: 1.8em; }
.eyebrow-services li { flex: 1 1 calc((100% / 2) - 1em); }
.eyebrow-services li h3 { font-size: 1.5em; top: 20px; left: 20px; }
.eyebrow-services,
.choose-us { padding: 3em 0; }
.why-choose { margin-top: 30px; }
.location .container-flex { display: flex; flex-wrap: wrap; gap: 1em; }
.location li { flex: 1 1 calc((100% / 2) - 1em); border: solid 1px #0000001c; padding: 14px; display: flex; flex-direction: column; text-align: center; align-items: center; box-shadow: 0 0 10px #0000002e; }
.location li:before { display: none; }
.location li h3 { font-size: 2.125em; }
.location li span { width: 100%; text-align: center; padding-left: 0px; font-size: 1em; }
.testimonial { padding: 3em 0 6em 0; }
.slick-dots { bottom: -35px; }
footer .container-flex { margin: 0 auto !important; }
.address { margin: 0; margin-bottom: 3em; }
.copy-right { padding: 10px 20px; }
.about-content { margin-top: 30px; }
.about-us { padding: 3em 0; }
.contact-info .TBB-title span,
.services .TBB-title span,
.about-us .TBB-title span { padding: 0 10px; }
.contact-info .TBB-title,
.services .TBB-title,
.about-us .TBB-title { font-size: 2em; }
.about-us .container-flex { margin-top: 1em; }
.threading-about-process { margin-top: 2em; }
.threading-about-process ul li { padding-left: 64px; }
.threading-about-process ul li:before { height: 45px; width: 45px; }
.threading-about-process ul li:after { left: 23px; }
.threading-about-process ul li:last-child { padding-bottom: 0; }
.services-grid p { padding: 30px 0; }
.services { padding: 3em 0; }
.services-grid h3 { font-size: 1.8em; }
.gallery.container-flex { gap: 1.5em; margin-top: 0em; display: flex; flex-wrap: wrap; }
.gallery .glightbox { flex: 1 1 calc((100% / 2) - 3em); }
.contact-page { padding: 3em 0; }
.contact-grid { border-right: none; box-shadow: 0 0 10px #00000014; margin-bottom: 20px; padding: 2em 1em; border-radius: 10px; }
.contact-grid:last-child { border-right: none; margin-bottom: 0; }
}
 @media only screen and (max-width: 992px) {
.logo { position: relative; left: 0; transform: none; }
.header .container-flex { display: flex; }
.TBB-menu { margin-left: 0; background: #de0144; position: fixed; left: -100%; top: 0; height: 100%; border-top: solid 3px #5A3E2B; width: 100%; transition: 0.1s; display: inline-block; }
.open-menu .TBB-menu { left: 0; z-index: 99; transition: 0.1s; }
.TBB-menu ul { gap: 1.5em; flex-wrap: wrap; margin-top: 6em; }
.TBB-menu ul li { display: inline-block; width: 100%; padding: 0; box-shadow: 0 0 10px #00000040; border-bottom: solid 1px #00000026; }
.TBB-menu ul li a { color: #ffffff; padding: 15px; letter-spacing: 0; display: inline-block; width: 100%; }
    .TBB-menu ul li a:hover, .TBB-menu ul li.current-menu-item a {
        color: #000000;
        background: #ffffff;
    }
.toggle-menu { display: inline-block; z-index: 99; width: 30px; height: 20px; position: relative; }
.toggle-menu:before { content: ""; width: 100%; height: 20px; border: solid #fff; border-width: 2px 0px; position: absolute; top: 0; left: 0; transition: 0.1s; }
.toggle-menu:after { content: ""; width: 100%; height: 2px; background: #fff; position: absolute; left: 0; top: 50%; transform: translateY(-50%); transition: 0.1s; }
.sticky .toggle-menu:before { border: solid #fff; border-width: 2px 0px; }
.sticky .toggle-menu:after { background: #fff; }
.open-menu .toggle-menu { height: auto; position: absolute; right: 20px; top: 30px; }
.open-menu .toggle-menu:after { transform: translateY(-50%) rotate(45deg); transition: 0.1s; background: #fff; }
.open-menu .toggle-menu:before { content: ""; width: 100%; height: 2px; border: none; border-width: 2px 0px; position: absolute; top: 0; left: 0; background: #fff; transform: rotate(-45deg); transition: 0.1s; }
}
 @media (min-width: 768px) and (max-width: 1023px) {
html { font-size: 80%; }
.container { width: 90% !important; }
.header { z-index: 12; }
.TBB-title { font-size: 2.5em; }
.logo img { width: 250px; }
.header { padding: 1em 0; }
.sticky .header { padding: 1em 1em; }
.banner img { height: 360px; }
.banner-overlay { width: 90%; }
.banner-overlay h2 { font-size: 3.5em; }
.eyebrow-special > div { width: 85%; }
.eyebrow-special h3 { font-size: 1.8em; }
.price-new h4.eyebrow-title { font-size: 1.8em; }
.welcome-threading .TBB-title { margin-bottom: 10px; }
.welcome-threading-contant { width: 80%; padding: 3em 0; }
.welcome-threading h3 span { color: #de0144; width: 100%; display: inline-block; }
.eyebrow-services { padding: 3.5em 0; }
.eyebrow-services ul { gap: 1em; }
.eyebrow-services li { flex: 1 1 calc((100% / 2) - 1em); }
.choose-us-img { height: 100%; }
.choose-us-img img { width: 100%; height: 100%; }
.location li h3 { font-size: 2em; }
.location li span { font-size: 1em; }
.slick-dots { bottom: -25px; }
.testimonial { padding: 3em 0 5em 0; }
.threading-about-process ul li:before { height: 48px; width: 48px; }
.threading-about-process ul li:after { left: 25px; }
.about-threading h3 span { padding: 0 10px; }
.services-grid .container-flex { gap: 2em; }
.services-grid .container-flex { gap: 2em; flex-wrap: wrap; }
.services-grid .call-us { margin-left: 0; flex: 1 1 calc((100% / 1) - 3em); }
.services-grid p,
.services-grid figure { flex: 1 1 calc((50% / 1) - 3em); }
.call-us ul { display: flex; justify-content: space-between; }
.gallery.container-flex { gap: 1em; margin-top: 0em; }
footer .container-flex { flex-wrap: wrap; }
.contact-grid img { width: 40px; }
.contact-location strong { width: 100%; }
.contact-map .container-flex { gap: 3em; }
}
 @media (min-width: 1024px) and (max-width: 1200px) {
html { font-size: 90%; }
.container { width: 90% !important; }
.header { z-index: 12; }
.TBB-title { font-size: 2.5em; }
.logo img { width: 250px; }
.TBB-but { padding: 13px 24px; }
.banner-overlay { width: 90%; }
.banner-overlay h2 { font-size: 4em; }
.eyebrow-special > div { width: 85%; }
.eyebrow-special h3 { font-size: 1.8em; }
.price-new h4.eyebrow-title { font-size: 1.8em; }
.welcome-threading .TBB-title { margin-bottom: 10px; }
.eyebrow-services ul { gap: 1em; }
.slick-dots { bottom: -25px; }
.services-grid .call-us { flex: 0 1 calc((31% / 1) - 3em); }
footer .container-flex { gap: 1em; }
.services-grid .container-flex { gap: 2em; }
.contact-location strong { width: 92%; }
}
 @media (min-width: 1201px) and (max-width: 1500px) {
.container { width: 90% !important; }
}
