@media (max-width: 767px) {
	.header-top .logo {
		height: 60px;
	}

	.header-top .logo img {
		height: 40px;
		max-width: 100%;
		width: auto;
	}

	.social ul.social-media {
		width: 95%;
		height: inherit;
		list-style-type: none;
		padding: 0;
		margin: 0 auto;
		text-align: justify;
		display: block;
	}

	.social ul.social-media li.item-media {
		/* max-width: 49% !important; */
		width: 49%;
		text-align: justify;
		display: inline-flex;
		flex-wrap: wrap;
	}

	.bottom-nav {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		max-width: calc(100% - 24px);
		width: auto;
		padding: 10px 50px;
	}

	.col-item .content {
		width: 90%;
		margin: 0 auto;
		position: relative;
		top: -5%;
		transform: translateY(-40%);
		transition: all 0.25s ease;
	}

	.section-blog .blogs-list {
		width: 100%;
		margin: 0 auto;
	}

	.section-contact .col-sm-6.col-item {
		width: 80%;
		margin: 0 auto;
	}

	.section-blog .col-item {
		width: 100%;
		padding: 15px 15px 0 15px;
	}

	.archive-item {
		width: 49%;
		display: inline-block;
		padding: 15px 10px;
	}

	.certificate-section .archive {
		display: block;
	}

	.certificate .cer-item {
		width: 100%;
		display: block;
		padding: 20px;
		margin: 0 auto;
		border-radius: 10px;
	}

	.certificate .cer-item img {
		min-height: 200px !important;
		border-radius: 5px;
	}

	.certificate .cer-item .title {
		top: -5% !important;
	}

	.section-featured .ftr-item {
		width: 100%;
		/* margin: 10px 0; */
		padding: 15px;
		margin: 0 auto;
	}

	.section-featured .desc {
		padding: 0 0 20px 0;
	}

	.section-blog .col-item .content {
		margin: 0 auto;
	}

	.section-featured .desc .title {
		width: 100%;
		padding: 0 10px;
		border-radius: 5px;
		font-size: 24px;
		line-height: 20px;
		text-align: left;
		color: #fff;
		background: linear-gradient(120deg, #7730a8, #5334ad 40%, #5792ff 90%, #67b2ff 100%);
	}

	.section-featured .desc .title .special-text {
		font-size: 50px;
		line-height: 50px;
	}

	.section-featured .ftr-item .img {
		width: 40%;
	}

	.section-contact {
		padding: 0;
		font-size: 30px;
		line-height: 30px;
	}

	.section-contact .col-item .title {
		padding: 20px 0;
		font-size: 30px;
		line-height: 30px;
		/* background: #302342; */
	}

	.col-item h3 {
		height: inherit;
	}

	.section-contact .col-item p {
		padding: 5px 0 20px 0;
	}

	.section-blog .col-item .content {
		transform: translateY(-20%);
	}

	/* lookbook */
	.section-lookbook .image-list {
		max-width: 100%;
		width: auto;
		height: inherit;
		display: block;
	}

	.section-lookbook .main-img {
		width: 100%;
		padding: 10px;
	}

	.section-lookbook .sub-image {
		width: 100%;
	}

	.section-lookbook .sub-image .item {
		width: 50%;
		padding: 10px;
	}

	.section-lookbook .sub-image img {
		width: 100%;
		height: inherit;
	}

	.section-lookbook p {
		text-align: justify;
		font-size: 10px;
		padding: 5px 2px;
		margin: 0;
	}

	/* banner */
	.section-banner .banner-content {
		padding: 30px 15px;
		position: relative;
		top: 0;
		text-align: left;
		transform: translate(0);
	}

	/* course */
	.course-section .course-item {
		width: 100%;
		display: block;
		margin: 10px 0;
		padding: 0;
	}

	.section-featured .ftr-item:nth-child(even) {
		flex-direction: row-reverse;
	}

	.section-featured .ftr-item .text {
		font-size: 14px;
		line-height: 14px;
		padding: 0;
		width: 60%;
	}

	.section-banner .banner-content .title,
	.section-banner .banner-content p {
		display: inline-block;
		text-align: left;
	}

	.section-banner .banner-content .title .nomal-text {
		display: inline-block;
		font-size: 16px;
		text-align: left;
	}

	.section-banner .banner-content .title span.nail-text {
		font-size: 70px;
		text-align: right;
		padding: 0 0 0 20px;
	}

	.section-banner .banner-content .title span.fast-text {
		padding: 0 0 0 10px;
		text-align: right;
		text-transform: uppercase;
		font-size: 20px;
		line-height: 20px;
		font-weight: 600;
	}

	.section-banner .banner-content .title p.none {
		text-align: right;
		text-transform: uppercase;
		font-size: 18px;
		line-height: 18px;
		font-weight: 600;
		display: block;
	}

	.section-banner .banner-content .icon-check img {
		width: 20px;
		height: 20px;
		margin: 0 5px 0 0;
	}

	.section-banner .img {
		display: none;
	}

	.section-banner .banner-content {
		display: block;
	}

	/* related */
	.related-section .course-item {
		width: 100%;
		margin: 10px 0;
		padding: 0;
	}

	section.footer_paralax {
		border-top: solid 3px #551f58;
		padding-bottom: 50px;
	}

	.footer-content.bank {
		width: 90%;
	}

	section .footer_paralax.bg {
		background: #fff;
		opacity: 1;
	}

	.footer-logo.desktop {
		display: none;
	}

	.footer-logo.mobile {
		display: block;
	}

	.section-faqs-list .section-title,
	.certificate-section .content .title {
		border-radius: 5px;
	}

	.footer-bottom {
		display: block;
		max-width: 100%;
		width: 100%;
		height: auto;
	}

	.sec-title {
		font-size: 18px;
		color: #fff;
		margin: 0;
		text-align: center;
		border-radius: 15px;
		padding: 10px 15px;
		background: linear-gradient(120deg, rgb(119, 48, 168), rgb(83, 52, 173) 40%, rgb(87, 146, 255) 90%, rgb(88 168 251) 100%);
	}

	.banner-content.desk-hide {
		width: 100%;
		padding: 15px 0 0 0;
		margin: 0 auto;
		display: inline-block;
		text-align: center;
		/* border-radius: 25px; */
		/* border-image-slice: 1; */
		/* transition: width 0.2s 0.35s ease-out; */
		/* position: relative; */
		/* background-image: linear-gradient(white,white) ,linear-gradient(to right, #C78740 0%, #F1C36B 100%); */
	}

	.banner-content.desk-hide .img-item {
		display: inline-block;
		position: relative;
		padding: 0;
		margin: 0 auto;
		max-width: 100%;
		width: 100%;
		height: inherit;
	}

	.banner-content.desk-hide .img-item img {
		max-width: calc((100%) - 20px);
		width: 100%;
		height: inherit;
		padding: 5px 0 5px 0;
	}

	.banner-content.desk-hide video {
		padding: 0 10px;
		border-top-left-radius: 25px;
		border-top-right-radius: 25px;
	}

	.item-media svg {
		fill: #717583;
	}

	.footer-bottom .bottom-bar {
		display: flex;
		max-width: 100%;
		width: 100%;
		height: inherit;
	}

	.course-list.desktop {
		display: none;
	}

	.course-list.mobile {
		display: block;
	}

	.section-main-sec .col-item {
		width: calc((50%) - 20px);
		padding: 10px 10px;
		margin: 10px;
		display: block;
	}

	.section-main-sec .col-item .title-item {
		display: block;
		color: #587077;
		text-align: center;
		margin: 0 auto;
	}
	.section-lookbook .image-list .item {
		max-width: calc((50%) - 5px);
		width: 100%;
		padding: 10px 5px;
		position: relative;
		display: inline-grid;
	}
	.bg-tile img {
		max-width: 100%;
	}
	.header-top.container {
		padding: 0;
	}
}

@media(min-width: 768px) {
	section .footer_paralax.bg {
		background: #302342;
		opacity: 1;
	}

	.footer-content.address .title,
	.footer-content.phone .title,
	.footer-content.bank .title,
	.social ul.social-media a,
	.footer-content.phone a,
	.footer-content.address p,
	.footer-content.bank p {
		color: #fff;
	}

	.footer-logo.desktop {
		display: block;
	}

	.footer-logo.mobile {
		display: none;
	}

	.footer-bottom .bottom-bar {
		display: none;
	}

	.section-contact .col-sm-6.col-item {
		text-align: center;
		align-items: center;
		vertical-align: middle;
		display: flex;
	}

	.section-contact .col-sm-6.col-item form {
		width: 80%;
		margin: 0 auto;
	}
	
}

/* @media (max-width: 420px){
	.section-main-sec .col-item{
	  width: 100%;
	  padding: 50px 15px;
	  margin: 0;
	  display: block; 
	}
  } */