@media only screen and (min-width: 1024px) {
    form select[name='mauticform[my_country]'] {
        border: 1px solid #c1c1c1;
    }
}

@media only screen and (max-width: 1024px) {
    form select[name='mauticform[my_country]'] {
        border-top: none;
        border-left: none;
        border-right: none;
        border-bottom: 1px solid #c1c1c1;
    }
}

form div.form-control {
    margin-bottom: 0.3rem;
}
form .phone-number-group {
    display: flex;
}
form .phone-prefix-wrapper {
    width: 30%;
    margin-right: 10px;
}
form .phone-wrapper {
    width: calc(100% - 30% - 10px);
}
form div.form-control span.error-message {
    color: darkred;
    font-size: 0.7rem;
}