.contacts_block .contacts_container {
    display: flex;
    gap: 30px;
}

.contacts_block .contacts_info {
    width: 100%;
    background: var(--bg_primary_secondary);
    display: flex;
    gap: 30px;
}
.contacts_block .contacts_contacts {
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.contacts_block .contacts_map {
    height: auto;
    width: 100%;
    max-width: 620px;
}
.contacts_block .contacts_map .map-holder {
        height: 100%;
    width: 100%;
}
.contacts_block .contacts_elem, .contacts_block .contacts_elem * {
  color: var(--text_primary_head);
  font-weight: var(--semibold);
  line-height: var(--lh110);
  font-size: var(--fs24);
}
.contacts_block .contacts_holder {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.contacts_block .contacts_form {
    width: 100%;
    max-width: 360px;
    background: var(--third)  url('images/bg.svg');
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    padding-bottom: 215px;
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.contacts_block .contacts_form .h4 {
    color: var(--text_sec_head);
}

.contacts_block .contacts_form p {
    color: var(--text_sec);
}

.contacts_block .contacts_form img {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 183px;
    height: 205px;
    object-position: top left;
}

.contacts_block .contacts_form .btn_primary2 {
    margin-top: 20px;
}

@media (max-width:1200px){
.contacts_block .contacts_container {
    flex-direction: column;
}
.contacts_block .contacts_form {
    max-width: none;
    padding-bottom: 30px;
    padding-right: 200px;
}

}

@media (max-width:800px){
.contacts_block .contacts_info {
    flex-direction: column-reverse;
}
.contacts_block .contacts_map {
    height: 300px;
    max-width: none;
}
}

@media (max-width:700px){
.contacts_block .contacts_contacts, .contacts_block .contacts_info, .contacts_block .contacts_container {
    gap: 20px;
}
}

@media (max-width:500px){
.contacts_block .contacts_form {
    padding-bottom: 215px;
    padding-right: 20px;
}
}

@media (max-width:480px){
.contacts_block .contacts_form {
    padding-right: 15px;
}
.contacts_block .contacts_contacts, .contacts_block .contacts_info, .contacts_block .contacts_container {
    gap: 15px;
}
.contacts_block .contacts_holder {
    gap: 5px;
}
.contacts_block .contacts_map {
    height: 200px;
}
}