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

.gridder-list { width:37.5%; padding: 70px 5% 120px 2%; height:170px; margin-left: 5%;}
.gridder-list { display:inline-block; vertical-align:top; background-color: #f4f6f7; }
.gridder-list paddingL { padding-left: 70px; }
.gridder-list h1 { text-align:left; min-height: 80px; }
.gridder-list p  { text-align:left; font-size: 15px; }
.border-wR { border-right: 4px solid #fff; }
.border-wL { border-left: 4px solid #fff; margin-left:-5px; }
.gridder li.bline { border-bottom: 3px solid #2d2d2d; }


.gridder-show { display:block; float:left; width:100%; position:relative; background:#EEE url("../images/loading-spin.svg") no-repeat center; padding-top: 50px; }

.gridder-show.loading { background:#EEE url("../images/loading-spin.svg") no-repeat center; }

.gridder-content { display:none; }

.gridder-show { padding:0px; background:#fff; margin-bottom:0;  z-index: 1000; }

.gridder-navigation .gridder-nav.disabled { opacity:.5;  }

.prev { font-size: 20px; margin-left: -5px; margin-top: 30px; position:absolute; left: 30px; top:0px; }
.prev:hover { text-decoration: none; }
.next { font-size: 20px; margin-left: 15px; margin-top: 30px; position:absolute; left: 100px; top:0px; }
.next:hover { text-decoration: none; }

.gridder-list { cursor:pointer; }

.gridder-list:hover { opacity:0.8; }

.hasSelectedItem .gridder-list { opacity:.5; background-color: #f4f6f7;  }

.hasSelectedItem .gridder-list.selectedItem { opacity:1; font-size: 20px; }


.gridder-close { background:url(../../../template/images/grid-close.png) no-repeat 30px 40px ; text-indent: -9999px; line-height:60px; color: transparent; width:50px; height:60px !important; margin-right: 0px; position:absolute; right:0px; top:0px; padding: 50px 30px; opacity: 0.2; }
.gridder-close:hover { text-indent: -9999px; color: transparent; opacity: 0.5; }


@media only screen and (max-width: 1600px) {
	.gridder-show { padding-top: 40px; }
}


@media only screen and (max-width: 980px) {
	.gridder-list { height:210px; }
	.gridder-list p  { text-align:left; font-size: 14px; }
}


@media only screen and (max-width: 850px) {
.gridder-list { width:35% ;padding: 70px 5% 70px 5%!important; height:280px; }
.gridder-list h1 { text-align:left; font-size: 33px; min-height: 80px; }

}

@media only screen and (max-width: 768px) {
.gridder-list { width:auto; padding: 70px 70px 70px 70px!important; height:150px; border-bottom: 3px solid #fff; margin-left: 0; }
.gridder-list h1 { text-align:left; font-size: 33px; min-height: 0px; }
.gridder li.bline { border-bottom: 3px solid #fff; }
.border-wR { border-right: 0; }
.border-wL { border-left: 0; }
}

@media only screen and (max-width: 595px) {
.gridder-list { width:auto; padding: 70px 50px 70px 50px!important; height:auto; border-bottom: 3px solid #fff; margin-left: 0; }
}