<pre>$tablet<span class="hljs-value">: <span class="hljs-string">"(min-width: 768px) and (max-width: 1023px)"</span> !default;</span></pre></div></div>
            
        </li>
        
        
        <li id="section-17">
            <div class="annotation">
              
              <div class="pilwrap ">
                <a class="pilcrow" href="#section-17">&#182;</a>
              </div>
              <p>Mobile Media Query</p>

            </div>
            
            <div class="content"><div 