@media screen and (max-width:900px) {

    .tdi-account-card {
        grid-template-columns: 1fr;
    }

    .tdi-account-sidebar {
        border-right: 0;
        border-bottom: 1px solid #e5e5e5;
    }

    .tdi-account-main {
        padding: 30px;
    }

    .tdi-account-buttons {
        grid-template-columns: 1fr;
        gap: 12px;
        margin-bottom: 35px;
    }

    .tdi-account-intro {
        font-size: 18px;
    }

    .tdi-account-btn {
        height: 50px;
        font-size: clamp(16px, 4vw, 18px);
    }
}

@media screen and (min-width:851px) {
    /*
    .tdi-docs-item {
        padding-left: 8px;
        padding-right: 8px;
    }
        */
}

@media screen and (max-width:850px) {
    .tdi-quotes-card {
        grid-template-columns: 58px 1fr;
        gap: 18px;
    }

    .tdi-quotes-premium {
        grid-column: 2;
        padding-left: 0;
        border-left: 0;
    }

    .tdi-quotes-btn {
        grid-column: 1 / -1;
        width: 100%;
    }

    .tdi-quotes-new {
        grid-template-columns: 58px 1fr;
    }

        .tdi-quotes-new .tdi-quotes-btn {
            grid-column: 1 / -1;
        }

    .tdi-policy-card {
        grid-template-columns: 58px 1fr;
    }

    .tdi-policy-details {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0;
    }

        .tdi-policy-detail:nth-child(2) {
            border-right: 0;
        }

        .tdi-policy-detail:nth-child(3),
        .tdi-policy-detail:nth-child(4) {
            border-top: 1px solid #e5e5e5;
        }

    .tdi-docs-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .tdi-docs-item {
        /*
        padding:22px 14px;
            */
    }

        .tdi-docs-item:nth-child(2),
        .tdi-docs-item:nth-child(4),
        .tdi-docs-item:nth-child(6),
        .tdi-docs-item:nth-child(8) {
            border-right: 0;
        }

        .tdi-docs-item:nth-child(n+3) {
            border-top: 1px solid #e5e5e5;
        }

    .tdi-renewals-details {
        grid-template-columns: 1fr;
    }

    .tdi-renewal-detail {
        border-right: 0;
    }

        .tdi-renewal-detail:first-child {
        }

    .tdi-renewal-btn {
        width: 100% !important;
        max-width: 260px;
    }
}



@media screen and (max-width:800px) {
    .tdi-account-success-top {
        grid-template-columns: 1fr;
    }

    .tdi-account-contact-grid {
        grid-template-columns: 1fr;
    }



    .tdi-account-help-btn {
        width: 100%;
    }
}


@media(max-width:750px) {
    .login-card {
        grid-template-columns: 1fr;
    }

    .login-security {
        border-right: none;
        border-bottom: 1px solid #eee;
        padding: 35px 25px;
    }

    .login-form-area {
        padding: 35px 25px;
    }
}



/* Admin nav mobile */

@media screen and (max-width:700px) {

    .tdi-whats-new-feature {
        padding: 28px 24px;
    }

    .tdi-whats-new-feature-head {
        padding-right: 0;
        margin-bottom: 22px;
    }

        .tdi-whats-new-feature-head h2 {
            font-size: 23px;
        }

        .tdi-whats-new-feature-head span {
            font-size: 11px;
            letter-spacing: 1.2px;
        }

    .tdi-whats-new-icon {
        width: 52px;
        height: 52px;
        min-width: 52px;
    }

        .tdi-whats-new-icon img {
            width: 36px;
        }

    .tdi-whats-new-feature .wn-date {
        position: relative !important;
        top: auto !important;
        right: auto !important;
        display: inline-flex !important;
        margin: 0 0 18px !important;
    }

    .tdi-whats-new-feature .wn-card h3,
    .tdi-whats-new-feature .wn-card p {
        max-width: none;
    }

    .tdi-whats-new-feature::before,
    .tdi-whats-new-feature::after {
        display: none;
    }
}

@media screen and (max-width:600px) {

    .tdi-policy-card {
        grid-template-columns: 48px 1fr;
        gap: 14px;
        padding: 18px;
    }

        .tdi-policy-card .tdi-quotes-product h2 {
            padding-right: 0;
            margin-top: 2px;
        }

    .tdi-policy-status {
        position: static;
        grid-column: 1 / -1;
        justify-self: flex-start;
        margin-top: 6px;
    }

    .tdi-policy-details {
        margin-top: 16px;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

        .tdi-policy-detail img {
            width: 42px;
            height: 42px;
        }

        .tdi-policy-detail strong {
            font-size: 14px;
        }

        .tdi-policy-detail p {
            font-size: 14px;
        }

    .tdi-personal-row {
        grid-template-columns: 48px 1fr;
        gap: 16px;
    }

        .tdi-personal-row img {
            width: 48px;
            height: 48px;
        }

        .tdi-personal-row .TextInput,
        .tdi-personal-row .TextInputAddr {
            width: 100%;
            min-width: 0;
            max-width: 100%;
        }

    .tdi-personal-actions {
        flex-direction: column;
    }

    .tdi-personal-edit-btn,
    .tdi-personal-cancel-btn {
        width: 100% !important;
    }

    .tdi-whats-new-feature .wn-card {
        display: grid !important;
        grid-template-columns: 1fr !important;
        row-gap: 0;
    }

        .tdi-whats-new-feature .wn-card h3 {
            grid-column: 1 !important;
            grid-row: 1 !important;
            margin: 0 !important;
        }

    .tdi-whats-new-feature .wn-date {
        grid-column: 1 !important;
        grid-row: 2 !important;
        justify-self: start !important;
        align-self: start !important;
        margin: 12px 0 0 0 !important;
        position: static !important;
    }

    .tdi-whats-new-feature .wn-card p {
        grid-column: 1 !important;
        grid-row: 3 !important;
        margin-top: 16px !important;
    }

    .tdi-account-help-card {
        grid-template-columns: 56px 1fr;
        grid-template-areas:
            "icon content"
            "button button";
        gap: 24px;
    }

    .tdi-account-help-card-icon {
        grid-area: icon;
    }

    .tdi-account-help-card-content {
        grid-area: content;
    }

    .tdi-account-help-card .button,
    .tdi-account-help-card a {
        grid-area: button;
        width: 100%;
        justify-content: center;
        margin-top: 4px;
    }
}

@media screen and (max-width:520px) {

    .tdi-docs-grid {
        grid-template-columns: 1fr;
    }

    .tdi-docs-item {
        border-right: 0;
        border-top: 1px solid #e5e5e5;
        /*
        padding:22px 0;
            */
    }

        .tdi-docs-item:first-child {
            border-top: 0;
            /* padding-top:0; */
        }

    .tdi-docs-actions {
        gap: 8px;
    }

    .tdi-docs-view,
    .tdi-docs-download {
        flex: 1;
        padding: 0 10px;
    }

    .tdi-account-main {
        padding: 10px;
    }

    .tdi-quotes-page {
        padding: 10px;
    }
}

    
}

@media screen and (max-width:480px) {

    .tdi-account-card {
        border-radius: 10px;
    }

    .tdi-account-divider {
        width: 70%;
    }

    .tdi-quotes-page {
        padding: 1%;
    }

    .tdi-quotes-card,
    .tdi-quotes-new {
        padding: 20px;
    }

        .tdi-quotes-product h2,
        .tdi-quotes-new h2 {
            font-size: 19px;
        }

    .tdi-quotes-premium strong {
        font-size: 24px;
    }
}



/* Very small mobile */

@media screen and (max-width:400px) {

    .tdi-policy-details {
        grid-template-columns: 1fr;
    }

    .tdi-policy-detail {
        border-right: 0;
        border-top: 1px solid #e5e5e5;
    }

        .tdi-policy-detail:first-child {
            border-top: 0;
            padding-top: 0;
        }
}