Merhaba arkadaşlar,

Aşağıda vermiş olduğum kod sütununda yapmak istediğim ilgili div içerisindeki alanların sadece mobil'de gözükmesi. Ancak ne yaptıysam, mobil'de istediğim şekilde fixed olarak ayarlıyorum fakat masaüstünde'de yazılar gözüküyor.. Hata nerede yardımcı olabilirseniz sevinirim.

<div class="footerkisayol">
<div id="footer-fixed" class="footer-menu footer-light display-none">
<style type="text/css">
@media (max-width: 768px) {
	.display-none {display:none;}.footer-bottom{display:none;}#footer-fixed{width:100%;position:fixed;bottom:0;z-index:1011;display:block}.footer-light{border-top:solid 1px rgba(0,0,0,0.1);background-color:#fff}.footer-light a{color:#4d4d4d;border-left:solid 1px rgba(0,0,0,0.2);border-top:solid 1px rgba(0,0,0,0.2)}.footer-light .active-footer-item{color:#1f1f1f !important;border-bottom:solid 4px #1974b7 !important}.footer-light a:hover{color:#1f1f1f;border-bottom:solid 4px #e56a54;transition:all 250ms ease;text-decoration:none}.footer-menu a{font-size:12px;padding-top:12px;width:20%;float:left;height:60px;line-height:24px;text-align:center;border-bottom:solid 4px rgba(0,0,0,0.2);transition:all 250ms ease}.footer-menu a:first-child{border-left:0}.footer-menu a i{font-size:18px;display:block;text-align:center}.footer-tablet{display:none}
	}
</style>
<a href="http://www.site.net/index.php" class="active-footer-item"><i class="fa fa-home"></i>Ana Sayfa</a>
<a href="http://www.site.net/hakkimizda.php" class="active-footer-item"><i class="fa fa-info-circle"></i>Hakkımızda</a>
<a href="http://www.site.net/paketler.php" class="active-footer-item"><i class="fa fa-shopping-cart"></i>Paketler</a>
<a href="http://www.site.net/dokumasyon.php" class="active-footer-item"><i class="fa fa-skyatlas"></i>API</a>
<a href="http://www.site.net/iletisim.php" class="active-footer-item"><i class="fa fa-map-marker"></i>İletişim</a>
</div>
</div>