.sec-contact.bg-pattern{
  background: url(../images/pattern-08.jpg);
  background-size: cover;
  background-position: center;
}
.contact-box,
.contact-map-box{
  width: 100%;
}
#contactMap{
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
@media(min-width:1200px) and (max-width:1359.98px){
  .sec-contact .d-flex{
    width: 50%;
  }
}
@media(min-width:992px) and (max-width:1199.98px){
  .sec-contact .input-columns{
    display: block;
  }
  .sec-contact .input-column{
    width: 100% !important;
  }
}
@media(min-width:768px) and (max-width:991.98px){
  .sec-contact .d-flex:nth-child(n + 2){
    margin-top: 2rem;
  }
  #contactMap {
    height: 36rem;
  }
}
@media(max-width:767.98px){
  .sec-contact.bg-pattern{
    background: var(--secondary);
  }
  .sec-contact .d-flex:nth-child(n + 2){
    margin-top: 1rem;
  }
  #contactMap {
    height: 36rem;
  }
}