/* ======================================== */
/* == 768 PX == */
/* ======================================== */
@media (min-width:768px) and (max-width: 991px){
  .zone-wrapper{
    margin:auto;
    width:768px;
  }
  .container-12{
    width:778px;
  }
  .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{
    margin-right:10px;
  }
  .container-12 .grid-1{
    width:54px;
  }
  .container-12 .grid-2{
    width:119px;
  }
  .container-12 .grid-3{
    width:184px;
  }
  .container-12 .grid-4{
    width:249px;
  }
  .container-12 .grid-5{
    width:314px;
  }
  .container-12 .grid-6{
    width:379px;
  }
  .container-12 .grid-7{
    width:443px;
  }
  .container-12 .grid-8{
    width:508px;
  }
  .container-12 .grid-9{
    width:573px;
  }
  .container-12 .grid-10{
    width:638px;
  }
  .container-12 .grid-11{
    width:703px;
  }
  .container-12 .grid-12{
    width:768px;
  }
}