@media (min-width: 480px) {
  .px_md {
    padding-left: 25px !important;
    padding-right: 25px !important;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .px_md {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
}

@media (max-width: 1199px) and (min-width: 992px) {
  .px_md {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }
}

@media (max-width: 1399px) and (min-width: 1200px) {
  .px_md {
    padding-left: 70px !important;
    padding-right: 70px !important;
  }
}

/* --------- */

@media(max-width: 1199px) {

  /*  */
  .whatsapp_btn {
    bottom: 25px;
    right: 30px;
  }

  /* header */
  .site_hero {
    padding-bottom: 70px;
  }

  .hero_row {
    flex-wrap: wrap;
  }

  .hero_left,
  .hero_right {
    width: 100%;
  }

  .hero_left {
    margin-bottom: 70px;
  }

  .hero_right img {
    width: 100%;
    transform: scale(1) translateX(0) translateY(0);
    -webkit-transform: scale(1) translateX(0) translateY(0);
    -moz-transform: scale(1) translateX(0) translateY(0);
    -ms-transform: scale(1) translateX(0) translateY(0);
    -o-transform: scale(1) translateX(0) translateY(0);
  }

  /* intro */
  .row_introR {
    flex-direction: column-reverse;
  }

  .row_intro {
    flex-wrap: wrap;
  }

  .intro_left,
  .intro_right {
    width: 100%;
    display: flex;
    justify-content: center;
  }

  .intro_img {
    margin-bottom: 60px;
  }

  .intro_img img {
    width: 100%;
    max-width: 767px;
    transform: scale(1) translate(0, 0) !important;
    -webkit-transform: scale(1) translate(0, 0) !important;
    -moz-transform: scale(1) translate(0, 0) !important;
    -ms-transform: scale(1) translate(0, 0) !important;
    -o-transform: scale(1) translate(0, 0) !important;
  }

  .intro_border {
    width: 100%;
    aspect-ratio: 1 / .5;
    padding: 30px 20px;
    min-height: 400px;
  }

  .intro_border::before,
  .intro_border::after {
    border-radius: 30px !important;
    -webkit-border-radius: 30px !important;
    -moz-border-radius: 30px !important;
    -ms-border-radius: 30px !important;
    -o-border-radius: 30px !important;
  }

}

@media(max-width: 991px) {
    /*  */
    .whatsapp_btn {
      right: 20px;
    }
  
    /* header */
    .offcanvas {
      padding: 20px;
      background: #000000bd;
      flex-direction: column !important;
      justify-content: flex-start !important;
      align-items: center;
      box-shadow: 0 -5px 20px rgba(68, 68, 68, 0.089);
    }
  
    .site_nav_ul {
      width: 100%;
      flex-direction: column;
      padding-top: 50px;
      padding-bottom: 50px;
    }
  
    .site_nav_ul li {
      width: 100%;
      margin-bottom: 20px;
    }
  
    .site_nav_ul li a {
      width: 100%;
      display: block;
      text-align: center;
    }
  
    .navClose {
      display: block;
    }

  /* CROM SITE */
  .crom_sec_arrow {
    display: none !important;
  }

  .br_md_none br {
    display: none;
  }

  .d_md_none {
    display: none;
  }

  .order_md_m1 {
    order: -1;
  }
}

@media(max-width: 767px) {

  /*  */
  .whatsapp_btn {
    right: 0;
  }

  h1 br,
  h2 br,
  h3 br,
  h4 br,
  h5 br,
  h6 br,
  p br {
    display: none !important;
  }

  /* intro section */
  .site_h2 {
    align-items: center;
  }

  .h2_shape {
    margin-top: -30px;
  }

  /* footer */
  .footer_inner {
    flex-direction: column-reverse;
  }
}

@media(max-width: 567px) {

  /* header */
  .site_hero {
    padding-bottom: 50px;
    padding-top: 50px;
  }

  .hero_double_span img {
    display: none;
  }

  /* intro section */
  .h2_shape {
    margin-top: 0;
  }
}