.lefty{
    text-align:left;
    border:1px solid black;
width:auto;
border-collapse:separate;
   
    }
   .lefty-head{
       background-color:#ECCB48;
      font-weight:900; 
     padding:5px;
       border:2px solid black;
      
   } 
.lefty-ro{
    padding: 5px;
    margin:20px;
     border:2px solid black;
}
.lefty-data{
    padding: 5px;
     margin:15px;
      vertical-align: top;
       border:2px solid black;
}
.lefty-data-eqlcol{
    padding: 5px;
     margin:15px;
      vertical-align: top;
       border:2px solid black;
}
.lefty-ro:hover {background-color: #4abfd5;}


@media screen and (max-width: 600px){
   .lefty{
    text-align:left;
    border:1px solid black;
width:auto;
border-collapse:separate;
    overflow: auto;
    }
   .lefty-head{
       background-color:#ECCB48;
      font-weight:bold; 
     padding:5px;
       border:2px solid black;
       overflow: auto;
   } 
.lefty-ro{
    padding: 5px;
    margin:20px;
     border:2px solid black; overflow: auto;
}
.lefty-data{
    padding: 5px;
     margin:15px;
      vertical-align: top;
       border:2px solid black; overflow: auto;
} 
    
    
}
@media screen and (max-width: 600px-1200px){
   .lefty{
    text-align:left;
    border:1px solid black;
width:auto;
border-collapse:separate;
    overflow: auto;
    }
   .lefty-head{
       background-color:#ECCB48;
      font-weight:bold; 
     padding:5px;
       border:2px solid black;
       overflow: auto;
   } 
.lefty-ro{
    padding: 5px;
    margin:20px;
     border:2px solid black; overflow: auto;
}
.lefty-data{
    padding: 5px;
     margin:15px;
      vertical-align: top;
       border:2px solid black; overflow: auto;
} 
    
    
}