/* ============================================================================
   CONTACT
============================================================================ */
#contact-wrapper {width:100%;} 
.contact-left {width:50%;float:left;min-height:820px;background: url('../img/photos/contact_00.jpg') no-repeat top center;}
.contact-right {width:50%;float:right;}

.cnt-content-l {width:540px;float:right;margin:0 50px 0 0;padding:80px 0 0 0;}

.cnt-title {padding:0 0 0 0;}
.cnt-title h1 {font-family: 'Noto Serif TC', serif;font-size:60px;line-height:64px;color:#fff;font-weight:700;}
.cnt-line {width:100px;height:3px;margin:40px 0 0 0;background:#fff;}
.cnt-desc {padding:35px 0 0 0;font-size:18px;line-height:30px;color:#fff;}

.cntadd {width:90%;padding:30px 0 0 0;font-size:18px;line-height:30px;color:#fff;}
.cntadd-l {width:80px;float:left;}
.cntadd-r {width:60%;float:left;}
.cnt-address {padding:1px 0 0 0;}
.cntdet {width:220px;padding:30px 0 0 0;font-size:18px;line-height:30px;color:#fff;}

.cnt-hours {padding:20px 0 0 0;font-size:18px;line-height:30px;color:#fff;}
.cnt-visit {padding:50px 0 0 0;}

.map_canvas {width:100%;height:820px;margin:0 auto;}

a.visit-link {color:#fff;text-decoration:underline;}
a.visit-link:hover {color:#fff;text-decoration:none;}

a.cnt-email-link {color:#fff;outline:none;text-decoration:none;}
a.cnt-email-link:hover {color:#fff;outline:none;text-decoration:underline;}


.button-visit3d {
    font-family: 'Barlow', sans-serif;
    display: inline-block;
    padding: 22px 25px 22px 25px; 
    background: #842b6b;
    border:1px #842b6b solid;
    text-decoration: none;
    color: #fff;
    font-size:18px;
    font-weight:400;
}
.hvr-visit3d {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
}
.hvr-visit3d:hover, .hvr-visit3d:focus, .hvr-visit3d:active {color:#fff;background: none;border:1px #fff solid;}


/* RESPONSIVE */
@media only screen and (min-width: 1370px) and (max-width: 1720px){

}

@media only screen and (min-width: 1180px) and (max-width: 1370px){

}

@media only screen and (min-width: 959px) and (max-width: 1180px){
.contact-left {width:50%;float:left;min-height:820px;background: url('../img/photos/contact_00.jpg') no-repeat top center;}
.contact-right {width:50%;float:right;}

.cnt-content-l {width:430px;float:right;margin:0 0 0 0;padding:100px 20px 0 0;}
}

@media only screen and (min-width: 768px) and (max-width: 959px){
.contact-left {width:100%;float:none;margin:0 auto;}
.contact-right {width:100%;float:none;margin:0 auto;}        
        
.cnt-content-l {width:90%;float:none;margin:0 auto 0 auto;padding:60px 0 0 0;}
.cnt-title h1 {font-size:28px;line-height:34px;}        
.map_canvas {width:100%;height:460px;margin:0 auto;} 
}

@media only screen and (min-width: 480px) and (max-width: 767px){
.contact-left {width:100%;float:none;margin:0 auto;}
.contact-right {width:100%;float:none;margin:0 auto;}        
        
.cnt-content-l {width:90%;float:none;margin:0 auto 0 auto;padding:60px 0 0 0;}
.cnt-title h1 {font-size:28px;line-height:34px;}        
.map_canvas {width:100%;height:360px;margin:0 auto;} 
}

@media only screen and (min-width: 320px) and (max-width: 479px){
.contact-left {width:100%;float:none;margin:0 auto;}
.contact-right {width:100%;float:none;margin:0 auto;}        
        
.cnt-content-l {width:90%;float:none;margin:0 auto 0 auto;padding:60px 0 0 0;}
.cnt-title h1 {font-size:28px;line-height:34px;}        
.map_canvas {width:100%;height:360px;margin:0 auto;}   
}