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

	header {
        justify-content: flex-start;
    }
    header .headerLeft i {
        display: flex;
        margin-left: 25px;
    } 
    header .nav {
        position: fixed;
        z-index: 1001;
        top: 0;
        left: 0;
        width: 100vw;
        height: calc(100vh - 120px);
        margin-top: 120px;
        background-color: rgb(255, 255, 255);
        transform: translateX(-100%);
    }
	
	
    header .nav-active {
        transition: .3s ease-out;
        transform: translateX(0);
    }

    header .nav .menu {
        display: flex;
        flex-direction: column;
        gap: 0;
        align-items: initial;
    }
    header .nav .menu li {
        padding: 15px 30px;
        border-top: 1px solid rgb(0, 0, 0, .2);
    }

    .contFoto {
        height: 500px; 
    }
    .contFoto h1 {
        font-size: 40px;
    }
    .contFoto h2 {
        font-size: 20px;
    }

	.subHome > div {
		width: 100%;
	}

    .contContattaci .cardContattaci {
        height: 210px;
		width: 100% !important;
	}

    .contContattaci .cardContattaci div {
        width: 320px;
        padding: 20px;
    }

	.footer .footerCard {
        height: 250px !important;
		width: 100% !important;
	}

	

	.card .card-left {
		width: 100%;
	}
	
	.card .description-card {
		flex-direction: column;
	}
	.card .description-card > div {
		width: fit-content;
	}
	.card .description-card > div {
		width: fit-content;
	}
	.card .info-card {
		flex-direction: column;
		gap: 5px;
		width: 100%;
	}
	
	.divider {
		height: 0;
		width: 100%;
		border-bottom: 1px solid rgb(0, 0, 0, .1);		
	}
	
	
	
	
	.contField .box {
        width: 300px;
    }

	
	.subHome p {
        width: 300px;
    }

	.contField strong {
        width: 300px;
    }
	
    .contField .checkbox {
        width: 300px;
    }
	
	.opzioni {
		width: 100%!important;
	}

	.principale-sub {
		width: 100%!important;
	}

	.appuntamento {
		font-size: .7em !important;
	}
	
	.cerca_navbar {
		height: 220px !important;
	}

	.cerca_column {
		flex-direction: column;
	}
	
	.cerca_card, .cerca_divider {
		width: 90% !important;
	}
	
	.card {
		flex-direction: column;
	}
	
	
			.base-card {
				display: flex;
				align-items: left;
				gap: 10px;
				flex-direction: column;
			}
			

	.card .left-card {
		width: 100%;
	}

	.card .data-card {
		flex-direction: column !important;
		align-items: flex-start;
		gap: 10px;
	}

	.card .divider {
		width: 100%;
		border-bottom: 1px solid rgb(0, 0, 0, .1);
		border-left: none !important;
		height: 0 !important;
	}
	
}