.tooltip {
    position: relative;
    /*border-bottom: 1px dotted black;*/
	/*display:inline-block;*/
	min-width: 75px;
    max-width: 1000px;
}

.tooltip .tooltiptext {
    visibility: hidden;
	width:200%;
    background-color: #bdbdbd;
    color: #823f3f;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    top: -5%;
    left: 110%;
	box-shadow: 3px 3px 2px #666666;
}

.tooltip  .smartphone_tooltiptext {
	display: none;
    visibility: hidden;
	width:200%;
    background-color: #bdbdbd;
    color: #823f3f;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    top: -200%;
    left: -50%;
	box-shadow: 3px 3px 2px #666666;
}

.tooltip .tooltipunderline{
	border-bottom: 1px dotted black;
}

.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 15px;
    right: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent #bdbdbd transparent transparent;
}

@media (min-width: 767px) {
	.tooltip:hover .tooltiptext {
		visibility: visible;
	}
}

@media (max-width: 767px) {
	.tooltip .tooltiptext {
		display: none;
	}
	
	.tooltip  .smartphone_tooltiptext {
		display: block;
	}
	
	.tooltip:hover .smartphone_tooltiptext {
		visibility: visible;
	}
}