/* mobile, desktop and tablet styles */

/* ==========================================================================
   Breakpoint reference (mobile-first, aligned with Bootstrap 5 grid)
   --------------------------------------------------------------------------
   Mobile  : 0      - 575.98px  (base styles, no media query)
   Tablet  : 576px  - 991.98px
   Desktop : 992px  and up
   ========================================================================== */

/* -------------------------------------------------------------------------
   Mobile (base styles - applies to all screens unless overridden below)
   ------------------------------------------------------------------------- */

/* shown by default (mobile), hidden from tablet/desktop up */
.mobile_only {
    display: block;
}
.buy_select {
    border: 1px solid #c1c1c1;
    padding: 12px;
}
/* hidden by default (mobile), shown from desktop up */
.desktop_only {
    display: none!important;
}

/* -------------------------------------------------------------------------
   Tablet: 576px and up
   ------------------------------------------------------------------------- */
@media (min-width: 576px) {

}

/* -------------------------------------------------------------------------
   Desktop: 992px and up
   ------------------------------------------------------------------------- */
@media (min-width: 992px) {
    .mobile_only {
        display: none!important; 
    }

    .desktop_only {
        display: block!important;
    }
}

/* -------------------------------------------------------------------------
   Large desktop: 1200px and up
   ------------------------------------------------------------------------- */
@media (min-width: 1200px) {
    .mobile_only {
        display: none!important;
    }

    .desktop_only {
        display: block;
    }
}

/* -------------------------------------------------------------------------
   Mobile only (max-width overrides, use sparingly - prefer mobile-first above)
   ------------------------------------------------------------------------- */
@media (max-width: 575.98px) {
    .mobile_only {
         display: block;
    }

    .desktop_only {
       
        display: none!important;
    }
}