@media only screen and (max-width: 480px) {
.loading{
    background: #fff;
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
}
.m_loading{
    width: 60px;
    overflow: hidden;
    height: 100px;
    margin: 100px auto 0;
}
@keyframes ld-fade {
  10% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes ld-fade {
  10% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes ld-bounce {
  0%, 90% {
    animation-timing-function: linear;
  }
  10% {
    animation-timing-function: cubic-bezier(0, 0.4, 0.6, 1);
  }
  50% {
    animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
  }
  0% {
    -webkit-transform: translate(0%, 30%) scaleY(0.5);
    transform: translate(0%, 30%) scaleY(0.5);
  }
  10% {
    -webkit-transform: translate(0%, 5%) scaleY(1.1);
    transform: translate(0%, 5%) scaleY(1.1);
  }
  50% {
    -webkit-transform: translate(0%, -37%) scaleY(1.1);
    transform: translate(0%, -37%) scaleY(1.1);
  }
  90% {
    -webkit-transform: translate(0%, 5%) scaleY(1.1);
    transform: translate(0%, 5%) scaleY(1.1);
  }
  100% {
    -webkit-transform: translate(0%, 30%) scaleY(0.5);
    transform: translate(0%, 30%) scaleY(0.5);
  }
}
@-webkit-keyframes ld-bounce {
  0%, 90% {
    animation-timing-function: linear;
  }
  10% {
    animation-timing-function: cubic-bezier(0, 0.4, 0.6, 1);
  }
  50% {
    animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
  }
  0% {
    -webkit-transform: translate(0%, 30%) scaleY(0.5);
    transform: translate(0%, 30%) scaleY(0.5);
  }
  10% {
    -webkit-transform: translate(0%, 5%) scaleY(1.1);
    transform: translate(0%, 5%) scaleY(1.1);
  }
  50% {
    -webkit-transform: translate(0%, -37%) scaleY(1.1);
    transform: translate(0%, -37%) scaleY(1.1);
  }
  90% {
    -webkit-transform: translate(0%, 5%) scaleY(1.1);
    transform: translate(0%, 5%) scaleY(1.1);
  }
  100% {
    -webkit-transform: translate(0%, 30%) scaleY(0.5);
    transform: translate(0%, 30%) scaleY(0.5);
  }
}
.loading_box{
    background: url(../images/loading_logo.png) no-repeat 100%/ 100%;
    width: 42px;
    height: 50px;
    margin-top: 13px;
    margin-left: 10px;
    -webkit-animation: ld-bounce 1.5s infinite;
    animation: ld-bounce 1.5s infinite;
}.shadow{
    width: 70%;
    height: 30px;
    margin: -17px 10px 0;
    border-radius: 15px;
    animation-delay: -1.4s;
    animation-duration: 1.5s !important;
    transform: rotateX(75deg);
    background: -webkit-radial-gradient(rgba(218, 27, 27, 0.36), rgba(255, 255, 255, 0)); /* Safari 5.1 - 6.0 */
    background: -o-radial-gradient(rgba(218, 27, 27, 0.36), rgba(255, 255, 255, 0)); /* Opera 11.6 - 12.0 */
    background: -moz-radial-gradient(rgba(218, 27, 27, 0.36), rgba(255, 255, 255, 0)); /* Firefox 3.6 - 15 */
    background: radial-gradient(rgba(218, 27, 27, 0.36), rgba(255, 255, 255, 0));    
    -webkit-animation: ld-fade 1.5s infinite;
    animation: ld-fade 1.5s infinite; 
}
}