@media (max-width: 1200px) {

}

@media (max-width: 993px) {

  body {
    font-size: 14px;
  }

}

@media (max-width: 767px) {

  /* common */

  .desktop {
    display: none !important;
  }

  .mobile {
    display: block !important;
  }

  .mobile-inline-block {
    display: inline-block !important;
  }

  div[class*="col-sm-"] {
    text-align: center;
  }

  /* tables */

  .div-table:not(.custom) {
    display: block;
  }

  .div-table:not(.custom) .div-tr:not(.custom) {
    display: block;
  }

  .div-table:not(.custom) div[class^=div-td]:not(.custom) {
    display: block;
    text-align: center;
    width: 100%;
  }


  /* footer */
  .footer-container {
    height: auto;
  }


}

@media (max-width: 480px) {

}