/* RESPONSIVE.CSS */
@media (max-width:991px){
body{padding:8px 0!important}.site{width:100%!important;max-width:none!important;margin:0!important;border-radius:0!important;box-shadow:none!important}
.school-header{flex-direction:column!important;gap:12px!important;padding:15px!important;text-align:center!important}.school-header-social{justify-content:center!important;order:1!important}.school-header-brand{flex-direction:column!important;order:2!important;width:100%!important}.school-header-contact{order:3!important;text-align:center!important}.school-header-name strong{font-size:23px!important}.school-header-name span{font-size:16px!important}
.container-nav{margin:10px 0 20px!important}.container-nav nav,.container-nav .navbar{border-radius:12px!important}
.container-nav .navbar-nav,.container-nav>nav>ul,.container-nav>nav>.mod-menu{flex-direction:column!important;align-items:stretch!important;width:100%!important}
.container-nav .navbar-nav>li,.container-nav>nav>ul>li,.container-nav>nav>.mod-menu>li{width:100%!important}
.container-nav .navbar-nav>li>a,.container-nav .navbar-nav>li>.nav-link,.container-nav>nav>ul>li>a,.container-nav>nav>.mod-menu>li>a{width:100%!important;justify-content:center!important;box-sizing:border-box!important}
.container-nav li.deeper>ul,.container-nav li.parent>ul,.container-nav li.deeper>.nav-child,.container-nav li.deeper>.mod-menu__sub{position:static!important;width:100%!important;min-width:0!important;visibility:visible!important;opacity:1!important;transform:none!important;display:none!important;border-radius:8px!important;box-shadow:none!important;margin-top:4px!important}
.container-nav li.deeper>ul.show,.container-nav li.deeper>.show,.container-nav li.parent>.show{display:block!important}
.container-top-a,.top-a{grid-template-columns:1fr!important;gap:20px!important;width:100%!important;margin:20px 0 30px!important}
.container-top-a>*,.top-a>*{width:100%!important;max-width:none!important;min-width:0!important}
.top-a>:nth-child(2),.container-top-a>:nth-child(2),.hero-kozepso{height:auto!important;min-height:0!important;aspect-ratio:16/9!important}
.top-a>:nth-child(2) .swiper,.container-top-a>:nth-child(2) .swiper{height:100%!important;min-height:0!important}
.top-a>:nth-child(2) .swiper-slide,.container-top-a>:nth-child(2) .swiper-slide{height:100%!important;min-height:0!important}
.top-a>:nth-child(2) .swiper-slide img,.container-top-a>:nth-child(2) .swiper-slide img{width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;object-fit:cover!important}
}
@media (max-width:576px){
.school-header{padding:12px!important}.school-header-brand img{width:72px!important;height:72px!important}.school-header-name strong{font-size:20px!important}.school-header-name span{font-size:14px!important}.school-header-contact{font-size:13px!important;line-height:1.6!important}
.container-nav{margin-top:8px!important;margin-bottom:15px!important}.container-top-a,.top-a{gap:15px!important;margin-top:15px!important;margin-bottom:25px!important}
.top-a>:nth-child(2),.container-top-a>:nth-child(2),.hero-kozepso{aspect-ratio:4/3!important;border-radius:14px!important}.top-a .swiper-button-prev,.top-a .swiper-button-next,.container-top-a .swiper-button-prev,.container-top-a .swiper-button-next{width:36px!important;height:36px!important}
}