@media (max-width: 768px) {
    .tab-buttons {
        flex-direction: column; /* Stack buttons vertically on smaller screens */
    }

    .tab-button {
        width: 100%; /* Make each button take full width */
        flex: none;
    }
}
/* Responsive adjustments */
@media (max-width: 991px) {
    .footer-widget {
        text-align: center;
        margin-bottom: 30px;
    }
    .footer-bottom .textwidget {
        margin-top: 15px;
    }
}

@media (max-width: 768px) {
    .footer-top .container {
        padding: 0 15px;
    }
    .footer-bottom .textwidget {
        text-align: center;
    }
    .copy-right-menu {
        text-align: center;
    }
}

@media (max-width: 576px) {
    /* Stack footer widgets vertically on very small screens */
    .footer-widget {
        padding: 0 15px;
    }
    .footer-bottom .row {
        flex-direction: column-reverse;
    }
    .footer-bottom .col-lg-9,
    .footer-bottom .col-lg-3 {
        text-align: center;
        margin: 10px 0;
    }
    .copy-right-menu li {
        margin: 0 10px;
    }
}
  /* Additional adjustments for very small screens like iPhone SE */
  @media (max-width: 375px) {
    .footer-widget .widget-title {
        font-size: 16px; /* Smaller titles for better readability */
    }
    .footer-widget .site-map li a {
        font-size: 14px; /* Slightly smaller link text */
    }
    .footer-top {
        padding: 20px 0; /* Reduced padding */
    }
    .footer-bottom .textwidget p {
        font-size: 12px; /* Smaller copyright text */
    }
    .footer-bottom .row {
        flex-direction: column-reverse;
    }
    .footer-bottom .col-lg-9,
    .footer-bottom .col-lg-3 {
        text-align: center;
        margin: 10px 0;
    }
    .copy-right-menu {
        display: flex;
        justify-content: center;
        padding: 10px 0;
    }
    .copy-right-menu li a {
        font-size: 18px; /* Smaller icon size */
        margin: 0 8px;
    }
}
 /* Responsive adjustments for iPad Pro (1024px and below) */
/* Styling adjustments specifically for iPad Pro (1024px and below) */
@media (max-width: 1024px) {
    .footer-widget {
        text-align: center;
        margin-bottom: 20px;
    }
    .footer-widget .widget-title {
        font-size: 18px;
        margin-bottom: 10px;
    }
    .footer-widget .site-map li a {
        font-size: 15px;
        padding: 5px 0;
    }
    .footer-top {
        padding: 30px 15px;
    }
    .footer-logo img {
        max-width: 200px;
    }
    .copy-right-menu {
        display: flex;
        justify-content: center;
        padding: 15px 0;
    }
    .copy-right-menu li a {
        font-size: 20px;
        margin: 0 10px;
    }
    .footer-bottom .textwidget {
        font-size: 14px;
        text-align: center;
    }
}

/* Responsive adjustments for iPhone 12 Pro and other narrow screens (390px and below) */
@media (max-width: 390px) {
    .footer-widget .widget-title {
        font-size: 16px;
    }
    .footer-widget .site-map li a {
        font-size: 14px;
    }
    .footer-top {
        padding: 20px 0;
    }
    .footer-bottom .textwidget p {
        font-size: 12px;
    }
    .footer-bottom .row {
        flex-direction: column-reverse;
    }
    .footer-bottom .col-lg-9,
    .footer-bottom .col-lg-3 {
        text-align: center;
        margin: 10px 0;
    }
    .copy-right-menu {
        display: flex;
        justify-content: center;
        padding: 10px 0;
    }
    .copy-right-menu li a {
        font-size: 18px;
        margin: 0 8px;
    }
}

/* Additional general small device settings for 768px and below */
@media (max-width: 768px) {
    .footer-widget {
        padding: 0 15px;
    }
    .footer-bottom .textwidget {
        text-align: center;
    }
    .footer-logo img {
        max-width: 150px; /* Reduce logo size for small screens */
    }
}

/* Header /
/* Tablet-specific styles for screens between 768px and 1024px */
@media (min-width: 768px) and (max-width: 1024px) {
    /* Style header for tablet */

    /* Adjust nav link font sizes and padding for better fit */
    .navbar-nav .nav-link {
        font-size: 1rem !important; /* Adjust font size */
        padding: 3px 7px !important;
    }

    /* Ensure dropdown menus do not overflow */
    .dropdown-menu {
        max-height: 70vh !important; /* Limit height to prevent overflow */
        overflow-y: auto !important; /* Allow scrolling if content exceeds */
    }

    /* Adjust the language switcher spacing */
    .dropdown.ms-4 {
        margin-left: 0.5rem !important;
    }
}

/* General styles */
.navbar-nav .nav-item .nav-link.active {
    color: #ffffff !important;
    background-color: #0067b8 !important;
}

/*new page/
/* Responsive Styles */
@media (max-width: 768px) {
    .new-hover {
        flex-direction: column; /* Stack image and text vertically */
    }

    .new-hover .col-md-5, 
    .new-hover .col-md-7 {
        width: 100%; /* Full width for smaller screens */
    }

    .custom-list-item {
        font-size: 1rem; /* Ensure readability */
    }

    .title-event {
        font-size: 1.2rem; /* Make titles slightly larger */
    }

    .pagination {
        font-size: 0.8rem; /* Smaller pagination size */
    }
}

/* Small devices (sm) */
@media (max-width: 576px) {
    #header2 {
        padding: 3px 0;
    }
    .header-wrap-secondary .navbar-nav .nav-link {
        font-size: 12px;
        padding: 3px 5px;
    }
    .header-wrap-secondary .navbar-brand img {
        max-width: 80px;
    }
}

/* Medium devices (md) */
@media (min-width: 577px) and (max-width: 768px) {
    .header-wrap-secondary .navbar-nav .nav-link {
        font-size: 13px;
        padding: 4px 8px;
    }
    .header-wrap-secondary .navbar-brand img {
        max-width: 90px;
    }
}

/* Large devices (lg) */
@media (min-width: 769px) and (max-width: 992px) {
    .header-wrap-secondary .navbar-nav .nav-link {
        font-size: 14px;
        padding: 5px 10px;
    }
    .header-wrap-secondary .navbar-brand img {
        max-width: 100px;
    }
}