@media (max-width: 1024px) {
.top-bar-info {
display: none;
}
header {
padding: 0 30px;
height: 100px;
}
.menu-toggle {
display: flex;
}
nav {
position: absolute;
top: 90px;
left: 0;
width: 100%;
background: #151515;
height: 0;
overflow: hidden;
transition: height 0.3s ease-in-out;
}
nav.active {
height: auto;
border-bottom: 2px solid #d4af37;
}
nav ul {
flex-direction: column;
align-items: center;
padding: 30px 0;
}
.logo-tab {
top: 0;
left: 20px;
box-shadow: none;
}
}
@media (max-width: 991px) {
.wellsf-main-heading {
font-size: 30px;
}
.wellsf-card {
padding: 30px;
}
.wellsf-testimonial-wrapper {
background-attachment: scroll;
}
}
@media (max-width: 900px) {
.cta-section {
flex-direction: column;
}
.cta-content h2 {
font-size: 30px;
}
}
@media (max-width: 767px) {
#footer .title_block_main {
font-size: 28px;
}
#footer {
padding-top: 50px;
text-align: center;
}
.contact-tel {
justify-content: center;
}
#footer .block-social ul {
justify-content: center;
}
#footer .input-wrapper {
background-color: #fff;
border: 1px solid #fff;
}
/* Accordion Logic */
#footer.title_block {
cursor: pointer;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
padding: 15px 0;
margin-bottom: 0 !important;
}
.footer-links {
display: none; /* Initially hide links */
padding: 15px 0;
}
.footer-links.active {
display: block;
text-align: start;
}
#footer.title_block i {
transition: transform 0.3s;
font-size: 12px;
}
#footer .title_block.active i {
transform: rotate(180deg);
}
}
/* Hide Arrow on Desktop */
@media (min-width: 768px) {
.title_block i {
display: none;
}
}
@media (max-width: 576px) {
.wellsf-testimonial-wrapper {
padding: 50px 0;
}
.wellsf-main-heading {
font-size: 26px;
}
.wellsf-content {
font-size: 15px;
}
.wellsf-card {
padding: 25px;
}
}
@media (max-width: 767px) {
.custom-stats-wrapper .stat-card {
padding: 25px 0;
}
section.hero h1 {
    font-size: 32px;
}
section.hero {
    padding: 50px 20px 50px 20px;
}
.primary-cta {
    gap: 10px;
}
.primary-cta a {
    font-size: 12px;
}
section.hero span {
    font-size: 16px;
}
span.text-box.italic {
    font-size: 24px;
}
.about-right {
    padding: 20px 20px 0 20px;
}
h4.title_block {
    font-size: 32px;
    line-height: 37px;
}
.sub-title {
    font-size: 16px;
    line-height: 24px;
}
.btn {
    font-size: 13px;
}
.services-overview-top {
    display: block;
}
.services-overview-top h2 {
    font-size: 32px;
    line-height: 37px;
}
.services-overview-top p {
    font-size: 16px;
    line-height: 24px;
}
section.howitwork {
    padding: 60px 20px 60px 20px;
}
section.howitwork  .container {
    padding: 0;
}
.sub-heading {
    font-size: 16px;
    line-height: 24px;
}
h4.title-banner {
    font-size: 42px;
}
.custom-stats-wrapper .stat-count {
    font-size: 50px;
    line-height: 55px;
}
.custom-stats-wrapper .stat-plus {
    font-size: 36px;
    width: 20px;
}
h2.section-title {
    font-size: 32px;
    line-height: 40px;
}
.kitchen-section .section-subtitle {
    font-size: 16px;
}
.wellsf-testimonial-wrapper {
    padding: 50px 20px;
}
.wellsf-main-heading {
    font-size: 32px;
}
.wellsf-content {
    font-size: 16px;
}
section.cta-section1 .container {
    padding: 0;
}
section.cta-section1 {
    padding: 60px 20px;
}
#footer .title_block_main {
    font-size: 32px;
}
footer#footer {
    padding: 0;
}
footer#footer .container {
    padding: 0px 20px;
}
footer#footer {
    padding: 0;
}
.footer-bottom p {
    margin: 0;
}
.footer-center h4.title_block {
    margin-bottom: 0px!important;
}
section.hero {
    min-height: 70vh;
}
section.hero .container {
    padding: 0;
}
    .howitwork .banner-content {
    width: calc(100% / 1);
}
section.howitwork img {
    display: none;
}
.howitwork .image_description {
    position: inherit;
    background-color: #DAA14C;
    display: inherit;
}
.howitwork .image_description .banner-content {
        border-right: 0;
        border-bottom: 1px solid rgba(255, 255, 255, .36);
        width: 100%;
    }
}
@media (min-width: 768px) {
.custom-stats-wrapper .stat-card:not(:last-child)::after {
content: "";
position: absolute;
right: 0;
top: 20%;
height: 60%;
width: 1px;
background: rgba(255, 255, 255, 0.15);
}
}
@media (max-width: 768px) {
.leo-video-section {
text-align: center;
padding: 60px 0;
}
.leo-video-section .heading {
font-size: 32px;
margin: 0 auto 20px;
}
.leo-video-section .sub-text {
margin: 0 auto 30px;
}
.leo-video-section .video-box {
margin-top: 40px;
}
}