.drop_box{
    width: 95px;
    height: 95px;
    border: 1.5px dashed #aaaaaa;
    display: inline-block;
    padding: 5px;

  }
  .goimg
  {
    height:200px;
    width:200px;
  }
  .drag_box:hover{
    cursor: pointer;
  }
  .drag_box
  {
    width:85px;
    height:85px;
    display: inline-block;
    margin: 5px;
    animation-duration: 0.6s;
    animation-fill-mode: both;
    animation-iteration-count:1;
    animation-name: flash;

  }
  #drag_container{
    margin:80px auto 0px auto;

    width:1300px;
  }
  #drop_container{
    margin:50px auto 0px auto;
    width:1300px;
  }

  @keyframes flash
  {
      0%{transform: scale(1);}
      20%{transform: scale(0.5);}
      40%{transform: scale(0.5);}
      60%{transform: scale(1);}
      80%{transform:scale(1.2);}
      100%{transform: scale(1);}
  }
  

.l{
  width:400px;
}
.pro_name,.pro_email{
  margin:5px 0px 0px 20px;
}
.change-option:hover{
  cursor: pointer;
}
.block{
  display: none;
}
.modal
{
  border-radius: 20px;
  padding:20px;
}
.pro_img
{
  border-radius: 50%;
}

.logout{
  margin:20px 0px 0px 0px ;
}
.large_table{
  display:block;
}
.small_table{
  display:none;
}

  @media screen and (max-width:992px){
    .lmsg{
      position: fixed;
  }
  .t{
      font-size:0.8em;
      font-weight:bold;
  } .pro_det h6{
      font-size:0.6em;
      text-align: center;
      }
      td{
          width:170px;
      }

  .tit h5{
      margin:0px;
      padding:0px;
  }
  .modal{
      margin:0px auto;
  }
  .pro_img{
      width:100px;
      height:100px;
  }
  .large_table{
      display:none;
  }
  .small_table{
      display:block;
  }
  .modal{
      width:97%;
      padding:0px;
  }
  #signup-email,#login-email,#signup-password,#login-password{
      width:105%;
     
  }
  #modal-login{
      overflow:auto;
      height:fit-content;
  }




    .drop_box{
      width: 51px;
      height: 51px;
      padding:3px;
      border: 1px dashed #aaaaaa;
    }
    .drag_box
    {
      width:47px;
      height:47px;
      display: inline-block;
      margin: 5px;
      animation-duration: 0.6s;
      animation-fill-mode: both;
      animation-iteration-count:1;
      animation-name: flash;
    }
   
    #drag_container{
      margin:10px auto;
      width:90%;
    }
    #drop_container{
      margin:10px auto;
      width:95%;
    }
    .logo {
      font-size:2em;
      display: inline;
  }
  .logo{
      padding:0px;
      margin:-2px 5px;
  }
  .l img {
   height:25px;
   width:25px;
   padding:0px;
   margin:10px 0px 0px 0px;
  }
  
  .l a p{
    font-weight:normal;
}

.change-option{
  margin:-15px auto 0px auto;
}


  }