.reveal-modal {
visibility: hidden;
top: 50px; 
left: 50%;
margin-left: -305px;
width: 720px;
background: #ffffff;
position: absolute;
z-index: 1051;
    padding: 15px 15px 15px 15px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
-box-shadow: 0 0 10px rgba(0,0,0,.4);
}

.reveal-modal.small 		{ width: 200px; margin-left: -120px;}
.reveal-modal.medium 		{ width: 400px; margin-left: -220px;}
.reveal-modal.large 		{ width: 650px; margin-left: -340px;}
.reveal-modal.xlarge 		{ width: 800px; margin-left: -420px;}

.reveal-modal .close-reveal-modal {
font-size: 16px;
line-height: .5;
position: absolute;
top: 15px;
right: 15px;
color: #ADD6E8;
font-weight: bold;
cursor: pointer;
} 
.reveal-modal .image{

}
.reveal-modal .image img{
	width: 100%;
}

.appointment-item{
}
@media only screen and (max-width: 720px) {
.reveal-modal {
visibility: hidden;
top: 50px; 
left: 50%;
margin-left: -180px;
width: 360px;
background: #ffffff;
position: absolute;
z-index: 1051;
    padding: 15px 15px 15px 15px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
-box-shadow: 0 0 10px rgba(0,0,0,.4);
}
}
@media only screen and (max-width: 360px) {
.reveal-modal {
visibility: hidden;
top: 50px; 
left: 50%;
margin-left: -140px;
width: 280px;
background: #ffffff;
position: absolute;
z-index: 1051;
    padding: 15px 15px 15px 15px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
-box-shadow: 0 0 10px rgba(0,0,0,.4);
}
}