.gp-block {width: 75%; margin: 10px auto 25px; border: 1px solid #ddd; border-radius: 3px; padding: 50px; box-sizing: border-box; } 
.gp-block .btn { margin-bottom: 25px; }
.gp-block form { margin: 25px 0; }
.gp-block form#add { display:none; }
.gp-block .form-group label { display:inline-block; width: 150px; }
.gp-block .form-group input, .gp-block .form-group select { display:inline-block; width: 250px; }
.gp-uploaded { border-bottom: 1px solid #ddd;margin: 5px 0;padding-bottom: 5px; }
.gp-place { border-top: 1px solid #ddd; padding-top: 10px; margin: 10px 0px;}
.gp-place img:nth-child(2), .gp-place img:nth-child(4), .gp-place img:nth-child(5) { margin-left: 14%; }
.gp-place img.gray { filter: grayscale(95%) brightness(110%); -webkit-filter: grayscale(95%) brightness(110%); }
.gp-controls { display: inline-block; margin-left: 10%; }
.gp-edit { cursor: pointer; background: url(../images/edit.png) no-repeat; width: 26px; height: 24px; display: inline-block; margin-right: 10px;}
.gp-remove { cursor: pointer; background: url(../images/remove.png) no-repeat; width: 24px; height: 24px; display: inline-block; }
.gp-editing { width: 100%; margin: 10px 0; display: none; }
.gp-map { width: 100%; height: 300px; }
.guessplace-list { text-align: center; padding: 15px;}
.guessplace-list li { width:100%; display: inline-block; margin: 10px 0; position: relative; }
.guessplace-list li.grid { display: none; width: 100%; border-bottom: 1px solid #eee; padding-bottom: 5px; }
.guessplace-list li.grid .row { margin: 0; }
.guessplace-list li:not(.grid) a img { width: 100%; }
.guessplace-info { background: rgba(0, 0, 0, .9); opacity: 0.7; bottom: 0; width: 100%; position: absolute; font-size: 9pt; padding: 0 5px; line-height: 25px; height: 25px; text-align: left; color: #fff;}
.guessplace-info i, .guessplace-list li.grid .grid-info i { font-size: 10pt; }
.guessplace-info .col-xs-2:nth-child(2) { line-height: 20px;}
.gprow .row { margin: 0 0 15px; }
.gprow-map { width: 100%; height: 400px; }
.gptopic-view i { position: absolute; cursor: pointer; }
.gptopic-view .fi-view-list { right: 50px; top: 0; font-size: 24pt;} 
.gptopic-view .fi-view-grid { right: 14px; top: 4px; font-size: 20pt;  }
.guessplace-list li.grid .grid-info { line-height: 66px; color: #757575; padding-right: 15px; }
.guessplace-list li.grid .grid-info img, img.gray { filter: grayscale(100%) brightness(50%); -webkit-filter: grayscale(100%) brightness(50%); }
.guessplace-panel { position: absolute; top:0; left: 0; width: 100%; text-align: right; padding: 5px; }
.guessplace-panel div { display: inline-block;}
.gp-icon-edit { position: relative; }
.gp-icon-edit:before { content: ""; display: inline-block; background: url(../images/edit.png) no-repeat; width: 26px; height: 24px; }
.guessplace-list li.grid .edit-block { line-height: 66px; }
.gp-date { font-size: 8pt; }
.gpinfo { display: inline-block; margin: 0 12px; }
.gpinfo i { margin-left: 10px; }
.answers-header { border: 1px solid #ddd; margin: 0!important; padding: 0; height: 50px; line-height: 50px; }
.answers-header h4 { margin: 0!important; line-height: 50px;}
.answers-header .top-title { float: left; width: 15%; padding-left: 15px;}
.answers-header .top-filter { float: left; width: 75%; color: #607d8b; }
.answers-header .top-filter ul { list-style: none; }
.answers-header .top-filter ul li { display:inline-block; cursor: pointer; }
.answers-header .top-filter ul li.active { font-weight: bold; }
.answers-header .top-button { float: left; border-left: 1px solid #ddd; position: relative; width: 10%; height: 50px; cursor: pointer;}
.answers-header .top-button:before { content: ""; background: url(../images/caret-arrow-up.png) no-repeat 50%; width: 100%; height: 100%; transform: rotate(0deg); display: block;} 
.answers-header .top-button.fold:before { transform: rotate(180deg); } 
.clearfix { clear: both; }
.answer-row { margin: 0!important; border: 1px solid #ddd; padding: 10px 15px; color: #607d8b;}
.answer-row + .row { margin-top:10px; }
@media (max-width: 576px)
{ 
	.guessplace-list li.grid { display: none!important; }
	.guessplace-list li:not(.grid) { display: inline-block!important; }
	.answers-header { height: auto; }
	.answers-header .top-title { width: 100%; }
	.answers-header .top-filter { width:75%; padding-left: 10px; border-top: 1px solid #ddd;}
	.answers-header .top-button { width:25%; border-top: 1px solid #ddd; }
	.answer-row { font-size: 8pt; }
	.answers-header .top-filter ul { padding: 0; margin: 0; } 
} 

@media (min-width: 576px)
{ 
	.guessplace-list li { width: 45%; margin: 3px; }
}

@media (min-width: 768px) 
{ 
	.guessplace-list li { width: 45%; margin: 3px; } 
 }

@media (min-width: 992px) 
{ 
	.guessplace-list li { width: 23%; margin: 3px; }
}

@media (min-width: 1200px) { ... }