h1 {
    font-size: 22px;
    font-style: normal;
    font-weight: normal;
    padding: 0px;
    margin: 0px;
    color: #2a4887;
    text-transform: uppercase;
}
.appointment-list .appt-data
{
    display: inline-block;
    width: 93%;
}
.bootstrap-repeater-container
{ width:100%; margin-left:1%;overflow-x:hidden; }
@media screen and (min-width:1024px)
{
    .appointment-list
    {
        width: 98%;
        height: 150px;
        overflow-y: scroll;
        margin-left: 1%;
    }
    .appointment-list .appt-data
    {
        display: inline-block;
        width: 93%;
    }

    .appointment-list .link
    {
        display: inline-block;
        padding-right: .75em;
        width: 5%;
        vertical-align: top;
    }
    .appointment-list .datetime
    {
        display: inline-block;
        padding-right: .75em;
        width: 25%;
        overflow-x: hidden;
    }
    .appointment-list .name
    {
        display: inline-block;
        padding-right: .75em;
        width: 25%;
        overflow-x: hidden;
    }

    .appointment-list .country
    {
        display: inline-block;
        padding-right: .75em;
        width: 25%;
        overflow-x: hidden;
    }
}
@media screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape)
{
    .appointment-list
    {
        width: 96%;
        height: 150px;
        overflow-y: scroll;
        margin-left: 2%;
    }

    .appointment-list .link
    {
        display: inline-block;
        padding-right: .75em;
        width: 5%;
        vertical-align: top;
    }
    .appointment-list .datetime
    {
        display: inline-block;
        padding-right: .75em;
        width: 30%;
        overflow-x: hidden;
    }
    .appointment-list .name
    {
        display: inline-block;
        padding-right: .75em;
        width: 30%;
        overflow-x: hidden;
    }

    .appointment-list .country
    {
        display: inline-block;
        padding-right: .75em;
        width: 30%;
        overflow-x: hidden;
    }
}
@media screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait)
{
    .appointment-list
    {
        width: 98%;
        height: 150px;
        overflow-y: scroll;
        margin-left: 2%;
    }

    .appointment-list .link
    {
        display: inline-block;
        padding-right: .75em;
        width: 5%;
        vertical-align: top;
    }

    .appointment-list .datetime
    {
        display: inline-block;
        padding-right: .75em;
        width: 30%;
        overflow-x: hidden;
    }
    .appointment-list .name
    {
        display: inline-block;
        padding-right: .75em;
        width: 30%;
        overflow-x: hidden;
    }

    .appointment-list .country
    {
        display: inline-block;
        padding-right: .75em;
        width: 25%;
        overflow-x: hidden;
    }
}
@media screen and (max-width:767px) and (orientation:landscape)
{
    .appointment-list
    {
        width: 96%;
        height: 150px;
        overflow-y: scroll;
        margin-left: 2%;
    }

    .appointment-list .link
    {
        display: inline-block;
        padding-right: .65em;
        width: 5%;
        vertical-align: top;
    }
    .appointment-list .datetime
    {
        display: inline-block;
        padding-right: .65em;
        width: 30%;
        overflow-x: hidden;
    }
    .appointment-list .name
    {
        display: inline-block;
        padding-right: .65em;
        width: 30%;
        overflow-x: hidden;
    }

    .appointment-list .country
    {
        display: inline-block;
        padding-right: .65em;
        width: 30%;
        overflow-x: hidden;
    }
}
@media screen and (max-width:767px) and (orientation:portrait)
{
    .appointment-list
    {
        width: 96%;
        height: 150px;
        overflow-y: scroll;
        margin-left: 2%;
    }

    .appointment-list .link
    {
        display: inline-block;
        padding-right: .65em;
        width: 60%;
        vertical-align: top;
    }
    .appointment-list .datetime
    {
        display: inline-block;
        padding-right: .65em;
        width: 60%;
        overflow-x: hidden;
    }
    .appointment-list .name
    {
        display: inline-block;
        padding-right: .65em;
        width: 60%;
        overflow-x: hidden;
    }

    .appointment-list .country
    {
        display: inline-block;
        padding-right: .65em;
        width: 60%;
        overflow-x: hidden;
    }
}