/* NAVBAR */
@media (max-width: 991.98px) {
    /* BASE */
    #navbarSupportedContent {
        position: absolute;
        top: 81px;
        background-color: var(--custom-cream);
        z-index: 15;
        right: 0px;
        width: fit-content !important;
        text-align: left;
    }

    .navbar-nav {
        padding: 1.5em;
    }

    .language-menu {
        padding: 1em;
        padding-top: .5em;
        width: 100%;
        text-align: center;
    }

    .navbar {justify-content: end;}

    .submenu .navbar {padding-bottom: 20px; padding-top: 20px;}

    /* END OF BASE */

    .card-header {padding-left: 0px; padding-right: 0px;}
    .card-body {padding: 10px !important;font-size: 15px;}

}


@media (max-width: 575.98px) {

    .card-header a {font-size: 18px;}
    .top-contacts-row .social-icons {display: none;}
    .hero-fluid {margin-top: -82px;}
    .static-content {font-size: 15px; line-height: 1.5;}
    .standard-title, .idopontfoglalas-fluid .standard-title {font-size: 23px; line-height: 1.2;}
    .nav-link {font-size: 15px; text-align: left; margin-bottom: 7px;}
    .service-text {font-size: 14px;height: auto; padding-bottom: 1.5em;}
    .service-title {font-size: 19px; height: auto; padding: 10px 0px;}
    .more-btn {font-size: 15px;}
    .text-en-title {font-size: 17px; line-height: 1;}

    .service-img {height: 204px;}

    .carousel-title {font-size: 38px;}
    .carousel-text-2 {font-size: 13px;}
    .carousel-text-1 {font-size: 11px;}
    .carousel-img {height: 506px;}
    .carousel-caption {padding-top: 100px;}
    .standard-btn {font-size: 14px; line-height: 1;}
    .top-header-fluid .row {min-height: 50px;}
    .extra-left-p {padding-left: 15px !important;}

    #newsletter_form .form-control, #booking_form .form-control:not(textarea) {height: 40px; min-height: 40px; padding: 0px 20px; font-size: 14px;}
    #booking_form textarea {font-size: 14px !important}
    textarea {padding-left: 20px !important;}
    .custom-checkbox p, .custom-checkbox a {font-size: 14px;}
    .newsletter-fluid, .idopontfoglalas-fluid {padding-top: 70px; padding-bottom: 70px;}
    .miert-en-img-block {width: 80px; height: 80px;}
    .miert-en-row {gap: 16px;}
    .text-en .static-content {font-size: 12px;}
    .miert-en-img {height: 268px; width: 49%;}
    .form-bg {height: 250px;border-top-left-radius: 10px;border-bottom-left-radius: 0px; border-top-right-radius: 10px;}
    .form-col {border-top-right-radius: 0px; border-bottom-left-radius: 10px; padding: 1em 1em 2em 1em !important;}

    .footer-link {font-size: 12px;}
    .footer-title {font-size: 16px;}
    .footer-text, .developer-text {font-size: 12px;}
    .copyright-block .row, .copyright-block {height: 47px;}
    .full-line {top: 23.5px;}
    .footer-socials a {width: 35px; height: 35px;}
    .bloglist-fluid, .miert-en-fluid, .bemutatkozas-fluid {padding-top: 2em;padding-bottom: 0em;}

    .bemutatkozas-img {margin-top: 2em; margin-bottom: 2em; height: 250px;}
    .reverse-m .row {flex-direction: column-reverse;}

    .whyme-img-col {display: none !important; flex-direction: row; justify-content: space-between; margin-top: 2em;}
    .miert-en-fluid {margin-bottom: 2em;}
    .bloglist-fluid .service-img {height: 220px;}
    .date-row {font-size: 14px;}
    .noneed-md {display: none;}
    .logo-part img:nth-of-type(1) {width: 80px;}

    .top-contacts-row a.address-block {display: none;}

    .footer-title {margin-top: 2em;}

    .standard-btn-row {flex-direction: column; align-items: flex-start;}

    .subpage-title-block h1 {font-size: 28px;}
    .subpage-title-block img {display: none;}
    .subpage-title-block {padding-top: 20px;padding-bottom: 0px;margin-bottom: 19px;}

    /*.in-service-img {margin-bottom: 2em; height: 250px;}*/

    .price-list-img {/*height: 220px;*/ margin-bottom: 2em;}
    .price-table-header, .price-table-row {font-size: 16px}
    .price-table-row > div, .price-table-header > div {height: 50px;}

    .orange-block {padding: 1em; width: 100%;}
    .orange-block .subpage-title-block h2 {font-size: 20px;}
    .open-hour-block span, .orange-block .footer-link span {font-size: 15px;}
    .orange-block .footer-link {font-size: 15px !important;}
    .orange-block .footer-link span {width: 87px;}
    .open-hour-block span {width: 100px;}
    .open-hour-block {margin-bottom: 10px;}
    .orange-m-block {margin-bottom: 2em;}
    .mapsframe {height: 350px !important;}

    .service-list-title {
        font-size: 18px;
    }

    .services-list a {
        font-size: 16px;
    }

    .event-list-title {
        font-size: 20px;
        margin-bottom: 0.5em;
    }

    .modal-dialog {
        max-width: 95%;
    }

    .modal-inner {
        flex-direction: column;
    }

    .modal-form,
    .modal-menu {
        padding: 0.8em;
    }

    .search-container #search {
        padding: 0.7em 2.2em;
    }

    .search-container {
        margin-bottom: 1em;
    }

    .bordered-box {
        padding: 1em;
    }

    .modal-menu button img {
        width: 17px;
        height: 17px;
    }

    .modal-menu button {
        font-size: 16px;
    }
}

/* SM */
@media (min-width: 576px) and (max-width: 767.98px) {
    .hero-fluid {margin-top: -82px;}
    .static-content {font-size: 15px; line-height: 1.5;}
    .standard-title, .idopontfoglalas-fluid .standard-title {font-size: 25px; line-height: 1.3;}
    .nav-link {font-size: 15px; text-align: left; margin-bottom: 7px;}
    .service-text {font-size: 14px;height: auto; padding-bottom: 1.5em;}
    .service-title {font-size: 19px;}
    .more-btn {font-size: 15px;}
    .text-en-title {font-size: 19px;}

    .carousel-title {font-size: 40px;}
    .carousel-text-2 {font-size: 14px;}
    .carousel-text-1 {font-size: 12px;}
    .carousel-img {height: 506px;}
    .carousel-caption {padding-top: 100px;}
    .standard-btn {font-size: 14px; line-height: 1;}
    .top-header-fluid .row {min-height: 50px;}
    .extra-left-p {padding-left: 15px !important;}

    #newsletter_form .form-control, #booking_form .form-control:not(textarea) {height: 40px; min-height: 40px; padding: 0px 20px; font-size: 14px;}
    #booking_form textarea {font-size: 14px !important}
    textarea {padding-left: 20px !important;}
    .custom-checkbox p, .custom-checkbox a {font-size: 14px;}
    .newsletter-fluid, .idopontfoglalas-fluid {padding-top: 70px; padding-bottom: 70px;}
    .miert-en-img-block {width: 100px; height: 100px;}
    .text-en .static-content {font-size: 14px;}
    .miert-en-img {height: 268px; width: 49%;}
    .form-bg {height: 250px;border-top-left-radius: 10px;border-bottom-left-radius: 0px; border-top-right-radius: 10px;}
    .form-col {border-top-right-radius: 0px; border-bottom-left-radius: 10px; padding-top: 1em; padding-bottom: 2em !important;}

    .footer-link {font-size: 12px;}
    .footer-title {font-size: 16px;}
    .footer-text, .developer-text {font-size: 12px;}
    .copyright-block .row, .copyright-block {height: 47px;}
    .full-line {top: 23.5px;}
    .footer-socials a {width: 35px; height: 35px;}
    .bloglist-fluid, .miert-en-fluid, .bemutatkozas-fluid {padding-top: 2em;padding-bottom: 0em;}

    .bemutatkozas-img {margin-top: 2em; margin-bottom: 2em; height: 300px;}
    .reverse-m .row {flex-direction: column-reverse;}

    .whyme-img-col {display: flex; flex-direction: row; justify-content: space-between; margin-top: 2em;}
    .noneed-md {display: none;}
    .logo-part img:nth-of-type(1) {width: 80px;}

    .top-contacts-row a.address-block {display: none;}

    .footer-title {margin-top: 2em;}

    .subpage-title-block h1 {font-size: 35px;}
    .subpage-title-block {padding-top: 33px;padding-bottom: 0px;margin-bottom: 19px;}

    /*.in-service-img {margin-bottom: 2em; height: 250px;}*/

    .price-list-img {/*height: 250px;*/ margin-bottom: 2em;}
    .price-table-header, .price-table-row {font-size: 17px}
    .price-table-row > div, .price-table-header > div {height: 55px;}

    .orange-block {padding: 1em; width: 100%;}
    .orange-block .subpage-title-block h2 {font-size: 20px;}
    .open-hour-block span, .orange-block .footer-link span {font-size: 15px;}
    .orange-block .footer-link {font-size: 15px !important;}
    .orange-block .footer-link span {width: 87px;}
    .open-hour-block span {width: 100px;}
    .open-hour-block {margin-bottom: 10px;}
    .orange-m-block {margin-bottom: 2em;}
    .mapsframe {height: 350px !important;}

    .service-list-title {
        font-size: 20px;
    }

    .services-list a {
        font-size: 16px;
    }

    .event-list-title {
        font-size: 22px;
        margin-bottom: 0.5em;
    }

    .modal-dialog {
        max-width: 85%;
    }

    .modal-inner {
        flex-direction: column;
    }

    .modal-form,
    .modal-menu {
        padding: 1em;
    }

    .search-container #search {
        padding: 0.7em 2.2em;
    }

    .search-container {
        margin-bottom: 1.5em;
    }

    .modal-menu button img {
        width: 17px;
        height: 17px;
    }

    .modal-menu button {
        font-size: 16px;
    }
}

/* MD */
@media (min-width: 768px) and (max-width: 991.98px) {
    .hero-fluid {margin-top: -82px;}
    .static-content {font-size: 15px; line-height: 1.5;}
    .standard-title, .idopontfoglalas-fluid .standard-title {font-size: 28px;}
    .nav-link {font-size: 16px; text-align: left; margin-bottom: 7px;}
    .service-text {font-size: 14px;}
    .service-title {font-size: 19px;}
    .more-btn {font-size: 15px;}
    .text-en-title {font-size: 19px;}

    .carousel-title {font-size: 45px;}
    .carousel-text-2 {font-size: 14px;}
    .carousel-text-1 {font-size: 12px;}
    .carousel-img {height: 506px;}
    .carousel-caption {padding-top: 100px;}
    .standard-btn {font-size: 14px; line-height: 1;}
    .top-header-fluid .row {min-height: 50px;}
    .extra-left-p {padding-left: 15px !important;}

    #newsletter_form .form-control, #booking_form .form-control:not(textarea) {height: 45px; min-height: 45px; padding: 0px 20px; font-size: 14px;}
    #booking_form textarea {font-size: 14px !important;}
    textarea {padding-left: 20px !important;}
    .custom-checkbox p, .custom-checkbox a {font-size: 14px;}
    .newsletter-fluid, .idopontfoglalas-fluid {padding-top: 70px; padding-bottom: 70px;}
    .miert-en-img-block {width: 100px; height: 100px;}
    .text-en .static-content {font-size: 14px;}
    .miert-en-img {height: 268px; width: 49%;}
    .form-bg {height: 760px;}

    .footer-link {font-size: 12px;}
    .footer-title {font-size: 16px;}
    .footer-text, .developer-text {font-size: 12px;}
    .copyright-block .row, .copyright-block {height: 47px;}
    .full-line {top: 23.5px;}
    .footer-socials a {width: 35px; height: 35px;}
    .bloglist-fluid, .miert-en-fluid, .bemutatkozas-fluid {padding-top: 4em;padding-bottom: 1em;}

    .bemutatkozas-img {margin-top: 2em; height: 300px;}
    .reverse-m .row {flex-direction: column-reverse;}
    .whyme-img-col {display: flex; flex-direction: row; justify-content: space-between; margin-top: 2em;}
    .noneed-md {display: none;}
    .logo-part img:nth-of-type(1) {width: 80px;}

    .subpage-title-block h1 {font-size: 38px;}
    .subpage-title-block {padding-top: 33px;padding-bottom: 0px;margin-bottom: 19px;}

    /*.in-service-img {margin-bottom: 2em; height: 250px;}*/

    .price-list-img {height: 100%;}
    .price-table-header, .price-table-row {font-size: 17px}
    .price-table-row > div, .price-table-header > div {height: 55px;}

    .orange-block {padding: 1em; width: 50%;}
    .orange-block.mb-4 {margin-bottom: 0rem !important;}
    .orange-block .subpage-title-block h2 {font-size: 20px;}
    .open-hour-block span, .orange-block .footer-link span {font-size: 15px;}
    .orange-block .footer-link {font-size: 15px !important;}
    .orange-block .footer-link span {width: 87px;}
    .open-hour-block span {width: 100px;}
    .open-hour-block {margin-bottom: 10px;}
    .orange-m-block {display: flex; flex-direction: row; gap: 16px;margin-bottom: 2em;}
    .mapsframe {height: 350px !important;}

    .service-list-title {
        font-size: 22px;
    }

    .services-list a {
        font-size: 18px;
    }

    .event-list-title {
        font-size: 24px;
        margin-bottom: 0.5em;
    }

    .modal-dialog {
        max-width: 80%;
    }
}

/* LG */
@media (min-width: 992px) and (max-width: 1199.98px) {
    .static-content {font-size: 15.5px; line-height: 1.5;}
    .standard-title {font-size: 28px;}
    .nav-link {font-size: 13px; text-align: center;}
    .service-text {font-size: 14px;}
    .service-title {font-size: 19px;}
    .more-btn {font-size: 15px;}
    .text-en-title {font-size: 19px;}

    .carousel-title {font-size: 50px;}
    .carousel-text-2 {font-size: 16px;}
    .carousel-text-1 {font-size: 14px;}
    .carousel-img {height: 606px;}
    .carousel-caption {padding-top: 100px;}
    .standard-btn {font-size: 14px; line-height: 1;}
    .top-header-fluid .row {min-height: 50px;}
    .extra-left-p {padding-left: 2em !important;}

    #newsletter_form .form-control, #booking_form .form-control:not(textarea) {height: 50px; min-height: 50px; padding: 0px 25px;}
    .custom-checkbox p, .custom-checkbox a {font-size: 14px;}
    .newsletter-fluid {padding-top: 70px; padding-bottom: 70px;}
    .miert-en-img-block {width: 100px; height: 100px;}
    .text-en .static-content {font-size: 14px;}
    .miert-en-img {height: 268px;}
    .form-bg {height: 760px;}

    .footer-link {font-size: 12px;}
    .footer-title {font-size: 16px;}
    .footer-text, .developer-text {font-size: 12px;}
    .copyright-block .row, .copyright-block {height: 47px;}
    .full-line {top: 23.5px;}
    .footer-socials a {width: 35px; height: 35px;}
    .bloglist-fluid, .miert-en-fluid, .bemutatkozas-fluid {padding-top: 4em;padding-bottom: 4em;}

    .subpage-title-block h1 {font-size: 43px;}

    .price-list-img {height: 100%;}
    .price-table-header, .price-table-row {font-size: 18px}
    .price-table-row > div, .price-table-header > div {height: 60px;}

    .orange-block {padding: 1em 2em; width: 50%;}
    .orange-block.mb-4 {margin-bottom: 0rem !important;}
    .orange-block .subpage-title-block h2 {font-size: 25px;}
    .open-hour-block span {font-size: 19px;}
    .open-hour-block {margin-bottom: 16px;}
    .orange-m-block {display: flex; flex-direction: row; gap: 16px; margin-bottom: 2em;}
    .mapsframe {height: 350px !important;}

    .modal-dialog {
        max-width: 80%;
    }
}

/* XL */
@media (min-width: 1200px) {

}

@media (min-width: 1200px) and (max-width: 1399.98px) {

    .static-content {font-size: 17px;}
    .nav-link {font-size: 15px;}
    .service-text {font-size: 14px;}
    .service-title {font-size: 19px;}
    .more-btn {font-size: 15px;}
    .text-en-title {font-size: 21px;}
}

@media (min-width: 1400px) {
    .container {
        max-width: 1250px !important;
        width: 1250px !important;
    }
}