/* XX-Large devices */
@media (max-width: 1599px) {
    .gallery__inner {
        padding-bottom: 128px;
    }
}

/* X-Large devices */
@media (max-width: 1399px) {
    .fs-1 {
        font-size: 64px !important;
    }
    .fs-2 {
        font-size: 56px !important;
    }
    .btn {
        padding: 20px 48px;
        font-size: 16px;
    }

    .hero__thumb,
    .about__thumb,
    .gallery__slide__btns {
        margin-right: 0;
    }
    .agenda--section,
    .about--section,
    .news--section,
    .focusedBox-section,
    .news--section {
        padding: 80px 0;
    }
    .gallery__inner {
        padding-bottom: 80px;
    }
    .gallery__btn {
        margin-top: 72px;
    }
    .gallery__doodle--one,
    .gallery__doodle--two,
    .news__obj-1, 
    .news__obj-2 {
        max-width: 200px;
    }
    .gallery__slide {
        width: 50px;
        height: 50px;
        border-radius: 6px;
    }
    .gallery__slide svg {
        width: 11px;
    }
    .row--contact.g-5 {
        --bs-gutter-x: 72px;
        --bs-gutter-y: 72px;
    }
    .footer__wrapper {
        padding: 40px 0;
        margin-left: 40px;
    }
}

/* Large devices */
@media (max-width: 1199px) {
    .fs-1 {
        font-size: 54px !important;
    }
    .fs-2 {
        font-size: 48px !important;
    }
    .header__nav nav > ul {
        gap: 40px;
    }
    .header__logo {
        max-width: 104px;
    }

    .section__title-borderd h2::after {
        height: 6px;
    }
    .gallery__item {
        height: 400px;
    }
    .gallery__slide {
        margin-bottom: -20px;
    }
    .news__item-content {
        padding: 20px;
    }
    .swiper-btns {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 16px;
        margin-top: 32px;
    }
    .swiper-btns button {
        position: static;
        transform: unset;
        width: 50px;
        height: 50px;
        color: #00813b;
        border: 1px solid #00813b;
        border-radius: 6px;
        background-color: transparent;
        display: inline-flex;
        justify-content: center;
        align-items: center;
    }
    .swiper-btns button:hover {
        background-color: #00813b;
        color: #fff;
    }
    .swiper-btns button svg {
        max-width: 11px;
    }
    .lernMore span.icon {
        width: 20px;
        height: 20px;
    }
    .lernMore span.icon svg {
        max-width: 10px;
    }
    .footer__wrapper {
        margin-left: 0;
    }
    .copyright-text {
        font-size: 16px;
    }
}

/* Medium devices (Tab) */
@media (max-width: 991px) {
    .fs-1 {
        font-size: 48px !important;
        line-height: 1;
    }
    .fs-2 {
        font-size: 44px !important;
        line-height: 1;
    }
    .btn {
        padding: 16px 40px;
        font-size: 14px;
    }

    .header {
        border-bottom: 1px solid rgba(0, 0, 0, 0.25);
    }
    .header__logo {
        max-width: 88px;
    }
    .hero--section {
        padding: 140px 0 80px;
    }
    .hero__content,
    .about--section .section__content,
    .focusedBox__content,
    .contact__content {
        max-width: 100%;
        margin: 0;
    }
    .swiper-slide-next .gallery__thumb,
    .swiper-slide-next + div .gallery__thumb {
        height: 100%;
    }
    .gallery__btn {
        margin-top: 48px;
    }
    .row--contact.g-5 {
        --bs-gutter-x: 48px;
        --bs-gutter-y: 48px;
    }
    .news__obj-1, 
    .news__obj-2 {
        max-width: 150px;
    }
    .contact__form-submit {
        margin-left: 0;
    }
    .footer__logo {
        margin: 0 auto 32px;
    }
}

/*  Small devices */
@media (max-width: 767px) {
    .fs-1 {
        font-size: 44px !important;
    }
    .fs-2 {
        font-size: 40px !important;
    }

    .hero__content h1 {
        margin-bottom: 20px;
    }
    .section__title-borderd h2::after {
        bottom: 4px;
        height: 4px;
    }
    .agenda--section,
    .about--section,
    .news--section,
    .focusedBox-section,
    .contact-section {
        padding: 60px 0;
    }
    .gallery__item {
        height: 300px;
    }
    .gallery__inner {
        padding-bottom: 60px;
    }
    .row--focusedBox.g-5 {
        --bs-gutter-x: 48px;
        --bs-gutter-y: 48px;
    }
    .section__title {
        margin-bottom: 40px;
    }
    .contact__doodle {
        max-width: 50%;
    }
    .contact__content h2 {
        margin-bottom: 32px;
    }
    .inputBox {
        margin-bottom: 24px;
    }
    .inputBox textarea,
    .inputBox input,
    .inputBox textarea::placeholder,
    .inputBox input::placeholder {
        font-size: 16px;
    }
    .inputBox textarea:focus,
    .inputBox input:focus,
    .inputBox textarea:not(:placeholder-shown),
    .inputBox input:not(:placeholder-shown),
    .inputBox textarea:focus::placeholder,
    .inputBox input:focus::placeholder {
        font-weight: 600;
    }
    .contact__form-submit {
        margin-left: 0;
        margin-top: 16px;
    }
    .copyright-text {
        font-size: 14px;
    }
    .footer__navs ul li {
        font-size: 16px;
        line-height: 2;
    }
    
    .calendar-form input, .calendar-form textarea { max-width: 80%; }
}

/* Mobile devices  */
@media (max-width: 576px) {
    .fs-1 {
        font-size: 40px !important;
    }
    .fs-2 {
        font-size: 36px !important;
    }

    .header__logo {
        max-width: 72px;
    }
    .menu-btn,
    .menu-close {
        width: 36px;
        height: 36px;
        font-size: 17px;
    }
    .hero--section {
        padding: 114px 0 64px;
    }
    .agenda--section,
    .about--section,
    .news--section,
    .focusedBox-section,
    .contact-section {
        padding: 48px 0;
    }
    .gallery__item {
        height: 248px;
    }
    .gallery__slide,
    .swiper-btns button {
        width: 40px;
        height: 40px;
        border-radius: 4px;
    }
    .gallery__slide svg,
    .swiper-btns button svg {
        width: 8px;
    }
    .gallery__inner {
        padding-bottom: 48px;
    }
    .contact__content h2 {
        margin-bottom: 16px;
        margin-top: 8px;
    }
    .inputBox {
        margin-bottom: 16px;
    }
    .inputBox input {
        height: 48px;
    }
    .inputBox textarea {
        height: 64px;
    }
    .footer__logo {
        max-width: 120px;
        margin: 0 auto 20px;
    }
}