медиа-запрос не работает в Mozilla

Question

Я написал СМИ CSS запрос как для хрома и mozilla.It отлично работает в chrome.but в Mozilla не работает

@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; 
} 
} 
} 

Answer 1

Попробуйте использовать @-moz-document url-prefix() первых перед @media запроса.

@-moz-document url-prefix() { 
    @media screen and (min-height:650px) { 
     /* insert code here*/ 
    } 
}