/* responsive.css — GLOBAL responsive utilities (m_row*, m_w*, wrap, fz*, spacing…). LOAD THIS FILE LAST: in the original theme these media rules came after every component rule, so they must stay last in the cascade to override component widths on tablet/mobile.
   Derived from the original theme stylesheet (wangzhan theme) and reorganised per component. */
@media screen and (min-width:768px) and (max-width:1024px){
  .bg_fixed {
    background-attachment: scroll;
  }
  .special_width {
    width: 100%;
  }
  .m_w100 {
    width: 100%;
  }
  .m_row40 {
    row-gap: 40px;
  }
  .m_row30 {
    row-gap: 30px;
  }
}

@media screen and (min-width:1px) and (max-width:767px){
  .wrap {
    width: 100%;
  }
  .ptb {
    padding-left: 15px;
    padding-right: 15px;
  }
  .plr_15 {
    padding-left: 15px;
    padding-right: 15px;
  }
  .bg_fixed {
    background-attachment: scroll;
  }
  .special_width {
    width: 100%;
  }
  .m_w100 {
    width: 100%;
  }
  .m_row40 {
    row-gap: 25px;
  }
  .m_row30 {
    row-gap: 18px;
  }
}