.my_card  {
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  transition: 0.3s;
  width: 94%;
  border-radius: 5px;
  background: #f2f2f2;
  padding: 50px;
}

.my_logincard  {
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  width: 50%;
  border-radius: 5px;
  background: #f2f2f2;
  padding-top: 25px;
  padding-bottom: 25px;
  margin-left: 25%;
  margin-right: 25%;
 }
.my_checkcard  {
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  width: 50%;
  border-radius: 5px;
  background: #f2f2f2;
  padding-top: 25px;
  padding-bottom: 25px;
  margin-left: 25%;
  margin-right: 25%;
  
}

.my_sell       {
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  transition: 0.3s;
  width: 100%;
  border-radius: 5px;
  background: #f2f2f2;
  padding: 5px;
  text-align: center;
}


.my_text       {
      text-align: left;
      font-size: 17px;
      margin: 10px;
      position:relative;
}
.my_list      {
      text-align: center;
      opacity: 1;
      font-size: 17px;
      margin-left: 20px;
      margin-right: 20px;
      background: blue;
      list-style-type: none;
      margin: 0;
      padding: 0;
}
.my_list_left {
      text-align: left;
      opacity: 1;
      font-size: 17px;
      margin-left: 20px;
      margin-right: 20px;
      background: #f2f2f2;
      list-style-type: none;
      margin: 0;
      padding: 0;
}

.my_column    {
  float: left;
  width: 50%;
  padding: 50px;
}
.my_row       {
      padding: 25px;
}

.my_row:after      {
  content: "";
  display: table;
  clear: both;
}

.my_column_text    
{
  float: left;
  width: 50%;
  padding: 10px;
}
.my_row_text       {
      padding: 15px;
}

.my_row_text:after {
  content: "";
  display: table;
  clear: both;
}

@media screen and (max-width: 800px) {
 .my_row       {
      padding: 5px;
 }

 .my_column    {
    width: 100%;
    display: block;
    margin-bottom: 20px;
    padding: 20px;
  }

 .my_column_text {
    width: 100%;
    display: block;
    margin-bottom: 10px;
    padding: 10px;
  }

  
 .my_logincard  {
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  width: 90%;
  border-radius: 5px;
  background: #f2f2f2;
  padding: 25px;
  margin-left: 5%;
  margin-right: 5%;
 }


}