@media (max-width: 577px) {
	.width-dropdown-sheare{
		width: 350px !important;
	}
}
@media (min-width: 576px) {
	.card.card-collection .card-img-top {
		height: 10rem;
		/* max-height: 10rem; */
	}
	.width-dropdown-sheare{
		width: 400px !important;
	}
}


@media (min-width: 768px) {
	.btn-block { width: auto; }
	/* .navbar-brand > img {
		max-height: 50px;
	} */
	main.main-content {
		margin-left: 5rem;
		top: 4rem;
		position: relative;
	}
	main.main-content > div {
		margin-bottom: 0 !important;
	}
	.card.card-course .card-img-top {
		height: 8rem;
		/* max-height: 8rem; */
	}
	.card.card-collection .card-img-top {
		height: 8rem;
		/* max-height: 8rem; */
	}
	.card.card-course .card-body {
		/* height: 9rem; */
	}
	.course-detail .nav-tabs .nav-item.show .nav-link,
	.nav-tabs .nav-link {
		padding: 0.5rem 2rem !important;
	}
	.width-dropdown-sheare{
		width: 430px !important;
	}
}


@media (min-width: 992px) {
	.card-horizon img {
		border-top-left-radius: var(--card-border-r) !important;
		border-bottom-left-radius: var(--card-border-r) !important;
		border-top-right-radius: 0 !important;
		height: 149.56px;
		width: 200px;
	}
	.card.card-course .card-img-top {
		height: 16rem;
		max-height: 16rem;
	}
	.my-home-slider .card.card-course .card-img-top {
		height: 11rem !important;
		max-height: 11rem !important;
	}
	.my-course-slider .card.card-course .card-img-top {
		height: 18rem !important;
		max-height: 18rem !important;
	}
	.col-md-4 .card.card-course .card-img-top {
		/* height: auto; */
		max-height: 100% !important;
	}
	.card.card-collection .card-img-top {
		height: 10rem;
		/* max-height: 10rem; */
	}
	.width-dropdown-sheare{
		width: 450px !important;
	}
}

@media (min-width: 1200px) {
	.course-detail .sidebar {
		height:100vh !important;
	}
	.card-horizon img {
		height: 118px;
	}
	.width-dropdown-sheare{
		width: 500px !important;
	}
}


@media (min-width: 1400px) {
	.width-dropdown-sheare{
		width: 500px !important;
	}
}