@charset "utf-8";

@media (max-width: 2559px){
	/*----listens----*/
	.listenGrid{ background-size: 33.33333333%; }
	.collection-card, .collection-card.new-collection-card-enter-active, .grid-card, .grid-card.new-collection-card-enter-active, .listen-card, .listen-card.new-collection-card-enter-active{ width: 16.6666%; }
	.listen-card{ width: 16.6666%; }
}

@media (max-width: 1919px){
	/*----listens----*/
	.listenGrid{ background-size: 40%; }
	.collection-card, .collection-card.new-collection-card-enter-active, .grid-card, .grid-card.new-collection-card-enter-active, .listen-card, .listen-card.new-collection-card-enter-active{ width: 20%; }
	.listen-card{ width: 20%; }
}

@media (max-width: 1599px){
	/*----listens----*/
	.listenGrid{ background-size: 50%; }
	.collection-card, .grid-card, .listen-card{ max-height: 300px; min-height: 300px; width: 25%; }
	.listen-card{ width: 25%; }
}

@media (max-width: 1250px){
}

@media (max-width: 1199px){
	/*----listens----*/
	.listenGrid{ background-size: 66.66666666%; }
	.listen-card{ width: 33.3333%; }
}

@media (max-width: 1050px){
}

@media only screen and (max-width: 1027px){
	/*----podbook Details----*/
	.podbook .podbook-details, .podbook.show-details .podbook-details{ transition: none; }
	.podbook .podbook-details > div, .podbook.show-details .podbook-details > div{ transition-delay: 0s; }
}

@media (max-width: 1023px){
}

@media only screen and (max-width: 991px){
	/*----Page----*/
	.Page{ overflow-y: scroll; -webkit-overflow-scrolling: touch; }
}

@media (max-width: 839px){
	/*----listens----*/
	.listenGrid{ background: #363636; }
	.listen-card{ width: 50%; }
	.listen-card .card-info .card-latest, .listen-card.selected .card-info .card-latest{ max-height: 4.1538em; opacity: 1; }
}

@media only screen and (max-width: 767px){
	/*----Page----*/
	.App.app-browse .podbook::before, .App.streamlined.app-browse .podbook::before{ content: ''; display: block; height: 64px; }
}

@media only screen and (max-width: 479px){
	/*----listens----*/
	.listen-card{ width: 100%; }
}

@media (min-width: 768px){
}

@media (min-width: 840px){
	/*----listens----*/
	.listen-card.selected .listen-card-img.full-size, .listen-card:hover .listen-card-img.full-size{ transform: scale(1.0125); }
	.listen-card.visible.selected.single-listen .card-gradient, .listen-card.visible:hover.single-listen .card-gradient{ opacity: .8; transform: scaleY(2); }
	.listen-card.selected .card-info .card-latest, .listen-card:hover .card-info .card-latest{ max-height: 4.1538em; opacity: 1; }
}