title: media query not working in mozilla
body: <p>I have written media query css for  both chrome and mozilla.It works fine in chrome.but in mozilla not working</p>
  
  <pre><code>@media screen and (min-height:650px)
   {
    #customerspeak .flexslider .slides .customerBackground img {
    height: 100vh; 
   }
   #customerspeak .flex-direction-nav a {
     margin-top: 37%;
   }
   #customerspeak .flex-next {
    left: 62.5% !important;
   }
   #customerspeak .flex-prev {
    left: 34% !important;   
    }  
   @-moz-document url-prefix() {
  
     #customerspeak .flexslider .slides .customerBackground img {
     height: 100vh; 
    }
    #customerspeak .flex-direction-nav a {
     margin-top: 37%;
    }
    #customerspeak .flex-next {
    left: 62.5% !important;
   }
   #customerspeak .flex-prev {
   left: 34% !important;   
   }   
  }
  }
  </code></pre>