.slot.position1x1.size2x2 {width:310px; height:310px; left:0px; top:0px;}
.slot.position1x3.size2x2 {width:310px; height:310px; left:330px; top:0px;}
.slot.position1x5.size2x2 {width:310px; height:310px; left:660px; top:0px;}
.grid {position:relative; width:970px; height:330px;}
@media (min-width:660px) and (max-width:989px) 
{
 .slot.position1x1.size2x2 {width:px; height:310px; left:px; top:px;}
.slot.position1x3.size2x2 {width:px; height:310px; left:px; top:px;}
.slot.position1x5.size2x2 {width:px; height:310px; left:px; top:px;}
.grid {position:relative; width:640px; height:660px;} 
}
@media (max-width:659px) 
{
 .slot.position1x1.size2x2 {width:310px; height:310px; left:0px; top:0px;}
.slot.position1x3.size2x2 {width:310px; height:310px; left:0px; top:330px;}
.slot.position1x5.size2x2 {width:310px; height:310px; left:0px; top:660px;}
.grid {position:relative; width:310px; height:990px;} 
}