/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
    #mainCarousel .carousel-title {font-size:1.3rem}
    #mainCarousel .carousel-btn {font-size:1.1rem}
    p.display-5 {padding:0 1rem;}
    .carousel {position:unset}

    /* Vertical Carousel Start */
    .vertical .carousel-indicators [data-bs-target]:not(.carousel-control-prev):not(.carousel-control-next) {width: 10px;height: 10px;margin-bottom: 10px;border-radius: 50%;opacity: 1;background-color: #fff;border: 1px solid #fff;box-shadow:1px 1px 1px #000}
    .vertical .carousel-indicators .active {border-color:#d7272f !important; background-color: #d7272f !important}
    .vertical .carousel-item-next.carousel-item-start,
    .vertical .carousel-item-prev.carousel-item-end {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)}
    .vertical .carousel-item-next,
    .vertical .active.carousel-item-end {-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100% 0)}
    .vertical .carousel-item-prev,
    .vertical .active.carousel-item-start {-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);}
    .vertical.carousel .carousel-indicators {bottom: 1%;top: auto;left: auto;right:0;width: 100%;margin: 0;-webkit-transform: translateY(-50%);transform: translateY(-50%);flex-direction: row;}
    .vertical.carousel .carousel-indicators [data-bs-target].carousel-control-next,
    .vertical.carousel .carousel-indicators [data-bs-target].carousel-control-prev {box-sizing: border-box;position: relative;width: 16px;height: 16px;left: -2px;right: 0;top: -2px;bottom: 0;opacity: 1;transform:rotate(0deg);}
    /* Vertical Carousel End */

    #mainCarousel, #mainCarousel .carousel-inner, #mainCarousel .carousel-item, #mainCarousel .carousel-item.active {height:350px; position:relative}
    .navbar {height: auto;}
    section#news {top:-80px}
    .proverb {font-size:0.6rem; padding:20px 10px; top:-14px}
    p.section-header {font-size:1.5rem}
    .portrait {max-width:150px;left:calc(50% - 75px);top:-75px;margin-bottom:-60px}
    .fa-3x {font-size:1.5em;margin-right:0}
    footer {white-space:nowrap}
    .footer-bottom .container {padding:0}
    .about-logo {max-width:250px; left:calc(50% - 125px); top:-75px;margin-bottom:-60px}
    table.representation {font-size:.8rem; width:100%}
    .icon img {max-height:50px}
    table.halls {display:block; overflow-x:auto; max-width:100%}
    .all-news, .all-news:hover {width:90vw; font-size:1rem}
    section#events .nav-pills .nav-item button, section#events .nav-pills .nav-item button.active {font-size:1rem; line-height:1rem}
    .carousel-headline {font-size:.8rem}
    .female-logo {max-height:70%}

    .owl-carousel {transform:scale(.95)}
    .owl-dot {width:14px;height:14px;border-radius:50%;background-color:#FFF !important;border:1px solid #fff;box-shadow:1px 1px 1px #000}

    #calendar .content-wrapper {margin-top:6rem !important}
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {
    .image-wrapper {min-width:127px !important}
    .navbar {height: auto}
    .navbar-nav .button-wrapper {gap:1em;flex-direction: row;}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}