/* ======================================== */
/* == 480 PX== */
/* ======================================== */
@media (min-width:480px) and (max-width:767px){
  .zone-wrapper{
    margin:auto;
    width:100%;
  }
  .container-12{
    width:100%;
  }
  .container-12 .grid-1,
  .container-12 .grid-2,
  .container-12 .grid-3,
  .container-12 .grid-4,
  .container-12 .grid-5,
  .container-12 .grid-6,
  .container-12 .grid-7,
  .container-12 .grid-8,
  .container-12 .grid-9,
  .container-12 .grid-10,
  .container-12 .grid-11,
  .container-12 .grid-12{
    width:100%;
  }
}