﻿.monthly-roaming-header {
    color: #FFFFFF;
    font-size: 26px;
    font-weight: 600;
    text-align: center;
}

.SmallScreenContent .monthly-roaming-header {
    font-size: 17px;
    line-height: 22px;
    font-weight: 700;
}

.monthly-roaming-subheader {
    color: #FFFFFF;
    font-size: 1.6vw;
    line-height: 1.8vw;
    text-align: center;
}

.SmallScreenContent .monthly-roaming-subheader {
    font-size: 17px;
    line-height: 22px;
}

.monthly-roaming-table {
    background-color: #FFFFFF;
    border: 4px solid #FFFFFF;
    border-radius: 15px;
    font-size: 16px;
    border-spacing: 0;
}

.monthly-roaming-table td {
    padding: 14px 20px;
    border-bottom: 1px dashed #F594C1;
    display: table-cell;
}

.SmallScreenContent .monthly-roaming-table tr {
    height: 80px;
}

.SmallScreenContent .monthly-roaming-table td {
    padding: 14px;
}

.monthly-roaming-table td:first-child {
    border-right: 1px dashed #F594C1;
}

.monthly-roaming-table .mrtheader {
    background-color: #EC2D85;
    border-radius: 10px;
    color: #FFFFFF;
    font-weight: 700;
}

.monthly-roaming-table .mrtheaderleft {
    border-top-left-radius: 10px;
}

.monthly-roaming-table .mrtheaderright {
    border-top-right-radius: 10px;
}

.monthly-roaming-table .mrtbody {
    color: #EC2D85;
    font-weight: 600;
}

@media only screen and (min-width: 1280px) {
    .monthly-roaming-subheader {
        font-size: 20px;
        line-height: 22px;
    }
}