.tabs{
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:space-between;
		align-content:flex-start;
		align-items:flex-start;
		width:100%;
    	margin:0 auto;
		padding:0;
		}
.tabs input,
.count{
	  	display:none;
		}
.tabs-content{
		display:none;
		width:100%;
		padding:60px 0 0 0;
		}		
.tabs label{
		position:relative;
		display:block;
		background:#F5B601;
		color:#FFF;
		font-size:17px;
		font-weight:600;
		line-height:100%;
		text-decoration:none;
		text-transform:uppercase;
		text-align:center;
		text-decoration:none;
		padding:10px 25px;
		margin:0 1% 1% 1%;
		-webkit-transition:all 1s ease-out;
		-moz-transition:all 1s ease-out;
		-ms-transition:all 1s ease-out;
		-o-transition:all 1s ease-out;
		transition:all 1s ease-out;
		}
.tabs label:hover{
		background:#01BAF5;
		color:#FFF;
		cursor:pointer;
		text-decoration:none;
		}
.tabs input:checked + label,
.tabs input:checked + label:hover{
		background:#01BAF5;
		color:#FFF;
		cursor:default;
		text-decoration:none;
		}
		
		
#tab-all-packages:checked ~ #content-all-packages{
		display:flex;
		}

@media (max-width:1919px){
}
@media (max-width:979px){
.tabs label{
		font-size:16px;
		}
}
@media (max-width:768px){
.tabs label{
		width:50%;
		padding:4%;
		}
.tabs label:before{
		margin:0;
		}
.tabs .label_ok{
		padding:2%;
		}
}
@media (max-width:500px){
}