// @media only screen and (max-width: 414px) {
//   html {
//     font-size: 30px !important;
//   }
// }
// @media only screen and (min-width: 415px) and (max-width: 767px) {
//   html {
//     font-size: 40px !important;
//   }
// }

/* Medium devices (landscape tablets, 768px and up) */
// @media only screen and (min-width: 800px) {
//   html {
//     font-size: 50px;
//   }
// }

@media screen and (orientation: portrait) and (max-width: 640px) {
  // .mainBox {
  //   -webkit-transform: rotate(-90deg);
  //   -moz-transform: rotate(-90deg);
  //   -ms-transform: rotate(-90deg);
  //   transform: rotate(-90deg);
  // }
}
