.td1
{
  min-height: 40px;
 min-width:250px;
  width: 48.5%;
  float:left;
  border: 2px solid gray;
   background-color: #fffcf5;
   border-radius: 10px;
margin-bottom:4px;
}

.td2
{
    text-align:center;
    min-height: 40px;
    min-width:250px;
    float:left;
     width: 32%;
      border: 2px solid gray;
       background-color: #fffcf5;
        border-radius: 10px;
margin-bottom:4px;
}



@media screen and (min-width: 320px)
{
 .td1
 {
 min-width:250px;
 }
.td2
 {
 min-width:250px;
 }

}
@media screen and (min-width: 360px)
{
 .td1
 {
 min-width:278px;
 }
.td2
 {
 min-width:278px;
 }

}

 @media screen and (min-width: 375px)
{
.td1
 {
 min-width:291px;
 }
.td2
 {
 min-width:291px;
 }
}

@media screen and (min-width: 414px)
{
 .td1
 {
 min-width:324px;
 }
.td2
 {
 min-width:324px;
 }

}
@media screen and (min-width: 435px)
{
 .td1
 {
 min-width:340px;
 }
.td2
 {
 min-width:340px;
 }


.td3
{
    
 min-height: 40px;
 min-width:235px;
  width: 48.5%;
  float:left;
  border: 2px solid gray;
   background-color: #fffcf5;
   border-radius: 10px;
}

.td4
{
    min-height: 40px;
    min-width:235px;
    float:left;
     width: 32%;
      border: 2px solid gray;
       background-color: #fffcf5;
        border-radius: 10px;
}