@media screen and (max-width: 1399px) {
}

@media screen and (max-width: 1199px) {
  /* --------------Home-Start-------------- */

  .hero-section {
    aspect-ratio: 16/9;
  }

  .hero-cont {
    padding-top: 240px;
  }

  .section {
    padding: 70px 0;
  }

  .animation-container {
    padding: 80px 0;
  }

  .animation {
    width: 330px;
    height: 330px;
  }

  .ani-img {
    width: 130px;
    height: 130px;
  }

  .ani-img img {
    width: 130px;
    height: 130px;
  }

  .img1 {
    left: 60px;
  }

  .img2 {
    top: 100px;
  }

  .img3 {
    top: 250px;
  }

  .img4 {
    top: 190px;
  }

  /* ---------------------------Company-Profile-Start----------------- */

  .parallax-container img {
    width: 60px;
    height: 60px;
  }

  .slider-container {
    top: 15%;
  }
  /* ----------------------------------Side-Table-container-Start-------------------------- */

  .side-t-img img {
    margin-top: 25px;
  }
}

@media screen and (max-width: 991px) {
  .section {
    padding: 50px 0;
  }

  .hero-cont {
    padding-top: 170px;
  }

  .animation-container {
    padding: 80px 0;
  }

  .animation {
    width: 260px;
    height: 260px;
  }

  .ani-img {
    width: 100px;
    height: 100px;
  }

  .ani-img img {
    width: 100px;
    height: 100px;
  }

  .img1 {
    top: -45px;
    left: 40px;
  }

  .img2 {
    top: 85px;
    left: -50px;
  }

  .img3 {
    top: 195px;
  }

  .img4 {
    top: 138px;
  }

  .img5 {
    top: 0;
    right: -26px;
  }

  .animation-container {
    padding: 156px 0;
  }

  .excellent-card .card {
    height: 150px;
  }
  .excellent-card .card img {
    width: 60px;
    height: 60px;
    object-fit: contain;
  }

  /* ------------Visition-Container-Start------------------ */

  .vision-container p {
    padding-top: 15px;
  }

  /* -------------Mirror-Container-Start-------------------------------- */

  .mirror-img {
    padding: 30px 0;
  }

  /* -----------Stamped-Container-Start------------------------------------ */

  .stamped-img {
    padding: 30px 0;
  }

  /* ----------------------------------Side-Table-container-Start-------------------------- */

  .side-t-img img {
    margin-top: 25px;
  }
}
/* -----------------------Hairline-Container-Start-------------------------------------- */

@media screen and (max-width: 767px) {
  .section {
    padding: 30px 0;
  }

  p {
    text-align: justify;
  }

  .hero-cont {
    padding-top: 240px;
  }

  .animation-container {
    padding: 100px 0;
  }

  .excellent-card {
    display: block;
  }

  .excellent-card .card {
    height: 400px;
  }
  .excellent-card .card img {
    width: 140px;
    height: 140px;
    object-fit: contain;
  }

  /* --------Vision-Container-Start-------------------------- */

  .vision-container p {
    padding-top: 15px;
  }
  /* -------------Mirror-Container-Start-------------------------------- */
  .mirror-img img {
    margin-top: 20px;
  }

  .mirror-container p {
    padding-top: 15px;
  }

  /* -----------Stamped-Container-Start------------------------------------ */
  .stamped-img img {
    margin-top: 20px;
  }
}

@media screen and (max-width: 575px) {
  section {
    overflow-x: hidden;
  }
  .hero-cont {
    padding-top: 120px;
  }

  /* ----------------------------------Side-Table-container-Start-------------------------- */

  .side-t-img img {
    margin-top: 20px;
  }

  /* -----------------------Hairline-Container-Start-------------------------------------- */

  .footer-container h6 {
    margin-top: 30px;
  }
}

@media screen and (max-width: 479px) {
  h3 {
    padding-bottom: 0px;
  }
  h4{
    padding-top: 15px;
  }

  p {
    margin-bottom: 0;
  }

  .hero-cont {
    padding-top: 70px;
  }
  .excellent-card .card {
    height: 300px;
  }
  .excellent-card .card img {
    height: 100px;
    width: 100px;
  }

  /* --------Vision-Container-Start-------------------------- */

  .vision-container p {
    padding-top: 10px;
  }
  /* --------Vision-Container-Start-------------------------- */

  .mirror-container p {
    padding-top: 10px;
  }
}
