title: Overwriting mobile responsive css of canvas woo theme
body: <p>I am using woo canvas theme for developing a website.I wanted to add custom css for mobile responsive layout.Canvas is responsive but I want to add custom css for changing font-sizes and so on.  I am using following code to add css in my canvas child theme style.css but changes are not reflecting on front end....Please help</p>
  
  <pre><code>// For mobile devices
   @media only screen and (min-device-width : 320px)  and (max-device-width : 480px){
          /* custom css ----------- */
   }
   and so on for other devices
  </code></pre>