/* mfp styles */
.mfp-container {
	padding: 0;
}

.my-mfp-button {
	position: absolute;
	text-align: center; 
  	margin: 0;
  	top: 0; 
  	padding: 30px 0;
  	width: 80px;
  	line-height: 40px;
  	height: 100%;
  	font-size: 30px;
  	background: rgba(0,0,0,.2);
  	border: none; 
  	color: #fff;
  	opacity: .7;
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    transition: opacity 0.2s; 
}

.my-mfp-button:hover, 
.my-mfp-button:focus, 
.my-mfp-button:active {
	opacity: 1;
}

.my-mfp-left {
	left: 0;
}

.my-mfp-right {
	right: 0;
}

.mfp-content .main-container {
	margin-top: 0;
}

.mfp-ajax-holder .mfp-content {
	max-width: 860px;
	margin: 0 auto 0 auto;
}

@media all and (max-width: 900px) {
	
	.my-mfp-button {
		width: 30px;
	}

	.mfp-container {
	    padding-left: 30px;
	    padding-right: 30px; 
	} 

}