@media only screen and (max-width : 1025px) and (min-width : 768px)
{
    .l-header-container
    {
        position: relative;
        height: 81px;
    }

    .l-landing-myservices-container-right
    {
        width: 250px;
    }

    .l-page-main-header
    {
        flex-direction: row;
    }

    .l-landing-navigation
    {
        justify-content: space-between;
    }

    .l-PaymentPage-Main-Body
    {
        width: 768px;
    }

    .l-LoginPage_Logo
    {
        width: auto;
        height: 150px;
    }

    .l-landing-card-container
    {
        display: flex;
        padding-top: 25px;
        padding-left: 10px;
        flex: 1;
    }

    .l-landing-body-header-container
    {
        font-size: 20px;
        font-weight: bold;
        color: #838383;
        display: flex;
        justify-content: center;
        margin-top: 10px;
        padding-top: 5px;
    }

    .l-landing-card-subcontainer
    {
        display: flex;
        justify-content: flex-start;
        flex-direction: row;
        margin-bottom: 100px;
        flex: 1;
    }

    .l-landing-card-subcontainer-item-column .l-landing-card-subcontainer-list
    {
        display: flex;
        justify-content: unset;
        flex-direction: column;
        height: 251px;
    }

    .l-landing-card-subcontainer-item-column
    {
        display: flex;
        justify-content: unset;
        flex-direction: column;
        height: auto;
    }

    .l-landing-card-subcontainer-list
    {
        flex: 1;
    }

    .l-landing-card-subcontainer-item-row
    {
        display: flex;
        justify-content: space-between;
        flex-direction: row;
    }

    .l-landing-card-container-item
    {
        display: flex;
        justify-content: flex-start;
        flex-direction: column;
        margin-right: 8px;
        border: 1px solid black;
        background-color: #ffffff;
        width: 360px;
        padding-top: 0px;
        border: solid 1px #979797;
        cursor: pointer;
        margin-bottom: 50px;
    }

    .tickets {
        box-sizing: border-box;
        min-height: 209px;
        width: 360px;
        border: 1px solid #C3C3C3;
        border-radius: 8px;
        background-color: #FFFFFF;
        padding: 20px;
        margin-bottom: 50px;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
    }

    .l-PaymentPage-CardButton
    {
        padding: 10px;
    }

    .l-landing-card-image-container
    {
        display: flex;
        justify-content: center;
    }

        .l-landing-card-image-container img {
            width: 112px;
            height: 104px;
            margin-left: 5px;
        }

    .l-account-security-container-item {
        max-height: 93%;
    }

    .estimates {
        box-sizing: border-box;
        min-height: 209px;
        width: 95%;
        border: 1px solid #C3C3C3;
        border-radius: 8px;
        background-color: #FFFFFF;
        padding: 20px;
        margin-bottom: 50px;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
    }
}

@media only screen and (min-width: 851px) {
    .l-landing-card-container-item {
        margin-right: 50px;
    }
}

@media only screen and (min-width: 791px) {
    .l-landing-card-container-item {
        margin-right: 20px;
    }
}