*{
 margin:0;
 padding:0;
}
.loader 
{
 position: fixed;
 display: none;
 float: left;
 margin: 0 auto;
 color: #fff;
 width: 100%;
 height:100%;
 box-sizing: border-box;
 overflow: hidden;
 background-color: rgba(0, 0, 0, 0.5);
 background: rgba(0, 0, 0, 0.5);
 color: rgba(0, 0, 0, 0.5);
 z-index: 999999;
}
.load_body
{
 display: block;
 float: left;
 margin-top: 15%;
 margin-left: 40%;
 width: 10%;
 height: 15vh;
 box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
 border-radius: 3px; 
 background: white;
}
.load_body img
{
 display: block;
 float: left;
 width: 80px;
 height: 60px;
 margin-top: 1%;
 margin-left: 20%;
 /* background: pink; */
}
.load_body p
{
 display: block;
 float: left;
 width: 99%;
 margin-top: 2%;
 text-align: center;
 font-family: "Open Sans", sans-serif;
 font-optical-sizing: auto;
 font-style: normal;
 font-size: 12px;
 color: black;
}
@media only screen and (min-device-width : 320px) and (max-device-width : 480px)
{
 .load_body
 {
  margin-top: 40%;
  margin-left: 35%;
  width: 30%;
  height: 10vh;
 }
 .load_body img
 {
  width: 80px;
  height: 55px;
  margin-top: 0%;
  margin-left: 15%;
 /* background: pink; */
 }
 
}