.main-content{   background: url("/images/theme-b67/index/bg-contact.jpg") no-repeat left bottom; background-size:80% auto; background-attachment: fixed;}
.txtcols { -webkit-column-count: 2;  -moz-column-count: 2;  column-count: 2;  column-gap: 80px; column-rule: 1px solid #e4e8e7; padding: 10px;	}
.main-contact-tab {width:100%;   display: block; margin: auto;   }
.main-contact {width:100%; max-width:80%; padding: 35px 35px 50px 35px;  margin:30px auto 150px auto;  }
.main-contact input { width: 100%; padding:2px 5px; border-radius:0px;  color:#000;background-color:transparent; border-bottom: solid 1px #666464;  }
.main-contact textarea { width: 100%; padding:2px 0px 2px 5px; border-radius:0px;  color:#000;background-color:transparent;  border: solid 1px #666464;}
.main-contact select{ width: 100%;padding:8px 5px; background:#fff;  border: none;  border-bottom: solid 1px #666464;  border-radius:0px;  }
.main-contact button{ width: 100%; max-width: 192px; padding:10px 5px;  margin-right: 10px;}
.main-contact input::placeholder,.main-contact textarea::placeholder { color:#acc0c8;}
.main-contact select { color:#000;}
[class^="col-"] { margin:3px 0px; }

@media (max-width: 767.98px) {
.main-contact {width: 100%; padding: 35px 15px;  margin:30px auto 60px auto;}
}
.main-contact {width: 100%;  padding:15px 0px; margin:30px auto auto auto!important; position: relative; }
.main-contact strong{ color:#eb9924}
.main-contact p{ font-size: 0.9rem; line-height: 1.35rem;}
.contact-detail{width:calc(100% - 20px); padding:20px 20px 100px 20px; margin:2% auto 0px auto ;  display: flex; flex-wrap: wrap; justify-content: flex-start; align-content: flex-start; align-items: flex-start}
.contact-box{width:70%; padding: 0px 10px; margin: auto; display: flex; flex-wrap: wrap; justify-content: flex-start; align-content: flex-start; align-items: flex-start;  }
.contact-box h3{font-size:1.15rem; }
.contact-box-title{width:30%; padding: 50px 0px 0px 20px; margin: 0; display: flex; flex-wrap: wrap; justify-content: flex-start; align-content: flex-start; align-items: flex-start; flex-direction: column; }

@media (max-width: 1024px) {
#contact-tab{display: none!important;}
.main-contact { padding:15px; }
.contact-detail{ padding:20px 0px 100px 0px;}
.contact-box-title{ padding: 50px 0px 0px 0px; }    
}
@media (max-width: 992px) {
.contact-detail{ padding:20px 0px 50px 0px;}
.contact-box-title{width:100%; padding:0px; margin: 0;} 
.contact-box{width:100%;   }
}


@media (max-width: 767.98px) {
.main-content{background: url("/images/theme-b67/index/bg-contact-m.jpg") no-repeat left bottom; background-size:100% auto; background-attachment: fixed;}
.contact-detail{ padding:20px 0px 50px 0px;}
.contact-box-title{  width: 100%; padding: 0px; }  
.contact-box{width:100%; padding: 0px;}
}

.map-detail{width:calc(100% - 20px); padding:0px 0px 0px 20px; margin:0px auto ;  display: flex; flex-wrap: wrap; justify-content: flex-start; align-content: flex-start; align-items: flex-start}
.map-box{width:70%; padding: 0px 10px; margin: auto; display: flex; flex-wrap: wrap; justify-content: flex-start; align-content: flex-start; align-items: flex-start;  }
.map-title{width:30%; padding: 50px 0px 0px 20px; margin: 0; display: flex; flex-wrap: wrap; justify-content: flex-start; align-content: flex-start; align-items: flex-start; flex-direction: column; }
.title-h2-sub{ width: 100%; margin-bottom: 25px; font-weight: 700;  position: relative;display: flex; flex-wrap: wrap;  flex-direction: column; }
.title-h2-sub h2{ width: 100%; font-size: 2rem; color:#666464;  margin-bottom: 25px; font-weight: 700;  position: relative;}
.title-h2-sub h2:after { content: ""; position: absolute; bottom:20px; left: 0; width: 210px; height: 3px; background-image: linear-gradient(60deg, #ec9823 0%, #eb7024 100%); transform: translateY(2.0833vw);}
.title-h2-sub h2:first-letter{ color:#f39700;}
.title-h2-sub strong{color:#eb9924;}

 @media print, screen and  (max-width:840px){
.map-box{width:50%; padding: 0px 10px;  }
.map-title{width:50%; padding: 50px 0px 0px 0px;   }

}
 @media print, screen and  (max-width:767.98px){
 .title-h2-sub h2{ width: 100%;    }
.title-h2-sub h2:after { bottom:0px;}  
}
  
.contact-line{ width: 100%; display: flex; flex-wrap: wrap; margin:0; padding:5px 10px;font-size: 0.875rem; /* border-bottom: solid 1px #ccc; */align-content: center; align-items: flex-start; }
.contact-title{ width: 24%; font-size: 1rem; font-weight: 700; color: #000;  white-space: nowrap;  }
.contact-name{ width: 76%; font-size: 1rem; font-weight: 400; line-height: 1.75rem; color: #666; }
.contact-name a{color: #666;}
.contact-map{width:100%;margin:0;   }
 @media print, screen and  (max-width:999px){
.main-contact {width: 100%; max-width: 100%;  padding: 35px 15px;  margin:0px auto 60px auto;   }
.contact-title{ width: 100%; }
.contact-name{ width: 100%; }
.contact-detail{width: 100%;}
.contact-map{width: 100%; margin-left: 0}
.main-contact {width: 100%;   padding: 35px 15px;   margin:30px auto;  }
}
@media print, screen and  (max-width:992px){
.main-contact {  padding: 35px 0px;   margin:30px auto;  }
.contact-line{   padding:5px 0px;  }
}
 
/*contact*/
.btn-btnbox{ padding-right: 10px;}
@media print, screen and  (max-width:767.98px){
.btn-btnbox{ padding-right: 0px;}
.btn-btnbox .btn {width: 100%;}  
}
.border-none{border: none;}
.red:after{content:"*";color:#eb9924;padding-right: 3px;position: absolute; left:0px; top:3px; }   
.contact-form {width: 100%; margin: auto; padding: 30px 0px; position: relative;}
.contact-form ul{width: 100%; margin: 0px; padding: 0px; display: flex; flex-wrap: wrap; position: relative;}
.contact-form ul li{ width: calc(100%/2); display: flex; flex-wrap: wrap; flex-direction: column; list-style: none;}
.contact-form ul li .formTh{width: 100%;margin-top: 8px; padding-left: 10px; font-weight: 700; display: flex;  position: relative;} 
.contact-form ul li .formTd{width: calc(100% - 15px);  display: flex; flex-wrap: wrap; }  
.contact-form ul li.th-row { width: calc(100%/2 - 18px); display: flex; flex-wrap: wrap; flex-direction: row;  justify-content: space-between; list-style: none;} 
.contact-form ul li.th-row .formTh{width: 100%; display: flex; position: relative;}
.contact-form ul li.th-row .formTd{width: calc(100%/2 - 15px); flex-direction: row; }  
.contact-form ul li.full{width: 100%!important;}
.contact-form ul li .formTd input[type=checkbox]{width:18px; height: 18px; margin-top: 12px!important; display: flex; flex-wrap: wrap;   align-self: center;  }
.contact-form ul li select{  min-height: 38px; width: calc(100% - 15px)!important;}
.contact-form ul li.th-row .formTd select{ height: 30px; }  
.contact-form ul li .form-checkbox{ width:calc(100%/3 - 30px); margin: auto 15px; display: flex; flex-wrap: wrap; align-self: center; align-items: flex-start; }

.contact-form ul li .form-box{ width:calc(100%/4 - 12px); margin: auto 15px auto 0px; display: flex; flex-wrap: wrap; align-self: center; align-items: flex-start; }
.contact-form ul li .form-box:last-child{ margin-right: 0px;}
.checkbox-style{width: 18px;display: flex;  }
label.checkbox-style-3-label{width: calc(100% - 28px); line-height: 1.15rem;   display: flex;  }
@media print, screen and  (max-width:999px){
.contact-form {  padding:0px 0px  30px 0px; position: relative;}  
.contact-form ul li{ width: calc(100%); display: flex; flex-wrap: wrap; flex-direction: column; list-style: none;}
.contact-form ul li .formTd{width:100%;    }  
.contact-form ul li .form-checkbox{ width:calc(100%/2 - 30px);   }  
}
@media print, screen and  (max-width:992px){
.contact-form ul li .form-checkbox{ width:calc(100%  - 30px);   }  
}
@media print, screen and  (max-width:640px){
.contact-form ul li .form-box{ width:calc(100%/2 - 15px); margin: auto 15px auto 0px; }
}


/*--------form style------------*/
label{ font-weight: 700; align-self: center; }
input, option, textarea, input[type="radio"]{ line-height:2rem;  padding-left:15px;  font-size:1rem; color: #000;background-color:#f3faff;border: 1px solid #f7f7f7;border-radius:5px;  }
input[type="radio"]+label, input[type="checkbox"]+label { width:auto; box-sizing: border-box; padding: 5px 5px 0px 5px; }
input:focus,textarea:focus { outline: none; box-shadow: 0px 3px 5px rgba(43,126,199,.5)}
 input[type="text"],input[type="password"],input[type="tel"],input[type="number"],input[type="email"],input[type="password"],input[type="date"]{ -webkit-appearance: none; -moz-appearance: none; appearance: none;min-height: 20px; }
input[type="submit"],input[type="reset"],input[type="button"]	{-webkit-appearance: none;}
input, input[type=checkbox]::before,textarea{border: none; border-radius:0px; padding:2px 16px;width: 100%;margin-bottom: 18px; }