title: Conditional CSS height for mobile
body: <p>Is there a way to rewrite this code so when the screen is full screen and tablet then the blue-cus-box margin-top is -175 and if the screen is, for example, iPhone 10 or other mobile devices then the margin-top is -150?</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>@media screen and (max-width: 767px) {}
  
  .blue-cus-box {
    margin-top: -175px !important;
    z-index: 999 !important;
  }</code></pre>
  </div>
  </div>
  </p>
  
  <p>Appreciate any help</p>