.tab__link {
	flex: 0 24.433%; 
}
.grid__view {
	flex: 0 24.433%!important;

}
.list-view {
	flex: 0 24.433%!important; 
}
.tab__inner {
	justify-content: inherit;
}
.cover__inner {
	background: transparent;

}
.cover__img {
	display: none;
}
.cover__img--tracks {
	display: block;
	object-fit: fill;
}

.cover__titles {
	font-family: 'lumen__medium',sans-serif;
	font-weight: bold;
	color: #fff;
	opacity: 0.6;
}
.cover__inner h1 {
	font-size: 50px;
	background: none;
	color: #fff;
	opacity: 0.8;
}


.products__display-links {
	display: flex;
	cursor: pointer;
}

.products__display-btns {
	display: flex;
	justify-content: space-between;
	width: 100%;
}
.products__display-link {
	display: flex;
	flex-direction: row;
	align-items: center;
	font-size: 14px;
	font-family: "lumen__regular", sans-serif;
 	text-transform: uppercase;
  font-feature-settings: "case" on;
  letter-spacing: -0.5px;
  opacity: 0.9;
}
.products__display-links-r {
	display: flex;
	cursor: pointer;
	margin-right: 35px;
}
.products__display-links-r .products__display-link {
	margin-left: 15px;
}
.pdl--active {
	font-weight: bold;
	text-decoration: underline;
	text-underline-offset: 6px;
	text-decoration-thickness: 2px;
	text-decoration-color: #ffb700;
	opacity: 1;
}
.arrow {
  border: solid black;
  border-width: 0 1px 1px 0;
  display: inline-block;
  vertical-align: middle;
  padding: 2px;	
  transition: 0.5s;
  pointer-events: none;
}

.right {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.left {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

.up {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}

.down {

  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
/* Dropdown Button */
.filt__dropbtn {
height: 29px;
padding: 0 15px;
font-family: lumen__regular;
font-feature-settings: "case" on;
display: block;
font-size: 14px;
border: none;
cursor: pointer;
margin-right: 30px;
border-radius: 3px;

box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.1);
color: #fff;
background-color: #000;

}

.filt__dropbtn {
	text-align: center;
color: #000;
background-color: transparent;
border: solid 1px rgba(0, 0, 0, 0.6);
width: 120px;
}

/* Dropdown button on hover & focus */
.filt__dropbtn:hover, .filt__dropbtn:focus {
background-color: #ffb700;
color: black;

border: solid 1px #ffb700;
transition: transform  0.5s;

}
.filt__dropbtn:focus {
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	transition: 0s;
}


/* The container <div> - needed to position the dropdown content */
.filt__dropdown {
position: relative;
display: inline-block;
}
.filt__dropdown i {
  font-size: 12px;
	transition: 0.5s;
	font-weight: 900;
	position: relative;
	pointer-events: none;
}
.filt__dropbtn:focus > i {
	top: -1px;
	vertical-align: middle;
	transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
}
/* Dropdown Content (Hidden by Default) */
.filt__dropdown-content {
display: none;
position: absolute;
background-color: #fff;
width: 120px;
box-shadow: 5px 8px 16px 0px rgba(0,0,0,0.2);

font-family: bpg_arial;
z-index: 2;

border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}

/* Links inside the dropdown */
.filt__dropdown-content a {
color: black;
padding: 10px 15px;
text-decoration: none;
display: block;
}

/* Change color of dropdown links on hover */
.filt__dropdown-content a:hover {background-color: #f9f9f9;cursor: pointer;}
.filt__dropdown-content a:last-child:hover {
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;}
/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {display:block;}




.review__inner {
	margin: 70px 0;

}
.review__type {
	margin-top: 100px;
	display: flex;
	column-gap: 70px;
	justify-content: space-between;
}
.review__box {
	position: relative;
	display: flex;
	margin-left: 40px;
	flex:470px;
	
}
.review__img-box {
	position: relative;
	width: 470px;
	height: 470px;
	overflow: hidden;

}
.review__border {
	position: absolute;
	top: -40px;
	left: -40px;
	width: 470px;
	height: 470px;
	border-radius: 25px; 
  border: 5px solid #ffb700;
}
.border--reverse {
	position: absolute;
	top: -40px;
	left: 40px;
}

.review__border--white {
	position: absolute;
	top: -40px;
	right: 40px;
	width: 470px;
	height: 470px;
	border-radius: 25px; 
  border: 5px solid white;
}

.review__img {
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 25px;
	background: #f9f9f9;
	object-fit: fill;
}
.review__text {
	flex: 50%;
}

.review__text .subtitle {
	font-size: 23px;
	text-transform: uppercase;
  font-feature-settings: "case" on;
}

.review__paragraph {
	margin-top: 20px;
	font-size: 16px;
	opacity: 0.8;
}

.flex--reverse {
	flex-direction: row-reverse ;
}

.flex--column {
	flex-direction: column;
}

.review__img-box--width {
	width: 100%;
}


.products__display-links {
	margin-left: 30px;
}
.grid__btn {
	margin-right: 30px;
}
.products__items {
	margin-left: 0;
}
.filter {
	display: none;
}
@media screen and (max-width: 760px) {
	.review__inner {
		margin-top: 30px;
	}
	.filter__btn {
	    display: none;
	}
	.review__type {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top: 50px;
	margin-right: 40px;
	margin-left: 20px;
    column-gap: 7px;
}
.review__box {
	
	width: 100%;
	flex: 370px;

}
.review__border {
	top: -20px;
	left: -20px;
}
.review__border {
	width: 80%;
	height: 350px;
}
.review__img-box {
	width: 100%;
	height: 350px;
}
.review__type:last-child .review__img-box {
	height: 150px;
}
.review__type:last-child .review__border {
	height: 150px;
}
.cover__inner h1 {
	font-size: 30px;
}
.review__text {
	margin: 20px 0!important;
}
.filter__title {
	margin-top: 80px;
}
.filter__cats li {
	padding-top: 20px;
}
}
@media screen and (max-width: 600px) { 
	.filt__dropdown {
		display: none!important;
	}
	.filter__btn {
	    display: block;
	}
	#btnContainer {
		width: auto;
	}
	.products__display-links {
	margin-left: 10px ;
}
	.grid__btn {
	margin-right: 10px;
}

.products__display-links-r {
	display: none;
}



}