@media (min-width: 1200px) {
	.container {
		max-width: 1230px;
	}
}

@media (max-width: 1300px) {
	.right-image {
		width: 100%;
	}
}

@media (max-width: 1024px) {
	.banner-header h4 {
		font-size: 32px;
	}

	.banner-header h3 {
		font-size: 80px;
		line-height: 80px;
	}

	.banner-image{
		width: 150px;
		height: 150px;
	}

	.banner-description h4{
		font-size: 12px;
	}

	.banner-description p{
		font-size: 12px;
	}

	.banner-container{
		height: 700px;
	}

	.banner-content{
		height: 700px;
	}

	.banner-left{
		flex: 1.6;
	}

	.register-btn{
		font-size: 12px;
	}

	.shared-class{
		width: 150px;
		height: 150px;
	}

	.individual-class{
		width: 200px;
		height: 200px;
	}

	.title-content{
		width: unset;
	}

	.call-to-action h4{
		font-size: 34px;
		line-height: 50px;
	}

	.call-to-action p{
		font-size: 20px;
		line-height: 28px;
	}

	.session-title {
		width: 100px;
	}

	.session-description{
		font-size: 10px;
	}

	.session{
		height: 130px;
	}

	.expert-name{
		font-size: 22px;
	}

	.expert-title{
		font-size: 12px;
	}

	.expert-list{
		font-size: 14px;
	}

	.learn-image{
		height: 200px;
	}

	.learn-title{
		font-size: 16px;
	}

	.learn-description{
		font-size: 16px;
	}

	.feedback-section p{
		font-size: 22px;
	}

	.feedback-title{
		gap: 10px;
	}

	.feedback-title h4 {
		font-size: 30px;
	}

	.contact-form p{
		font-size: 14px;
	}

	.contact-form h3{
		font-size: 24px;
	}
}

@media (max-width: 920px) {

	.banner-right{
		display: none;
	}

	.individual-class{
		width: 180px;
		height: 180px;
	}

	.shared-class{
		width: 120px;
		height: 120px;
	}

	.desc-content{
		width: unset;
	}

	.program-icon{
		width: 250px;
		height: 250px;
	}

	.session{
		flex: unset;
		height: 170px;
	}

	.course-sessions {
		flex-wrap: wrap;
		row-gap: 40px;
		justify-content: center;
	}

	.course-title {
		font-size: 28px;
	}



	.footer-header {
		width: 700px;
	}

		.footer-header img {
			width: 280px;
			height: 100px;
		}

		.footer-header p {
			font-size: 22px;
		}

	.footer-content {
		flex-direction: column;
		gap: 20px;
	}

	.footer-contact {
		width: 220px;
	}

	.footer-apps {
		justify-content: center;
		display: flex;
		align-items: center;
		flex-wrap: wrap;
	}

	.feature-item{
		flex-wrap: wrap;
	}

	.feature-content {
		flex: unset;
	}

	.learn-details{
		flex-wrap: wrap;
		margin: 0 120px;
	}

	.learn-item{
		flex: unset;
	}

	.learn-image{
		height: 300px;
	}

	.learn-description, .learn-title {
		font-size: 18px;
	}

	.about_footer {
		display: none;
	}

	.contact-form p{
		font-size: 16px;
	}

	.contact-form h3{
		font-size: 30px;
	}

	.contact-description {
		order: 2; 
		text-align: center; 
	}

	.form-container {
		order: 1;
	}

	.register-btn{
		font-size: 16px;
	}

	.session-description{
		font-size: 14px;
	}

	.feature-image{
		height: 350px;
	}
}

@media (max-width: 480px) {

	.expert-content{
		gap: 20px;
	}

	.expert-image{
		min-width: 80px;
		height: 80px;
	}

	.expert-name{
		font-size: 20px;
	}

	.banner-container {
		height: 950px;
	}

	.banner-header h4 {
		font-size: 22px;
	}

	.banner-header h3{
		font-size: 50px;
		line-height: 50px;
	}

	.banner-section {
		flex-wrap: wrap;
	}

	.statistic-content {
		gap: 20px;
		flex-wrap: wrap;
		justify-content: center	;
	}

	.individual-class {
		width: 220px;
		height: 220px;
	}

	.shared-class{
		width: 150px;
		height: 150px;
	}

	.title-content{
		font-size: 24px;
		line-height: 30px;
	}

	.call-to-action h4 {
		font-size: 24px;
		line-height: 36px;
	}

	.call-to-action p{
		font-size: 16px;
		line-height: 22px;
	}

	.course-title{
		font-size: 26px;
	}

	.register-teach-btn{
		width: unset;
	}

	.section-title{
		font-size: 24px;
	}

	.feature-image-omo{
		width: 170px;
		height: 170px;
	}

	.feature-image{
		height: 170px;
	}

	.desc-content{
		font-size: 16px;
	}

	.learn-details{
		margin: unset;
		padding: 60px 0;
	}

	.learn-image{
		height: 220px;
	}

	.feedback-section{
		flex-wrap: wrap;
		gap: 20px;
	}

	.feedback-title{
		flex: unset;
	}

	.contact-form{
		margin: unset;
	}

	.contact-form h3 {
		font-size: 24px;
	}

	.contact-form p{
		font-size: 14px;
	}

	.footer-header {
		flex-direction: column;
		align-items: center;
		gap: 10px;
		width: 100%;
	}

		.footer-header img {
			width: 220px;
			height: 80px;
		}

		.footer-header p {
			font-size: 16px;
		}

	.footer-apps {
		flex-wrap: wrap;
	}

	.footer-container {
		padding-left: 10px;
		padding-right: 10px;
	}

	.footer-contact h4, .footer-solutions h4 {
		font-size: 16px;
	}

	.footer-contact p {
		font-size: 12px;
	}

	.footer-solutions a {
		font-size: 12px;
	}
}