.banner_contact { padding: 180px 0 90px 80px; }
.banner_contact h1 { font-family: "Satoshi_Light"; color: #3F3F3F; margin-bottom: 30px; }
.banner_contact img { position: absolute; right: 0; top: 20px; }
.contactusmap { padding: 0 20px; background-color: #ededed; }
.contactusmap .map { display: grid; grid-template-columns: 0.33fr .67fr; background-color: #fff; padding: 50px 50px 42px 50px; margin-bottom: 50px; }
.contactusmap .map .contactdesc { display: flex; flex-direction: column; row-gap: 50px; }
.contactusmap .map .contactdesc p { display: flex; flex-direction: column; align-items: flex-start; row-gap: 10px; }
.contactusmap .map .contactdesc p span:first-child { color: #F99D1C; }
.contactusmap .map .contactdesc p a { color: #3F3F3F; }


section { width: 100%; float: left; }
.title_02 { color: #DFDFDF; }


@media (max-width: 767.98px) { 

.banner_contact { padding: 100px 13px 30px; }
.banner_contact h1 { margin-bottom: 10px; }
.contactusmap { padding: 0 0px; }
.contactusmap .map { padding: 20px; display: flex; flex-direction: column; }
.contactusmap .map .contactdesc { padding-bottom: 20px; row-gap: 30px; }
.contactusmap .map .contactmap { height: 460px; }


}