.modal-window-content{ overflow-y: visible !important; height: 300px !important; } #wow-modal-close-2.mw-close-btn.text:before{ content: "X"!important; color: #fff!important; padding: 10px 15px!important; font-family: inherit!important; font-size: 20px!important; font-weight: 800!important; font-style: normal!important; background: none!important; background-size: 200% 100%!important; background-position: right bottom!important; border-radius: 20px!important; } .modal-content { width:100%; display:flex; flex-direction:column; justify-content:center; overflow-y: visible; overflow-x: hidden; padding: 40px 40px 0 40px; } .title-modal { display: flex; justify-content: center; align-items: center; margin-bottom: 15px; text-align:center; } .title-modal img{ margin: 0!important; display: block; width: 30px; height: auto; } .title-modal span { color: #111; text-transform: uppercase; font-size: 24px; padding-left: 20px; } .subtitle-modal { width:100%; display: flex; text-align: center; padding: 0 80px; margin-bottom: 15px; justify-content: center; } .subtitle-modal p { font-size:16px; color: #111; margin-bottom: 0; } .info-wrap { display:flex; flex-direction:row; justify-content:space-between; } .info { width: 32%; } .info:last-child() { width: 29%; } .info p{ color: #111; line-height: 20px; font-size: 12px!important; } .info span{ font-weight: 600; font-size:16px; color: #111; } @media(max-width: 1200px) { .info-wrap { flex-direction: column; } .subtitle-modal{ padding: 0px; } .title-modal { margin-bottom: 30px; } .subtitle-modal { margin-bottom: 30px; } .info { width:100%; } .modal-content { padding: 40px 40px 20px 40px; } } @media(max-width: 635px) { .title-modal { flex-direction: column; } .title-modal img { padding-bottom:30px; } .title-modal span { padding-left: 0px; } } @media(min-width:481px) and (max-width: 530px) { #wow-modal-window-2 { width:90%!important; } } @media(max-width:576px) { .title-modal img{ display:none; } }