/* =========================
   TABLET
========================= */
@media (max-width: 1024px){

.container{
width:calc(100% - 20px);
}

.site-header .container{
gap:16px;
}

nav ul{
gap:16px;
flex-wrap:wrap;
}

.hero{
padding:70px 0;
}

.hero-title{
font-size:42px;
}

.hero-subtitle{
font-size:16px;
}

.feature-grid{
grid-template-columns:repeat(2,1fr);
}

.clinic-grid{
grid-template-columns:repeat(2,1fr);
}

.city-grid,
.service-grid{
grid-template-columns:repeat(2,1fr);
}

.posts-grid{
grid-template-columns:repeat(2,1fr);
}

.city-layout{
grid-template-columns:1fr;
}

.city-sidebar{
position:static;
top:auto;
}

.single-clinic__grid{
grid-template-columns:1fr;
}

.single-clinic__info-card{
position:static;
top:auto;
}

.seo-tabs__links{
columns:2;
}
}

/* =========================
   MOBILE
========================= */
@media (max-width: 767px){

body{
font-size:15px;
}

.container{
width:min(100%, calc(100% - 28px));
}

.site-header{
padding:12px 0;
}

.site-header .container,
.site-header__inner{
flex-direction:row;
align-items:center;
justify-content:space-between;
gap:12px;
}

.logo a{
font-size:24px;
}

.menu-toggle{
display:flex;
}

.main-nav{
position:absolute;
top:100%;
left:0;
right:0;
background:linear-gradient(135deg,#5865d8,#7a6ee6);
padding:14px 20px 20px;
display:none;
flex-direction:column;
align-items:stretch;
box-shadow:0 18px 45px rgba(15,23,42,0.14);
}

.main-nav.is-open{
display:flex;
}

.main-nav ul{
display:flex;
flex-direction:column;
gap:0;
width:100%;
margin:0;
padding:0;
list-style:none;
}

.main-nav ul li{
width:100%;
}

.main-nav ul li a{
display:block;
padding:5px 0;
width:100%;
color:white;
text-decoration:none;
font-weight:700;
font-size:16px;
}

.main-nav ul li ul{
display:none;
position:static;
background:transparent;
box-shadow:none;
padding:0 0 0 14px;
min-width:100%;
border-radius:0;
}

.main-nav ul li.menu-item-has-children > a{
padding-bottom:10px;
}

.main-nav ul li.menu-item-has-children ul{
display:block;
}

.main-nav ul li ul li a{
color:rgba(255,255,255,0.9);
padding:5px 0;
font-size:15px;
font-weight:600;
}

.hero{
padding:30px 0 80px;
}

.hero-title{
font-size:34px;
line-height:1.15;
}

.hero-subtitle{
font-size:15px;
line-height:1.7;
margin-bottom:24px;
}

.search-form{
flex-direction:column;
align-items:stretch;
gap:12px;
max-width:100%;
}
.search-input{
    width:calc(100% - 36px) !important;
}
.search-input,
.search-city,
.search-button{
width:100%;
max-width:100%;
min-width:0;
flex:none;
}

.search-input{
height:52px;
}

.search-city{
height:52px;
}

.search-button{
height:52px;
}

.search-input,
.search-city,
.search-button{
width:100%;
}

.hero-stats{
gap:24px;
}

.hero-stat strong{
font-size:24px;
}

.home-section{
padding:0;
}
.seo-footer-links{
    margin-bottom:30px;
}
.home-section h2{
font-size:28px;
margin-bottom:24px;
}

.feature-grid{
grid-template-columns:1fr;
}

.clinic-grid{
grid-template-columns:1fr;
gap:22px;
}

.posts-grid{
grid-template-columns:1fr;
}

.city-grid,
.service-grid{
grid-template-columns:1fr;
gap:16px;
}

.city-grid a,
.service-grid a{
min-height:76px;
font-size:15px;
padding:0 18px;
}
.navigation {width:100%;}
.mt--50{margin-top:0;}
.clinic-image-wrap{
height:150px;
}

.clinic-title{
font-size:20px;
}

.city-hero{
padding:70px 0 56px;
}
.single-clinic-ad{
    width:calc(100% - 40px);
}
.city-hero h1{
font-size:34px;
line-height:1.15;
}

.city-hero p{
font-size:16px;
line-height:1.7;
}

.city-hero__meta{
gap:12px;
flex-direction:column;
align-items:flex-start;
}

.city-layout{
grid-template-columns:1fr;
gap:22px;
}

.city-sidebar{
position:static;
}

.city-sidebar__card{
padding:22px;
border-radius:20px;
}

.city-seo__box{
padding:24px;
border-radius:22px;
}

.city-seo__box h2{
font-size:28px;
}

.city-pagination{
        margin-top:20px;
        gap: 5px;
        display: flex;
        width: 100%;
}
.city-pagination a,
.city-pagination span{
        padding: 0;
    min-width: unset !important;
    flex: 1;
}
.city-pagination .nav-links{
justify-content:center;
gap:10px;
}
.single-clinic__text .article-summary ul {
    padding-left: 15px;
    font-size: 14px;
}
.single-clinic{
padding:30px 0;
}

.single-clinic__title{
font-size:22px;
line-height:1.15;
}
.clinic-grid-ad{
    width: 100%;
    overflow: hidden;
}

.single-clinic__grid{
        display: flex;
        gap: 22px;
        flex-direction: column;
}
.single-clinic__sidebar{
    align-self: start;
    position: sticky;
    display: flex;
    flex-direction: column;
    width: 100%;
}
.single-clinic__info-card h3{
        padding: 20px 0 5px 20px;
        margin-bottom: 0;
        font-size:18px;
}
.single-clinic__section{
padding:10px;
}
.single-clinic__related-head h2{font-size:22px;}
.single-clinic__section h2{
        font-size: 18px;
        margin-bottom: 5px;
}
.single-article__aside{
    width:100%;
}
.article-faq .faq-item {
    margin-bottom: 14px;
    padding: 15px;
    background: #f5f5f5;
    border-radius: 0;
}
.single-clinic__image img{
height:260px;
}
.article-faq .faq-item h3{font-size:16px;}
.article-faq .faq-item p{font-size:14px;}
.single-clinic__info-card{
padding: 0;
        position: static;
        width: 100%;
}

.single-clinic__actions{
margin-bottom:0;padding:10px;
}
.single-clinic__services-card {
    margin-top: 0;
    padding: 10px;
}
.single-clinic__related{margin-top:30px;}
.single-clinic__related-head{
flex-direction:column;
align-items:flex-start;
}

.seo-footer-box{
padding:24px;
border-radius:22px;
}

.seo-footer-box h2{
font-size:28px;
}

.seo-tabs__nav{
gap:10px;
}

.seo-tabs__button{
padding:10px 14px;
font-size:13px;
}

.seo-tabs__links{
columns:1;
}

footer{
padding:26px 0 40px;
}
}


@media (max-width: 991px) {
    .site-footer__top {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 640px) {
    .site-footer {
        padding: 40px 0 20px;
    }

    .site-footer__top {
        grid-template-columns: 1fr;
        gap: 28px;
    }

    .site-footer__bottom {
        flex-direction: column;
        align-items: flex-start;
    }
}