.gridder { margin: 0px; padding: 0px; list-style-type: none; font-size: 0; }

.gridder-list { display: inline-block; vertical-align: top; position: relative; height: 160px; display: inline-block; overflow: hidden; }
.gridder-list.selectedItem:after { bottom: -30px; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-bottom-color: #323232; border-width: 20px; margin-left: -20px; }
.gridder-list img { height: 100%; max-width: inherit; }
@media screen and (max-width: 768px) { .gridder-list { width: 49%; height: 160px; }
  .gridder-list img { height: auto; width: 100%; } }

.img-responsive { margin: 0 auto; }

.gridder-navigation a { font-size: 16px; color: #fff; position: absolute; width: 30px; height: 45px; background-image: url(../img/ic-searchpage.png); background-repeat: no-repeat; z-index: 99; }
.gridder-navigation a.gridder-close { top: 0; right: 0; background-image: none; }
.gridder-navigation a.prev { background-position: 0px 0px; top: 50%; left: 0; }
.gridder-navigation a.next { background-position: -31px 0px; top: 50%; right: 0; }

.gridder-show { display: block; float: left; width: 100%; position: relative; overflow: hidden; margin-bottom: 20px; background-color: #323232; padding: 55px; }
@media screen and (max-width: 768px) { .gridder-show { padding: 0; position: absolute; z-index: 999; top: 0; bottom: -90px; margin: 0; overflow: scroll; }
  .gridder-show .row { margin: 0; } }

.gridder-content { display: none; position: fixed; top: 0; bottom: 0; background-color: #fff; overflow: scroll; z-index: 9999; }
.gridder-content .close { position: absolute; top: 0; right: 10px; width: 65px; height: 65px; display: block; background-image: url(../img/circle-close.png); background-size: 65px; text-indent: -9990em; }

.mainSearch .middlePost { height: 160px; display: table-cell; vertical-align: middle; }
@media screen and (max-width: 768px) { .mainSearch .mainContent { padding: 0; }
  .mainSearch .gridder-list { text-align: center; } }

.gridder-list:nth-child(n) { margin-bottom: 14px; margin-left: 14px; }
@media screen and (max-width: 768px) { .gridder-list:nth-child(n) { margin-bottom: 0; margin-left: 0; } }