@media (min-width: 320px ) and (max-width: 425px) {
  ul.tabs-horizontal {
    table-layout: inherit;	
  }
  ul.tabs-horizontal > li {
  	width: 100%;
    padding: 20px 0;
    display: block;
  }
}

@media (min-width: 426px) {
	ul.tabs-horizontal > li > a::before {
		content: "";
		position: absolute;
		left: 0px;
		right: 0px;
		width: 20px;
		height: 20px;
		margin: auto;
		border: 4px solid #d4faff;
		opacity: 1;
		border-radius: 50%;
		background: #fff;
		z-index: 2;
	}
	ul.tabs-horizontal > li#active > a::before {
	  	border-color: #1a90c6;
	}
}

@media (min-width: 426px ) and (max-width: 1024px) {
  	ul.tabs-horizontal > li > a::before {
		top: 63px;
	}
}

@media (min-width: 1025px ) {
  	ul.tabs-horizontal > li > a::before {
		top: 37px;
	}
}