@media screen and (min-width: 1024px) {
    .serv-img, .serv-img img { height: auto; }
}

@media screen and (max-width: 768px) {
    /* MENU RESPONSIVE */
    body.menu-open #page a.menu-line i::before, body.menu-open #page a.menu-line i::after, body.menu-open #page .is-sticky header a.menu-line i::before, body.menu-open #page .is-sticky header a.menu-line i::after { top: 1px; width: 75%; left: 3px; }

    body #page .logo-top { width: 50%; }
    body.menu-open  #page .hdr-pad .logo-top a { width: 75%; }
    body.menu-open header::after, body.menu-open .is-sticky header::after { background: #EFECE7; }
    
    body.menu-open nav#mysidebarmenu { padding-top: 0px; top: 50px!important; }
    body #page #mysidebarmenu .menu { padding-bottom: 10px; }
    /* body #page #mysidebarmenu .menu li a { font-size: 20px; line-height: 22px; } */
    html:has(#wpadminbar) { margin-top: 0px!important; }
    div#wpadminbar { display: none; }

    body.menu-open .hdr-rht ul li { display: none; }
    body.menu-open .hdr-rht ul li.head_soci { display: none; }
    body .m-addr h2, body .m-addr h3, body .m-addr h4 { font-size: 14px; }
    body .m-addr p { font-size: 14px; }
    body #page #mysidebarmenu .menu li a { font-size: 16px; line-height: 20px; }
    /* END MENU */
    
    /* HOME */
    body #page .presentacion.calendario { padding: 20px 0px; }
    body #page .presentacion .presentacion-rht { margin-top: 0px; }
    body #page .presentacion.calendario .presentacion-lft ul.tipo-evento { padding: 0px; }
    body #page .presentacion-top p { font-size: 20px; line-height: 30px; }

    body #page section.servicios-sec.blog { padding-top: 30px; padding-bottom: 30px; }
    body #page section.servicios-sec.blog ul { display: block; width: 100%; }
    body #page section.servicios-sec.blog ul li.card-sob { width: 100%; }
    body #page section.servicios-sec.blog ul li.card-sob .serv-img { height: auto; }
    body #page .servicios-sec.blog ul li.ncol2 .serv-img img { object-fit: cover; }

    body #page section.servicios-sec.blog li.ncol2 { width: 100%; }
    body #page section.servicios-sec.blog li.ncol2 .serv-img { height: auto; }
    body #page section.servicios-sec.blog li.ncol2 .serv-img img { object-fit: contain; }

    body #page section.club-sec { width: 100%; }
    body #page section.club-sec { background-size: cover; }
    body #page section.club-sec .club-caption { width: 100%; left: 50%; }
    body #page section.club-sec .club-caption h2 { font-size: 24px; line-height: 32px; }
    body #page section.club-sec .club-caption h2 br, body #page section.club-sec .club-caption br { display: none; }
    body #page section.club-sec ul.enlaces { padding-top: 10px; display: flex; width: 100%; }
    body #page section.club-sec ul.enlaces li { width: auto;margin-right: 10px; }
    body #page section.club-sec .club-caption p { font-size: 16px; line-height: 20px; }
    body #page section.club-sec ul.enlaces li a.btn { margin-top: 10px; font-size: 16px; }
    body #page section.club-sec ul.enlaces li:last-child { margin-right: 0px; }

    body #page section.club-sec { background-size: cover; min-height: 350px; }
    body #page section.servicios-sec.blog ul.ncol3 li { width: 100%; }
    body #page section.servicios-sec.blog ul.ncol3 li .serv-img { height: auto; }
    body #page section.servicios-sec.blog ul.ncol3 li .serv-img img { height: auto; object-fit: cover; }

    body #page .servicios-sec.blog.counter-up .counter-up ul.count-list li span.counter, body #page .servicios-sec.blog.counter-up .counter-up ul.count-list li span.simbol-before, body #page .servicios-sec.blog.counter-up .counter-up ul.count-list li span.simbol-after { font-size: 22px; line-height: 22px; }
    
    body #page .servicios-sec.blog.counter-up .counter-up ul.count-list li { margin-bottom: 10px; }
    /* END HOME */

    /* SERVICIOS */
    body #page .content-area .sec-precios .sec-lft { width: 100%; }
    body #page .content-area .sec-precios .sec-rgt { width: 100%; float: left; text-align: left; }

    body #page .content-area .sec-calendar .sec-lft, body #page .content-area .sec-calendar .sec-rgt { width: 100%; }

    body #page .content-area .sec-precios .sec-rgt ul { float: left; text-align: right; }
    body #page .content-area .sec-precios .sec-rgt ul li { text-align: left; display: flex; flex-flow: wrap; width: 100%; }
    body #page .content-area .sec-precios .sec-rgt ul li div { margin-right: 5px; }
    body #page .content-area .sec-precios .sec-rgt ul li div:last-child { margin-right: 0px; }
    
    body #page section.faq-sec.tarifas-sec .list-ado { overflow-x: scroll; }
    /* END SERVICIOS */

    /* FITXA EVENTOS / NOTICIA */
    body #page section.content-area.blog { padding: 0px; }
    /* END FITXA EVENTOS / NOTICIA */

    /* INSTAGRAM */
    body #page .siguenos iframe { min-height: auto; }
    /* END INSTAGRAM */
}

@media screen and (max-width: 750px) {
    /* COUNTER */
    body #page .servicios-sec.blog.counter-up .counter-up ul.count-list { display: flex; }
    body #page .servicios-sec.blog.counter-up .counter-up ul.count-list li { width: 50%; }
    /* END COUNTER */

    /* INSTAGRAM */
    /* body.snapwidget-widget-body ul.media-grid li.media-list-item { width: 100%!important; }
    body.snapwidget-widget-body ul.media-grid { display: block; } */
    /* END INSTAGRAM */
}

@media screen and (max-width: 479px) {
    /* CARDS */
    body #page .servicios-sec.blog ul li.ncol2.card-sob .serv-txt .ver-mas-btn, body #page .servicios-sec.blog ul li.ncol2.txtl .ver-mas-btn { width: 100%; }
    body #page .servicios-sec.blog ul li.ncol2 .ver-mas-btn a.ver-btn.btn-more-info, body #page .servicios-sec.blog ul li.ncol2.card-sob .serv-txt .ver-mas-btn a.ver-btn.btn-comprar { height: auto; }
    body #page .servicios-sec.blog ul li.ncol2 .ver-mas-btn a.ver-btn.btn-more-info, body #page .servicios-sec.blog ul li.ncol2.card-sob .serv-txt .ver-mas-btn a.ver-btn.btn-comprar, body #page .servicios-sec.blog ul li.ncol2 a.ver-btn.btn-comprar { font-size: 14px; line-height: normal; height: auto; padding: 10px 15px 10px 15px; }
    body #page .serv-txt { padding: 35px 20px 25px 20px; }
    /* END CARDS */

    /* HOME */
    body #page .presentacion { padding: 20px 10px; }
    body #page .presentacion .presentacion-top { width: 100%; margin-bottom: 0px; }
    /* END HOME */

    /* FOOTER */
    body #page .links-ftr div { width: 100%; clear: both; float: left; padding: 0; display: block; }
    body #page .links-ftr div li { float: left; text-align: left; }
    body #page .links-ftr div li a { float: left; text-align: left; font-size: 14px; line-height: 22px; font-family: 'Montserrat-Bold'; }
    body #page .links-ftr div ul { float: left; }
    /* END FOOTER */
}