#filter {margin-bottom: 30px; font-size: 1.3rem;}

#filters {display: flex; justify-content: space-between; align-items: center; margin-left: -5px; margin-right: -5px;}

#filters > div {padding: 0 5px; min-width: 25%;}

#filters > div > div {border: 1px solid #eee; padding: 0 10px; border-radius: 7px;}

.name-group {display: block; width: 50%; margin: -10px auto 5px auto; background: #fff;}

.group-filter {display: flex; justify-content: center; min-width: 15%; text-align: left;}

.group-filter input {border: none; border-bottom: 1px solid #eee;}

#filters > #area_filter, #filters > #price_filter {min-width: 20%;}

#area_filter .group-filter, #price_filter .group-filter {justify-content: space-between; margin-bottom: 10px;}
#area_filter input, #price_filter input {text-align: center; width: 45%; padding: 0; font-size: 1.2rem; margin-bottom: 7px;}

#category_filter .group-filter, #options_filter .group-filter {flex-wrap: wrap;}

#filter label {margin: 0 7px; display: flex; align-items: center; margin-bottom: 7px;}
#filter label input {margin-right: 7px;}
#filter label small {color: #eee;}


#filter select {width: 100%;}


#filter button {display: none;}
#all {display: none;}

#filter input::-webkit-input-placeholder, textarea::-webkit-input-placeholder       {color: #aaa;}
#filter input::-moz-placeholder, textarea::-moz-placeholder                {color: #aaa;}
#filter input:-moz-placeholder, textarea:-moz-placeholder                 {color: #aaa;}
#filter input:-ms-input-placeholder, textarea:-ms-input-placeholder            {color: #aaa;}

#postsmore {width: 30%; padding: 10px 0; margin: 30px 35% 0 35%;}

.no-more #postsmore {display: none;}

.filter-loader {display: none;}

#pagination {display: flex; justify-content: center;}

#pagination label input {display: none;}

#pagination label {
    background: #ffc31e;
    font-size: 1.2rem;
    cursor: pointer;
    line-height: 35px;
    width: 35px;
    display: block;
    text-align: center;
    margin: 0 5px;
}

#pagination label:hover {background: #ff9800;}

#pagination label.checked {background: #ff9800; cursor: default;}

@media screen and (max-device-width: 1024px) { 
	#pagination {flex-wrap: wrap;}
	#pagination label {margin-bottom: 10px;}
}

@media screen and (max-device-width: 800px) { 
	#filter {margin-bottom: 20px;}
	#filters {flex-wrap: wrap; justify-content: center;} 
	#filters > #category_filter {min-width: 100%; margin-bottom: 15px;}
	#filters > #area_filter, #filters > #price_filter {margin-bottom: 15px;}
	#postsmore {width: 50%; margin: 30px 25% 0 25%;}
}

@media screen and (max-device-width: 480px) { 
	#filters > #area_filter, #filters > #price_filter {width: 50%; margin-bottom: 15px;} 
	#filters > div {min-width: 50%;}
	.name-group {width: 70%;}
	#postsmore {width: 100%; margin: 30px 0 0 0;}
}