/********Index************/
@media all and (min-width:320px) and (max-width:767px) {
    .hero-content-div h1{
        font-size: 1.8rem;
    }
    .swiggydiv{
        width:285px;
    }
    .how-works {
        padding:20px 0;
    }
    .how-works p {
        width:238px;
    }
    .menu-categories {
        padding:20px 0;
    }
    .contact-us{
        padding:0px 0;
    }
    .contact-us img{
        display: none;
    }
    .imagediv-queries {
        padding:0px;
    }
    .contact-us .text-content {
        padding: 67px;
    }
    .order-buttons{
        /* background-position: center 4%; */
        background-attachment: fixed;
        background-size: contain;
        background-repeat: no-repeat;
    }
    .pricing-table {
        padding:0 12px;
    }
    /* .btn-group button:not(:first-child) {
      display: none;
    } */
    .carousel-control-prev, .carousel-control-next {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        z-index: 1;
      }
      
      .carousel-control-prev {
        left: 10px;
      }
      
      .carousel-control-next {
        right: 10px;
      }
  /* Add prev and next buttons on mobile devices */
    .btn-group {
      position: relative;
    }
    .btn-group .carousel-control-prev,
    .btn-group .carousel-control-next {
      position: absolute;
      top: 0;
      bottom: 0;
      margin: auto;
      width: 30px;
      height: 30px;
      border-radius: 50%;
      background-color: #fff;
      border: none;
      cursor: pointer;
    }
    .btn-group .carousel-control-prev {
        left: -40px;
        top:28px;
        border: 1px solid #ffc107;
        color: black;
        padding: 12px;
        text-align: center;
        font-size: 12px;
    }
    .btn-group .carousel-control-next {
      right: -28px;
      top:28px;
      border: 1px solid #ffc107;
      color: black;
      padding: 12px;
      text-align: center;
      font-size: 12px;
    }
     .how-works-item p{
       min-width: fit-content;
        text-align: center;
    }
  }
/********About************/
@media all and (min-width:320px) and (max-width:767px) {
    .marquee-container{
        display: none;
    }
    .navbar > .container-fluid{
        margin-top:-41px;
        height: 100px;
    }
    #logo{
        position: relative;
        width:80px;
        top:22px;
    }
    .header.shrink .navbar-brand img {
        transform: scale(0.8);
        margin-bottom:33px;
      }
    .About-hero-content-div h1 {
        font-size:2.8rem;
    }
    .aboutus-title{
        padding:30px 0px;
    }
    .aboutus-section{
        padding:20px;
    }
    .aboutus-content{
        display: flex;
        flex-direction: column;
    }
    .aboutus-text-section{
        padding:20px;
    }
    .contact-info{
        margin:20px 5px;
        padding: 20px 15px;
    }
    .about-contact-addr2{
        padding:0;
    }
    .navbar-toggler{
        position: relative;
        top:15px;
    }
}