@media all and (max-width:1050px) {

	#navigation,
	.wrapper-header .btn {
		display: none;
	}

	#openmenu,
	#openmenu {
		display: inline-block;
	}

	.aboutus-content {
		width: 100%;
		padding-right: 0px;
		margin-bottom: 50px;
	}

	.aboutus-img,
	.sale-content {
		width: 100%;
	}

	.single-service {
		width: calc(50% - 20px);
	}

	#sale {
		background-image: none !important;
	}

	.wrapper-sale {
		padding-top: 30px;
		padding-bottom: 30px;
	}

	.single-pricing {
		width: calc(100% - 20px);
	}

	.single-content-footer:first-child,
	.single-content-footer {
		width: 50%;
	}

	.w-70,
	.w-30 {
		width: 100%;
	}

	.sidebar-right .sidebar {
		padding-left: 0px;
	}

	.sidebar-left .sidebar {
		padding-right: 0px;
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1;
	}

	.sidebar-left .sidebar,
	.sidebar-right .sidebar {
		padding-top: 50px;
	}

	.single-blog {
		width: calc(50% - 20px);
	}

	.wrapper-faq-list {
		width: 100%;
	}

	.contact-content {
		width: 100%;
		padding-right: 0px;
	}

	.contact-form {
		width: 100%;
	}

}

@media all and (max-width:600px) {

	h1 {
		font-size: 60px;
	}

	h2 {
		font-size: 55px;
	}

	.single-service {
		width: calc(100% - 20px);
	}

	.single-pricing {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		text-align: center;
	}

	.single-pricing img {
		margin-right: 0px;
		margin-bottom: 20px;
	}

	.single-pricing h3 {
		margin-bottom: 20px;
	}

	.pricing-content {
		width: 100%;
	}

	.single-pricing .price {
		width: 100%;
		padding-left: 0px;
		margin-top: 10px;
	}

	.single-content-footer:first-child,
	.single-content-footer {
		width: 100%;
		text-align: center;
	}

	.footer-social {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}

	.footer-social li {
		float: none;
	}

	.sidebar-left .single-service,
	.sidebar-right .single-service {
		width: calc(100% - 20px);
	}

	.single-blog,
	.sidebar-left .single-blog,
	.sidebar-right .single-blog {
		width: calc(100% - 20px);
	}


	/* Sezione Massaggi - Mobile */
	.massaggi-detail-section {
		padding: 30px 0;
		background-position: center top, center bottom;
	}

	.section-container {
		padding: 0 10px;
	}

	.section-title {
		font-size: 28px;
		text-align: center;
		margin-bottom: 20px;
	}

	.massaggi-columns {
		flex-direction: column;
		gap: 20px;
	}

	.massaggi-column.left-column,
	.massaggi-column.right-column {
		width: 100%;
		margin: 0;
		padding: 30px 15px;
		border-right: none;
		border-radius: 10px;
	}

	.massaggi-column.left-column {
		border-bottom: 1px solid #f0f0f0;
		border-radius: 10px 10px 0 0;
		margin-bottom: 10px;
	}

	.massaggi-column.right-column {
		border-radius: 0 0 10px 10px;
	}

	.column-content {
		padding: 20px 15px;
	}

	.column-title {
		font-size: 20px;
		text-align: center;
		margin-bottom: 15px;
	}

	/* Fix per le immagini e il testo */
	.content-grid {
		flex-direction: column;
		align-items: center;
		text-align: center;
		margin-bottom: 20px;
	}

	.content-grid .image-container {
		flex: none;
		max-width: 60%;
		margin-right: 0;
		margin-bottom: 15px;
		float: none;
	}

	.image-container {
		float: none;
		margin: 0 auto 15px auto;
		text-align: center;
		max-width: 60%;
	}

	.column-image {
		margin: 0 auto;
		display: block;
	}

	.massage-text {
		font-size: 15px;
		line-height: 1.5;
		margin-bottom: 12px;
		text-align: left;
		clear: both;
	}

	.intro-big {
		font-size: 16px;
		padding-left: 15px;
		margin: 20px 0;
		text-align: left;
	}

	.bottom-quote {
		margin-top: 20px;
	}

	/* Fix per i tags */
	.tags-links {
		text-align: center;
		margin-top: 30px;
	}

	.tags-links a {
		display: inline-block;
		margin: 5px;
		font-size: 14px;
	}

	/* Regole da aggiungere nel file responsive.css dentro @media all and (max-width:600px) */

	/* Pagina Yoga - Mobile */
	.yoga-hero-section {
		padding: 40px 15px;
		min-height: 400px;
	}

	.yoga-content-container {
		width: 100%;
		margin: 0;
		padding: 20px 15px;
	}

	.instructor-column {
		flex-direction: column;
		padding: 25px 20px;
		gap: 20px;
	}

	.instructor-image-container {
		width: 180px;
		height: 180px;
		margin: 0 auto;
	}

	.instructor-name {
		font-size: 1.4rem;
		text-align: center;
		margin-bottom: 15px;
	}

	.instructor-description {
		font-size: 1rem;
		text-align: center;
	}

	/* Sezione Approccio Yoga - Mobile */
	.yoga-approach-section {
		padding: 30px 0;
	}

	.yoga-columns {
		flex-direction: column;
		gap: 20px;
	}

	.yoga-columns:before {
		display: none;
	}

	.yoga-column.left-column,
	.yoga-column.right-column {
		width: 100%;
		margin: 0;
		padding: 30px 15px;
		border-right: none;
		border-radius: 10px;
	}

	.yoga-column.left-column {
		border-bottom: 1px solid #f0f0f0;
		border-radius: 10px 10px 0 0;
		margin-bottom: 10px;
	}

	.yoga-column.right-column {
		border-radius: 0 0 10px 10px;
	}

	.column-content {
		padding: 20px 15px;
	}

	.image-container {
		margin: 0 auto 20px auto;
		max-width: 60%;
	}

	.column-image {
		margin: 0 auto;
		display: block;
	}

	.yoga-bio-text {
		font-size: 15px;
		line-height: 1.5;
		margin-bottom: 12px;
		clear: both;
	}

	.benefits-title {
		font-size: 20px;
		text-align: center;
		margin-bottom: 15px;
		margin-top: 20px;
	}

	.section-title {
		font-size: 28px;
		text-align: center;
		margin-bottom: 20px;
	}

	/* Fix per i tags */
	.tags-links {
		text-align: center;
		margin-top: 30px;
	}

	.tags-links a {
		display: inline-block;
		margin: 5px;
		font-size: 14px;
	}

	/* Regole da aggiungere nel file responsive.css dentro @media all and (max-width:600px) */

	/* Pagina Yoga Bimbi - Mobile */
	.yoga-approach-section {
		padding: 30px 0;
	}

	.section-container {
		padding: 0 10px;
	}

	.section-title {
		font-size: 28px;
		text-align: center;
		margin-bottom: 20px;
	}

	.yoga-columns {
		flex-direction: column;
		gap: 20px;
	}

	.yoga-columns:before {
		display: none;
	}

	.yoga-column.left-column,
	.yoga-column.right-column {
		width: 100%;
		margin: 0;
		padding: 30px 15px;
		border-right: none;
		border-radius: 10px;
	}

	.yoga-column.left-column {
		border-bottom: 1px solid #f0f0f0;
		border-radius: 10px 10px 0 0;
		margin-bottom: 10px;
	}

	.yoga-column.right-column {
		border-radius: 0 0 10px 10px;
	}

	.column-content {
		padding: 20px 15px;
	}

	.image-container {
		margin: 0 auto 20px auto;
		text-align: center;
	}

	.column-image {
		max-width: 80%;
		height: auto; /* Rimuove l'altezza fissa */
		margin: 0 auto;
		display: block;
	}

	.yoga-bio-text {
		font-size: 15px;
		line-height: 1.5;
		margin-bottom: 12px;
		text-align: left;
	}

	.benefits-title {
		font-size: 20px;
		text-align: center;
		margin-bottom: 15px;
		margin-top: 20px;
	}

	/* Fix per le liste */
	.yoga-points-list,
	.benefits-list,
	.benefits-list-continued {
		padding-left: 15px;
		margin-bottom: 15px;
	}

	.yoga-points-list li,
	.benefits-list li,
	.benefits-list-continued li {
		margin-bottom: 6px;
		line-height: 1.4;
		font-size: 14px;
	}

	.cta-text {
		margin-top: 20px;
		font-size: 16px;
		text-align: center;
	}

	/* Fix per i tags */
	.tags-links {
		text-align: center;
		margin-top: 30px;
	}

	.tags-links a {
		display: inline-block;
		margin: 5px;
		font-size: 14px;
	}

}