@media all and (max-width: 600px) {
    .about-bakery,.wholecontent{
        color: white;
        padding: 0px;
        border-radius: 10px;
        font-size: 8px;
        text-align: center;
        padding-left: 10px;
        padding-right: 10px;
        margin-top: 20px;
      }
      #menu-primary{
        display: flex;
        gap: 6px;
        float: right;
        padding: 10px;
        position: absolute;
        top: 117px;
        right: -19px;
      }
      .mobile{
        height: 35vh !important;
      }
      #socialMediaFloat {
        background-color: white;
        position: fixed;
        bottom: 30%;
        z-index: 1;
        padding: 10px;
        border-radius: 10px 0 0 10px;
        right: 0;
        width: 10%;
        display: flex;
        flex-direction: column;
        gap: 10px;
      }
      .first-carousel-inner{
        position: relative;
        height: 35vh;
      }

      .scrolling-container {
        display: flex;
        list-style: none;
        padding: 0;
        margin: 0;
        gap: 10px;
        color: #c955ae;
        height: 25px;
        animation: scrollItems 10s linear infinite;
      }

      /* .carousel-text-button {
        position: absolute;
        top: 79%;
        left: 50%;
        color: #c955ae;
        background-color: white;
        text-align: center;
        transform: translate(-50%,-50%);
        z-index: 2;
        font-family: "Abril Fatface", serif;
        font-size: 20px;
        padding: 10px;
        border-radius: 10px;
        opacity: 0.8;
      } */
      .buy-now-button {
        background-color: rgba(255, 255, 255, 0.9); /* Semi-transparent white */
        color: #333; /* Dark text for contrast */
        font-size: 10px;
        font-weight: 600;
        /* padding: 12px 30px; */
        padding: 6px 10px;
        border: 2px solid rgba(255, 255, 255, 0.3); /* Light border for subtle definition */
        border-radius: 25px; /* Rounded edges */
        cursor: pointer;
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); /* Subtle shadow for depth */
        text-transform: uppercase;
        letter-spacing: 1.2px;
        outline: none; /* Remove default outline */
        transition: all 0.2s ease; /* Smooth transitions */
        top: 85%;
        left: 50%;
        position: absolute;
      }
      
      .buy-now-button:hover {
        background-color: rgba(255, 255, 255, 1); /* Fully opaque white on hover */
        border-color: rgba(255, 255, 255, 0.5); /* Slightly brighter border */
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3); /* Stronger shadow on hover */
      }
      
      .buy-now-button:active {
        background-color: rgba(255, 255, 255, 0.8); /* Slightly darker on click */
        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2); /* Reduced shadow on click */
      }
      .carousel-text {
        position: absolute;
        top: 50%;
        left: 50%;
        color: white;
        width: 100%;
        text-align: center;
        transform: translate(-50%,-50%);
        z-index: 2;
        font-family: 'Forte';
        font-size: 30px;
      }
      
      
      
      /* Individual list items */
      .scrolling-container li {
        font-size: 11px;
        font-weight: bold;
        padding: 6px;
      }
      
      /* Keyframe animation for smooth, continuous scrolling */
      @keyframes scrollItems {
        from {
            transform: translateX(0);
        }
        to {
            transform: translateX(-50%); /* Moves half the width to loop seamlessly */
        }
      }

      .title{
        font-size: 15px;
        top: 10px;
        text-align: center;
        position: relative;
        color: #c955ae;
        font-weight: bold;
      }
      .about-bakery{
        margin-top: 2%;
        color: white;
        /* margin-right: 50px; */
        padding: 5px;
        border-radius: 10px;
      }
      .desktopScroll{
        display: none;
      }    
 
      .scrolling-container li::before{
        content: '*';
        position: absolute;
        width: 0;
        /* height: 10px; */
        font-size: 24px;
        background-color: #c955ae;
        top: 70%;
        left: -8px;
        transform: translate(0,-50%);
      }
      .chettinad_title::before{
        content: '';
        background: url('../../../banner/255x35.png') no-repeat;
        width: 202%;
        height: 185%;
        position: absolute;
        text-align: center;
        left: 50%;
        transform: translate(-50%,-50%);
        background-size: 100% 100%;
        z-index: -1;
        top: 50%;
      }
      .special_title::before{
        content: '';
        background: url('../../../banner/255x35.png') no-repeat;
        width: 198%;
        height: 185%;
        position: absolute;
        text-align: center;
        background-size: 100% 100%;
        left: 50%;
        transform: translate(-50%,-50%);
        z-index: -1;
        top: 50%;
      }
      .quality_title::before{
        content: '';
        background: url('../../../banner/255x35.png') no-repeat;
        width: 179%;
        height: 185%;
        position: absolute;
        text-align: center;
        left: 50%;
        background-size: 100% 100%;
        transform: translate(-50%,-50%);
        z-index: -1;
        top: 50%;
      }
      .flavor_title::before{
        content: '';
        background: url('../../../banner/255x35.png') no-repeat;
        width: 130%;
        height: 179%;
        position: absolute;
        background-size: 100% 100%;
        text-align: center;
        left: 50%;
        transform: translate(-50%,-50%);
        z-index: -1;
        top: 50%;
      }
      .subTitle{
        position: relative;
      }
      .bakery_title {
        font-family: 'Diskus';
        position: absolute;
        top: 50%;
        left: 43%;
        font-size: 155%;
        color: #c955ae;
        transform: translate(-50%, -50%);
      }
      .mainLogo{
        height: 43px;
        margin: 10px;
      }
      .carousel-inner img {
        /* width: 100%; */
        height: auto;
      }
      .footer_details {
        display: flex;
        gap: 40px; /* Space between rows */
        background-color: black;
        color: white;
        padding: 20px;
        text-align: left;
        font-size: 8px;
      }
      .footer_head {
        font-size: 10px;
        color: #f6c15e;
        font-weight: bold;
        margin-bottom: 10px;
    }



    .pocketDiv{
      position: relative;
      top: 10px;
      bottom: 24px;
      margin-bottom: 60px;
      width: 100%;
      /* background: red; */
    }
    .pocketDiv::before{
      position: absolute;
      content: '';
      width: 94%;
      height: 145%;
      left: 50%;
      top: 50%;
      background-size: 100% 100% !important;
      transform: translate(-50%,-50%);
      z-index: -1;
      background: url('../../../banner/FRAME\ 01_small.png') no-repeat;
    }
    /* 390 x 300 */
    .pocketContent {
      width: 80%;
      margin-left: 50%;
      transform: translate(-50%);
      text-align: center;
      font-size: 8px;
      position: relative;
      top: -10px;
    }
    .aab-goes-digital .info__text .title{
      font-size: 15px;
      top: 5px;
    }
    .orderNowBtn {
        width: 20%;
        height: 20px;
        padding: 2px;
        font-size: 10px;
        position: absolute;
        top: 70%;
        margin: 0;
        left: 50%;
        
    }
    .addressDiv{
      display: flex;
      background-color: black;
      color: white;
      flex-direction: column;
      gap: 10px;
      padding: 10px;
      font-size: 10px;
    }
    .addressHead{
      color: #f6c15e;
      font-size: 14px;
      font-weight: bold;
    }
}