@media screen and (min-width: 1024px) and (max-width: 1440px){
      .about-us-left-fImg{
            width: 60%;
            left: 45%;
      }

      .contact-form {
            width: 60%;
            margin: 0 auto;
            background-color: #fff;
            padding: 4vw 8vw;
            border: 1px solid #ddd;
            box-shadow: 2px 2px 5px #ccc;
            position: absolute;
            z-index: 10;
            top: 70%;
            left: 40%;
            transform: translateX(-50%);
          }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
      .nav .menu .item{
            /* background-color: red; */
            font-size: 1.2vw;
          }
          .about-us-left-fImg{
            width: 50%;
            height: 45%;
            top: 50%;
            left: 55%;
           
          }
          .about-us-fecilities-item>h6{
            font-size: 1.2vw;
            padding: 1.2vw;
          }

          .cardimg{
            width: 100%;
            height: 80%;
            object-fit: 0 1.%;
          }

          #product-box1{
            padding: 1vw;
          }

          .product-box-desc{
            font-size: 1.5vw;
            line-height: 1.5vw;
          }

          .contact-desc{
            font-size: 1.5vw;
            line-height: 1.5vw;
          }

          .contact-heading{
            font-size: 3vw;
          }

          .contact-form {
            width: 70%;
            margin: 0 auto;
            background-color: #fff;
            padding: 4vw 8vw;
            border: 1px solid #ddd;
            box-shadow: 2px 2px 5px #ccc;
            position: absolute;
            z-index: 10;
            top: 70%;
            left: 45%;
            transform: translateX(-50%);
          }

          body,html {
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 0;
            width: 100%;
            box-sizing: border-box;
          }
}
@media screen and (min-width: 475px) and (max-width: 767px) {
  body{
    width: 200vw;
  }
  .nav{
    height: 24vh;
  }
  .nav .menu{
    display: none;
    
  }

  .nav .call{
    /* background-color: rebeccapurple; */
    width: 40%;
    height: 100%;
    
  }
  .nav .call> i{
    font-size: 8vw;
  }
  .call-title{
    font-size: 4.4vw;
  }
  .call-desc{
    font-size: 3vw;
  }



 

  .row {
    display: flex;
    flex-direction: column;
    width: 200vw;
    height: 200vh;
    /* flex-wrap: wrap; */
  }

  .col {
    width: 100%;
    height: 50%;
  }
}