Mobil css sorunu

@media only screen and (max-width: 500px) {
  .outertabbar, .rightboundpanel  {
      display:none!important;
  }
  .colourline {
      width:100%!important;
   
  }
  .middleboundpanel.wide {
      width:100%!important;
      display:block;
  }
    .middleboundpanel {
      width:100%!important;
      display:block;
  }

   .uyeleracik {
           top: 43px!important;
    display: block !important;
    width: 100% !important;
       position: absolute;
   }

    .bottomboundpanel.wide  {
        width:100%!important;
    }
	
    .bottomboundpanel #sendbuttonm {
    display: block!important;
    position: fixed;
    bottom: 26px;
    width: 80px;
    height: 35px;
    right: 0;
    color: #fff;
    background-color: #000;	
	}
	
    .keyboard-input {
    position: absolute;
    bottom: 27px;
    width: calc(90% - 100px)!important;
    }	

}