@import "../components/Headers/defaultHeader.css";
@import "../components/Headers/header_05.css";
@import "../components/Headers/header-img.css";
@import "../components/Headers/top-bar.css";
@import "../components/Headers/menu-utils.css";
@import "../components/Headers/searchbar-02.css";


@import "../Moduli/Stripes/newsletter.css";


#contacts .contacts-grid {
    box-shadow: 0px 0px 1.042vw 0px rgb(0 1 30 / 9%);
}
#contacts .map-col {
    width: 67%;
}
#contacts .contact-col {
    width: 33%;
}

#contacts .map-col img {
    height: 28.646vw;
    height: 550px;
}

#contacts .contact-icon-label {
    padding-right: 0 !important;
}

/* Contact Icon
-------------------------------------------------------------*/
	.contact-icon svg {
		width: 1.146vw;
		height: 1.146vw;
		min-width: 22px;
		min-height: 22px;
		margin-right: 0.677vw;
	}
	.contact-icon {
    	padding-right: 2.083vw;
    	padding-left: .313vw;
	}
	.contact-icon-label {
	    padding-right: 0.260vw;
	}
	.contact-col .contact-icon a:hover {
	    text-decoration: underline;
	}


@media screen and (max-width: 1920px) {
	#contacts .contacts-grid {
	    box-shadow: 0px 0px 20px 0px rgb(0 1 30 / 9%);
	}

	/* Contact Icon
	-------------------------------------------------------------*/
		.contact-icon img {
			margin-right: 13px;
		}
		.contact-icon {
	    	padding-right: 40px;
	    	padding-left: 6px;
		}
		.contact-icon-label {
		    padding-right: 5px;
		}
}



/* Big Laptops - Ok until 1441 px
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 1620px) {

}

/* Standard Laptops - Ok until 1281px
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 1440px) {
	#contacts .map-col img {
	    height: 500px;
	}
}

/* Small Laptops - Ok until 1151px
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 1280px) {
	#contacts .map-col img {
	    height: 420px;
	}

	/* Contact Icon
	-------------------------------------------------------------*/
	.contact-icon {
    	padding: 15px 0px 0px 0px ;
	}
}

/* Small Laptops - Ok until 993px
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 1150px) {
	/* Contact Icon
	-------------------------------------------------------------*/
	.contact-icon svg {
	    width: 20px;
	    height: 20px;
	    margin-right: 10px;
        min-width: 20px ;
        min-height: 20px;  
	}
}

/* Mobile Start ok until 768px
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 992px) {
	#contacts .map-col,
	#contacts .contact-col {
	    width: 100%;
	}
	#contacts .map-col img {
	    height: 300px;
	}
	#contacts .contact-col .col-container {
	    padding: 30px 2em !important;
	}
	#contacts .location-title {
	    padding-bottom: 10px;
	}
	#contacts .hours-title {
	    padding-top: 25px;
	}
	#contacts .contact-button {
	    padding-top: 30px;
	}
}

/* Mobile Landscape
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 767px) {
	#contacts .contact-col .col-container {
	    padding: 30px 1.5em !important;
	}

	/* Contact Icon
	-------------------------------------------------------------*/
		.contact-icon {
	    	padding: 16px 0px 0px 0px ;
		}
		.contact-icon-label {
		    padding-right: 8px;
		}	
}

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

}