@media only screen and (min-width: 1801px) {
html { font-size: 100%; }
.why-choose { align-items: center; }
}
 @media (min-width: 1600px) and (max-width: 1800px) {
html { font-size: 90%; }
.banner-content { padding-left: 9%; }
.why-choose-content { padding: 7% 3% 7% 9%; }
.cta { height: 70vh; }
}
 @media (min-width: 1300px) and (max-width: 1599px) {
html { font-size: 90%; }
.container { width: 1100px; }
.logo img.custom-logo { width: 180px; }
.sticky .logo img.custom-logo { width: 130px; }
.banner-content { padding-left: 10%; }
.why-choose-content { padding: 6% 3% 6% 10%; }
.cta { height: 70vh; }
}
 @media (min-width: 1024px) and (max-width: 1299px) {
html { font-size: 90%; }
.container { width: 90%; }
.caitlin-title { font-size: 2em; }
.logo img.custom-logo { width: 170px; }
.sticky .logo img.custom-logo { width: 120px; }
.hero-banner { padding-top: 8em; gap: 0em; }
.banner-img { flex: 0 1 calc((72% / 1) - 0em); }
.banner-content { padding-left: 4%; }
.banner-content h2 { font-size: 2em; }
.banner-content ul li img { height: 64px; }
.about .flex-container { gap: 2em; align-items: flex-start; }
.why-choose-content { padding: 8% 5%; }
.why-choose { gap: 1em; }
.why-choose-content p { line-height: 25px; padding: 14px 0 30px 0; }
.what-does .flex-container { gap: 2em; }
.what-does-grid { padding: 3em 2em; }
.what-does-grid h2 { font-size: 1.5em; }
.cta { height: 50vh; }
.testimonials .flex-container { gap: 1em; }
.testimonials-content { padding: 4em 0; }
.testimonials-content:before,
.testimonials-content:after { width: 42px; height: 30px; background-size: 100%; }
.star { top: 5em; }
}
 @media (min-width: 768px) and (max-width: 1023px) {
html { font-size: 90%; }
.container { width: 94% !important; }
p { line-height: 1.7em !important; }
.logo img.custom-logo { width: 150px; }
.sticky .logo img.custom-logo { width: 120px; }
.menu ul li { padding: 0px 12px; line-height: 1; }
.menu ul li a:after { top: 21px; }
.hero-banner { padding-top: 7em; gap: 0em; }
.banner-content { padding-left: 4%; }
.banner-content h2 { font-size: 1.5em; }
.banner-content ul li img { height: 56px; }
.caitlin-title { font-size: 1.6em; letter-spacing: 2px; }
.about .flex-container { gap: 2em; align-items: flex-start; }
.about-content ul li { padding: 0.5em 1em 0.5em 1.3em; }
.about-content ul li:before { width: 14px; height: 15px; top: 12px; background-size: 100%; }
.why-choose-content { padding: 4% 3%; }
.why-choose-content p { padding: 15px 0 25px 0; }
.why-choose { gap: 1em; align-items: normal; }
.service-grid h3 { font-size: 1em; }
.what-does .flex-container { gap: 1em; }
.what-does-grid { padding: 2em 2em; }
.what-does-grid h2 { font-size: 1.5em; }
.cta { height: 50vh; }
.testimonials-content { padding: 3.5em 0; }
.testimonials-content:before,
.testimonials-content:after { width: 42px; height: 30px; background-size: 100%; }
.testimonials .flex-container { gap: 1em; margin-top: 4em; }
.testimonials-img img { border: solid 6px #ffffff; }
.testimonials-content span { font-size: 1em; padding: 6px 0 15px 0; }
.star { top: 4em; }
.star img { width: 80px !important; }
.about,
.home-service,
.testimonials,
.contact-form { padding: 3.5em 0; }
}
 @media only screen and (max-width: 767px) {
.hamburger-menu { display: block; width: 30px; height: 22px; border: solid; border-width: 1px 0px 1px 0px; padding: 0 4px; cursor: pointer; }
.hamburger-menu:before { content: ""; width: 100%; height: 1px; display: block; margin-top: 10px; background: #000; }
.close-menu { background: #ffffff; position: absolute; width: 40px; height: 40px; top: 0; right: 0; display: flex; align-items: center; justify-content: center; padding: 10px; cursor: pointer; }
.close-menu img { width: 100%; }
.menu { padding-top: 3em !important; position: fixed; background: #818b7e; left: -100%; top: 0; height: 100%; width: 100%; transition: 0.5s; }
.open-menu .menu { left: 0%; transition: 0.5s; }
.menu ul li { display: block; padding: 0px; }
.menu ul li a { padding: 13px 20px; display: inline-block; width: 100%; border: none; border-bottom: solid 1px #ffffff36 !important; color: #fff; }
}
 @media only screen and (max-width: 767px) {
html { font-size: 90%; }
p { line-height: 1.9em !important; }
.container { width: 90%; }
.header { padding: 10px 0; position: relative; left: 0; top: 0; width: 100%; transition: 0.5s; background: #eae6e1; border-bottom: solid 1px #0000000f; }
.header .flex-container { align-items: center; }
.header .flex-container:before { display: none; }
.flex-container { display: block; }
.logo img.custom-logo { width: 170px; }
.sticky .logo img.custom-logo { width: 120px; }
.banner-content { flex: 0 1 calc((48% / 1) - 0em); padding-left: 0; padding: 0 1em; }
.caitlin-title { font-size: 1.5em; letter-spacing: 2px; }
.banner-content ul li img { height: 56px; }
.logo h1 { font-size: 1.3em; padding-bottom: 2px; margin-bottom: 0; line-height: 1; }
.logo p { font-size: 0.6em; line-height: 1; }
.hero-banner { padding-top: 5em; }
.banner-img { margin-top: 2em; }
.banner-content h2 { font-size: 1.3em; }
.about { padding: 3em 0; }
.about-content { margin-top: 30px; }
.about-content ul { display: flex; flex-wrap: wrap; gap: 15px; }
.about-content ul li { padding: 0 0 0 30px; flex: 1 1 calc((100% / 1) - 2em); }
.about-content ul li:before { top: 2px; }
.home-service p { width: 100%; }
.home-service { padding: 3em 0; }
.why-choose-content { padding-left: 0; padding: 40px 20px; }
.why-choose-content p { padding: 20px 0 35px 0; }
.what-does { padding: 3em 0; }
.what-does-grid { padding: 2em 1em; margin-bottom: 20px; }
.what-does-grid h2 { font-size: 1.5em; }
.testimonials .owl-carousel { padding: 0em; }
.testimonials { padding: 3.5em 0; }
#testimonials-slider { margin-top: 2em; }
.testimonials .owl-carousel .owl-item img { width: 130px; display: inline-block; border: solid 5px #ffffff; }
.star { top: 3.6em; }
.star img { width: 70px !important; border: none !important; }
.testimonials-content strong { font-size: 1.2em; }
.testimonials-content span { font-size: 1em; }
.testimonials-content { padding: 3.5em 0; }
.testimonials-content:before,
.testimonials-content:after { width: 42px; height: 30px; background-size: 100%; }
.contact-form { padding: 3em 0; }
.contact-form .container { width: 90%; }
.contact-form p { width: 100%; }
.contact-form ul { gap: 1em; }
.contact-form ul li { flex: 1 1 calc((100% / 1) - 1em); }
.contact-form ul li:last-child { flex: 0 1 calc((140px / 1) - 1em); }
.footer { text-align: center; }
.footer ul { justify-content: center; margin-top: 17px; }
#return-to-top { display: none !important; }
.cta { height: 50vh; background-attachment: local; }
.page-id-110 .certified-dog img { height: 250px !important; object-fit: cover; }
}