/*page-content*/
@media only screen and (min-width: 100px) and (max-width: 400px) {
	.main-content{
		padding-left: 15px;
		padding-right: 15px;
	}
}
@media only screen and (min-width: 401px) and (max-width: 600px) {
	.main-content{
		padding-left: 25px;
		padding-right: 25px;
	}
}
@media only screen and (min-width: 601px) and (max-width: 767px) {
	.main-content{
		padding-left: 50px;
		padding-right: 50px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.main-content{
		padding-left: 60px;
		padding-right: 60px;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1300px) {
	.main-content{
		padding-left: 100px;
		padding-right: 100px;
	}
}
@media only screen and (min-width: 1301px) and (max-width: 1500px) {
	.main-content{
		padding-left: 150px;
		padding-right: 150px;
	}
}
@media only screen and (min-width: 1501px) and (max-width: 1700px) {
	.main-content{
		padding-left: 200px;
		padding-right: 200px;
	}
}
@media only screen and (min-width: 1701px) and (max-width: 2000px) {
	.main-content{
		padding-left: 320px;
		padding-right: 320px;
	}
}
@media only screen and (min-width: 2001px)  and (max-width: 3000px){
	.main-content{
		padding-left: 500px;
		padding-right: 500px;
	}
}
@media only screen and (min-width: 3001px) {
	.main-content{
		padding-left: 1000px;
		padding-right: 1000px;
	}
}












/*all course page*/
@media only screen and (max-width: 800px) {
	.card-course div img{
		border-radius: 20px 20px 0px 0px;
		width: 100%;
		height: 100%;
		padding-right: 0px;
		margin-right: 0px;
	}
	.card-course-description, .course-action{
		padding: 10px !important;
	}
	.course-action{
		border-left: none;
	}
}


/*All User Data*/
@media only screen and (max-width: 1350px) {
	.user-menu ul li{
		float: left;
		height: 44px;
		width: 19.8%;
	}
}
@media only screen and (max-width: 700px) {
	.user-menu{
		margin-top: 162px;
		margin-bottom: 20px;
		width: 100%;
	}
	.user-menu ul li{
		float: left;
		height: 50px;
		width: 30%;
		text-align: center;
	}
	.user-menu ul li a{
		padding: 5px;
	}
	.bondi-blue-background-rounded{
		width: 100%;
		height: 250px !important;
		background-color: #71D4FF;
		border-radius: 0px 0px 30px 30px;
		margin-right: 0px;
		text-align: center;
		color: #fff;
		font-size: 50px;
	}
	.danger-background-rounded{
		width: 100%;
		height: 250px !important;
		background-color: #FE7060;
		border-radius: 0px 0px 30px 30px;
		margin-right: 0px;
		text-align: center;
		color: #fff;
		font-size: 50px;
	}
	.blank-background-rounded{
		width: 100%;
		height: 250px !important;
		background-color: #F5F5F5;
		border-radius: 0px 0px 30px 30px;
		margin-right: 0px;
		text-align: center;
		color: #fff;
		font-size: 50px;
	}
}
@media only screen and (max-width: 450px) {
	.user-menu{
		margin-top: 112px;
		margin-bottom: 20px;
		width: 100%;
	}
	.user-menu ul li{
		float: left;
		height: 50px;
		width: 40%;
	}
	.user-menu ul li a{
		padding: 5px;
	}
	.bondi-blue-background-rounded{
		width: 100%;
		height: 200px !important;
		background-color: #71D4FF;
		border-radius: 0px 0px 30px 30px;
		margin-right: 0px;
		text-align: center;
		color: #fff;
		font-size: 50px;
	}
	.danger-background-rounded{
		width: 100%;
		height: 200px !important;
		background-color: #FE7060;
		border-radius: 0px 0px 30px 30px;
		margin-right: 0px;
		text-align: center;
		color: #fff;
		font-size: 50px;
	}
	.blank-background-rounded{
		width: 100%;
		height: 200px !important;
		background-color: #F5F5F5;
		border-radius: 0px 0px 30px 30px;
		margin-right: 0px;
		text-align: center;
		color: #fff;
		font-size: 50px;
	}
}


@media only screen and (max-width: 700px) {
	.rounded-left-10{
		border-radius: 10px 10px 0px 0px !important;
	}
}




@media only screen and (max-width: 1299px){
	.fixed-menu{
		max-width: 18.7%;
		margin-top: 100px;
		margin-left: 100px;
		padding: 0px;
	}
}
@media only screen and (min-width: 1300px){
	.fixed-menu{
		max-width: 17.7%;
		margin-top: 100px;
		margin-left: 150px;
		padding: 0px;
	}
}
@media only screen and (min-width: 1500px){
	.fixed-menu{
		max-width: 17.1%;
		margin-top: 100px;
		margin-left: 200px;
		padding: 0px;
	}
}
@media only screen and (min-width: 1700px){
	.fixed-menu{
		max-width: 18.5%;
		margin-top: 100px;
		margin-left: 11.75%;
		padding: 0px;
	}
}