.dv-mwidth {
  max-width: 96%;
  width: 96%;
  border-bottom: 0 none;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4); 
}

li.grid-item {
	width: 20% !important;
	float: left;
	cursor: pointer;
}

.grid li.grid-item.grid-item-width1 {
	width: 35% !important;
	float: left;
	cursor: pointer;
}

.grid li.grid-item.grid-item-width2 {
	width: 50% !important;
	float: left;
	cursor: pointer;
}

.dv-hidden {
	display: none;
}

.grid-gallery figcaption p {
	
	text-align: center !important;
	font-size: 11px !important;
	font-weight: 300 !important;
}


.grid figcaption {
  padding: 6px !important;
}


@media only screen and (max-width: 368px) {
	
	li.grid-item {
		width: 100% !important;
		float: left;
		cursor: pointer;
	}
	
	.dv-mwidth {
		  max-width: 100%;
		  width: 100%;
	}

}

@media only screen and (min-width:369px) and (max-width: 540px)  {

	li.grid-item {
		width: 50% !important;
		float: left;
		cursor: pointer;
	}

} 


@media only screen and (min-width:541px) and (max-width: 940px)  {

	li.grid-item {
		width: 33% !important;
		float: left;
		cursor: pointer;
	}

} 

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

	li.grid-item {
		width: 20% !important;
		float: left;
		cursor: pointer;
	}

}