.meko-contact-wrapper {
margin-bottom: 15px;
padding: 20px;
text-align: center;
background: #24554e url(//mekoclinic.com/wp-content/plugins/mekoclinic-call2action/meko-contact-bg-30.png) center center no-repeat;
background-size: 100% 100%;
border-radius: 15px;
}
.meko-contact-title {
margin-bottom: 10px;
font-family: Kanit, sans-serif;
font-size: 120%;
color: #fff;
}
.meko-contact-links {
display: flex;
flex-wrap: nowrap;
flex-direction: row;
align-content: center;
justify-content: center;
align-items: center;
gap: 15px;
}
.meko-contact-links a {
padding: 2px 14px;
display: inline-block;
font-size: 32px;
text-transform: uppercase;
color: #fff;
border: 1px solid #ecdccb;
border-radius: 35px;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
width: 100%;
}
.meko-contact-links a span {
padding: 0 25px 0 20px;
width: 100%;
font-size: 18px;
line-height: 2.6em;
text-align: center;
}
.meko-contact-phone {
background-color: #83a399;
}
.meko-contact-line {
background-color: #2cb906;
}
.meko-contact-messenger {
background: rgb(64, 115, 254);
background: linear-gradient(90deg, rgba(64, 115, 254, 1) 0%, rgba(250, 95, 113, 1) 100%);
}
@media only screen and (max-width: 1023px) {
.meko-contact-links a {
font-size: 28px;
}
.meko-contact-links a span {
font-size: 16px;
}
}
@media only screen and (max-width: 767px) {
.meko-contact-links {
flex-direction: column;
}
.meko-contact-links a {
width: 84%;
}
} .appointment-content {
}
.appointment-content ul {
}
.appointment-content ul li {
width: 100%;
display: flex;
flex-wrap: nowrap;
justify-content: center;
}
.appointment-content ul li a {
display: inline-block;
max-width: 280px;
}
@media only screen and (max-width: 767px) {
.appointment-content ul li a div,
.appointment-content ul li a div small{
font-size: 13px;
}
}