.map-outer {background: #F4E8D1;border-bottom: 20px;padding: 70px 20px;border-radius: 20px;}
.map-box {max-width: 82.5%;height: 482px;margin: 0 auto;border-radius: 20px;overflow: hidden;box-shadow: 10px 10px 15px rgb(0 0 0 / 30%);}
.map-outer h2 {font-size: 30px;text-align: center;}
.map-img {width: 100%;height: 100%;}
.map-img iframe {width: 100%;height: 100%;}


/* ========================================== 
! Large devices (desktops, less than 1200px)
=========================================== */
@media (max-width:1199.98px) {
}
/*==========================================
! Medium devices (tablets, less than 992px)
========================================== */
@media (max-width:991.98px) {
}
/* =================================================  
 ! Small devices (landscape phones, less than 768px)
 ================================================= */
@media (max-width: 767.98px){ 
    .map-outer {width: calc(100% + 30px);margin-left: -15px;border-radius: 0;padding: 42px 20px 80px;background: rgb(255 255 255 / 25%);}
    .map-outer h2 {margin-bottom: 30px;text-align: left;}
    .map-box {height: 357px; max-width: 100%;}
}

/* ======================================================
 ! Extra small devices (portrait phones, less than 576px)
 ====================================================== */
 @media (max-width: 575.98px){
}