@media only screen and (max-width:1100px){
	.left-data{
		width: 30%;
	}
	
	.right-data{
		width: 70%;
	}
}

@media only screen and (max-width:1080px){
	.form{
		width: 100%;
	}
	.student-basic-details h3{
		font-size: 19px;
	}
}

@media only screen and (max-width:991px){
	.left-data{
		display: none;
	}
	
	.right-data{
		width: 100%;
		display: block;
		padding: 30px 10px;
	}
	
	.bottom-left-curve{
		display: none;	
	}
}

@media only screen and (max-width:680px){
	.table{
		width: 800px;
	}
	.top-right-curve{
		width: 400px;
	}

}

@media only screen and (max-width:440px){
	.form-group{
		flex-direction: column;
	}
	
	.form-group-inline{
		width: 100%;
		margin: 0 !important;
	}
	
	.form-group-inline:first-child{
		margin-bottom: 15px !important;
	}
	
	.pay-btns{
		flex-direction: column;
	}
	
	.pay-btns span{
		margin: 7px 0 !important;
	}
	
	.table{
		width: 650px;
	}
	.table td, .table th{
		font-size: 13px;
	}
}