@media (min-width:320px) 
{
  /* smartphones, portrait iPhone, portrait 480x320 phones (Android) */
  .framed
  {
 width:100%;height:400px;

  }

}
@media (min-width:480px) 
{
 /* smartphones, Android phones, landscape iPhone */ 
 .framed
  {
 width:100%;height:400px;

  }

}
@media (min-width:600px) 
{ 
 /* portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */ 
  .framed
  {
 width:100%;height:500px;

  }

}
@media (min-width:801px)
 { /* tablet, landscape iPad, lo-res laptops ands desktops */ 
  .framed
  {
 width:100%;height:500px;

  }

 }
@media (min-width:1025px)
 { /* big landscape tablets, laptops, and desktops */
  .framed
  {
 width:100%;height:605px;

  }

 }
@media (min-width:1281px) 
{ 
 .framed
  {
 width:100%;height:605px;

  }
 }