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

    /* COntact US */
    .contact_section {
        padding: 73px 0px 0px 0px;
    }

    .contact_content {
        width: 100%;
        max-width: 327px;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        overflow: hidden;
        background-image: none;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        background-color: #fafafa;
        margin-left: auto;
        margin-right: auto;
    }


    .contact_container {
        width: 100%;
        height: 100%;
        max-height: 640px;
        display: flex;
        flex-direction: column-reverse;
        align-items: stretch;
        justify-content: center;
    }

    .contact_content_inner {
        width: 100%;
        padding: 0px;
        max-width: 658px;
        margin-left: auto;
        margin-right: auto;
    }

    .contact_label {
        color: var(--brand-graphite, #1F2325);
        font-family: "Work Sans";
        font-size: 11px;
        font-style: normal;
        font-weight: 500;
        line-height: 170%;
        /* 18.7px */
        letter-spacing: 1.1px;
        margin-bottom: 16px;
    }

    .contact_heading {
        color: var(--brand-graphite, #1F2325);
        font-family: "Butler";
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: 124%;
        /* 39.68px */
        margin-bottom: 16px;
    }

    .contact_heading_dot {
        font-size: 32px;

    }

    .contact_media {
        max-height: 259px;
    }

    .contact_description {
        color: var(--brand-cool-grey, #6B7275);
        font-family: "Work Sans";
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 170%;
        /* 25.5px */
        margin-bottom: 0px;
    }

    .contact_form_section {
        padding: 8px 0px 0px 0px;

    }

    .contact_form_container {
        width: 100%;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        gap: 48px;
    }


    .contact_form {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 24px;
        max-width: 327px;
        margin: 0 auto;
    }

    .contact_form_row {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 24px;
    }

    .contact_form_field {
        width: 100%;
        flex: 1 1 0;
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

    .contact_form_button {
        max-width: 100%;
        width: 100%;
    }

    .contact_info {
        display: flex;
        padding: 40px 24px 56px 24px;
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
        align-self: stretch;
    }

    .contact_hero {
        width: 100%;
        height: 375px;
        position: relative;
        overflow: hidden;
        display: flex;
        align-items: flex-end;
    }

    .contact_hero_heading {
        color: var(--brand-surface, #FCFDFD);
        font-family: "Butler";
        font-size: 26px;
        font-style: normal;
        font-weight: 500;
        line-height: 132%;
        /* 34.32px */
    }

    .contact_hero_heading span {
        font-size: 26px;

    }

    .contact_hero_content {
        position: relative;
        z-index: 3;
        width: 100%;
        max-width: 1080px;
        padding: 0px 24px 33px;
    }

    .contact_hero {
        padding: 0px;
    }

    .contact_hero_label {
        margin-bottom: 19px;
    }

    .contact_success_modal_body {
        display: flex;
        width: 327px;
        padding: 40px;
        flex-direction: column;
        align-items: center;
        gap: 16px;
    }

    .contact_success_modal {
        width: 100%;
        max-width: 327px;
        margin: auto;
        border-radius: 24px;
        border: 1px solid var(--base-03, #BDBDBD);
        background: var(--base-white, #FFF);
        overflow: hidden;
    }

    .contact_success_modal_title {
        color: var(--brand-graphite, #1F2325);
        font-family: "Butler";
        font-size: 31px;
        font-style: normal;
        font-weight: 700;
        line-height: 126%;
        /* 39.06px */
    }


    /* Dashboard */

    .dashboard_briefs_section {
        padding: 73px 0px 0px 0px;
    }


    .dashboard_briefs_content {
        width: 100%;
        padding: 40px 24px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .dashboard_briefs_label {
        margin: 0 0 16px;
    }

    .dashboard_briefs_title {
        color: var(--brand-graphite, #1F2325);

        /* heading / mobile / h1 */
        font-family: "Butler";
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: 124%;
        /* 39.68px */
        margin: 0 0 16px;

    }

    .dashboard_briefs_description {
        font-size: 15px;
    }

    .dashboard_page_layout {
        flex-direction: column;
        gap: 24px;
    }

    .dashboard_sidebar {
        width: 100%;
        flex: 0 0 100%;
        position: sticky;
        top: 0;
        z-index: 100;
        display: flex;
padding: 24px;

    }


    .dashboard_sidebar_nav {
        width: 100%;

        display: flex;
        flex-direction: row;
align-items: flex-start;
gap: 24px;
        padding: 0;

        overflow-x: auto;
        overflow-y: hidden;

        white-space: nowrap;

        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    .dashboard_sidebar_nav::-webkit-scrollbar {
        display: none;
    }


    /* =========================================
       MOBILE NAV ITEM
    ========================================= */


.dashboard_sidebar_link{
padding:  0;
}


    /* =========================================
       ACTIVE ITEM
    ========================================= */

    .dashboard_sidebar_link_active {
        color: #1F2325;
        font-weight: 500;
    }


    /* =========================================
       MAIN CONTENT
    ========================================= */

    .dashboard_page_content {
        width: 100%;
    }


    /* =========================================
       LIVE
    ========================================= */
.dashboard_section_label{
    margin-bottom: 12px;
}
    .dashboard_live_header{
        display: flex;
padding: 32px 24px 8px 24px;
flex-direction: column;
align-items: flex-start;
align-self: stretch;
margin: 0;
    }

    .dashboard_live_title {
        color: var(--brand-graphite, #1F2325);
font-family: "Butler";
font-size: 26px;
font-style: normal;
font-weight: 700;
line-height: 132%; /* 34.32px */
    margin-bottom: 12px;

    }

    .dashboard_account_title{
           color: var(--brand-graphite, #1F2325);
font-family: "Butler";
font-size: 28px;
font-style: normal;
font-weight: 700;
line-height: 132%; /* 34.32px */
    }

    .dashboard_files_title{
          color: var(--brand-graphite, #1F2325);
font-family: "Butler";
font-size: 28px;
font-style: normal;
font-weight: 700;
line-height: 132%; /* 34.32px */
    margin-bottom: 16px;
    }

    .dashboard_invoice_title{
        color: var(--brand-graphite, #1F2325);
font-family: "Butler";
font-size: 26px;
font-style: normal;
font-weight: 700;
line-height: 132%; /* 34.32px */
            margin-bottom: 16px;

    }

    .dashboard_live_description {
    margin: 0;
    color: var(--brand-cool-grey, #6B7275);
    font-family: "Work Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 168%;
}

.dashboard_live_list {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 16px;
    max-width: 327px;
    margin: 24px auto;}


    .dashboard_live_item {
        width: 100%;

        min-height: 0;

        padding: 24px;

        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;

        gap: 8px;

        border: 1px solid #E3E6E7;

        background: #FCFDFD;
    }
.dashboard_live_section {
    padding: 0px;
    scroll-margin-top: 40px;
}
    


    /* =====================================================
       TITLE / CONTENT
    ===================================================== */

    .dashboard_live_content {
        width: 100%;
        flex: 0 0 100%;

        display: flex;
        flex-direction: column;

        margin-bottom: 8px;
    }


    .dashboard_live_category {
        margin-bottom: 8px;

    }


    .dashboard_live_name {
        margin: 0;
color: var(--brand-graphite, #1F2325);
font-family: "Butler";
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 132%; /* 26.4px */
    }


    /* =====================================================
       STATUS
    ===================================================== */

    .dashboard_live_status {
        order: 2;
                margin-left: 0px;

    }

    .dashboard_live_due {
        width: auto;

        margin: 0 0 0 auto;

        display: contents;
    }


    /* =====================================================
       PRICE
    ===================================================== */

    .dashboard_live_due strong {
        order: 3;

        width: auto;

        margin-left: auto;
        text-align: right;
    }


    /* =====================================================
       DUE DATE
    ===================================================== */

    .dashboard_live_due span {
        order: 4;

        width: 100%;

        text-align: left;
    }



    /* =========================================
       FILES
    ========================================= */

    
    .dashboard_files_section {
    padding: 0px;
    }

    .dashboard_files_header {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    max-width: 327px;
    margin: 0px auto 32px;
}

.dashboard_files_header div{
            margin-bottom: 16px !important;
}

    .dashboard_files_list{
        max-width: 327px;
        margin: 24px auto;
        gap:16px;
    }

    /* =========================================
       YOUR COPY - MOBILE CARD
    ========================================= */

    .dashboard_files_item {
        width: 100%;
padding: 24px;

        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 0;
border-radius: 2px;
border: 1px solid #DFE3E4;
background: var(--brand-surface, #FCFDFD);    }

    /* =====================================================
       CATEGORY
    ===================================================== */

    .dashboard_files_category {
        width: 100%;
        order: unset;

        margin: 0 0 8px;
    }


    /* =====================================================
       TITLE
    ===================================================== */

    .dashboard_files_name {
        width: 100%;
        order: unset;

        margin: 0 0 8px;}


    /* =====================================================
       HIDE DESKTOP
    ===================================================== */

    .dashboard_files_desktop_view {
        display: none !important;
    }


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

    .dashboard_files_mobile_view {
        width: 100%;
        order: unset;

        display: flex !important;

        align-items: flex-start;

        margin: 0;
        padding: 0;
    }


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

    .dashboard_files_mobile_meta {
        width: 100%;
        order: unset;

        color: #6B7275;

        font-family: "Work Sans", sans-serif;
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 170%;
margin-bottom: 8px;
        white-space: normal;
    }


    /* =====================================================
       DOWNLOAD BUTTON
    ===================================================== */

    .dashboard_files_button {
        width: 100%;
        max-width: 327px;
        order: unset;

        transition: all 0.2s ease;
    }


    .dashboard_files_button:hover {
        background: #0F0F0F;
        color: #FFFFFF;
    }

    .dashboard_files_category {
    order: 1;
}

.dashboard_files_name {
    order: 2;
}

.dashboard_files_mobile_view {
    order: 3;
}

.dashboard_files_button {
    order: 4;
}


  /* =========================================
       INVOICE CARD
    ========================================= */

    .dashboard_invoice_section {
    padding: 24px;
    scroll-margin-top: 40px;
}

.dashboard_invoice_header {
    display: flex;
    flex-direction: column;
    margin-bottom: 32px;
}



    .dashboard_invoice_item {
        width: 100%;
        min-height: 0;
        padding: 24px;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 0px;
border-radius: 2px;
border: 1px solid #DFE3E4;
background: var(--brand-surface, #FCFDFD);    }


    /* =========================================
       INVOICE NUMBER
    ========================================= */

    .dashboard_invoice_number {
        order: 1;
        width: auto;
        margin: 0;
color: var(--brand-graphite, #1F2325);
font-family: Butler;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 132%; /* 26.4px */

        white-space: nowrap;
    }


    /* =========================================
       PAID STATUS
    ========================================= */

    .dashboard_invoice_status {
        order: 2;
        width: auto;
        margin-left: auto;
        display: flex;
        align-items: center;
        justify-content: center;

       border-radius: 999px;
background: var(--brand-mist, #EAECEC);
color: var(--brand-cool-grey, #6B7275);
font-family: "Work Sans";
font-size: 11px;
font-style: normal;
font-weight: 500;
line-height: 170%; /* 18.7px */
letter-spacing: 1.1px;
    }


    /* =========================================
       FORCE NEXT LINE
    ========================================= */

    .dashboard_invoice_item::before {
        content: "";

        order: 3;

        flex-basis: 100%;

        width: 0;

        height: 0;
    }


    /* =========================================
       DATE
    ========================================= */

    .dashboard_invoice_date {
        order: 4;

        width: auto;

        margin: 8px 0 8px;
    }


    /* =========================================
       ITEMS
    ========================================= */

    .dashboard_invoice_items {
        order: 5;

        width: auto;

        margin: 8px 0 8px;
    }


    .dashboard_invoice_items::before {
        content: "·";

        margin: 0 10px;

        color: #6B7275;
    }


    /* =========================================
       AMOUNT
    ========================================= */

    .dashboard_invoice_amount {
        order: 6;

        width: auto;

        margin: 8px 0 8px;
    }


    .dashboard_invoice_amount::before {
        content: "·";

        margin: 0 10px;

        color: #6B7275;
    }


    /* =========================================
       DOWNLOAD BUTTON
    ========================================= */

    .dashboard_invoice_button {
        order: 7;

        width: 100%;
        max-width: 100%;
        transition: all 0.2s ease;
    }

    .dashboard_invoice_list {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 16px;
}




    /* =========================================
       ACCOUNT
    ========================================= */

    .dashboard_account_section {
    padding: 24px;
    scroll-margin-top: 40px;
}

    .dashboard_account_row {
        flex-direction: column;
        gap:16px;
    }

    .dashboard_account_field {
        width: 100%;
    }

    .dashboard_account_button {
        width: 100%;
    }


    .dashboard_account_header div{
        margin-bottom: 16px;
    }

    
.dashboard_account_header {
    margin-bottom: 24px;
}

.dashboard_account_subtitle {
    margin: 0;
    color: var(--brand-graphite, #1F2325);
    font-family: "Butler";
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 132%;
}


.dashboard_page {
    width: 100%;
    padding: 0px;
    background: var(--brand-stone, #F7F8F8);
}

.only_mob{
    margin-top: 8px;
}


/* Dashboard Empty */
.dashboard_empty_input {
    width: 100%;
    max-width: 327px;
    height: 120px;
    padding: 24px;
    margin: 0px 24px 32px;
}

.dashboard_files_section textarea{
    margin: 0px 24px 24px;
}

.dashboard_invoice_section textarea{
    margin: 0px;
}

































}


@media only screen and (min-device-width: 950px) and (max-device-width: 998px) {}


@media only screen and (min-device-width: 1000px) and (max-device-width: 1199px) {}



@media only screen and (min-device-width: 1200px) and (max-device-width: 1348px) {}

@media only screen and (min-device-width: 1349px) and (max-device-width: 1439px) {
    .contact_form_container {
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: center;
    gap: 35px;
}
}

@media only screen and (min-device-width: 1440px) and (max-device-width: 1499px) {
    .contact_form_container {
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: center;
    gap: 35px;
}

.dashboard_page_layout {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 64px;
    max-width: 1380px;
    margin-left: auto;
        margin-right: auto;
}
}

@media only screen and (min-device-width: 1500px) and (max-device-width: 1699px) {}

@media only screen and (min-device-width: 1700px) and (max-device-width: 1799px) {}

@media only screen and (min-device-width: 1800px) and (max-device-width: 1919px) {}

@media only screen and (min-device-width: 1920px) and (max-device-width: 1920px) {}