/* Responsive Styles */
@media (max-width: 480px) {
  body,
  html {
    overflow-x: hidden;
  }
  p {
    font-size: 2.5vw;
  }
  nav {
    padding: 5vw;
  }

  nav img {
    width: 20vw;
  }

  nav .links {
    display: none;
  }

  .menu-icon {
    display: flex;
  }

  .navbutton {
    display: none;
  }

  button a {
    padding: 1vw 5vw;
    border-radius: 4vw;
    font-size: 2vw;
  }

  .close {
    position: absolute;
    top: 5vw;
    right: 5vw;
    display: block;
  }

  .header .left {
    width: 60%;
    flex-direction: column;
    display: flex;
    gap: 2vw;
  }

  .header h1 {
    font-size: 4vw;
    line-height: 4.5vw;
  }

  .tank {
    position: relative;
    margin-top: -30vw;
  }

  .tank img {
    width: 100%;
  }

  .tank .tank_1 {
    width: 60vw;
    margin-left: auto;
    position: relative;
    z-index: 99;
  }

  .tank .road {
    margin-top: -10vw;
  }

  /* about  */
  .about {
    padding: 10vw;
  }

  .about h1 {
    font-size: 10vw;
    line-height: 11vw;
  }

  .about p {
    font-size: 3vw;
    margin-top: 2vw;
  }

  .banner {
    padding: 0 5vw;
    width: 100%;
    object-fit: contain;
  }

  .Services {
    background-color: #1d1d1b;
    padding: 20vw 5vw 10vw 5vw;
    margin-top: -10vw;
    color: #fff;
    text-align: center;
  }

  .Services h2 {
    font-size: 5vw;
    line-height: 4vw;
  }

  .Services p {
    font-size: 1.5vw;
    margin-top: 2vw;
  }

  .Services .box {
    padding: 5vw 3vw;
    border-bottom: 1px solid #ffffff;
    border-right: none;
  }

  .Services .box_2 {
    padding: 5vw 3vw;
    border-bottom: none;
  }

  .Services .box img {
    width: 18vw;
    margin: auto;
  }

  .Services .box h3 {
    font-size: 4.5vw;
    margin-top: -3vw;
  }

  .Services .para {
    padding-top: 5vw;
    opacity: 0.9;
    font-size: 3vw;
  }

  .WhyChoose {
    padding: 10vw;
    position: relative;
  }

  .WhyChoose h1 {
    font-size: 6vw;
    line-height: 4vw;
    text-align: center;
  }

  .WhyChoose .box {
    margin-top: 10vw;
  }

  .WhyChoose h2 {
    font-size: 6vw;
    line-height: 7vw;
  }

  .WhyChoose p {
    font-size: 3.4vw;
    margin-top: 1vw;
    opacity: 0.8;
  }

  .join {
    padding: 5vw 10vw;
    background-color: #1d1d1b;
    color: #fff;
  }

  .join h2 {
    font-size: 8vw;
    line-height: 8.5vw;
  }

  .join p {
    font-size: 3vw;
    opacity: 0.8;
    margin-bottom: 2vw;
  }

  .footer {
    background-color: #e6e6e6;
    padding: 2vw;
    text-align: center;
    font-size: 2vw;
  }
}