@media (max-width: 1024px) and (min-width: 980px){
    .form-map .form-floating.col-4 {
    width: 100%;
    padding: 0px;
}
}
@media (max-width: 980px){
	section.contact-us {
    padding: var(--p50) 12px;
}
section.contact-us .col-6.col-md-6.col-sm-12.contact-detail {
    padding: 0;
    width: 100%;
    margin-bottom: 30px;
}
ul.contact-list li span{
	font-size: var(--f20);
}
section.contact-us .col-6.col-md-6.col-sm-12.contact-form.form-map {
    width: 100%;
}
}
@media (max-width: 540px){
	section.contact-us {
    padding: var(--p30) 12px;
}
ul.contact-list li span {
    font-size: var(--f18);
}
.form-map{
	padding: var(--p25);
}
section.map, section.map iframe{
	height: 350px;
}
ul.contact-list li a, ul.contact-list li a span{
	font-size: var(--f14);
}
    .form-map .form-floating.col-4 {
    width: 100%;
    padding: 0px;
}
}
@media (max-width: 360px){
	.form-map {
    padding: var(--p25) var(--p10);
}
.g-recaptcha div, .g-recaptcha iframe{
	width: 100% !important;
}
}
@media (max-width: 320px){
	.form-map{
		overflow: hidden;
	}
}