How to make product page responsive

This works with yootheme templates

@media only screen and (max-width: 1024px) {
  
.hikashop_subcategories div.hikashop_category, .hikashop_products_listing div.hikashop_product
  {width: 100% !important;}

}
@media only screen and (min-width: 1024px) {
.hikashop_product_left_part {
  width: 30%;
  margin-right: 50%;
}
}

thanks - warp6 or warp7 ?

Warp 7

Thanks - I know it's not a problem with warp 7 as it is a complete different framework - question was about warp 6 - thanks anyway

Does anyone have more specific info on this? It doesn't explain how to do this.
Shane