@media (max-width: 414px) {

  .head {
      flex-direction: column; /* Stack items vertically */
      align-items:start; /* Center align items */
      padding:5px; /* Adjust padding */
  }

  .icons {
      padding: 0; /* Remove padding for smaller screens */
      margin-bottom:5px; 
      display: flex;/* Space between icons and contact info */
  }

  .icons .fa-brands {
      padding: 0 5px; /* Reduce padding between icons */
      font-size: 15px; /* Slightly increase icon size for better visibility */
  }

  .iconhead {
      text-align:start; /* Center align text */
      flex-direction: column;
  }

  .iconhead i {
      padding-left: 5px; /* Reduce padding for smaller screens */
      font-size: 11px; /* Adjust font size for better readability */
      
  }
  .noone2{
    padding-left: 10px;
  }
  .fa-envelope{
    display: inline;
  }
}




/* media for a about us */
@media (max-width: 414px) {
  
    .shopg{
        padding-top:0px;
    }
    .tea {
      display: block;
      padding-left: 20px;
      padding-right: 20px;
      padding-top: 30px;
      padding-bottom: 40px;
    }
  
    .teatxt {
      padding-right: 0;
      margin-bottom: 30px; /* Add spacing between text and image */
    }
  
    .teah1 {
      font-size: 1.5rem;
      margin-left: 0;
      margin-top:1px;
    }
  
    .teap {
      font-size: 1rem;
      margin-left: 0;
    }
  
    .teaimg img {
      width: 100%;
      height: auto;
    }
  
    .boton1 {
      width: 100%;
      height: 40px;
      margin-left: 0;
      padding: 0;
    }
  }

  

/* for a albhums*/
/* @media (max-width: 414px) {

    .album {
        margin-left: 0;
    }

    .album .responsive-container-block.bg {
        padding-left:10px;
        flex-direction: column;
    }

    .album .responsive-container-block.img-cont {
        max-width: 100%;
        padding: 5px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .album .img {
        width: 100%;
        height:auto;
        max-width: 95%;
        margin-bottom: 15px;
    }

    .album .img.img-big {
        width: 100%;
        height: auto;
        margin-bottom: 15px;
    }

    .album .img.img-last {
        margin-bottom: 10px;
    }
} */

@media (max-width: 414px) {
  .album {
      margin-left: 0; /* Center align or remove left margin on smaller screens */
  }

  .album .responsive-container-block.bg {
      max-width: 414px; /* Ensure the container does not exceed 414px */
      margin: 0 auto; /* Center the container */
      justify-content: center; /* Center images inside the container */
  }

  .album .img {
      width: 100%; /* Images take full width of the container */
      max-width: 280px; /* Limit maximum width to maintain aspect ratio */
      height: auto; /* Keep aspect ratio intact */
  }

  .album .responsive-container-block.img-cont {
      max-width: 100%; /* Allow each image container to take up the full width */
      padding: 0; /* Remove any padding */
      margin-bottom: 20px; /* Add space between image containers */
  }
}