/* @media(280px <= width <= 360px){
    .pizza-line li.active{
        padding: 4px 3px;
        font-size: 10px;
    }
    .pizza-line li{
        padding: 4px 3px;
        font-size: 10px;
    }

} */
@media(280px <= width <= 576px){
    .top-right{
        padding-top: 12px;
    }
    /* .mb-2ndmenu-right{
        width: 182px;
    } */
    .search-btn img {
    width: 36px;
    padding-top: 28px;
    padding-left: 10px;
    }
    .cart-icon {
    margin-left: 10px;
}
    .tab-container{
        margin: 12px auto 12px 0px;
    }
    footer{
        background-size: cover;
        background-repeat: no-repeat;
    }
    footer .d-flex{
        flex-direction: column;
    }
    .menu .container .swiper-button-next{
        display: none;
    }
    .top-left .d-flex{
        flex-direction: row-reverse;
    }
    .deal .card{
        margin-bottom: 18px;
        height: 282px;
    }
    .swiper-slide {
        height: 220px !important;
    }
    .top-left{
        width: 100%;
    }
    .add-button{
        font-size: 14px;
    }
    .bs .add-button{
        font-size: 12px;
    }
    .bs .old-price, .bs .current-price{
        font-size: 12px;
    }
    .pizza-modal .pz-pop-part{
        flex-direction: column;
    }
    .cpz1 {
    width: 100%;
    }
    .addon-instructions-row, .addon-section{
        width: 100%;
    }
    .add-on-label{
        padding-right: 0;
    }
    .menu li{
        padding: 10px 10px;
        white-space: nowrap;
        margin-right: 5px;
    }
    .cart-section{
        display: none;
    }
    .mb-sign{
        margin-top: 12px;
    }
    .menu-toggle{
        padding: 0px 10px 0 0;
    } 
    .pizza-line li.active{
        padding: 4px 3px;
        font-size: 10px;
    }
    .pizza-line li{
        padding: 4px 3px;
        font-size: 10px;
    }
    .bs .add-button{
        padding: 6px 10px;
    }
    .bs .price-section{
        gap: 4px;
        padding-top: 1px;
    }
    #checkout-page .container{
        grid-template-columns: auto;
        padding: 0 8px;
    }
    .bogo-add-btn {
        width: 38%;
    }
    .status-badge{
        font-size: 10px;
    }
    .reorder-btn{
        font-size: 10px !important;
    }
    .order-price{
        font-size: 16px;
    }
    .order-id{
        font-size: 14px;
    }
    .order-date{
        font-size: 13px;
    }
    .order-card .accordion-button::after{
        width: 14px;
        height: 14px;
        background-size: 14px;
        margin-left: 2px;
    }
}
@media(768px <= width <= 1024px){
    .navbar{
        flex-wrap: nowrap;
    }
    .adrs .t1{
        font-size: 14px;
    }
    .adrs .t2{
        font-size: 12px;
    }
    .adrs-icon1 img {
    width: 24px;
}
.deal .card{
    margin-bottom: 18px;
}
.cart-section{
    display: none;
}
#checkout-page .container {
    grid-template-columns: auto;
}
.add-on-label{
    padding-right: 70px;
}
}
@media (max-width: 1024px) {
      .menu-container .nav-btn {
        display: block;
        background: none;
      }
      .menu-container .left-btn {
        padding: 0 10px 10px 0px;
      }
      .menu-container .right-btn {
        padding: 0 0 10px 10px;
      }

      .menu {
        scrollbar-width: none;
      }

      .menu::-webkit-scrollbar {
        display: none;
      }
    }

@media(min-width: 1100px){
    /* .cart-icon{
        display: none;
    } */
    .menu{
        flex: 1;
        justify-content: space-between;
    }
    
    .pizza-line{
        justify-content: flex-start !important;
    }
}