#example-02 a.tooltip span{
z-index: 10;
display: none; 
border-radius:4px; 
-moz-border-radius: 4px; 
-webkit-border-radius: 4px;
font-family: "Noto Serif", Georgia, serif;

} 

#example-02 a.tooltip:hover span{ 
display: inline; 

border: 1px solid #8c8c8c; 
background: #f4f4f4;
font-family: "Noto Serif", Georgia, serif;
} 


#example-02 a.tooltip > span{
width: 200px; 
padding: 0px 0px; 
opacity: 0; 
visibility: hidden; 
z-index: 10; 

font-size: 15px; 
font-style: normal;
font-family: "Noto Serif", Georgia, serif; 
-webkit-border-radius: 3px; 
-moz-border-radius: 3px; -o-border-radius: 3px; 
border-radius: 1px; 
-webkit-box-shadow: 4px 4px 4px #d9b3c3; 
-moz-box-shadow: 4px 4px 4px #d9b3c3; 
box-shadow: 4px 4px 4px #000000; 
color: #000000; 
background: #f4f4f4; 
background: -moz-linear-gradient(top, #FBF5E6 0%, #FFFFFF 100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FBF5E6), color-stop(100%,#FFFFFF)); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FBF5E6', endColorstr='#FFFFFF',GradientType=0 ); 
border: 1px solid #8c8c8c; 
}


#example-02 a.tooltip:hover > span{ 
opacity: 1; 
text-decoration:none; 
visibility: visible; 
overflow: visible; 
margin-top: 120%; 
display: inline; 

}
#example-02 a.tooltip span{
z-index: 10;
display: none; 
border-radius:4px; 
-moz-border-radius: 4px; 
-webkit-border-radius: 4px;
font-family: "Noto Serif", Georgia, serif;

} 

#example-02 a.tooltip:hover span{ 
display: inline; 
position: absolute; 
border: 1px solid #8c8c8c; 
background: #f4f4f4;
font-family: "Noto Serif", Georgia, serif;
} 


#example-02 a.tooltip > span{
width: 200px; 
padding: 0px 0px; 
opacity: 0; 
visibility: hidden; 
z-index: 10; 
position: absolute; 
font-size: 15px; 
font-style: normal;
font-family: "Noto Serif", Georgia, serif; 
-webkit-border-radius: 3px; 
-moz-border-radius: 3px; -o-border-radius: 3px; 
border-radius: 1px; 
-webkit-box-shadow: 4px 4px 4px #d9b3c3; 
-moz-box-shadow: 4px 4px 4px #d9b3c3; 
box-shadow: 4px 4px 4px #000000; 
color: #000000; 
background: #f4f4f4; 
background: -moz-linear-gradient(top, #FBF5E6 0%, #FFFFFF 100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FBF5E6), color-stop(100%,#FFFFFF)); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FBF5E6', endColorstr='#FFFFFF',GradientType=0 ); 
border: 1px solid #8c8c8c; 
}


#example-02 a.tooltip:hover > span{ 
opacity: 1; 
text-decoration:none; 
visibility: visible; 
overflow: visible; 
margin-top: 120%; 
display: inline;

}

@media only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
#example-02 a.tooltip:hover > span{ 

opacity: 1; 
text-decoration:none; 
visibility: visible; 
overflow: visible; 
margin-bottom: 0%; 
display: inline; 
font-size: 15px; 
font-style: normal;
font-family: "Noto Serif", Georgia, serif; 
padding: 0px 0px;
float:center;
width:115% !important;

}
}