#message-box-1 {
		    left: 10%;
		    position: relative;
		    text-align: left;
		    top: -19%;
		    width: 417px;
		}
		#message-box-1>h3{
			background-image:url("/static/media/images/Athelete-foot.png");
			width: 320px;
			height: 37px;
		}

		#message-box-1 > ul {
		    margin: 0;
		    padding: 0 0 0 13px;
		}
		#message-box-1 .message-footer{
			background-image: url('/static/media/images/Athelete-foot-lower-txt.png');
			background-repeat: no-repeat;
			width: 326px;
			height: 40px;
			display: block;
			margin-top: 10px;
		}
		
		#message-box-3 {
		    left: 5%;
		    padding: 10px;
		    position: relative;
		    text-align: left;
		    top: -49%;
		    width: 417px;

		}
		#message-box-3>h3{
			background-image: url("/static/media/images/leg-upper-text.png");
		    background-repeat: no-repeat;
		    height: 62px;
		    width: 320px;
		}

		#message-box-3 > ul {
		    margin: 0;
		    padding: 0 0 0 13px;
		    position: relative;
		    top:-16px;
		}

		#message-box-3 > a {
		    position: relative;
		    top:-16px;
		}

		#message-box-3 > ul > li {
			margin: 0;
			padding: 0;
		}
		
		#message-box-3 li:first-child {
		    margin-top: 11px;
		}

		#message-box-3 .message-footer{
			background-image: url('/static/media/images/leg-lower-text.png');
			background-repeat: no-repeat;
			width: 326px;
			height: 40px;
			display: block;
			margin-top: 10px;
		}
		#feet-arrow{
			background-image: url("/static/media/images/feet-arrow-1.png");
		    height: 286px;
		    left: 70%;
		    position: relative;
		    top: -11%;
		    width: 179px;
		}
		#hand-arrow{
			background-image: url("/static/media/images/arrow-hand.png");
		    background-repeat: no-repeat;
		    height: 90px;
		    left: 53%;
		    /*position: relative;*/
		    margin-top: -31%;
		    margin-left: 53%;
		    top: 2%;
		    width: 140px;
		}
		#body-left-arrow{
			background-image: url("/static/media/images/grion-arrow-right.png");
		    background-repeat: no-repeat;
		    height: 139px;
		    left: 29%;
		    position: relative;
		    top: -9%;
		    width: 140px;
		}
		#body-right-arrow{
			background-image: url("/static/media/images/body-arrow.png");
		    background-repeat: no-repeat;
		    height: 90px;
		    left: 52%;
		    position: relative;
		    top: -21%;
		    width: 186px;
		}
		#grion-right-arrow{
			background-image: url("/static/media/images/grion-arrow-left.png");
		    background-repeat: no-repeat;
		    height: 140px;
		    left: 51%;
		    position: relative;
		    top: -6%;
		    width: 222px;
		}
		#message-box-2 {
		   	left: 63%;
		    padding: 10px;
		    /*position: relative;*/
		    margin-left: 64%;
		    margin-top: -19%;
		    text-align: left;
		    top: -25%;
		    width: 401px;
		}
		#message-box-2>h3{
			background-image: url("/static/media/images/nail-upper-text.png");
		    background-repeat: no-repeat;
		    height: 104px;
		    width: 273px;
		}
		#message-box-2 .message-footer{
			background-image: url('/static/media/images/nail-lower-text.png');
			background-repeat: no-repeat;
			width: 409px;
			height: 40px;
			display: block;
			margin-top: 10px;
		}
		#message-box-4 {
		   	left: 65%;
		    padding: 10px;
		    position: relative;
		    text-align: left;
		    top: -80%;
		    width: 401px;
		}
		#message-box-4>h3{
			background-image: url("/static/media/images/body-upper-text.png");
		    background-repeat: no-repeat;
		    height: 44px;
		    width: 275px;
		}
		#message-box-4 .message-footer{
			background-image: url('/static/media/images/body-lower-text.png');
			background-repeat: no-repeat;
			width: 409px;
			height: 40px;
			display: block;
			margin-top: 10px;
		}
		#message-box-5 {
		   	left: 65%;
		    padding: 10px;
		    position: relative;
		    text-align: left;
		    top: -72%;
		    width: 401px;
		}
		#message-box-5>h3{
			background-image: url("/static/media/images/grion-upper-text-men.png");
		    background-repeat: no-repeat;
		    height: 60px;
		    width: 302px;
		}
		#message-box-5>a{
			color: #000;
			text-decoration: none;
		}
		#message-box-5 .message-footer{
			background-image: url('/static/media/images/groin-lower-text.png');
			background-repeat: no-repeat;
			width: 409px;
			height: 40px;
			display: block;
			margin-top: 10px;
		}
		#area1{
			left: 47%;
		    position: relative;
		    text-align: center;
		    top: 85%;
		    width: 70px;
		}
		#area2{
			left: 40%;
		    position: relative;
		    text-align: center;
		    top: 38%;
		    width: 70px;
		}
		#area3{
			left: 47%;
		    position: relative;
		    text-align: center;
		    top: 11%;
		    width: 70px;
		}
		#area4{
			left: 46%;
		    position: relative;
		    text-align: center;
		    top: 25%;
		    width: 70px;
		}

		#area5 {
		    height: 75px;
		    left: 41%;
		    position: relative;
		    text-align: center;	
		    top: 24%;
		    width: 70px;
		}

		#leg-area {
		    height: 81px;
		    opacity: 0.9;
		    width: 81px;
		    background-image:url("/static/media/images/select-leg.png");
		}
		#leg-area:hover{
			background-image:url("/static/media/images/select-leg.png");
		}
		#groin-area {
		    width: 81px;
		    height: 81px;
		    opacity: 0.9;
		    background-image:url("/static/media/images/select-groin.png");
		}
		#groin-area:hover{
			background-image:url("/static/media/images/select-groin.png");
		}
		#body-area {
		    width: 81px;
		    height: 81px;
		    opacity: 0.9;
		    background-image:url("/static/media/images/select-body.png");
		}
		#body-area:hover{
			background-image:url("/static/media/images/select-body.png");
		}
		#finger-area {
		    width: 81px;
		    height: 81px;
		    opacity: 0.9;
		    background-image:url("/static/media/images/select-hand.png");
		}
		#finger-area:hover{
			background-image:url("/static/media/images/select-hand.png");
		}
		#foot-area {
		    width: 81px;
		    height: 81px;
		    opacity: 0.9;
		    background-image:url("/static/media/images/select-feet.png");
		}
		#foot-area:hover{
			background-image:url("/static/media/images/select-feet.png");
		}
		#select-feet-container{
			/*position: relative;*/
			margin-top: -14%; 
			width: 550px;
		}



@media only screen  and (min-device-width : 768px)  and (max-device-width : 1024px)  and (orientation : portrait) {







		#area1 {
    left: 315px !important;
  
    top: 383px !important;
   
}
#area2 {
    left: 275px !important;
  
    top: 115px !important;
   
}
#area3 {
    left: 334px !important;
  
    top: -28px !important;
   
}
#area4 {
    left: 328px !important;
  
    top: 9px !important;
   
}
#area5 {
    height: 75px !important;
    left: 41% !important;
   
    top: 0 !important;
  
}
#select-feet-container {
    left: -38px;
    margin: 0;
    position: absolute;
    top: 58px !important;
}

}