/*===========================================*/
/*	DESKTOP LAYOUT 
/*===========================================*/


.table tbody > tr > td {
	vertical-align: middle;
}

.table-responsive {
  display: table;
}

.plans-responsive {
	display: none;	
}

@media (min-width: 1500px) and (max-width: 1600px) {
	
}
@media (min-width: 1200px) and (max-width: 1499px) {
	
}
@media (min-width: 992px) and (max-width: 1199px) {
	
}



/*===========================================*/
/*	MOBILE & TABLET COMMON
/*===========================================*/
@media (min-width: 200px) and (max-width: 991px) {

	

	.table-programme {
		display: none;
	}

	.plans-responsive {
		display: block;
		margin: 1rem 0;
		font-size: 20px;
	}

	.plan-card {
		border: 2px solid #0c5233;
		border-radius: 8px;
		padding: 1rem;
		margin-bottom: 1.5rem;
		background-color: #f7f7f7;
	}

	.plan-title {
		font-weight: bold;
		color: white;
		background-color: #0c5233;
		padding: 0.5rem;
		border-radius: 4px;
		margin-bottom: 1rem;
		text-align: center;
	}

	.plan-item {
		display: flex;
		justify-content: space-between;
		padding: 0.3rem 0;
		border-bottom: 1px solid #ccc;
		font-size: 16px;
	}

	.plan-item:last-child {
		border-bottom: none;
	}

	.plan-item .label {
		font-weight: bold;
		width: 55%;
		text-align: left;
		font-size: 16px;
		align-self: center;
	}

	.plan-item .value {
		width: 40%;
		text-align: center;
		align-self: center;
	}
	

	

}


/*===========================================*/
/*	TABLET
/*===========================================*/
@media (min-width: 768px) and (max-width: 991px) {
	
}


/*===========================================*/
/*	MOBILE
/*===========================================*/
@media (min-width: 200px) and (max-width: 767px) {
	

	


}
@media (min-width: 600px) and (max-width: 767px) {
	
}
@media (min-width: 550px) and (max-width: 599px) {
	
}
@media (min-width: 200px) and (max-width: 549px) {
	
}
@media (min-width: 200px) and (max-width: 400px) {
	
}