.contact-form { 
    width: 50%;
    float: left;
    margin: 0 auto;
}
.contact-info {
    float: right;
    width: 46%;
    margin-top: 3%;
    font-size: 14px;
    color: #8B8B8B;
}
.contact-info .map,
.contact-info .txt {
    float: left;
    width: 100%;
}
.contact-info .map {
    height: 620px;
}
.contact-info .company-name {
    font-size: 28px;
    text-align: left;
    line-height: 1;
    padding-top: 6%;
    color: #000;
}
.contact-info .company-name span {
    font-size: 20px;
    color:#B28540;
    text-align: left;
    font-family: 'Playfair Display', serif;
}
.contact-info .item-title {
    color: #FF7430;
    font-size: 16px;
    margin: 5px 0;
}
.contact-info .email-link {
    color: #FFBF00;
    text-decoration: underline;
}
.contact-info .icon {
    background: url(../images/contact_icon.png) no-repeat;
    width: 30px;
    height: 30px;
    margin-right: 10px;
    vertical-align: middle;
}


.contact-line{
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  max-width: 1000px;
  margin:65% auto 0;
  padding-bottom: 1%;
  letter-spacing: 2px;
}

.contact-service{
  width: 22%;
  display: inline-block;
  border-right: 1px solid #ccc;
  margin-top: 2%;
  padding-left: 1%;
}
.contact-service2{
  width: 27%;
  display: inline-block;
  margin-top: 1%;
  line-height: 30px;
}

.contact-service2 .hometel{
  font-size: 16px;
  padding: 4px 0 4px 40px;
  color: #777;
  background: url(../images/contact_icon.png) 0 50% no-repeat;
}

.contact-service2 .mail{
  font-size: 16px;
  padding: 4px 0 4px 40px;
  color: #777;
  background: url(../images/contact_icon.png) 0 74% no-repeat;
}

.contact-service2 .mail a:hover , .contact-service2 .site a:hover {
  opacity: 0.6;
}

.contact-service2 .site{
  font-size: 16px;
  padding: 4px 0 4px 40px;
  color: #777;
  background: url(../images/contact_icon.png) 0 100% no-repeat;
}


.contact-line .name{
  font-size: 22px;
  color: #444;
  padding-left: 25px;
}

.contact-line .name b{
  font-size: 20px;
  color: #B2853F;
  padding-left: 10px;
  font-family: 'Playfair Display', serif;
}

.contact-line .tel{
  background: url(../images/contact_icon.png) 0 3% no-repeat;
  padding: 4px 40px;
  font-size: 16px;
  color: #777;
}
.contact-line .line{
  background: url(../images/contact_icon.png) 0 24%  no-repeat;
  padding: 4px 40px;
  font-size: 16px;
  color: #777;
}


@media screen and (max-width: 1276px) {
  .contact-line{
  margin:75% auto 0;

  }
  .contact-line  .tel ,  
  .contact-line  .line ,  
  .contact-line  .hometel ,
  .contact-line  .mail ,
  .contact-line  .site {
    font-size: 13px;
    letter-spacing: 1px;
 }

}
@media screen and (max-width: 1123px) {
  .contact-line{
  margin:85% auto 0;

  }

}
@media screen and (max-width: 1000px) {
  .contact-line{
  margin:88% auto 0;
  letter-spacing: 1px;
  }
  .contact-line  .tel ,  
  .contact-line  .line ,  
  .contact-line  .hometel ,
  .contact-line  .mail ,
  .contact-line  .site {
    font-size: 12px;
    letter-spacing: 1px;
 }

}


@media screen and (max-width: 943px) {
  .contact-line{
   margin:100% auto 0;
   letter-spacing: 0px;
  }

}

@media screen and (max-width: 893px) {
  .contact-line{
   position: relative;
  }
  .contact-service{
   width: 49%;

  }
  .contact-service2{
   width: 49%;
   top: 32%; 
   position: absolute;
  }

  .contact-line  .tel ,  
  .contact-line  .line ,  
  .contact-line  .hometel ,
  .contact-line  .mail ,
  .contact-line  .site {
    font-size: 12px;
    letter-spacing: 1px;
 }

}

@media screen and (max-width: 767px) {
    .contact-line{
     border: 0;
     }

}

@media screen and (max-width: 767px) {
    .contact-form{
     width: 85%;
     float:none;
    }

    .reminder{
      width: 90%;
      margin: 2% auto;
      font-size: 15px;
    }

    .contact-info{
      float: none;
      width: 90%;
      margin: 4% auto;
      text-align: center;
    }
    .contact-info .txt{
      padding-bottom: 5%; 
    }

    .contact-info .company-name , .contact-info .company-name span{
      text-align: center;  
    }

    .contact-service{
      width: 100%;
      border-top:1px solid #ccc; 
      border-right:0; 
      padding: 4% 0;
     }

     .contact-line{
     position: relative;
     }
    .contact-service2{
     width: 100%;
     border-bottom:1px solid #ccc;
     border-top:1px solid #ccc;
     border-right:0;
     padding: 4% 0;
     top: 100%;
     position: absolute;
    }
    .contact-line{
     margin:95% auto 30%;
     letter-spacing: 1px;
     }
     .form-box .form-group1 {
      max-width:100%; 
      margin: 5% 0 0 25%;
     }

}