SVG not showing in mobile device

I made a svg code for my web. OPZET India this is my website. my problem is that my svg is not showing in mobile device. Please find the mistake. Here is my Snippet. .st0 { font-family:'Chiller' } .st1 { font-size:150px } .st3 { fill:none; stroke:#000; stroke-width:2; stroke-miterlimit:10 } .st0 { stroke-dasharray:800; stroke-dashoffset:0; -webkit-animation:dash 2s linear forwards; -moz-animation:dash 2s linear forwards; animation:dash 2s linear forwards; opacity:0 } @-webkit-keyframes dash { from { stroke-dashoffset:800; } to { stroke-dashoffset:1; opacity:1; } } @-moz-keyframes dash { from { stroke-dashoffset:800; } to { stroke-dashoffset:1; opacity:1; } } @keyframes dash { from { stroke-dashoffset:800; } to { stroke-dashoffset:1; opacity:1; } } .st1 { stroke-dasharray:800; stroke-dashoffset:0; -webkit-animation:dash 2s linear forwards; -moz-animation:dash 2s linear forwards; animation:dash 2s linear forwards; -webkit-animation-delay:1.6s; -moz-animation-delay:1.6s; animation-delay:1.6s; } <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="873px" height="200px" viewBox="0 0 873 220" style="enable-background:new 0 0 873 220; padding-left:180;" xml:space="preserve"> <g id="text" width="100%" style="text-align:center;"> <text transform="matrix(1.0401 0 0 1 17 154.4297)" class="st3 st0 st1" style="font-size: 150px; font-family: 'Mistral', sans-serif;">Opzet India</text> </g> </svg> <embed src="text.svg" width="100%"> this is my html code. Please solve my problem. Also this is not responvie.