@media only screen and (max-width: 1350px) {
  .the-container {
    padding-left: 70px;
    padding-right: 70px;
  }
  .hero-left{
    padding-bottom: 20px;
    padding-top: 20px;

}
  h1 {
    font-size: 75px;
  }
  h2 {
    font-size: 55px;
  }
  h3 {
    font-size: 37px;
  }
  h4 {
  }
  p {
    font-size: 18px;
  }
  .title-after {
    font-size: 70px;
    top: -25px;
  }

  .the-btn {
    font-size: 18px;
  }

  .leaf {
    transform: scale(0.5);
  }

  .about-content strong {
    font-size: 23px;
  }

  .why-desc h2 {
    font-size: 30px;
  }

  .foot-right {
    width: 75%;
  }
}

@media only screen and (max-width: 1050px) {
  .card {
    width: 100% !important;
  }
  .the-container {
    padding-left: 60px;
    padding-right: 60px;
  }
  .hero-row {
    display: flex;
    flex-direction: column;
    padding-top: 150px;
  }

  .hero-left {
    width: 100%;
  }

  .hero-right {
    width: 100%;
  }

  .hero-right img {
    height: auto;
    width: 100%;

    transform: scale(0.8);
  }

  .social-box {
    bottom: 20px;
  }

  .menu-intro p {
    font-size: 27px !important;
    line-height: 34px;
  }
  .specification h2 {
    font-size: 27px !important;
    line-height: 34px;
  }
  .about-full {
    display: flex;
    flex-direction: column-reverse;
  }
  .about-content {
    width: 100%;
  }
  .aboutimg {
    opacity: 0.4;
  }

  .spec-row {
    display: flex;
    flex-direction: column;
  }

  .spec-left {
    width: 100%;
  }
  .spec-right {
    width: 100%;
    display: flex;
    justify-content: center;
  }
  .spec-right img {
    height: 100%;
    width: auto;
  }

  #footer-row {
    flex-direction: column;
  }
  .foot-left {
    max-width: 100%;
    display: flex;
    justify-content: center;
  }
  .social-box2 {
    display: flex;
    justify-content: center;
  }
  .foot-right {
    justify-content: center;
    width: 100%;
  }
}

@media only screen and (max-width: 850px) {
  .the-container {
    padding-left: 25px;
    padding-right: 25px;
  }

  h1 {
    font-size: 55px;
  }
  h2 {
    font-size: 44px;
  }
  h3 {
    font-size: 27px;
  }
  h4 {
  }
  p {
    font-size: 18px;
  }
  .title-after {
    font-size: 58px;
    top: -25px;
  }

  .the-btn {
    font-size: 18px;
  }

  .leaf {
    transform: scale(0.5);
  }

  .about-content strong {
    font-size: 20px;
  }

  .why-desc h2 {
    font-size: 25px;
  }

  .card {
    max-width: 260px !important;
  }
  #pagin {
    bottom: 340px;
  }
  .spec-content-left {
    width: 49%;
  }
  .spec-content-right {
    width: 49%;
  }

  .spec-right img {
    height: auto;
    width: 75%;
  }
  .foot-right{
      flex-direction:column;
  }
  footer h4{
    text-align:left!important;
  }
  footer .themenu{
      text-align:left!important;
  }
  .foot-two{
      width:100%;
  }
  .foot-three{
      width:100%;
  }
  .swiper-button-next, .swiper-button-prev{
      top:90%!important;
  }
  .menu{
      padding-top:50px;
  }
}