@media(max-width: 1280px){

    /* :root {
        --swiper-navigation-sides-offset: 0px;
    } */

}
/* Media query for smaller screens, like tablets */
@media (max-width:768px){
    .homepage-section .col-3>div{width:100%}
    .homepage-section .col-2>div{width:100%}
    .homepage-section .footer.mobile{display:block}
    .homepage-section .header a{display:none}
    .dashboard-navbar .logo{width:150px;height:auto;padding:0}
    .points-card{position:relative;width:100%}
    .container.profile-mobile{margin-top:-100px}
    .filter-button-wrapper{flex-grow:1;margin-bottom:15px}
    .filter-button-wrapper .nav-tabs{gap:10px}
    .mobile-third-nav{display:block}
    .nav.nav-tabs-controls{flex-wrap:nowrap;overflow-x:scroll}
    #nav-tab .nav-link{font-size:14px}
    #nav-tab .nav-link.nav-list{white-space:nowrap}
    .filter-button-wrapper a{margin-bottom:8px}
    /* .membership-info .membership-icon-card .title{font-size:18px} */
    /* .membership-info .membership-icon-card .title>svg{display:none} */
    /* .membership-info .membership-icon-card .icon-wrapper .icon{width:50%;padding:8px;box-sizing:border-box} */
    .mobile-quick-nav{display:flex}
}
@media (max-width:320px){
    .points-card .points{flex-wrap:wrap;padding:12px}
    .points-card .points .text{width:100%;order:-1}
    .points-card .sub-card{padding:15px}
}