.cont-ban{ width:100%; display:flex; background-color:#f4ecde; }
.contactbox{ width:100%; float:left; }
.contact-main{ width:100%; display:flex;  flex-direction:column; }
.contact-one{ width:100%; display:flex; padding:35px 0px; display:flex; justify-content:center; align-items:flex-start; flex-direction:row; }
.ct-one{ width:320px; display:flex; flex-direction:column; justify-content:center; align-items:center; }
.ct-one i{ width:165px; height:165px; background-color:#c7000b; border-radius:360px; display:flex; justify-content:center; align-items:center; overflow:hidden; }
.ct-one i img{ max-width:95%; }
.ct-one div{ display:flex; padding:25px 15px; display:flex; justify-content:center; align-items:center; text-align:center; flex-direction: column; color:#000; gap:10px; }
.ct-one div h1{ font-size:1.25rem; font-weight:400; height:50px; display:flex; justify-content:center; align-items:center; }
.ct-one div p{ font-size:1.05rem; line-height:1.8; }

.mapbox{ width:100%; height:600px; display: flex; justify-content: center; align-items: center; flex-direction: column; padding-bottom:80px;}
#container{ width:100%; height:100%; float:left;}
.amap-marker-label{border:1px solid #000;padding:10px 15px;color:#000;}

/* md */
@media (max-width: 1080px) {
.ct-one i{ width:135px; height:135px;}
.ct-one i img{ max-width:60%; }
.ct-one div{ padding:20px 8px; gap:5px; }
.ct-one div h1{ font-size:1.15rem; }
.ct-one div p{ font-size:1rem;  }
}

/* xs */
@media (max-width: 767px) {
.contact-one{ padding:25px 0px; flex-direction:column; }
.ct-one{ width:100%; padding-bottom:20px; }
.ct-one i{ width:100px; height:100px;}
.ct-one i img{ max-width:60%; }
.ct-one div{ padding:5px; gap:0; }
.ct-one div h1{ font-size:1.4rem; font-weight:600; }
.ct-one div p{ font-size:1.2rem; }
.mapbox{ height:350px; padding-bottom:50px;}

}

@media (max-width: 480px) {
.mapbox{ height:300px; }
}