section[data-name="elf_distributor"] .listSearch{
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	margin: 15px 0;
}

section[data-name="elf_distributor"] ul.grid,
section[data-name="elf_distributor"] ul.grid > li{
    padding: 0px;
    margin: 0px;
}
section[data-name="elf_distributor"] ul.grid > li{
    list-style: none;
    display: inline-block;
    vertical-align: top;
}

section[data-name="elf_distributor"] ul.ul-checkbox.grid > li{
	padding: 5px;
}

section[data-name="elf_distributor"] .listSearch .list-inline-item {
	display: inline-block;
	width: 23%;
	border: 1px solid #d22700;
	margin: 10px;
	border-radius: 20px;
	background-color: #e6e6e6;
	padding: 40px 20px !important;
}
section[data-name="elf_distributor"]  .wrapper_pagination{
	display: block;
	clear:both;
	width: 100%;
}

section[data-name="elf_distributor"] ul.page-pagination,
section[data-name="elf_distributor"] ul.page-pagination > li{
	display: inline-block;
	padding: 5px;
	margin: 0;
}

section[data-name="elf_distributor"]  ul.page-pagination > li.page-item.active{
	font-weight: bold;
}


#formfiltering {
	display: block;
	margin: -70px 5px 20px 5px;
	text-align: center;
}

#formfiltering select {
	margin: 10px;
	padding: 10px 20px;
	font-size: 20px;
	color: #fff;
	border: none;
}

#formfiltering select:nth-child(1) {
	background-color: #0a2463;
}

#formfiltering select:nth-child(2) {
	background-color: #b80c23;
}


.listSearch .page-item.active .page-link {
	z-index: 3;
	color: #fff;
	background-color: #b80c23;
	border-color: #b80c23;
}

.listSearch .page-link {
	position: relative;
	display: block;
	padding: .5rem .75rem;
	margin-left: -1px;
	line-height: 1.25;
	color: #b80c23;
	background-color: #fff;
	border: 1px solid #dee2e6;
}


.listSearch .page-link:hover {
	z-index: 2;
	color: #b80c23;
	text-decoration: none;
	background-color: #e9ecef;
	border-color: #dee2e6;
}

.listSearch .address {
	padding: 10px 0px;
	color: #333;
}

.listSearch .tel .fa-phone-alt {
	color: #b80c23;
	padding-right: 7px;
}

.tel a:hover {
	color: #991220;
}



@media only screen and (max-width: 1800px) and (min-width: 1200px) {
		
	
}


/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 980px) {
}


/* Mobile screen size - landscape view */
@media (max-width: 767px) {
   
}

/* Mobile screen size */
@media (max-width: 480px) {
	
	section[data-name="elf_distributor"] .listSearch .list-inline-item {
	width: 100%;
	padding: 20px 20px !important;
	}
	
}