/* ================= GLOBAL RESPONSIVE FIX ================= */

/* Fix container spacing */

.container
{
width:100%;
max-width:1200px;
margin:auto;
padding-left:15px;
padding-right:15px;
}


/* Fix images everywhere */

img
{
max-width:100%;
height:auto;
display:block;
}


/* Fix sections */

.patient-section
{
padding:80px 0;
}

.patient-box
{
padding:50px;
border-radius:20px;
}

.patient-content
{
padding:50px;
border-radius:20px;
}

.patient-title
{
font-size:36px;
line-height:1.3;
}

.patient-content p
{
font-size:16px;
}

.patient-list li
{
font-size:15px;
}


/* Buttons responsive */

.patient-btn
{
display:inline-block;
padding:12px 25px;
font-size:15px;
}


/* ================= TABLET ================= */

@media (max-width:992px)
{

.patient-section
{
padding:50px 15px;
}

.patient-box
{
padding:25px;
}

.patient-content
{
padding:25px;
}

.patient-title
{
font-size:28px;
}

}


/* ================= MOBILE ================= */

@media (max-width:768px)
{

.patient-section
{
padding:40px 15px;
}

.patient-box
{
padding:20px;
}

.patient-content
{
padding:20px;
}

.patient-title
{
font-size:24px;
}

.patient-content p
{
font-size:14px;
}

.patient-list li
{
font-size:14px;
}

.patient-btn
{
width:100%;
text-align:center;
}

.row
{
flex-direction:column;
}

}


/* ================= SMALL MOBILE ================= */

@media (max-width:480px)
{

.patient-title
{
font-size:22px;
}

.patient-subtitle
{
font-size:12px;
}

.patient-content
{
padding:15px;
}

.patient-box
{
padding:15px;
}

}