@media (max-width: 991.98px) {

	/*Global*/
	.sections-detail {
		margin: 0 0 30px;
	}
	/*Banner*/
	.yoga-template .banner .top-bar-left a {
		font-size: 17px;
	}

	.yoga-template .banner .banner-content .content-col {
		padding-left: 30px;
	}
	/*Service*/
	.yoga-template .service-section .service-detail > div {
		margin-bottom: 40px;
	}

	.yoga-template .best-class-club .detail-col-club {
		padding-right: 15px;
	}
	/*Class Yoga Club*/
	.yoga-template .best-class-club .best-class-club-desc {
		padding: 60px 30px;
	}
	.yoga-template .best-class-club .best-class-club-desc .detail-col-club{
		padding:10px 30px;
		text-align:center;
	
	}
		.yoga-template .best-class-club .best-class-club-desc .detail-col-club h2{
			text-align:center;
			margin-bottom:10px;
		}


		.yoga-template .best-class-club .best-class-club-img {
			padding: 250px 0;
		}

	/*Advantages*/
	.advantlogo img {
		display: none;
	}
	.advantages-section .advantages-detail > .col-lg-2 {
		display: none;
	}

	.advantages-section .advantages-detail {
		display: flex;
		flex-direction: column;
		align-items: center; 
		justify-content: center;
		width: 100%;
	}
	.yoga-template .advantages-section  a .advantages-detail-title{
		color:#fe86d4;
	}


	.advantages-section .advantages-detail > .col-lg-5 {
		width: 100%;
		max-width: 600px;
		margin: 0 auto;
	}


	.yoga-template .advantages-section .advantages-detail-soul,
	.yoga-template .advantages-section .advantages-detail-health,
	.yoga-template .advantages-section .advantages-detail-relax,
	.yoga-template .advantages-section .advantages-detail-energy,
	.yoga-template .advantages-section .advantages-detail-mind,
	.yoga-template .advantages-section .advantages-detail-meditat {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		width: 100% !important;
		text-align: center !important;
		margin: 0 auto 24px !important;
	}

	/*Yoga Place*/
	.yoga-template .yogaPlace-section .yogaPlace-col > div {
		margin-bottom: 40px;
	}
	/*Contact us*/
	.yoga-template .contact-section .appointment
	.appointment-form .appointment-form-col-left,
	.yoga-template .contact-section .appointment
	.appointment-form .appointment-form-col-right {
		padding-left: 0 !important;
		padding-right: 0 !important;
		width: 100% !important;
		display: block;
	}

	/* Inputs proper width */
	.appointment-form-input,
	.appointment-form-text,
	.box-select select {
		width: 100% !important;
	}

	/* Dropdown icon alignment fix */
	.appointment-form .box-select {
		position: relative;
		width: 100% !important;
	}

		.appointment-form .box-select::before {
			right: 10px !important; /* icon properly align */
			transform: translateY(-50%);
		}


	/* Trainers*/
	.yoga-template .trainer-section .trainer-col {
		margin-bottom: 0px;
	}
	.yoga-template .trainer-section .trainer-col > div{
		margin-bottom: 40px;
	}
	/*Copyright*/
	.yoga-template .footer .copyright,
	.yoga-template .footer .copyright .social {
		text-align: center;
	}
}
@media (max-width: 767.98px)  { 
	/* logo */
	/* .logo-img{
		justify-content: center;

	}	 */
	/*Banner*/
	.yoga-template .banner .top-bar,
	.yoga-template .banner .top-bar-right {
		text-align: center;
	}
	/*Contact us*/
	.yoga-template .contact-section .appointment 
	.appointment-form .box-select::before {
	    content: "\f0dd";
	    font-family: "Font Awesome 5 Free";
	    position: absolute;
	    top: 41%;
	    right: -0.6%;
	    width: 35px;
	    height: 38px;
	    text-align: center;
	    font-size: 14px;
	    line-height: 37px;
	    color: rgb(255, 255, 255);
	    background-color: rgb(123, 108, 213);
	    font-weight: 600;
	    border-radius: 3px;
	    transform: translate(-50%, -50%);
	}
	
	/* advantage */
	
	.yoga-template .advantages-section .advantages-detail-desc {
		color:#444;
	}
	.advantlogo img{
		display: none;
	}
	/* banner section */
	.yoga-template .banner{
		padding-top: 160px;
	}
	 .top-bar{
	display: none;
	padding-top: 10px;
	}
	.content-col{
		padding-bottom: 10px;
	}

	/* Chat Widget */
	.chat-widget {
		position: fixed;
		bottom: 5px;
		right: 5px;
	}


}
.eu-nav-links .dropdown {
	position: relative;
}

.eu-nav-links .dropdown-toggle::after {
	margin-left: 6px;
}

.eu-nav-links .dropdown-menu {
	min-width: 200px;
	padding: 8px;
}

.eu-nav-links .dropdown-item {
	border-radius: 50px;
	padding: 10px 16px;
	margin-bottom: 4px;
}

.eu-nav-links .dropdown-item:last-child {
	margin-bottom: 0;
}

.eu-nav-links .dropdown-item:hover,
.eu-nav-links .dropdown-item:focus,
.eu-nav-links .dropdown-item.active {
	background-color: #7b6cd5;
	color: #fff;
	border-radius: 50px;
}

/* Mobile: dropdown submenu should behave like accordion inside the toggled nav */
@media (max-width: 991.98px) {
	.eu-nav-links {
		position: absolute !important;
		top: 100% !important;
		left: 0 !important;
		right: 0 !important;
		background: #ffffff !important;
		flex-direction: column !important;
		align-items: stretch !important;
		gap: 4px !important;
		padding: 12px 16px 20px !important;
		box-shadow: 0 12px 24px rgba(0,0,0,0.15) !important;
		z-index: 1050 !important;
		display: none;
		border-bottom: 3px solid #7b6cd5 !important;
	}

	.eu-nav-links.eu-nav-open {
		display: flex !important;
	}

	.eu-nav-links > li {
		width: 100% !important;
	}

	.eu-nav-links > li > a {
		display: flex !important;
		justify-content: space-between !important;
		align-items: center !important;
		padding: 12px 16px !important;
		border-radius: 8px !important;
		color: #333333 !important;
		font-size: 0.95rem !important;
		font-weight: 600 !important;
		border-bottom: 1px solid #f1eef8 !important;
	}

	.eu-nav-links > li > a:hover,
	.eu-nav-links > li > a.active {
		background: #7b6cd5 !important;
		color: #ffffff !important;
	}

	.eu-nav-links .dropdown-menu {
		position: static !important;
		transform: none !important;
		float: none !important;
		border: none !important;
		box-shadow: none !important;
		background: #f5f3fb !important;
		margin: 6px 0 10px 0 !important;
		padding: 6px 12px !important;
		border-radius: 12px !important;
		width: 100% !important;
	}

	.eu-nav-links .dropdown-menu .dropdown-item {
		display: block !important;
		padding: 10px 14px !important;
		font-size: 0.9rem !important;
		color: #444444 !important;
		border-bottom: 1px solid #eae5f7 !important;
		border-radius: 6px !important;
	}

	.eu-nav-links .dropdown-menu .dropdown-item:last-child {
		border-bottom: none !important;
	}

	.eu-nav-links .dropdown-menu .dropdown-item:hover,
	.eu-nav-links .dropdown-menu .dropdown-item:focus,
	.eu-nav-links .dropdown-menu .dropdown-item.active {
		background-color: #7b6cd5 !important;
		color: #ffffff !important;
	}
}