/* 
    RESPONSIVE
*/




@media (max-width: 1400px) {

    .menu-item {
        margin-right: 1em;
    }


}





@media (max-width: 1200px) {

    /* MENU */

    ul#menu-menu-principale {
        display: none;
    }

    button#responsive-menu-pro-button {
        display: block !important;
    }

	ul#responsive-menu-pro {
		margin-top: 5em;
	}

	
    /* HEADER */

    .LogoSito img {
        width: 100%;
    }


    /* IMMAGINI DI SFONDO */

    .ImmDecorazioneTerapie,
    .ImmDecorazioneStudio1,
    .ImmDecorazioneStudio2,
    .ImmDecorazioneStudio3,
    .ImmDecorazioneHome1,
    .ImmDecorazioneHome2,
    .ImmDecorazioneHome3,
    .ImmDecorazioneChiSiamo1,
    .ImmDecorazioneChiSiamo2 {
        display: none !important;
    }

    














}





@media (max-width: 992px) {

    .Trattamento p {
        font-size: 0.8em;
    }



    .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
        padding: 1em 2.5em;
    }


	iframe {
        width: 100%;
    }

}





@media (max-width: 768px) {

	.containerlogo {
        margin: 0 auto;
        position: absolute;
        left: 0;
        top: 0;
    }
	
	header {
		padding-top: 0;
		padding-bottom: 0;
	}
	
	.LogoSito img {
		width: 20%;
	}
	
	.IntestazioneHome {
		height: 70vh;
	}
	
	.TitoloHome {
		position: unset;
		margin: 0 auto;
		text-align: center;
		padding-top: 12em;
	}
	
    p {
        font-size: 1em !important;
    }

    .TitoloBiancoGrosso {
        font-size: 2em;
    }

	.TestoTrattamenti {
		text-align: center;
		margin-top: 0;
		margin-bottom: 3em;
	}
	
	.Trattamento img {
		width: 15%;
	}
	
	
	
	.Punto {
		margin: 1em 0;
	}
	
	.ListaPunti img {
		width: 20%;
	}

    .Slogan h2 {
        padding-top: 5em;
		font-size: 2em !important;
    }


	.PuntoAlta {
		margin-bottom: 4em;
	}
	
	.CosaOffriamoTecnologia {
		padding-bottom: 1em;
	}

    .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
        padding: 1em 0em;
    }



    .footer {
        text-align: center;
		margin: 0;
    }

		.footer img {
			width: 30%;
            margin-bottom: 1em;
		}

        .footer p {
            margin: 1em 0;
        }

}





@media (max-width: 576px) {

	.LogoSito img {
		width: 50%;
	}
	
    .TitoloHome {
        text-align: center;
        left: 2.5em;
    }

        .TitoloHome a {
            margin-right: 1em;
        }

    	.TitoloHome h2 {
			font-size: 2.5em !important;
		}

    .TitoloBenvenuti {
        text-align: center;
        margin-bottom: 2em;
    }

    .ListaPunti img {
        width: 20%;
    }

    .Slogan {
        height: 50vh;
    }

    .TitoloBiancoGrosso {
        font-size: 2em !important;
    }

    .TestoTrattamenti {
        text-align: center;
        margin-bottom: 2em;
    }


    .CosaOffriamo img {
        width: 20%;
    }

    .Trattamento img {
        width: 15%;
    }

    .FotoAltaTecnologia {
        width: 100%;
    }






}





@media (max-width: 400px) {

    .LogoSito img {
        width: 70%;
    }

    .footer {
        margin: auto 5em;
    }

    .TitoloHome {
        left: 3%;
    }

    .TitoloBiancoGrosso {
        font-size: 1.8em !important;
    }

    .PuntoAlta {
        margin-top: 2em;
    }

    .padding-top-alta {
        padding-top: 0;
    }



	.PuntoAlta {
		margin-bottom: 2em;
	}

	.CosaOffriamoTecnologia {
		padding-bottom: 3em;
	}



	.footer img {
		width: 80%;
	}




}