@import "../components/Headers/defaultHeader.css";
@import "../components/Headers/header_01.css";
@import "../components/Headers/noImgHeader.css";

.city.abs-p.tp-lf {
    top: 2em;
}

.address-box.abs-p.bt-lf {
    bottom: 6em;
    min-width: 40%;
}

.address-box-container {
    height: 25em;
}

/* Standard Laptops - Ok until 1280px
------------------------------------------------------------------------------------------------*/
    @media screen and (max-width: 1440px) {
		.address-box-container {
		    height: 20em;
		}

	}
/* Small Laptops - Ok until 1150px
------------------------------------------------------------------------------------------------*/
    @media screen and (max-width: 1280px) {
		.address-box-container {
		    height: 18em;
		}
	}

/* Ok until 993px
------------------------------------------------------------------------------------------------*/
    @media screen and (max-width: 1150px) {
		.address-box-container {
		    height: 16em;
		}
	}

/* Ok until 767px
------------------------------------------------------------------------------------------------*/
    @media screen and (max-width: 992px) {
		#contact-us .stripe-container-inner {
		    padding-left: 0;
		    padding-right: 0;
		}    	
    	#contact-us .three-col-grid {
		    grid-template-columns: 1fr 1fr 1fr;
		    grid-gap: .5em;
		}
		#contact-us .box-size_02 .col-content {
		    min-height: 330px;
		}
		#contact-us .content-sp_03 {
		    padding: 20px;
		}

		.map img {
		    object-fit: cover;;
		    min-height: 580px;
		    object-position: 30%;
		}
		.city.abs-p.tp-lf {
		    left: 2em;
		    top: 80px;
		}
		.address-box.abs-p.bt-lf {
		    left: 2em;
		    bottom: 2em;
		}
	}


/* Mobile
------------------------------------------------------------------------------------------------*/
    @media screen and (max-width: 767px) {
		#contacts-info .hf-sp {
		    padding-top: 2em;
		}
	    #contact-us .box-size_02 .col-content {
	        min-height: 280px;
	    }
		.address-box-container {
		    height: 12em;
		}
		#contact-us .col-content-btn,
		#contact-us .col-content-btn .btn {
		    width: 100%;
		}
		#contact-us .btn-icon {
		    display: none;
		}
	}

/* Mobile
------------------------------------------------------------------------------------------------*/
    @media screen and (max-width: 600px) {
		#contact-us .three-col-grid {
		    grid-template-columns: 1fr;
		    grid-gap: 1em;
		}
		#contact-us .box-size_02 .col-content {
		    min-height: unset;
		    height: 240px;
		    padding: 1.5em;
		}
		#location .big-title {
		    font-size: 35px;
		}
		#location .address-box-container {
		    padding: 1.2em;
		}
		.map img {
			object-position: 57%;
		    min-height: 100vh;
		}
	}