.tooltip_parent{
	position : relative;
	width : 100%;
	height : auto;
	vertical-align: top!important;
	display: block;
}

.tooltip {
	display : none;
    width : 100%;
    padding:10px;
    font-size:16px;
    margin:0px;
    background-color:#77f1f1;
    color:#0014ff;
    position:absolute;
    /*right:-160px;*/
    top: 45px;
	opacity: 0.8;
	-moz-opacity: 0.8;
	font-weight : bold;
	max-width: 100%;
	min-width : 168px;
	/*display : block!important;*/
}

.tooltip:before {
  /*right: 100%;*/
  top: -7px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  border-color: rgba(102, 102, 102, 0);
  border-bottom-color: #77f1f1;
  border-width: 8px;
  margin-top: -8px;
}

@media(max-width:1020px){
	.tooltip {
		top: 35px;
		/*top : 0px!important;*/
		font-size:14px;
	}
}

@media(max-width:870px){
	.tooltip {
		top: 35px;
		font-size:12px;
	}
}

@media(max-width:780px){
	.tooltip {
		top: 35px;
		 font-size:14px;
	}
}

@media(max-width:660px){
	.tooltip {
		top: 35px;
		font-size:12px;
	}
}

@media(max-width:490px){
	.tooltip {
		top: 35px;
		font-size:12px;
	}
}