.fees_content{ margin-top:20px; margin-bottom:20px;}
	.table_content{ border:1px solid #ccc;}
	#table {
		display: table;
	 	
	 	width: 100%; 
	 	background: #fff;
	 	margin: 0;
	 	box-sizing: border-box;

	 }

	 .caption {
		     background: #5a3f0c;
    width: 100%;
    padding: 12px;
    color: #e3ded4;
    font-size: 25px;
    font-weight: bold;
    border-bottom: 1px solid #fff;
	 	display: block;
	 	padding-left: 10px;
	 	color: #fff;
	 	box-sizing: border-box;
	 }


	 .header-row {
	 	background: #8e7547;
	 	color: #000;

	 }

	.fees_row {
		display: table-row;
	}

	.cell {
		display: table-cell;
		
		padding: 6px; 
		border-bottom: 1px solid #e5e5e5;
		text-align: left;
	}

	.primary {
		text-align: left;
	}

.elgblt{ width:45%;}
	input[type="radio"],
	input[type="checkbox"]{
		display: none;
	}
.alf{ text-align:left !important;}
.c_name{ width:15%;}
.c_adrs{ width:15%;}
.c_mail{ width:15%;}
.c_phone{ width:15%;}
.c_marks{ width:30%;}

	@media only screen and (max-width: 766px)  {
 .caption {
    padding: 4px;
    font-size: 18px;
    font-weight: bold;
	 }

.elgblt{ width:auto;}
		body {
			padding: 0;
		}

		#table {
			display: block;
			margin: 0 0 0 0;
		}

		.caption {
			top: 0;
			text-align: center;
			z-index: 5;
			border-bottom: 2px solid #999;
		}

		.fees_row { 
			position: relative;
			display: block;
			border-bottom: 1px solid #ccc; 
            background:#8e7547
		}

		.header-row {
			display: none;
		}
		
		.cell { 
			display: block;

			border: none;
			position: relative;
			
			line-height: 45px;
			text-align: left;
		}

		.primary:after {
			content: "";
			display: block;
			position: absolute;
			right:20px;
			top:18px;
			z-index: 2;
			width: 0; 
			height: 0; 
			border-top: 10px solid transparent;
			border-bottom: 10px solid transparent; 
			border-right:10px solid #ccc;

		}

		.cell:nth-of-type(n+2) { 
			display: none; 
		}


		input[type="radio"],
		input[type="checkbox"] {
			display: block;
			position: absolute;
			z-index: 1;
			width: 99%;
			height: 100%;
			opacity: 0;
		}
    
    input[type="radio"]:checked,
		input[type="checkbox"]:checked {
		  z-index: -1;
		}

		input[type="radio"]:checked ~ .cell,
		input[type="checkbox"]:checked ~ .cell {
			display: block;

			border-bottom: 1px solid #eee; 
		}

		input[type="radio"]:checked ~ .cell:nth-of-type(n+2),
		input[type="checkbox"]:checked ~ .cell:nth-of-type(n+2) {
			
			background: #e0e0e0;
		}

		input[type="radio"]:checked ~ .cell:nth-of-type(n+2):before,
		input[type="checkbox"]:checked ~ .cell:nth-of-type(n+2):before {
			content: attr(data-label);

			display: inline-block;
			width: 150px;
			background: #999;
			border-radius: 10px;
			height: 30px;
			margin-right: 10px;
			font-size: 12px;
			line-height: 30px;
			text-align: center;
			color: white;

		}

		input[type="radio"]:checked ~ .primary,
		input[type="checkbox"]:checked ~ .primary  {
			border-bottom: 2px solid #999;
		}

		input[type="radio"]:checked ~ .primary:after,
		input[type="checkbox"]:checked ~ .primary:after {
	 		position: absolute;
			right:18px;
			top:22px;
			border-right: 10px solid transparent;
			border-left: 10px solid transparent; 
			border-top:10px solid #ccc;
			z-index: 2;
		}
	}