@media screen and (min-width: 768px){
	.tabs .horizontal{
	    display: flex;
		justify-content: center;
		align-items: center;
		margin-bottom: 30px;
	}
	.tabs .horizontal li{
	    list-style: none;
	    height: 50px;
	    line-height: 50px;
	    background-color: #DDDDDD;
	    width:150px;
	    text-align: center;
	    cursor: pointer;
	    font-size: 18px;
	}
	.tabs .horizontal li:not(:first-child){
	    margin-left: 30px;
	}
	
	.tabs .horizontal li.selectActive{
	    border-bottom: solid 2px #0099FF;
	    background-color: #0099FF;
	    color: white;
	}
}

@media screen and (max-width: 768px){
	.tabs .horizontal{
	    display: flex;
		justify-content: center;
		align-items: center;
		margin-bottom: 30px;
	}
	.tabs .horizontal li{
	    /* float: left; */
	    list-style: none;
	    height: 50px;
	    line-height: 50px;
	    background-color: #DDDDDD;
	    width:100px;
	    text-align: center;
	    cursor: pointer;
	    font-size: 14px;
	}
	.tabs .horizontal li:not(:first-child){
	    margin-left: 30px;
	}
	
	.tabs .horizontal li.selectActive{
	    border-bottom: solid 2px #0099FF;
	    background-color: #0099FF;
	    color: white;
	}
}