title: Cleanest way to add no styling <768px
body: <p>I currently use the code below over 768px, but wish to have no styling when it goes to mobile. I have tried adding 0 for the values and none, but nothing seems to happen. </p>
  
  <pre><code>.mybox {
      padding: 20px !important;
      border: 1px solid #fff !important;
      height: 250px;
  }
  </code></pre>
  
  <p>This is what I tried below</p>
  
  <pre><code>@media (max-width: 768px) {
      .mybox {
           padding: none;
           border: none;
           height: none;
       }
  }     
  </code></pre>
  
  <p>Is there a way to set no styling at all, in the cleanest fashion?</p>