.tipsy {
    margin-left: 50px;
    position: absolute;
    padding: 5px;
    word-wrap: break-word;
    z-index: 100000;
	opacity:1!important;
	font-family: 'Open Sans-Regular', Helvetica, Arial, serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.00px;
    line-height: 22px;
	overflow-y:auto;
	padding: 15px 70px 4px 8px;
}

@media (min-width:1600px) and (max-width: 1700px){
    .tipsy {
        margin-left: 32px;
    }
}
@media (min-width:1701px) and (max-width: 3000px){
    .tipsy {
        margin-left: 30px;
    }
}

/* @media (width:1707) and (height:1067){
    .tipsy {
        margin-left: 30px;
    }
} */

@media (max-width:768px) and (min-width:600px){
    .tipsy {
        margin-left: 30px;
    }
}
@media (max-width:430px) and (min-width:400px){
    .tipsy {
        margin-left: 28px;
    }
}
@media (min-width:325px) and (max-width:399px){
    .tipsy {
        margin-left: 43px;
    }
}
@media (min-width:320px) and (max-width:320px){
    .tipsy {
        margin-left: 25px;
    }
}

.tipsy-inner {
    background-color: white;
    color: black;
    padding: 10px 8px 4px 8px;
    text-align: left;
	max-height: 800px;
	   box-shadow: 0 3px 8px 0 rgba(0,0,0,0.2),0 0px 10px 0 rgba(0,0,0,0.19) !important;
}

/* Rounded corners */
.tipsy-inner {
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

/* Uncomment for shadow */
/*.tipsy-inner { box-shadow: 0 0 5px #000000; -webkit-box-shadow: 0 0 5px #000000; -moz-box-shadow: 0 0 5px #000000; }*/

.tipsy-arrow {
    position: absolute;
    width: 0;
    height: 0;
    line-height: 0;
    border: 5px dashed #000;

}

/* Rules to colour arrows */
.tipsy-arrow-n {
   /* border-bottom-color: #000;*/
	border-bottom-color: blue;
	/*height:30px;
	left:20px;*/
}

.tipsy-arrow-s {
    border-top-color: #000;
}

.tipsy-arrow-e {
    border-left-color: #000;
}

.tipsy-arrow-w {
    border-right-color: #000;
}

.tipsy-n .tipsy-arrow {
    top: 0px;
    left: 11.5%;
    margin-left: -5px;
    border-bottom-style: solid;
    border-top: none;
    border-left-color: transparent;
    border-right-color: transparent;
}

.tipsy-nw .tipsy-arrow {
    top: 0;
    left: 10px;
    border-bottom-style: solid;
    border-top: none;
    border-left-color: transparent;
    border-right-color: transparent;
}

.tipsy-ne .tipsy-arrow {
    top: 0;
    right: 10px;
    border-bottom-style: solid;
    border-top: none;
    border-left-color: transparent;
    border-right-color: transparent;
}

.tipsy-s .tipsy-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-top-style: solid;
    border-bottom: none;
    border-left-color: transparent;
    border-right-color: transparent;
}

.tipsy-sw .tipsy-arrow {
    bottom: 0;
    left: 10px;
    border-top-style: solid;
    border-bottom: none;
    border-left-color: transparent;
    border-right-color: transparent;
}

.tipsy-se .tipsy-arrow {
    bottom: 0;
    right: 10px;
    border-top-style: solid;
    border-bottom: none;
    border-left-color: transparent;
    border-right-color: transparent;
}

.tipsy-e .tipsy-arrow {
    right: 0;
    top: 50%;
    margin-top: -5px;
    border-left-style: solid;
    border-right: none;
    border-top-color: transparent;
    border-bottom-color: transparent;
}

.tipsy-w .tipsy-arrow {
    left: 0;
    top: 50%;
    margin-top: -5px;
    border-right-style: solid;
    border-left: none;
    border-top-color: transparent;
    border-bottom-color: transparent;
}

   /* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {
	  .tipsy {
		  top: 120px !important;
		  left : 0 !important;
    margin-left: 50px;
    position: absolute;
    padding: 5px;
    word-wrap: break-word;
    z-index: 100000;
	opacity:1!important;
	font-family: 'Open Sans-Regular', Helvetica, Arial, serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.00px;
    line-height: 22px;
	overflow-y:auto;
	padding: 15px 70px 4px 8px;
}
.tipsy-n .tipsy-arrow {
    top: 0px;
    left:37%;
    margin-left: -5px;
    border-bottom-style: solid;
    border-top: none;
    border-left-color: transparent;
    border-right-color: transparent;
}
  }