@media screen and (max-width:768px)
Bu şekilde kullanım sağlamayın, az önce kod yazdım. Bu şekilde media kullanımı 768px altını işaret eder. Yani sizin 480px'de yaptıklarınız şu an için boş olur. Şu anda resmen css kodlarınız birbirleriyle çakışıyor.
media kullanımı @media only screen and (min-width: 479px) and (max-width: 767px) olmalı. Bu şekilde yaparak deneyin. Ayrıca important'ları kaldırarak deneyin.
dediğiniz gibi yaptım importantları kaldırdım işlemedi css yine important yapınca işledi css ve important yapınca diğer boyuttada aynı css işlediği için farklı görünüyor