@media (min-width: 320px) and (max-width: 787px) {
  
  
  .grid_one,
  .grid_two,
  .grid_three,
  .grid_four,
  .grid_five,
  .grid_six,
  .grid_seven,
  .grid_eight,
  .grid_nine,
  .grid_ten,
  .grid_eleven,
  .grid_1,
  .grid_2,
  .grid_3,
  .grid_4 {
    width: 100% !important;
    margin-bottom: 30px;
  }
  .zentools.slideshow .allitems .grid_one {
    width: 4.85% !important;
    margin: 0;
  }
  .zentools.slideshow .allitems .grid_11 {
    width: 5.7% !important;
    margin: 0;
  }
  .zentools.slideshow .allitems .grid_10 {
    width: 6.7% !important;
    margin: 0;
  }
  .zentools.slideshow .allitems .grid_9 {
    width: 7.9% !important;
    margin: 0;
  }
  .zentools.slideshow .allitems .grid_8 {
    width: 9.3% !important;
    margin: 0;
  }
  .zentools.slideshow .allitems .grid_7 {
    width: 11.1%;
    margin: 0;
  }
  .zentools.slideshow .allitems .grid_two {
    width: 13.45% !important;
    margin: 0;
  }
  .zentools.slideshow .allitems .grid_three {
    width: 22.05% !important;
    margin: 0;
  }
  .zentools.slideshow .allitems .grid_four {
    width: 30.75% !important;
    margin: 0;
  }
  .zentools.slideshow .allitems .grid_five {
    width: 39.45% !important;
    margin: 0;
  }
  .zentools.slideshow .allitems .grid_six {
    width: 48% !important;
    margin: 0;
  }
  .zentools.slideshow .allitems .grid_seven {
    width: 56.75% !important;
    margin: 0;
  }
  .zentools.slideshow .allitems .grid_eight {
    width: 65.4% !important;
    margin: 0;
  }
  .zentools.slideshow .allitems .grid_nine {
    width: 74.05% !important;
    margin: 0;
  }
  .zentools.slideshow .allitems .grid_ten {
    width: 82.7% !important;
    margin: 0;
  }
  .zentools.slideshow .allitems .grid_eleven {
    width: 91.35%;
  }
  .zentools.slideshow .allitems .grid_twelve {
    width: 100%;
    float: left;
  }
  .zentools .column.grid_one,
  .zentools .column.grid_two,
  .zentools .column.grid_three,
  .zentools .column.grid_four,
  .zentools .column.grid_five,
  .zentools .column.grid_six,
  .zentools .column.grid_seven,
  .zentools .column.grid_eight,
  .zentools .column.grid_nine,
  .zentools .column.grid_ten,
  .zentools .column.grid_eleven,
  .zentools .column.grid_twelve {
    margin: 0 !important;
  }
  .noresize [class*="span"] {
    display: block;
    width: 100%;
    min-height: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    margin-left: 4.291845493562231% !important;
    *margin-left: 4.238197424892704% !important;
  }
  .noresize .span12,
  .noresize .grid_twelve {
    width: 100% !important;
    *width: 99.94635193133047% !important;
  }
  .noresize .span11,
  .noresize .grid_eleven {
    width: 91.30901287553648% !important;
    *width: 91.25536480686695% !important;
  }
  .noresize .span10,
  .noresize .grid_ten {
    width: 82.61802575107296% !important;
    *width: 82.56437768240343% !important;
  }
  .noresize .span9,
  .noresize .grid_nine {
    width: 73.92703862660944% !important;
    *width: 73.87339055793991% !important;
  }
  .noresize .span8,
  .noresize .grid_eight {
    width: 65.23605150214593% !important;
    *width: 65.1824034334764% !important;
  }
  .noresize .span7,
  .noresize .grid_seven {
    width: 56.54506437768241% !important;
    *width: 56.49141630901288% !important;
  }
  .noresize .span6,
  .noresize .grid_six {
    width: 47.85407725321889% !important;
    *width: 47.80042918454936% !important;
  }
  .noresize .span5,
  .noresize .grid_five {
    width: 39.163090128755364% !important;
    *width: 39.10944206008583% !important;
  }
  .noresize .span4,
  .noresize .grid_four {
    width: 30.472103004291846% !important;
    *width: 30.418454935622318% !important;
  }
  .noresize .span3,
  .noresize .grid_three {
    width: 21.781115879828327% !important;
    *width: 21.7274678111588% !important;
  }
  .noresize .span2,
  .noresize .grid_two {
    width: 13.090128755364807% !important;
    *width: 13.03648068669528% !important;
  }
  .noresize .span1,
  .noresize .grid_one {
    width: 4.399141630901288% !important;
    *width: 4.34549356223176% !important;
  }
}