@media (min-width: 992px) and (max-width: 1199.98px) {
    :root {
        --h1: 2.2rem;
        --h2: 1.85rem;
        --h3: 1.6rem;
        --h4: 1.4rem;
        --h5: 1.2rem;
        --h6: 1rem;
        --lg: 1.05rem;
        --bs: 0.95rem; /* ~15px */
        --sm: 0.825rem;
    }

    .main-header .desktop .dropdown-items {
        top: 44px;
    }

    .main-banner .slider-content {
        height: 500px;
    }

    .main-banner .prev {
        left: 12px;
    }

    .main-banner .next {
        right: 12px;
    }

    .section-spacing {
        margin: 48px 0;
    }

    .event-card-content h5, 
    .blog__post-content-two .title {
        font-size: var(--h5) !important;
        font-weight: 700 !important;
    }

    .main-footer, .main-footer * {
        font-size: var(--sm) !important;
    }

    .main-footer h6, .main-footer h5 {
        font-size: 1rem !important;
        font-weight: 700 !important;
    }

    .section-title .title-line {
        width: 4%;
    }

    .news-slider .news-item {
        height: 340px;
    }

    .what-we-do .d-flex {
        flex-wrap: wrap;
    }

    .we-do-item.w-100 {
        width: 48.50% !important;
    }

    .we-do-item img {
        width: 100px !important;
        height: 100px;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    :root {
        --h1: 2rem;
        --h2: 1.7rem;
        --h3: 1.5rem;
        --h4: 1.3rem;
        --h5: 1.15rem;
        --h6: 1rem;
        --lg: 1rem;
        --bs: 0.9375rem; /* 15px */
        --sm: 0.8125rem; /* 13px */
    }

    .main-banner .slider-content {
        height: 420px;
    }

    .main-banner .prev {
        left: 12px;
    }

    .main-banner .next {
        right: 12px;
    }

    .section-spacing {
        margin: 40px 0;
    }

    .section-title .title-line {
        width: 6%;
    }

    .event-card-slider .img img {
        height: 220px;
    }

    .news-slider .news-item {
        height: 340px;
    }

    .what-we-do .d-flex {
        flex-wrap: wrap;
    }

    .we-do-item.w-100 {
        width: 48.50% !important;
    }

    .we-do-item img {
        width: 80px !important;
        height: 80px;
    }

    .honours .slick-dots,
    .past-presidents .slick-dots {
        bottom: -26px;
    }

    .membership .d-flex {
        flex-wrap: wrap;
    }

    .membership-item {
        margin: 8px 8px;
        padding: 12px 20px !important;
        width: 47%;
        border: 2px solid var(--white_color);
        border-radius: var(--round_md);
        -webkit-border-radius: var(--round_md);
        -moz-border-radius: var(--round_md);
        -ms-border-radius: var(--round_md);
        -o-border-radius: var(--round_md);
    }

    .membership .membership-item .img img {
        width: 80px;
        height: 80px;
    }

    .btm-slider .slick-dots {
        bottom: -30px;
    }
}

@media (max-width: 991.98px) {
    .section-title h2 {
        font-weight: 700;
        font-size: var(--h2);
    }

    .about-aside {
        display: none;
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    :root {
        --h1: 30px;
        --h2: 26px;
        --h3: 22px;
        --h4: 18px;
        --h5: 15px;
        --h6: 14px;
        --lg: 14px;
        --bs: 13px;
        --sm: 12px;
    }

    .main-banner .slider-content {
        height: 380px;
    }

    .main-banner .prev {
        left: 12px;
    }

    .main-banner .next {
        right: 12px;
    }

    .section-spacing {
        margin: 40px 0;
    }

    .section-title .title-line {
        width: 6%;
    }

    .event-card-slider .img img {
        height: 240px;
    }

    .news-slider .news-item {
        height: 340px;
    }

    .honours .slick-dots,
    .past-presidents .slick-dots {
        bottom: -26px;
    }

    .membership .d-flex {
        flex-wrap: wrap;
    }

    .membership-item {
        margin: 8px 8px;
        padding: 12px 20px !important;
        width: 47%;
        border: 2px solid var(--white_color);
        border-radius: var(--round_md);
        -webkit-border-radius: var(--round_md);
        -moz-border-radius: var(--round_md);
        -ms-border-radius: var(--round_md);
        -o-border-radius: var(--round_md);
    }

    .membership .membership-item .img img {
        width: 80px;
        height: 80px;
    }

    .btm-slider .slick-dots {
        bottom: -30px;
    }
}

@media (max-width: 767.98px) {
    .what-we-do .d-flex {
        flex-wrap: wrap;
    }

    .we-do-item img {
        width: 80px !important;
        height: 80px;
    }

    .about .my-5 .d-flex {
        flex-wrap: wrap;
    }

    .membership-item {
        width: 100% !important;
    }

    .main-footer .map {
        margin-top: 12px;
    }

    .main-footer .map .iframe iframe {
        width: 100%;
        height: 100%;
        border-top-left-radius: var(--round_md);
        border-bottom-left-radius: 0;
        border-top-right-radius: var(--round_md);
    }

    .main-footer .map.d-flex {
        flex-wrap: wrap;
    }

    .main-footer .map .iframe,
    .main-footer .map .details {
        width: 100%;
    }

    .about .world-gif,
    .bottom-slider .world-gif {
        width: 100%;
    }

    .ad-banner-content {
        width: 90% !important;
    }

    .ad-banner-content .close-btn button {
        height: 28px;
        width: 28px;
        line-height: 26px;
    }

    .ad-banner-content .close-btn svg {
        height: 18px;
        width: 18px;
    }

    .main-header .header-searchbar input {
        height: 32px;
    }

    .main-header .header-searchbar .searchbar-btn {
        height: 32px;
    }

    .main-header .header-searchbar {
        padding: 16px 0;
    }

    /* Change log */
    .d-md-flex .w-50 {
        width: 100% !important;
    }

    .our-timelines .timeline-content::after,
    .heritage-stories .heritage-content::after {
        top: -12px;
        left: 90%;
    }
}

@media (max-width: 575.98px) {
    :root {
        --h1: 27px;
        --h2: 23px;
        --h3: 20px;
        --h4: 17px;
        --h5: 14px;
        --h6: 13px;
        --lg: 12px;
        --bs: 12px;
        --sm: 11px;
    }

    .main-banner .slider-content {
        height: 320px;
    }

    .prev,
    .next {
        display: none !important;
    }

    .section-spacing {
        margin: 40px 0;
    }

    .section-title .title-line {
        width: 2%;
    }

    .event-card-slider .img img {
        height: 240px;
    }

    .news-slider .news-item {
        height: 340px;
    }

    .honours .slick-dots,
    .past-presidents .slick-dots {
        bottom: -26px;
    }

    .membership .d-flex {
        flex-wrap: wrap;
    }

    .membership-item {
        margin: 8px 8px;
        padding: 12px 20px !important;
        width: 47%;
        border: 2px solid var(--white_color);
        border-radius: var(--round_md);
        -webkit-border-radius: var(--round_md);
        -moz-border-radius: var(--round_md);
        -ms-border-radius: var(--round_md);
        -o-border-radius: var(--round_md);
    }

    .membership .membership-item .img img {
        width: 80px;
        height: 80px;
    }

    .honours-slider .item .img img {
        height: 440px;
    }

    .btm-slider .slick-dots {
        bottom: -30px;
    }

    .main-header .solid-bar {
        font-size: 26px;
    }

    .main-footer {
        padding: 32px 0;
    }

    /* Change log */
    .timeline-slider .year-nav {
        display: flex;
        flex-direction: row;
        top: 120px;
        left: 50%;
        z-index: 5;
        transform: translateX(-50%) translateY(0);
        -webkit-transform: translateX(-50%) translateY(0);
        -moz-transform: translateX(-50%) translateY(0);
        -ms-transform: translateX(-50%) translateY(0);
        -o-transform: translateX(-50%) translateY(0);
    }

    .timeline-slider .prev, 
    .timeline-slider .next {
        display: block !important;
    }

    .timeline-slider .prev {
        transform: rotate(270deg);
        -webkit-transform: rotate(270deg);
        -moz-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
        -o-transform: rotate(270deg);
    }

    .timeline-slider .next {
        transform: rotate(270deg);
        -webkit-transform: rotate(270deg);
        -moz-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
        -o-transform: rotate(270deg);
    }

    .timeline-slider .year-nav button {
        padding: 0 8px;
        font-size: 16px;
    }

    .timeline-slider .year-nav button::after {
        position: absolute;
        content: '';
        height: 1px;
        width: 10px;
        background-color: #919191;
        top: 12px;
        left: -5px;
        transform: translateX(0);
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
    }

    .timeline-slider .year-nav li:last-child button::after {
        transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        top: -5px;
        left: 16px;
    }
}