@media (max-width: 991.98px) {
.navbar-toggler {
min-width: 44px;
min-height: 44px;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0;
}
.offcanvas .nav-link {
min-height: 44px;
display: flex;
align-items: center;
}
.offcanvas .btn {
min-height: 44px;
display: flex;
align-items: center;
justify-content: center;
}
.offcanvas .btn-close {
width: 44px;
height: 44px;
background-size: 16px;
}
}
@media (max-width: 767.98px) {
input,
select,
textarea,
.form-control,
.form-select,
.form-field {
font-size: 16px;
}
.form-field {
height: auto;
min-height: 48px;
}
.appointment-box {
border-radius: 22px 22px 0 0;
}
.equal-img {
border-radius: 0 0 22px 22px;
height: 220px;
}
.hero-img {
left: 0;
width: 100%;
max-width: 300px;
display: block;
margin: 24px auto 0;
}
.hero-modern {
padding: 110px 0 60px;
text-align: center;
}
.hero-desc {
max-width: none;
}
.hero-rating {
margin-left: auto;
margin-right: auto;
}
.hero-modern .d-flex {
justify-content: center;
}
.appointment-bar {
margin-top: 24px;
}
.stats-box {
padding: 24px 20px;
}
.stats-box .col-md-3 + .col-md-3 {
margin-top: 20px;
}
.testimonial-content {
padding: 24px;
}
.footer-links a,
.footer-contact li a {
display: inline-flex;
align-items: center;
min-height: 44px;
}
.social-icons {
gap: 4px !important;
}
.social-icons a,
.social-icons i {
min-width: 44px;
min-height: 44px;
display: inline-flex;
align-items: center;
justify-content: center;
}
.price-btn,
.solution-link,
.team-link,
.read-link,
.service-card a {
min-height: 44px;
display: inline-flex;
align-items: center;
}
.hero-section .btn.hero-btn {
min-height: 44px;
display: inline-flex;
align-items: center;
justify-content: center;
}
.hero-rating {
width: auto;
max-width: 100%;
}
.pd-chip {
min-height: 44px;
}
.pd-pdp__option .form-select,
.pd-pdp__thumb {
min-height: 44px;
}
.pd-qty input {
font-size: 16px;
height: 44px;
}
.pd-qty button {
width: 44px;
height: 44px;
}
.pd-breadcrumbs a,
.pd-cart__remove,
.pd-cart__variant a {
display: inline-flex;
align-items: center;
min-height: 44px;
}
.footer-credit a {
display: inline-flex;
align-items: center;
min-height: 44px;
}
.hero-title {
font-size: 34px;
}
.hero-section {
padding-top: 110px;
padding-bottom: 40px;
min-height: 0;
}
.footer-credit p {
text-align: left !important;
}
}
@media (max-width: 575.98px) {
.blog-card {
flex-direction: column;
}
.blog-img {
width: 100%;
height: 200px;
}
.cta-box,
.stats-box {
padding: 24px 20px;
}
.solution-card,
.price-card,
.team-card,
.why-team-box {
padding: 20px;
}
.service-card {
padding: 22px;
}
.hero-title {
font-size: 30px;
}
.hero-modern .hero-title {
font-size: 30px;
}
.price {
font-size: 32px;
}
.footer-section .d-flex.justify-content-between {
justify-content: center !important;
text-align: center;
}
.footer-credit p {
text-align: center !important;
}
}