@charset "utf-8";
/* CSS Document */

@media only screen and (min-width: 601px) {
.future_fixtures{
    
    width:100%;
    min-height:400px;
    margin-bottom:20px;
    clear:right;
}
.fix_row{
    width:100%;
    height:66px;
    margin-bottom:5px;
    border:1px solid;
}
.fix_left_side{
    
      width:8%;
        height:60px;
    float:left;
    clear:left;
}
.fix_right_side{
    
    width:92%;
     height:60px;
    float:left;
    clear:right;
}
.fix_logo{
    width:50px;
    height:60px;
    float:left;
    
}
.fix_top_row{
     height:30px;
   width:100%;
    float:left;
     clear:right;
    padding-left:2%;
    font-size:12px;
    padding-top:9px;
}
.fix_bottom_row{
    float:left;
    height:36px;
    width:100%;
    clear:right;
     padding-left:2%;
    padding-top:4px;
}
.fix_time{
    float:left;
    width:10%;
}
.fix_date{
    float:left;
    width:15%;
}
.fix_ht{
    float:left;
    
}
.fix_v{
    float:left;
    
}
.fix_at{
    float:left;
    
}
.fix_grade{
   text-align:center;
    float:left;
    width:50%;
}
.fix_venue{
     text-align:right;
    float:left;
    clear: right;
    width:24%;
    overflow: hidden;
}
     .gradeimage{
     width:50px;   
        
    }
}
@media only screen and (min-width: 1280px) {
.future_fixtures{
    
    width:100%;
    min-height:400px;
    margin-bottom:20px;
    clear:right;
}
.fix_row{
    width:100%;
    height:66px;
    margin-bottom:5px;
    border:1px solid;
}
.fix_left_side{
    
      width:8%;
        height:60px;
    float:left;
    clear:left;
}
.fix_right_side{
    
    width:92%;
     height:60px;
    float:left;
    clear:right;
}
.fix_logo{
    width:50px;
    height:60px;
    float:left;
    
}
.fix_top_row{
     height:30px;
   width:100%;
    float:left;
     clear:right;
    padding-left:2%;
    font-size:12px;
    padding-top:9px;
}
.fix_bottom_row{
    float:left;
    height:36px;
    width:100%;
    clear:right;
     padding-left:2%;
    padding-top:4px;
}
.fix_time{
    float:left;
    width:10%;
}
.fix_date{
    float:left;
    width:15%;
}
.fix_ht{
    float:left;
    font-weight:bold;
}
.fix_v{
    float:left;
    font-weight:bold;
}
.fix_at{
    float:left;
    font-weight:bold;
}
.fix_grade{
   text-align:center;
    float:left;
    width:50%;
}
.fix_venue{
     text-align:right;
    float:left;
    clear: right;
    width:24%;
    overflow: hidden;
}
     .gradeimage{
     width:50px;   
        
    }
}
@media only screen and (max-width: 600px) {
    
    .gradeimage{
        
         width:38px; 
        height:48px;
    }
 .future_fixtures{
    
    width:100%;
    min-height:400px;
    margin-bottom:20px;
    clear:right;
}
.fix_row{
    width:100%;
    height:48px;
    margin-bottom:5px;
    border:1px solid;
}
.fix_left_side{
    
    width:16%;
    height:50px;
    float:left;
    clear:left;
}
.fix_right_side{
    
    width:84%;
     height:50px;
    float:left;
    clear:right;
}
.fix_logo{
     width:38px; 
        
    height:48px;
    float:left;
    
}
.fix_top_row{
     height:25px;
   width:100%;
    float:left;
     clear:right;
  
    font-size:10px;
    padding-top:5px;
}
.fix_bottom_row{
    float:left;
    height:25px;
    width:100%;
    clear:right;
    
    padding-top:4px;
     font-size:10px;
}
.fix_time{
    float:left;
    width:15%;
}
.fix_date{
    float:left;
    width:30%;
}
.fix_ht{
    float:left;
    font-weight:bold;
}
.fix_v{
    float:left;
    font-weight:bold;
}
.fix_at{
    float:left;
    font-weight:bold;
}
.fix_grade{
   text-align:center;
    float:left;
    width:50%;
    display:none;
}
.fix_venue{
     text-align:right;
    float:left;
    clear: right;
    width:55%;
    overflow: hidden;
}
}