/* This stylesheet is used to style the public view of the widget. */


@media only screen and (min-width: 601px) {

		#esv-mpp-collection-row .vc_column-inner {
			padding-left: 0px !important;
			padding-right: 0px !important;
		}

	}

	@media only screen and (max-width: 600px) {
	
	.esv-related-mpp .mpp-playlist-item {
		width: 100%;
		display: inline-block;
		margin-bottom: 15px;
		
	}
	.esv-related-mpp .mpp-playlist-item{
		/*
        margin:2%;
        */
    }
}

@media only screen and (min-width: 601px) and (max-width: 900px) {
	
	.esv-related-mpp .mpp-playlist-item {
		width: 48% !important;
		display: inline-block;
	}
	.esv-related-mpp .mpp-playlist-item{
        margin: 1%;
    }

}

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

	.esv-related-mpp .mpp-playlist-item {
		width: 48% !important;
		display: inline-block;
	}
	.esv-related-mpp .mpp-playlist-item{
        margin: 1%;
    }

	/*
	
	.esv-related-mpp .mpp-playlist-item {
		width: 31.5% !important;
		display: inline-block;
	}
	.esv-related-mpp .mpp-playlist-item{
        margin: .75%;
    }

    */

}

@media only screen and (min-width: 1201px) {

	.esv-related-mpp .mpp-playlist-item {
		width: 24% !important;
		display: inline-block;
	}
	.mpp-playlist-item{
        margin: .5%;
    }


    /*

	.esv-related-mpp .mpp-playlist-item {
		width: 32% !important;
		display: inline-block;
	}
	.mpp-playlist-item{
        margin: .5%;
    }
    */
}