.contact_box {
    width:90%;
    margin: 2rem auto;
    padding: 1.3rem;
    box-sizing: border-box;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.205);
}
.contact-info[lang="en"] { font-family: "Book Antiqua", Palatino, serif; }

@media (max-width: 370px) {

.contact-info {
    border-top: 1px solid orange;
}
.contact-info h2 {
    font-size: 18pt;
}
.contact-info h3 {
    font-size: 16pt;
}
.contact-info p {
    font-size: 12pt;
    line-height: 18pt;
}

.store-map {
    margin-bottom: 15px;

}
.store-map iframe {
    max-width: 100%;
    height: 30%;
    border-radius: 30px;
    position: relative !important; /* cancel absolute */
    padding: 0 !important;
}


}

@media (min-width: 371px) and (max-width: 490px) {
.contact-info {
    border-top: 1px solid orange;
}
.contact-info h2 {
    font-size: 18pt;
}
.contact-info h3 {
    font-size: 16pt;
}
.contact-info p {
    font-size: 12pt;
    line-height: 18pt;
}


.store-map {
    margin-bottom: 15px;

}
.store-map iframe {
    max-width: 100%;
    height: 40%;
    border-radius: 30px;
    position: relative !important; /* cancel absolute */
    padding: 0 !important;
}

    
}



@media (min-width: 491px) and (max-width: 800px){
.contact-info {
    border-top: 1px solid orange;
}
.contact-info h2 {
    font-size: 18pt;
}
.contact-info h3 {
    font-size: 16pt;
}
.contact-info p {
    font-size: 14pt;
    line-height: 21pt;
}


.store-map {
    margin-bottom: 15px;

}
.store-map iframe {
    max-width: 100%;
    height: 50%;
    border-radius: 30px;
    position: relative !important; /* cancel absolute */
    padding: 0 !important;
}


}

@media (min-width: 801px) and (max-width: 1045px)  {
.contact-info {
    border-top: 1px solid orange;
}
.contact-info h2 {
    font-size: 18pt;
}
.contact-info h3 {
    font-size: 16pt;
}
.contact-info p {
    font-size: 14pt;
    line-height: 21pt;
}


.store-map {
    margin-bottom: 15px;
    display: flex;
    justify-content: center;
    align-items: center;

}
.store-map iframe {
    max-width: 100%;
    height: 400px;
    border-radius: 30px;
    position: relative !important; /* cancel absolute */
    padding: 0 !important;
}



}

@media (min-width: 1046px) and (max-width: 1124px)  {

.contact-info-map {
    display: flex;
    flex-direction: row;
    width: 100%;
    border-top: 1px solid orange;
    justify-content: space-evenly;

}
.contact-info {
    width: 40%;
    padding: 15px;
}
  .store-map {
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 15px 0;
    position: relative;
  }
  .store-map iframe {
    width: 400px !important;
    height: 400px !important;
    border-radius: 30px;
    position: relative !important; /* cancel absolute */
    padding: 0 !important;
  }


.contact-info h2 {
    font-size: 18pt;
}
.contact-info h3 {
    font-size: 16pt;
}
.contact-info p {
    font-size: 14pt;
    line-height: 21pt;
}

.store-map {
    margin-bottom: 15px;
}


}

@media (min-width: 1125px) and (max-width: 1205px)  {

.contact-info-map {
    display: flex;
    flex-direction: row;
    width: 100%;
    border-top: 1px solid orange;
    justify-content: space-evenly;

}
.contact-info {
    width: 40%;
    padding: 15px;
}

.store-map { 
    width: 50%; 
    display: flex; 
    justify-content: center; 
    align-items: center; 
    margin: 15px 0;
    position: relative; 
} 
.store-map iframe { 
    width: 400px !important; 
    height: 400px !important; 
    border-radius: 30px; 
    position: relative !important; /* cancel absolute */ 
    padding: 0 !important; 
}

.contact-info h2 {
    font-size: 18pt;
}
.contact-info h3 {
    font-size: 16pt;
}
.contact-info p {
    font-size: 14pt;
    line-height: 21pt;
}



}

@media (min-width: 1206px) and (max-width: 1367px) {

.contact-info-map {
    display: flex;
    flex-direction: row;
    width: 100%;
    border-top: 1px solid orange;
    justify-content: space-around;

}
.contact-info {
    width: 30%;
    padding: 15px;
}

.store-map {
    width: 40%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 15px 0;
    position: relative;
}
.store-map iframe {
    width: 400px !important;
    height: 400px !important;
    border-radius: 30px;
    position: relative !important;
    padding: 0 !important;
}

.contact-info h2 {
    font-size: 18pt;
}
.contact-info h3 {
    font-size: 16pt;
}
.contact-info p {
    font-size: 14pt;
    line-height: 21pt;
}


}

@media (min-width: 1368px) and (max-width: 1703px) {

.contact-info-map {
    display: flex;
    flex-direction: row;
    width: 100%;
    border-top: 1px solid orange;
    justify-content: center;

}
.contact-info {
    width: 30%;
    padding: 15px;
}

.store-map {
    width: 40%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 15px 0;
    position: relative;
}
.store-map iframe {
    width: 400px !important;
    height: 400px !important;
    border-radius: 30px;
    position: relative !important;
    padding: 0 !important;
}

.contact-info h2 {
    font-size: 18pt;
}
.contact-info h3 {
    font-size: 16pt;
}
.contact-info p {
    font-size: 14pt;
    line-height: 21pt;
}


}

@media (min-width: 1704px) {

.contact-info-map {
    display: flex;
    flex-direction: row;
    width: 100%;
    border-top: 1px solid orange;
    justify-content: center;

}
.contact-info {
    width: 40%;
    padding: 15px;
}


.store-map {
    width: 30%;
    display: flex;
    justify-content: center;
    align-items: center; /* vertically center iframe */
    margin: 15px 0;
    padding-bottom: 0;   /* override earlier padding hack */
    height: auto;        /* reset height */
    position: relative;
}

.store-map iframe {
    width: 400px !important;   /* fixed width */
    height: 400px !important;  /* fixed height */
    border-radius: 30px;
    position: relative;        /* reset absolute positioning */
    padding: 0;                /* override earlier padding */
}



.contact-info h2 {
    font-size: 18pt;
}
.contact-info h3 {
    font-size: 16pt;
}
.contact-info p {
    font-size: 14pt;
    line-height: 21pt;
}

.store-map {
    margin: 15px 0 15px 0;
}


}