Why This div not hidden in media query

I have this code style css :-

@media only screen and (max-width: 480px) {
.adsleft ,  .adsright { display:none !important; }
}
@media only screen and (max-width: 360px) {
.adsleft ,  .adsright { display:none !important; }
}
.adsleft {
left: 0;
position: absolute;
top: 203px;
z-index: 9999;
width: 114px;
height: 1156px;
}
.adsright {
right: 0;
position: absolute;
top: 203px;
z-index: 9999;
width: 114px;
height: 1156px;
}

The error is when the div in mobile, we must hide this tow div, But its not hidden.

Why !!!