.cont-ban{ width:100%; display:flex; background-color:#f4ecde; }
.cont-ban .inmain{width:100%;  min-height:250px; display:flex; justify-content:center; align-items:center; flex-direction:column; text-align:center; }
.cont-ban .inmain h1{ font-size:1.3rem; color:#000000; letter-spacing:15px; line-height:1.5; }
.cont-ban .inmain p{ font-size:1rem; color:#000000; line-height:1.5; padding-top:30px; }
.contbox{ width:100%; display:flex; padding:30px 0px 70px; }
.cont-a{ width:100%; display:flex; justify-content:flex-start; flex-direction:row; }
.cont-al{ width:50%; display: flex; flex-direction:column; position:relative; }
.cont-al h1{ font-size:1.875rem; font-weight:bold; color:#000; line-height:1.5; padding:15px 0px 0px; position:relative; }
.cont-al h1::before{ content:''; position:absolute; left:0; bottom:0; width:68px; height:5px; background-color:#FFF; }
.contact-form { width:100%; display:flex; flex-direction:row; flex-wrap:wrap; }
.form-grid { width:100%; display:flex; flex-direction:column; }
.input-group { width: 100%;margin-top:25px;display: flex;flex-direction: column;}
input, textarea {width:100%; padding: 12px 15px; border:0; font-size:0.875rem; transition:border-color 0.3s ease; background-color:#f0f0f0; color: #929292; }
input:focus, textarea:focus {outline: none; }
.full-width {  width: 100%; margin-top:25px; }
.full-width textarea{ height:200px; resize: none;}
.full-width-not {  width: 100%;}
.submit-btn {width:100px; padding:10px 15px; background:#000; color: #ffffff; border: none; font-size:0.875rem; cursor: pointer; margin-top:50px; transition: background 0.3s ease; }
.submit-btn:hover {background: #ababab; }
.message-box {display: none; padding: 12px; border-radius: 4px; margin: 15px 0px 0px; transition: all 0.3s ease; }
.error {background: #ff6b6b; color: white; }
.success {background: #4CAF50; color: white; }
.loader {display: inline-block; width: 14px; height: 14px; border: 2px solid #fff; border-radius: 50%; border-top-color: transparent; animation: spin 0.8s linear infinite; margin-right: 8px; }
@keyframes spin {to { transform: rotate(360deg); } }
input::-webkit-input-placeholder{ opacity:1; color:#929292;}
input:-moz-placeholder{opacity:1; color:#929292;}
input::-moz-placeholder{opacity:1; color:#929292;}
input:-ms-input-placeholder{opacity:1; color:#929292;}
textarea::-webkit-input-placeholder{opacity:1; color:#929292;}
textarea::-moz-placeholder{opacity:1; color:#929292;}
textarea::-moz-placeholder{opacity:1; color:#929292;}
textarea:-ms-input-placeholder{opacity:1; color:#929292;}
.cont-ar{ width:50%; display:flex; justify-content:flex-start; flex-direction:column; padding:0px 0px 45px 45px; }
.cont-ar h1{ font-size:1.4375rem; font-weight:600; color:#000000;  padding:30px 0px 15px; }
.cont-ar p{ font-size:1.3rem; color:#686868; display:flex; justify-content:flex-start; padding:5px 0px; }
.cont-ar p span{ font-weight:600; }
.mapbox{ width:100%; height:560px; margin:50px 0px 65px; display: flex; justify-content: center; align-items: center; flex-direction: column;}
#container{ width:100%; height:100%; float:left;}
.amap-marker-label{border:1px solid #000;padding:10px 15px;color:#000;}

.bottomnav{ width:100%; display:flex; justify-content:center; align-items:center; flex-direction:row; gap:15px; }
.cont-navone{ width:100%; display:flex; justify-content:center; align-items:center; position:relative; }
.cont-navone a{ width:100%; display:flex; justify-content:center; align-items:center; position:relative; }
.cont-navone i{ width:100%; height:200px; position: relative; display: block; overflow: hidden; -webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s;}
.cont-navone i img{ width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 50%;left: 50%; transform: translate(-50%, -50%); max-width: 100%; -webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s;}
.cont-navone:hover i img {transform: translate(-50%, -50%) scale(1.1); }
.cont-navone p{ width:100%; height: 100%; font-size: 1.875rem; color:#FFF; font-weight:600; display:flex; justify-content:center; align-items:center; text-align:center; position:absolute; left:0; top:0; }

/* md */
@media (max-width: 1180px) {

}

/* xs */
@media (max-width: 767px) {
.cont-ban .inmain{ min-height:180px;}
.cont-ban .inmain h1{ font-size:1.2rem; letter-spacing:5px;}
.cont-ban .inmain p{ font-size:0.95rem; padding-top:25px; }
.contbox{ padding:20px 0px 50px; }
.cont-a{ flex-direction:column; }
.cont-al{ width:100%; }
.cont-al h1{ font-size:1.5rem; padding:10px 0px 0px; }
.input-group { margin-top:15px;}
.full-width { margin-top:15px; }
.full-width textarea{ height:100px;}
.submit-btn { margin-top:20px; }
.cont-ar{ width:100%; padding:20px 0px 30px; }
.cont-ar h1{ font-size:1.3rem; padding:30px 0px 15px; }
.cont-ar p{ font-size:1.2rem; }
.bottomnav{ flex-direction:column; }
.cont-navone i{ height:150px; }
.cont-navone p{ font-size: 1.6rem;}

.mapbox{ height:350px; margin:0px 0px 50px;}
}

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