@media (max-width: 1200px) {
    .profile-start .nav-pills .nav-link {
        padding: 10px 10px;
        font-size: 12px;
    }

    .creative {
        font-size: 16px;
        width: 28px;
        height: 28px;
    }

    .profile-picture .hello h5 {
        color: #fff;
        margin: 0;
        font-size: 16px;
    }

    .ti-adjustments-horizontal {
        display: block !important;
    }

    .middle-iconfixed {
        top: 40% !important;
    }

    .web-wrapper {
        margin: 0;
    }

    .footer_section__main {
        margin: 0;
    }

    .training-info {
        margin-bottom: 20px;
    }
}

/* Small Laptop & Tablet | Check 768px - 992px*/
@media (max-width: 992px) {
    body {
        padding-top: 155px !important;
    }

    .mt-190 {
        margin-top: 90px !important;
    }

    .login-form {
        min-height: auto;
    }

    .web-wrapper {
        margin: 0px;
    }

    .login-form {
        padding: 20px;
    }

    .middle-iconfixed {
        top: 20% !important;
    }

    .ranking .player-info-boxes img {
        margin-bottom: 30px;
    }

    .cmn-btn {
        padding: 8px 15px;
        font-size: 14px;
    }

    .career .career-boxes .apply-btn {
        bottom: 20px;
        right: 25px;
    }
}

@media (max-width: 768px) {
    .dropdown.open > .dropdown-toggle .chevron {
        transform: rotate(180deg); /* arrow flips when open */
        transition: transform 0.3s ease;
    }

    /* make dropdown flow in layout and be hidden by default */
    .dropdown {
        position: static;
        display: block;
        width: 100%;
    }

    .dropdown > .dropdown-toggle {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        padding: 12px 14px;
        background: transparent;
        border-radius: 8px;
        text-align: left;
    }

    .dropdown-content {
        position: static; /* in-flow instead of absolute */
        box-shadow: none;
        min-width: 100%;
        margin-top: 0;
        border-radius: 6px;
        visibility: visible;
        opacity: 1;
        display: none; /* closed by default on mobile; JS toggles */
        overflow: visible;
        background-color: rgba(var(--p2), 1);
        z-index: auto;
        padding: 6px 0;
    }

    /* show when open */
    .dropdown.open > .dropdown-content {
        display: block;
    }

    /* larger tap area for links */
    .dropdown-content a {
        padding: 10px 20px;
        border-bottom: 1px solid #eee;
        margin: 0px -20px;
    }

    .dropdown-content a:last-child {
        border-bottom: none;
    }

    /* rotate chevron when open */
    .dropdown.open > .dropdown-toggle .chevron {
        transform: rotate(180deg);
    }

    /* off-canvas or fixed side panels often need a max-height */
    .mobile-nav-wrapper,
    .dropdown-content {
        -webkit-overflow-scrolling: touch;
    }
}

@media (hover: none) {
    .dropdown:hover .dropdown-content {
        /* visibility: hidden; */
        /* opacity: 0; */
    }
}

@media (max-width: 767px) {
    .web-wrapper {
        margin: 0px 10px !important;
    }

    .middle-iconfixed {
        top: 88px !important;
    }

    .home-right-sticky {
        margin-top: 0px;
    }

    .coach-section .add-coaches img {
        height: 160px;
    }

    .ranking .player-info-boxes img {
        height: 150px;
        margin-bottom: 20px;
    }

    .fitness-page .training-video-box img {
        height: 130px;
    }

    .news .main-post iframe {
        height: 250px;
    }

    .healine-post iframe {
        height: 250px;
    }

    .headline-detail iframe {
        height: 250px;
    }

    .wellness-detail .wellness-img {
        height: 250px;
    }

    .pro-nav {
        border-radius: 0px;
    }

    .ranking .player {
        margin-bottom: 30px;
    }

    .ranking .player img {
        height: 200px;
    }

    .upcomming-event .schedule-box {
        flex-wrap: wrap;
        /* Allows wrapping for smaller screens */
        gap: 10px;
    }

    /* Date box styling */
    .upcomming-event .date-box {
        white-space: nowrap;
        /* Prevents text wrapping */
    }

    /* Main content section */
    .upcomming-event .content {
        flex-wrap: wrap;
        /* Enables wrapping */
    }

    /* Align event details */
    .upcomming-event .content-div {
        display: flex;
        align-items: center;
        gap: 15px;
        flex-wrap: wrap;
        /* Allows wrapping */
    }

    /* Button container */
    .upcomming-event .btns-content {
        display: flex;
        align-items: center;
        gap: 5px;
        flex-wrap: wrap;
        /* Enables wrapping */
    }

    /* Button styling */
    .upcomming-event .btn {
        padding: 8px 12px;
        border-radius: 5px;
        font-size: 10px;
        text-align: center;
        white-space: nowrap;
        /* Prevents text wrapping */
    }

    .upcomming-event .schedule-box {
        flex-direction: column;
        align-items: flex-start;
    }

    .upcomming-event .date-box {
        border-right: none;
        border-bottom: 2px solid black;
        width: 100%;
        text-align: center;
    }

    .upcomming-event .content {
        flex-direction: column;
        width: 100%;
        text-align: center;
        gap: 15px !important;
    }

    .upcomming-event .btns-content {
        justify-content: center;
        width: 100%;
    }

    .upcomming-event .btn {
        width: 100%;
        /* Full width buttons on small screens */
    }

    .top_matches__main {
        margin: 0px !important;
    }

    .schedule-page-ui .viwer-poster-box .poster-btns .btn {
        font-size: 12px !important;
        padding: 5px 15px;
        justify-content: center;
    }

    .schedule-page-ui .viwer-poster-box .poster-btns {
        gap: 10px;
    }

    .section-adds .add-section-slider .adds img {
        height: 160px;
    }

    .wellness-center .featured-box img {
        height: 150px;
    }

    .career .career-boxes {
        padding: 20px;
    }

    .career .career-boxes .apply-btn {
        position: static;
        margin: 15px 0px;
        text-align: center;
    }

    .career .career-boxes .apply-btn .cmn-btn {
        display: inline-block;
    }

    .form-model .form-submission-box {
        padding: 0px;
    }

    .navbar-nav2fixed {
        padding-left: 0px !important;
        gap: 5px !important;
    }

    .navbar-nav2fixed .dropdown {
        padding: 5px;
        border-bottom: 1px solid #fff;
        margin-bottom: 5px;
    }

    .navbar-nav2fixed .dropdown:nth-last-child(1) {
        border-bottom: none;
    }

    .navbar-nav2fixed .dropdown a {
        padding-left: 20px;
    }

    .dropdown-btn {
        display: flex;
        justify-content: center !important;
        align-items: center;
        gap: 5px;
        margin-right: 5px !important;
    }

    .login-page-box .img-box {
        background: none;
        height: auto;
    }

    /* .fitness-page .training-video-box img{
        height: auto;
    } */

    .coach-form .img-box {
        display: none;
    }

    .trained-player .player img {
        object-fit: contain;
    }

    .language-area {
        margin-left: 15px;
    }

    .dropdown-menu[data-bs-popper] {
        top: 100%;
        left: -36px;
        margin-top: var(--bs-dropdown-spacer);
    }

    .live-stream .score-box {
        overflow: auto;
        justify-content: start;
    }

    .live-stream .score-box .player-n {
        text-align: center;
    }

    .scroll-container {
        bottom: 40px;
        right: 20px;
    }

    .more-pages-header ul {
        justify-content: center;
    }

    .social-groups .nav-pills {
        justify-content: start;
        overflow: auto;
        flex-wrap: nowrap;
        white-space: nowrap;
    }

    .match-box {
        margin-bottom: 30px;
    }

    .match-box-dropdown .share-dropdown {
        left: -50px;
    }

    .matches-boxes {
        overflow: auto;
        white-space: nowrap;
    }

    .match-detail .range input {
        width: 80px;
    }

    .badminton-coach-info {
        text-align: center;
    }

    .badminton-coach-info .row-gap {
        row-gap: 20px;
    }

    .live-upcomming-match .links-options {
        flex-wrap: nowrap;
        overflow: auto;
        white-space: nowrap;
        gap: 15px;
    }

    .upcomming-boxes .upcomming-player img {
        height: 160px;
        object-fit: contain;
        object-position: bottom;
    }

    .taining-exercise-videos .category ul {
        justify-content: center;
        flex-wrap: wrap;
        gap: 10px;
    }

    .fitness-poster .poster {
        margin-bottom: 30px;
    }

    .training-video {
        margin-bottom: 20px;
    }

    .news .news-small-frame {
        height: auto;
    }

    .news .news-big-frame {
        height: auto;
        margin-bottom: 30px;
    }

    .break-news .news-breaking {
        margin-bottom: 30px;
        height: auto;
    }

    .prediction-scores .prediction-score-box {
        margin-bottom: 30px;
    }

    .search-baar .form-control {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .tournament-registration img {
        height: 180px;
    }

    /* .tournament-boxes .cmn-btn {
        margin-bottom: 20px;
    } */

    .player-record .plyer-box {
        width: 400px;
    }

    .Highlights {
        margin-bottom: 30px;
    }

    .club-players .player-info-boxes {
        margin-bottom: 30px;
    }

    .event .event-box {
        margin-bottom: 30px;
    }

    .tournament-tree {
        overflow: auto;
    }

    .logo {
        width: 100px !important;
    }

    .right-area .cmn-btn {
        padding: 5px 20px;
    }

    .upcomming-boxes .upcomming-club {
        min-height: 210px;
    }

    .bracket {
        justify-content: start !important;
        overflow: auto;
    }

    .tournament-map .radio-group {
        margin: 20px;
    }

    .create-group .img-box {
        height: 330px;
        background-position: center;
    }

    .create-group .form-boxdesign .form-submission-box {
        padding: 30px 20px 20px 20px;
    }

    .mt-190 {
        margin-top: 150px !important;
    }

    .left-nav-area .nav_aside {
        padding-top: 0px;
    }

    .filter-buttons {
        width: 100% !important;
        display: flex;
        align-items: center;
        gap: 20px;
        justify-content: space-between !important;
    }

    .healine-post .post-img {
        height: 212px !important;
    }

    .home-right-sticky .custom-box {
        width: 80%;
        margin: 0px auto;
        margin-bottom: 25px;
    }

    .headline-widget {
        width: 80%;
        margin: 0px auto;
        margin-bottom: 20px;
    }

    .profile-picture img {
        max-width: 60%;
    }

    .profile-picture .hello {
        top: 70px;
        right: 80px;
    }

    .profile {
        padding: 30px 0px;
        height: auto;
        margin-top: 0;
    }

    .lets {
        height: auto;
    }

    .profile-header h4 {
        margin: 0;
        font-size: 20px;
    }

    .my-profile .profile-body .eolimn-btn {
        padding: 8px 12px;
        font-size: 14px;
    }

    .bookings .booking-info .booking-content h5 {
        margin: 0;
        font-size: 18px;
    }

    .bookings .booking-info .booking-content span {
        font-size: 12px;
    }

    .bookings .booking-info .booking-side a {
        background-color: var(--eolimn-text-dark2);
        color: var(--eolimn-white);
        width: 24px;
        height: 24px;
        display: inline-block;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 14px;
    }

    .bookings .booking-info {
        padding: 15px;
    }

    .booking-details .booking-table .status {
        padding: 5px 5px;
    }

    .booking-details {
        padding: 20px 10px;
    }

    .booking-details .booking-table td {
        padding: 5px;
    }

    .booking-details .table-booking td {
        padding: 0px;
        line-height: 24px;
    }

    .top_matches__title .cmn-btn {
        width: 100px;
    }

    .training-section .training-item {
        flex-direction: column;
        align-items: stretch;
        text-align: left;
        padding: 15px;
    }

    .training-section .center-box {
        min-width: auto;
    }

    .training-section .left-box {
        flex-direction: row;
        align-items: center;
        gap: 15px;
        width: 100%;
    }

    .training-section .video-thumb {
        width: 100%;
        height: 120px;
        flex-shrink: 0;
    }

    .training-section .training-item {
        gap: 10px;
    }

    .training-section .center-box {
        width: 100%;
    }

    .training-section .training-title {
        font-size: 14px;
        /* margin-top: 5px; */
    }

    .training-section .right-box {
        border-left: none;
        padding-left: 0;
        width: 100%;
        text-align: left;
        height: auto;
        margin: 0px;
        display: block;
    }

    .training-section .coach-name {
        font-size: 14px;
        margin-top: 0px;
        margin-bottom: 5px;
    }

    .training-section .right-box .cmn-btn {
        margin-top: 5px;
        width: fit-content;
    }

    .training-section .sport-name {
        font-size: 12px;
    }

    .article-section .training-item {
        flex-direction: column;
        align-items: flex-start;
        border-radius: 20px;
        padding: 15px 15px;
        gap: 10px;
        text-align: left;
    }

    .article-section .sport-name {
        padding-right: 0;
        border-right: none;
        font-size: 14px;
        text-transform: uppercase;
        font-weight: 600;
    }

    .article-section .center-box {
        width: 100%;
    }

    .article-section .training-title {
        font-size: 16px;
        line-height: 1.4;
    }

    .article-section .right-box {
        border-left: none;
        padding-left: 0;
        width: 100%;
    }

    .article-section .coach-name {
        font-size: 14px;
        margin-top: 5px;
    }

    .article-section .cmn-btn {
        margin-top: 10px;
        padding: 6px 16px;
        border-radius: 30px;
    }

    .training-detail-section .main-video iframe {
        height: 300px;
    }

    .training-detail-section .training-info .training-title {
        font-size: 18px;
        font-weight: bold;
        margin-bottom: 10px;
    }

    .training-info {
        margin-bottom: 20px;
    }

    .training-detail-section .widget-title {
        font-size: 16px;
    }

    .training-detail-section .coach-profile h4 {
        font-size: 15px;
    }

    .news-filter {
        width: 100%;
        margin-left: 0px;
    }

    .training-detail-section .video-info h5 {
        font-size: 14px;
    }

    .training-detail-section .main-video img {
        width: 100%;
        height: 250px;
    }

    .training-detail-section .main-video video {
        width: 100%;
        height: 250px;
    }

    .training-detail-section .main-video iframe {
        width: 100%;
        height: 250px;
    }

    .custom-translate .goog-te-gadget {
        border: none !important;
    }

    .custom-translate .goog-te-gadget-simple {
        padding: 0px !important;
    }

    .custom-translate .goog-te-gadget a * {
        display: none;
    }

    .custom-translate .goog-te-gadget a:before {
        content: "\f1ab";
        font-weight: 900;
        font-family: "Font Awesome 6 Pro";
        color: var(--bs-white);
        font-size: 20px;
    }

    .dropdown-btn {
        padding: 8px;
    }

    .club-section .club-actions {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .club-section .club-logo {
        width: 60px;
        height: 60px;
        margin-bottom: 15px;
    }

    .club-section .club-box {
        padding: 15px;
    }

    .about-section .about-img {
        height: 200px;
        margin-bottom: 10px;
    }

    .carousel-control-prev,
    .carousel-control-next {
        width: 30px;
        height: 30px;
    }

    .profile-header {
        padding: 20px 15px;
    }

    .my-profile .profile-body {
        padding: 15px;
    }

    .club-points-badge {
        gap: 7px;

        padding: 7px 18px;

        font-size: 14px;
    }

    .leaderboard-wrapper .leaderboard .team {
        flex: 1;
        text-align: center;
        border: 1px solid #fff;
        width: 100%;
        padding: 20px;
    }

    .leaderboard-wrapper .leaderboard .leaderboard-match {
        flex-direction: column;
        gap: 30px;
        margin-bottom: 30px;
        flex-wrap: wrap;
    }

    .leaderboard-wrapper .leaderboard .team img {
        width: 100%;
        height: 133px;
        object-fit: contain;
        border-radius: 20px;
        /* border: 2px solid #ddd; */
    }

    .team h4 {
        font-size: 20px;
        margin-top: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 5px;
    }

    .leaderboard-wrapper .leaderboard .leaderboard-header h2 {
        font-size: 14px;
    }

    .leaderboard-header h4 {
        font-size: 14px;
        text-transform: uppercase;
    }

    .owl-carousel .owl-nav button.owl-next {
        right: 0px;
    }

    .owl-carousel .owl-nav button.owl-prev {
        left: 0px;
    }

    .home-post .custom-post-card .post-body {
        padding: 15px;
    }

    .home-post .custom-post-card .card-title {
        font-size: 18px;
    }
    .home-post .custom-post-card .card-title {
        font-size: 14px;
    }

    .healine-post .post-content {
        display: block;
        padding: 0px 10px 10px;
    }

    .healine-post .post-footer h4 {
        width: 100%;
        font-size: 18px;
    }

    .ti-adjustments-horizontal {
        font-size: 14px;
    }

    .about-section h2,
    .about-section h3 {
        font-size: 18px;
    }

    .about-section .accordion-button {
        font: 16px;
    }

    .table-header h4 {
        font-size: 20px;
    }

    .coach-detail .detail-box {
        padding: 50px 15px 15px;
    }

    .coach-detail .detail-box h3 {
        font-size: 20px;
        margin-bottom: 10px;
    }

    .training-section .left-box {
        min-width: auto;
        width: 100%;
    }

    /* .training-section .left-box{
    position: absolute;
    top: 20px;
    right: 154px;
} */

    .coach-section .add-coaches h3 {
        font-size: 18px;
    }

    .training-detail-section .coach-profile {
        padding: 15px 15px 15px 15px;
    }

    .training-info h1,
    .training-info h2,
    .training-info h3,
    .training-info h4 {
        font-size: 20px;
    }

    .sport-page .sport-box .img-box img {
        height: 120px;
        width: 120px;
    }

    .fitness-page .training-video-box h3 {
        font-size: 18px;
    }
    .eventprogram .tournament-boxes .box h5 {
        font-size: 22px;
        margin-bottom: 10px;
    }

    .event-box-detail .event-content .event-headline {
        font-size: 22px;
        margin-bottom: 10px;
    }

    .event-box-detail .event-content .event-name {
        font-size: 18px;
        margin-bottom: 10px;
    }
    .main-event-section .event-card {
        margin-bottom: 20px;
    }

    .bottamtabs .profile-picture img {
        margin-top: 0px;
    }

    .nav-button {
        background: none;
        padding: 0px;
        font-weight: inherit;
        border-radius: 0px;
    }
}