#wrapper {
      position: relative;
      width:100%;
}
#container {
      position: relative;
	  margin:0 auto;
}
.item{ width:300px; float:left; padding:5px;}
.item.w2{ width:610px;}
.item img{ width:100%;
display: block;
max-width: 100%;}


/**/
/* .pan{ width:970px; margin:0 auto;} */

@media screen and (max-width:780px){
      .item,
      .item.w2{
            width: 310px;
      }
}
/* 780 */
@media screen and (max-width:440px){
      #container{width: 100% !important;}
      .item,
      .item.w2{
            width: 100%;
            position: static !important;
            box-sizing: border-box;
      }
}
/* 440 */