8-800-550-95-25 8-800-550-95-25

/* Для экранов меньше 576px - показываем tel ссылку */ @media (max-width: 575px) { .phone-link-tel { display: inline-block !important; } .phone-link-popup { display: none !important; } } /* Для экранов от 576px и выше - показываем popup ссылку */ @media (min-width: 576px) { .phone-link-tel { display: none !important; } .phone-link-popup { display: inline-block !important; } } /* for popup */ .popup-overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); z-index: 1000; overflow-y: auto; } /* width modal popup */ @media (max-width: 575px) { .popup-content { max-width: 350px; } } @media (min-width: 576px) { .popup-content { max-width: 500px; } } .popup-content { position: relative; background: white; width: 100%; margin: 30px auto; border-radius: 10px; box-shadow: 0 5px 30px rgba(0, 0, 0, 0.3); } .popup-close { position: absolute; top: 10px; right: 20px; font-size: 30px; font-weight: bold; color: #333; background: none; border: none; cursor: pointer; z-index: 1010; } .popup-close:hover { color: #243674; } /* Стили для вашей формы внутри попапа */ .popup-content .contact-form-section { padding: 20px; } .popup-content .contact-flex { display: flex; flex-direction: column; } @media (min-width: 768px) { .popup-content .contact-flex { flex-direction: row; } .popup-content .contact-left { width: 35%; } .popup-content .contact-right { width: 65%; } }