Some hacks to make your responsive design on mobile better

mobileDesign.css

/* не зумить страницу, если инпут в фокусе */ 
@media(max-width:767px){
    input,select,textarea {
        font-size:16px;
    }
}

/* ховеры не нужны, включать только для десктопа */
@media (min-width: 768px) {
  .something:hover {
    props: "value"
  }
}

/* не увеличивает шрифт при повороте смартфона */
html {
    /* Устанавливает желаемый относительный размер шрифта */
    -webkit-text-size-adjust: 100%;
}

/* reset form's el style */
input, button, select, textarea{
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 0px;
}