img[usemap] {
	border: none;
	height: auto;
	max-width: 100%;
	width: auto;
}

.manapi-selected {
	width: block;
	width: 500px;
	height: 100px;
	font-weight: bold;
	font-size: 20px;
}

.manapi-front {
	display: block;
	width: 647px !important;
	height: 647px !important;
	background: url(../images/man_front_16.png) no-repeat center center;
}

.manapi-back {
	display: block;
	width: 647px !important;
	height: 647px !important;
	background: url(../images/man_back_1.png) no-repeat center center;
}

.manapi-front >div img, .manapi-back >div img {
	display: block;
	width: 100%;
	height: 100%;
}

.manapi-front >div.Foot {
	background: url(../images/foot-ankle-front-1.png) no-repeat center center;
	background-size: 100% 100%;
}

.manapi-front >div.Neck {
	background: url(../images/neck-front-1.png) no-repeat center center;
	background-size: 100% 100%;
}

.manapi-front >div.Thoracic {
	background: url(../images/thoracic_front.png) no-repeat center center;
	background-size: 100% 100%;
}

.manapi-front >div.LowerExtremity {
	background: url(../images/lover-extremity-front-1.png) no-repeat center center;
	background-size: 100% 100%;
}

.manapi-front >div.Hand {
	background: url(../images/hand-front-1.png) no-repeat center center;
	background-size: 100% 100%;
}

.manapi-front >div.Shoulder {
	background: url(../images/shoulder-elbow-front-1.png) no-repeat center center;
	background-size: 100% 100%;
}

/* Back */
.manapi-back >div.Foot {
	background: url(../images/foot-ankle-back-1.png) no-repeat center center;
	background-size: 100% 100%;
}

.manapi-back >div.Neck {
	background: url(../images/neck-back-1.png) no-repeat center center;
	background-size: 100% 100%;
}

.manapi-back >div.LowerExtremity {
	background: url(../images/lover-extremity-back-1.png) no-repeat center center;
	background-size: 100% 100%;
}

.manapi-back >div.Hand {
	background: url(../images/hand-back-1.png) no-repeat center center;
	background-size: 100% 100%;
}

.manapi-back >div.Shoulder {
	background: url(../images/shoulder-elbow-back-1.png) no-repeat center center;
	background-size: 100% 100%;
}

.manapi-back >div.Thoracic {
	background: url(../images/thoracic_back.png) no-repeat center center;
	background-size: 100% 100%;
}

.manapi-back >div.back {
	background: url(../images/low-back-1.png) no-repeat center center;
	background-size: 100% 100%;
}

@media(max-width:650px){
	
	.manapi-front, .manapi-back {
		display: block;
		width: 100%;
		overflow:hidden;
		height: 100vw;
		background-size: 100% 100%;
	}
	
	.manapi-front:before, .manapi-back:before{
	    content:'';
	    padding-top:100%; /* vertical value as  100% equals width */
	    float:left;
	}
	
	.manapi-front >div img, .manapi-back >div img {
		display: block;
		width: 100%;
    	height: 100%;
	}

}

map area {
	background: red;
}