.contact-info-box{
  padding: 20px 80px;
}
.contact-card{
  color: #000;
  margin: 20px;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  height: 100%;

}
.contact-card img{
  width: 100%;
}
.contact-card h3{
  font-family: 'promptregular';
  font-size: 1.4rem;
  font-weight: bolder;
  margin: 0px 20px;
  margin-top: 20px;
  width: 100%;
}
.contact-card hr{
  color:var(--navbar-bg-color);
  margin: 0px 20px;
}
.contact-card p{
  text-align: left !important;
  font-size: 0.8rem;
  margin: 20px;
}
.contact-card a,.contact-card a:hover, .contact-card a:visited{
  color: #000;
  text-decoration: none;
}
.contact-label{
  color: #000;
  /*margin-right: 10px;*/
  
}
.contact-form-box{
  padding: 20px 200px;
  padding-bottom: 80px;
}
.contact-form-item{
  padding: 5px 10px;
  padding-bottom: 20px;
}
.contact-form-item .col-auto{
  min-width: 100px;

}


#mail-ModalA .modal-header{
  font-family: 'promptregular';
  border-bottom:none;
  color :rgb(10,133,23);
  
}
#mail-ModalA .modal-header h4{
  margin-bottom: 0px;
  font-weight: 900;
}
#mail-ModalA .modal-header img{
  font-family: 'promptregular';
  border-bottom:none;
  color :rgb(10,133,23);
  stroke: rgb(10,133,23);
}

#mail-ModalB .modal-header{
  font-family: 'promptregular';
  border-bottom:none;
  color :rgb(133,10,23);
  
}
#mail-ModalB .modal-header h4{
  margin-bottom: 0px;
  font-weight: 900;
}
#mail-ModalB .modal-header img{
  font-family: 'promptregular';
  border-bottom:none;
  color :rgb(133,10,23);
  stroke: rgb(133,10,23);
}

/* defaut is xxl  */


/* X-Small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
  
}
/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
  .contact-info-box{
    padding: 20px 16px;
  }
  .headline-bar h1{
    font-size: calc(1.375rem + 1.5vw);
  }
  .headline-bar img{
    display: none;
  }
  .product-section .product-icon{
    padding-top: 5vh;
  }
}
/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
  
}
/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
  .contact-form-box{
    padding: 20px 25px;
    padding-bottom: 20px;
  }
}
/* X-Large devices (large desktops, less than 1400px) */
@media (max-width: 1399.98px) {

}