#leroy_zoom_frame {
width: 220px;
height: 220px;
background: #FFF;
color: #333;
position: absolute;
overflow: hidden;
border: 2px solid #4B423D;
text-align: center;
border-radius: 100%;

}
a.zoomable .zoom-cursor {

position: absolute;
}
a.zoomable {
/* cursor: crosshair; */
cursor: url(../img/zoom-icon.png), auto;
}
a.magnifiable .zoom-cursor:after {
content: 'click to zoom';
border: 1px solid #fff;
font-size: 11px;
background-color: #4B423D;
color: #fff;
display: block;
width: 100px;
text-align: center;
margin-left: -106px;
margin-top: -24px;
}
a.magnified .zoom-cursor:after {
content: "";
width: 80px;
height: 80px;
background-color: #FFF;
margin-left: -23px;
margin-top: -23px;
opacity: .6;
border-radius: 100%;
-khtml-border-radius: 0;
}

.dramtization {
    border-radius: 12px;
    left: -105%;
    margin: 10px auto;
    top: 53%;
    /* padding: 5px; */
    position: absolute;
    right: 0;
    text-align: center;
    /* top: 100px; */
    width: 210px;
}

.page-id-22 .dramtization.scroll-over {
    top: 55%;
    left: -106%;
}
.dramtization.scroll-over {
        top: 56%;
    left: -103%;
}

@media only screen and (max-width: 1024px) {
	
}
@media only screen and (max-width: 768px) {
	
}
@media only screen and (max-width:736px) {
	
}

@media only screen and (max-width: 667px) {
	
}

@media only screen and (max-width: 568px) {
	
}

@media only screen and (max-width: 414px) {
	
}

@media only screen and (max-width: 375px) {
	
}

@media only screen and (max-width: 320px) {
	
}