.noColumns(){
	column-count         : auto;
	column-fill          : auto;
	column-gap           : auto;
	column-width         : auto;
	-webkit-column-count : auto;
	-moz-column-count    : auto;
	-webkit-column-width : auto;
	-moz-column-width    : auto;
	-webkit-column-gap   : auto;
	-moz-column-gap      : auto;
}
.listPage{
	height : unset !important;
	.content{
		.phb{
			.noColumns();
			height     : auto;
			min-height : 279.4mm;
			margin     : 20px auto;
			&::after{
				display : none;
			}
			.noBrews{
				margin     : 10px 0px;
				font-size  : 1.3em;
				font-style : italic;
			}

		}
	}
	.sort-container{
		font-family        : 'Open Sans', sans-serif;
		position           : sticky;
		top                : 0;
		left               : 0;
		width              : 100%;
		background-color   : #555;
		border-top         : 1px solid #666;
		color              : white;
		padding            : 2px;
		text-align         : center;
		z-index            : 500;
		display            : flex;
		justify-content    : center;
		align-items        : center;
		column-gap         : 15px;
		row-gap            : 5px;
		flex-wrap          : wrap;
		h6{
			text-transform : uppercase;
			font-family    : 'Open Sans', sans-serif;
			font-size      : 11px;
			font-weight    : bold;
		}
		.filter-option {
			margin-left: 20px;
			background-color : transparent !important;
			font-size        : 11px;
			i{
				padding-right : 5px;
			}
		}
		button{
				background-color : transparent;
				font-family      : 'Open Sans', sans-serif;
				text-transform   : uppercase;
				font-weight      : normal;
				font-size        : 11px;
				color            : #888;
				padding          : 0;
				&.active{
					font-weight      : bold;
					color            : white;
					border-bottom : 1px solid white;
				}
				&.sortDir{
					width : auto;
					padding: 5px;
					&:hover {
						color: white;
					}
				}
			}
		
		
	}
}