@media only screen and (min-width: 580px) {
    /*---------*/
    /* form */
    /*---------*/

    .right_buttons {
        display: flex;
        flex-direction: row;
        gap: var(--spacing-sm);
        margin-left: auto;
        order: 2;
    }

    .form_buttons {
        flex-direction: row;
        padding: var(--spacing-big) var(--spacing-xx-big);
    }

    .left_buttons {
        order: 1;
    }

	/* 202412, TID Customization: add continue-btn */
    .save_btn ,
	.continue-btn {
        order: 2;
    }

    .discard_btn,
    .draft_btn {
        order: 1;
    }

    .form_buttons .left_buttons button,
    .form_buttons .right_buttons button {
        width: fit-content;
    }

    .section_box .submitted_successfully_page {
        padding: var(--spacing-x-lg) var(--spacing-x-big) var(--spacing-xx-lg) var(--spacing-x-big);
    }

    .form_card .submitted_successfully_page {
        padding: var(--spacing-xx-lg) var(--spacing-xxx-lg) var(--spacing-xxx-lg) var(--spacing-xxx-lg);
    }

    /*---------*/
    /* textile trader registration scheme */
    /*---------*/
    #registration_scheme  .download_btn {
        width: fit-content;
    }
}
@media only screen and (min-width: 768px) {
    /*---------*/
    /* login page */
    /*---------*/
    #login_page .tid_btn {
        height: 48px;
    }

    #login_page .desktop.header {
        grid-area: header;
        padding: 0 var(--spacing-big);
        justify-self: end;
    }

    #login_page .mobile.header {
        display: none;
    }

    #login_form {
        gap: var(--spacing-big);
    }

    .logo {
        display: block;
        margin: 0 auto;
        height: 72px;
        width: auto !important;
        max-width: fit-content;
    }

    .middle_login_logo .language_selection {
        display: flex;
    }

    .middle_login_logo {
        display: flex;
        align-items: start;
        gap: var(--spacing-md);
    }

    #login_container {
        min-width: 100dvw;
        display: grid;
        grid-template-columns: 1fr 640px 1fr;
        grid-template-areas:
        ". login_box header";
        justify-items: start;
        background: none;
        padding: 0;
    }

    #login_page footer {
        text-align: center;
        padding: 0;
    }

    #login_page {
        background: url("../img/login/login-bg.png") no-repeat center;
        background-size: cover;
    }

    #login_box {
        grid-area: login_box;
        max-width: 640px;
        align-self: center;
        height: max-content;
        border-radius: var(--radius-lg);
        background: rgba(245, 248, 247, 0.8);
        backdrop-filter: blur(32.5px);
        padding: var(--spacing-lg) var(--spacing-x-lg) var(--spacing-xxx-big) var(--spacing-x-lg);
    }

    .login_page_title {
        text-align: center;
        margin-bottom: var(--spacing-xxx-big);
        font-size: 2rem;
    }

    #login_page .language_font_size {
        padding-top: var(--spacing-md);
    }

    /*---------*/
    /* main page */
    /*---------*/
    .container_wrapper main {
        padding: var(--spacing-x-big);
    }

    #account_info .edit_btn .svg_container {
        width: 24px;
        height: 24px;
        color: var(--primary-600);
    }

    /*---------*/
    /* button */
    /*---------*/
    .tid_table_buttons,
    .tid_table_top_toolbar {
        display: flex;
        flex-direction: column;
        align-items: start;
        gap: var(--spacing-md);
    }

    .tid_table_top_toolbar {
        justify-content: space-between;
    }

    .tid_table_top_toolbar .tid_table_buttons {
        order: 2;
    }

    .tid_table_top_toolbar .total_table_rows {
        order: 1;
    }

    .tid_table_buttons .tid_btn {
        width: fit-content;
    }


    /*---------*/
    /* input */
    /*---------*/

    .nice-select {
        max-height: 50px;
        padding: var(--spacing-md);
        flex: 1;
    }

    input[type="radio"],
    input[type="checkbox"],
    input[type="tel"],
    select,
    input[type="email"],
    input[type="password"],
    input[type="text"] {
        padding: var(--spacing-md);
        max-height: 54px;
        flex: 1;
    }

    label,
    input,
    input::placeholder {
        font-size: 1rem;
    }

    .tid_checkbox_select_options,
    .nice-select-dropdown .checkbox-group-label,
    .nice-select-dropdown .list .option,
    .nice-select .multiple-options,
    .nice-select-dropdown .option,
    .nice-select .current {
        font-size: 1rem;
        font-weight: 400;
    }

    .tid_input_group {
        gap: 10px;
        width: 100%;
    }

    #nature_of_business .flex_input_field {
        display: flex;
        gap: var(--spacing-lg);
        flex-wrap: wrap;
        flex-direction: row;
        align-items: center;
    }

    fieldset {
        display: flex;
        flex-wrap: wrap;
        justify-content: start;
        column-gap: var(--spacing-lg);
        row-gap: var(--spacing-sm);
    }

    form label {
        font-size: 1rem !important;
    }

    .datepicker-group .svg_container {
        top: 15px;
    }

    .password_checker ul {
        list-style-type: none;
        padding: 0;
        margin: 0;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        column-gap: var(--spacing-md);
        row-gap: var(--spacing-sm);
    }

    .hkid_last_no_container,
    .hkid_field .tid_input_group {
        gap: var(--spacing-sm);
    }

    .hkid_last_no_container input {
        max-width: 80px;
        width: 80px;
    }

    .before_login_from_title {
        margin-bottom: var(--spacing-lg);
    }

    .verification_field .get_verification_code_btn {
        white-space: nowrap;
        width: fit-content;
        height: 54px;
    }

    .password_field .svg_container,
    #password_field .svg_container {
        right: 20px;
    }

    /*---------*/
    /* main page */
    /*---------*/
    .section_box  .section_card {
        padding: var(--spacing-xx-big);
        gap: var(--spacing-x-big);
    }

    #account_info ul a {
        font-size: 1rem;
    }

    /*---------*/
    /* data table */
    /*---------*/
    .custom_table_pagination {
        flex-direction: row;
        align-items: center;
    }

    .dt-info {
        margin-left: auto;
    }

    #popupModal .tid_modal_footer {
        flex-direction: row;
    }

    #popupModal #confirmBtn {
        order: 2;
    }

    #popupModal #cancelBtn {
        order: 1;
    }

    #popupModal .tid_btn {
        width: fit-content;
    }

    /*---------*/
    /* user details */
    /*---------*/

    .flex-toggle-button-container {
        flex-direction: row;
    }

    .tab_title_container .tab_title {
        padding: var(--spacing-md);
    }

    .title_tool_bar {
        flex-direction: row;
    }

    /*---------*/
    /* application status and history */
    /*---------*/

    #search_bar {
        flex-direction: row;
        gap: var(--spacing-md);
    }

    #search_bar button {
        width: fit-content;
    }

    /*---------*/
    /* form */
    /*---------*/
    .form_container {
        padding: var(--spacing-xxx-big) var(--spacing-xx-big);
    }

    /*---------*/
    /* e-service */
    /*---------*/

    .e_service_card {
        padding: var(--spacing-xxx-big) var(--spacing-xx-big);
        min-height: 350px;
    }

    /*---------*/
    /* my account */
    /*---------*/
    #my_acc_details_top .my_acc_info {
        flex-direction: row;
        gap: var(--spacing-big);
    }

    #user_details #reset_password_form .form_field,
    #my_acc #change_password_form .form_field {
        gap: var(--spacing-xx-big);
    }

    #my_acc_details_top .my_acc_login_date .svg_container,
    #my_acc_details_top .my_acc_type .svg_container {
        width: 20px;
        height: 20px;
    }


    /*---------*/
    /* amendment of registration particulars */
    /*---------*/

    #application_amendment_of_registration_particulars .information_table_subhead {
        min-width: 170px;
    }

    #application_amendment_of_registration_particulars .information_table_value {
        white-space: nowrap;
    }

}

@media only screen and (min-width: 992px) {
    /*---------*/
    /* default */
    /*---------*/

    .container_wrapper .desktop {
        display: flex;
    }

    .container_wrapper .hidden,
    .container_wrapper .mobile {
        display: none !important;
    }

    .divide-y-dash {
        margin: var(--spacing-xxx-big) 0;
    }

    .primary_arrow_go_btn,
    .outline_arrow_back_btn {
        min-height: 48px;
    }

    /*---------*/
    /* header */
    /*---------*/

    .container_wrapper header {
        padding: var(--spacing-x-sm) var(--spacing-x-big);
        display: flex;
        width: 100%;
        justify-content: space-between;
    }

    .header_left {
        gap: var(--spacing-x-big);
    }

    #login_page .language_font_size .divide-x {
        display: none;
    }

    .language_font_size .divide-x {
        height: 24px;
        background: var(--grey-700);
    }

    .container_wrapper header {
        height: 100px;
        width: 100%;
        background: var(--neutral-white);
        border-bottom: 1px solid var(--grey-200);
    }

    .container_wrapper .desktop_header {
        gap: var(--spacing-x-big);
        align-items: center;
        flex-grow: 1;
    }

    .container_wrapper .button_container {
        display: flex;
        justify-content: end;
        flex-grow: 1;

        gap: var(--spacing-sm);
        align-items: center;
    }

    .container_wrapper .logo {
        height: 60px;
    }

    .container_wrapper .logo-container span {
        font-size: 16px;
    }
    
    /* 202506: Larger logo text heading */
    .container_wrapper .logo-container span.logo-text-heading1 {
        font-size: 19px;    
    }

    .container_wrapper header .tid_container {
        padding: var(--spacing-big) var(--spacing-xx-big);
        display: flex;
        justify-content: space-between;
    }

    .container_wrapper .logo-container .divide-x {
        height: 29px;
        width: 1px;
        background: var(--grey-400);
    }

    .container_wrapper .logo-container {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: var(--spacing-md);
    }

    .container_wrapper .language_font_size .selection_btn {
        padding: var(--spacing-sm) var(--spacing-x-big) var(--spacing-sm) var(--spacing-sm);
        border: none;
    }

    .noti_avatar {
        display: flex;
        align-items: center;
        gap: var(--spacing-big);
    }

    .avatars .svg_container {
        width: 40px;
        height: 40px;
    }

    .menu-btn.active span:nth-child(1) {
        transform: none;
    }

    .menu-btn.active span:nth-child(2) {
        opacity: 1;
        transform: none;
    }

    .menu-btn.active span:nth-child(3) {
        transform: none;
    }

    .before_login_wrapper .tid_sidebar {
        display: none;
    }
    /*---------*/
    /* menu */
    /*---------*/

    .tid_sidebar {
        top: var(--header-height);
        left: 0;
        width: 280px;
        max-width: var(--nav-width);
        height: calc(100vh - var(--header-height));
        background: url("../img/menu/menu-bg.png") no-repeat center bottom, linear-gradient(180deg, #FFF 50%, #F2F6F5 70.87%, #F1EFF8 100%) no-repeat;
        background-size: 500px;
    }

    .nav_container {
        background: none;
        padding: var(--spacing-xxx-big) var(--spacing-big);
    }

    .tid_sidebar .menu_title {
        display: block !important;
        margin-bottom: var(--spacing-big);
    }

    .tid_sidebar .sidebar_menu  {
        flex: 1 0 auto;
        display: flex;
        height: 100%;
        flex-direction: column;
        max-height: calc(100vh - 300px);
        overflow-y: auto;
        position: relative;
        transition: all 0.3s ease-in-out;
        scrollbar-width: none;
    }

    .tid_sidebar .menu_notification_box  {
        display: none !important;
    }

    .tid_sidebar .divide-y-solid,
    .tid_sidebar .language_selection {
        display: none;
    }

    .tid_sidebar .logout_btn {
        margin-top: var(--spacing-md);
    }

    nav.collapsed {
        width: var(--nav-width);
        transition: width 0.3s ease;
    }

    nav.collapsed {
        left: 0;
    }

    nav.collapsed .menu_title {
        /*display: none;*/
        visibility: hidden;
    }

    nav.collapsed .nav_container ul li a {
        gap: 0;
    }

    nav.collapsed .sidebar_menu a span {
        opacity: 0;
        /*height: 0;*/
        /*width: 0;*/
        /*transform: translateX(-10px);*/
        visibility: hidden;
    }

    nav.collapsed .sidebar_menu .submenu {
        visibility: hidden;
        height: 0;
        opacity: 0;
        margin-top: 0;
    }

    nav.collapsed .logout_btn span {
        display: none;
        width: 0;
    }

    nav.collapsed .logout_btn button {
        width: 48px;
        height: 48px;
        padding: 0;
    }

    .before_login_wrapper .language_selection {
        flex-direction: row;
        list-style: none;
        align-items: center;
    }

    .before_login_wrapper .language_selection li a {
        width: clamp(2.2rem, 2.2rem, 2.2rem);
        height: clamp(2.2rem, 2.2rem, 2.2rem);
    }

    .before_login_wrapper .language_selection .svg_container {
        width: 18px;
        height: 18px;
    }

    .before_login_wrapper .language_selection li a span {
        font-size: 14px;
    }

    /*---------*/
    /* table */
    /*---------*/

    #my_latest_applications .dt-layout-table {
        border-radius: var(--radius-sm);
        width: 100%;
        max-width: 100%;
    }

    thead {
        min-height: 48px;
        height: 48px;
    }

    th {
        vertical-align: middle;
    }

    .dt-info,
    .dt-length label {
        font-size: 0.875rem;
    }

    /*---------*/
    /* main page */
    /*---------*/
    .main_container {
        max-width: 1440px;
        background: var(--grey-50);
        padding: var(--spacing-xx-big) var(--spacing-xx-big) var(--spacing-xxx-big) var(--spacing-xxx-big);
    }

    #dashboard_page .main_container {
        padding: var(--spacing-lg) var(--spacing-xx-big) var(--spacing-xxx-big) var(--spacing-xxx-big);
    }

    .container_wrapper {
        display: grid;
        grid-template-areas:
        "header header"
        "nav main_container";
        grid-template-columns: var(--nav-width) calc(100% - var(--nav-width));
        transition: grid-template-columns 0.3s ease;
    }

    .before_login_wrapper {
        display: grid;
        grid-template-areas:
        "header"
        "main_container"
        "footer";
        grid-template-columns: 100%;
    }

    .before_login_wrapper .main_container {
        padding: var(--spacing-xxx-lg) 0;
    }

    .before_login_wrapper .main_container main {
        max-width: 900px;
        margin: auto;
    }

    .before_login_wrapper footer {
        background: var(--neutral-white);
        padding: var(--spacing-lg) 88px;
    }

    .before_login_wrapper header {
        padding: 0 88px;
    }

    .before_login_wrapper header .desktop,
    .before_login_wrapper .footer_container {
        max-width: 1440px;
        width: 100%;
        margin: auto;
    }

    .container_wrapper main {
        padding: 0;
    }

    .container_wrapper main .tid_container {
        margin: 0;
        padding: 0;
        background-color: transparent;
        border-radius: 0;
        box-shadow: none;
    }

    #dashboard_page .main_content,
    .main_title {
        margin-bottom: var(--spacing-x-big);
    }

    .section_content {
        gap: var(--spacing-x-big);
    }

    #account_info ul {
        gap: var(--spacing-x-big);
    }

    .section_box {
        display: flex;
        flex-direction: column;
        /*gap: var(--spacing-x-big);*/
    }

    #all_applications_link_box {
        margin-left: auto;
    }

    #important_notices li:not(:last-child) .left::after {
        display: none;
    }

    #important_notices ul {
        max-height: 220px;
        overflow-y: auto;
        gap: var(--spacing-x-big);
    }

    #important_notices .dashboard_img_bg {
        min-width: 44px;
        min-height: 44px;
    }

    #important_notices .dashboard_img_container {
        width: 22px;
        height: 22px;
    }

    #my_latest_applications .section_toolbar .section_box_link {
        display: inline;
    }

    #my_latest_applications #all_applications_link_box {
        display: none;
    }

    #my_latest_applications .dt-scroll-head {
        border-radius: var(--radius-sm) var(--radius-sm) 0 0 !important;
    }

    #my_latest_applications thead {
        border-bottom: 0;
    }

    #my_latest_applications td {
        padding: 0;
    }

    #my_latest_applications td {
        padding: var(--spacing-big) var(--spacing-sm) var(--spacing-big) 0;
    }

    #my_latest_applications th:first-child,
    #my_latest_applications td:first-child {
        padding-left: var(--spacing-md);
    }

    #my_latest_applications th:last-child,
    #my_latest_applications td:last-child {
        padding-right: var(--spacing-md);
    }

    #my_latest_applications th {
        padding: 0;
    }

    /*---------*/
    /* input */
    /*---------*/

    .checkbox-group-label {
        min-width: fit-content;
    }

    .flex_input_field {
        display: flex;
        gap: var(--spacing-md);
        flex-direction: row;
        align-items: baseline;
    }

    .flex-checkbox-container .checkbox-group {
        min-width: max-content;
    }

     .checkbox-group {
        flex: none;
    }

    /*---------*/
    /* from */
    /*---------*/
    form .section_toolbar {
        padding: var(--spacing-md) var(--spacing-big);
        /*margin-bottom: var(--spacing-big);*/
    }

    .form_field_title {
        padding: 0;
    }

    #form_91a .section_toolbar {
        flex-direction: row;
        align-items: center;
    }

    .form_card .form_container {
        padding: var(--spacing-lg) var(--spacing-x-lg);
    }

    .single_form_card .form_container {
        padding: var(--spacing-x-lg) var(--spacing-xxx-lg) var(--spacing-xx-lg) var(--spacing-xxx-lg);
    }

    .stepper {
        padding: var(--spacing-xx-big);
    }

    .stepper .desktop {
        justify-content: space-between;
        gap: var(--spacing-x-big);
        display: flex;
    }

    .icon_with_dived {
        width: 100%;
        display: flex;
        gap: var(--spacing-sm);
        align-items: center;
    }

     .stepper_dived {
        background: var(--grey-200);
    }

    .step.prev .stepper_dived {
        background: var(--primary-400);
    }

    .step.current .stepper_dived {
        background: var(--primary-600);
    }

    .stepper_dived {
        display: inline-block;
        flex-grow: 1;
        height: 2px;
    }

    .stepper .step {
        flex-direction: column;
        align-items: start;
        gap: 13px;
        flex: 1;
    }

    .stepper_content {
        justify-content: space-between;
    }

    .stepper_content .step-title {
        font-weight: 500;
    }

    .form_card .form_field {
        gap: var(--spacing-xxx-big);
    }

    .sub_form_field .form_fieldset {
        gap: var(--spacing-sm);
    }

    .radio-group,
    .form_field,
    .form_fieldset {
        padding: 0;
    }

    fieldset {
        display: flex;
        row-gap: var(--spacing-xx-big);
    }

    .input_form_fieldset {
        padding: 0;
    }

    .form_field {
        gap: var(--spacing-big);
    }

    .tid_input_group {
        padding: 0;
    }


    .annual_fee.dashboard_img_bg .dashboard_img_container {
        width: 32px;
        height: 32px;
        color: inherit;
    }

    .annual_fee.dashboard_img_bg  {
        background-color: var(--primary-50);
        color: var(--primary-600);
        border: 1px solid var(--primary-100);
        padding: var(--spacing-md);
    }
    /*---------*/
    /* application sttaus history */
    /*---------*/
    #top_search_box {
        gap: var(--spacing-big);
        padding: var(--spacing-x-big) var(--spacing-big);
    }

    /*---------*/
    /* application sttaus history details */
    /*---------*/

    #top_details_box {
        padding: var(--spacing-big) var(--spacing-xx-big);
        gap: 0;
    }

    .top_details_row {
        flex-direction: row;
        align-items: center;
        justify-content: start;
    }

    .top_details_title {
        min-width: 240px;
        white-space: wrap;
    }

     #search_bar {
        flex-direction: row;
    }

     #search_bar .tid_input_group {
        max-width: 522px;
    }

     #top_details_box button {
        width: fit-content;
    }

    /*---------*/
    /* e-service */
    /*---------*/

    .e_service_container {
        grid-template-columns: repeat(2, 1fr);
        gap: var(--spacing-x-big);
    }

    /*---------*/
    /* textile trader registration scheme */
    /*---------*/

    .tid_section_container {
        padding: var(--spacing-xxx-big) var(--spacing-x-big) var(--spacing-lg) var(--spacing-x-big);
    }

    .information_table {
        border: 1px solid var(--grey-200);
        border-radius: var(--radius-md);
    }

    .information_table_row {
        flex-direction: row;
        gap: 0;
        padding: 0;
    }

    .information_table_subhead {
        padding: var(--spacing-sm) var(--spacing-big);
        min-width: 280px;
        max-width: 388px;
        background: var(--primary-50);
        display: flex;
        align-items: center;
        border-right: 1px solid var(--grey-200);
    }


    #registration_scheme .information_table_subhead {
        min-width: 300px;
    }

    .information_table_value {
        display: flex;
        flex-direction: column;
        padding: var(--spacing-md) var(--spacing-big);
    }

    .information_table .file-details {
        margin-top: 0;
    }

    /*---------*/
    /* factory registration */
    /*---------*/
    .factory_registration_card {
        padding: var(--spacing-big) var(--spacing-xx-big);
    }

    .factory_registration_container {
        grid-template-columns: repeat(2, 1fr);
    }

    /*---------*/
    /* amendment of registration particulars */
    /*---------*/
    .repeater_number {
        margin-bottom: var(--spacing-md);
    }

    /*---------*/
    /* productioncapacity */
    /*---------*/

    #production_capacity_form .repeater_buttons {
        margin: 0;
    }

    /*---------*/
    /* footer */
    /*---------*/

    footer {
        background-color: transparent;
        padding: var(--spacing-big) var(--spacing-x-sm);
        margin-top: 0;
    }

    .footer_container {
        flex-direction: row;
        justify-content: space-between;
    }

    .footer_text {
        gap: var(--spacing-md);
        align-items: start;
    }

    .footer_image {
        gap: var(--spacing-lg);
    }

    .footer_image_container {
        height: 44px;
    }

    footer #wcag_img {
        height: 34px;
    }

}

@media only screen and (min-width: 1200px) {
    /*---------*/
    /* default */
    /*---------*/

    .desktop {
        display: flex !important;
    }

    .mobile {
        display: none !important;
    }

    /*---------*/
    /* header */
    /*---------*/

    .font_size .selection_btn,
    .language .selection_btn {
        background-color: rgba(255, 255, 255, 0.80);
        padding: var(--spacing-xx-sm);
        display: flex;
        align-items: center;
    }


    .language .selection_btn {
        padding: var(--spacing-xx-sm) var(--spacing-big);
        cursor: auto;
    }

    .header_model {
        top: 50px;
    }

    /*---------*/
    /* dorpzone */
    /*---------*/

    .dropzone {
        margin-top: 0;
    }

    .file-type-img .svg_container {
        width: 32px;
        height: 32px;
    }

    .file-info {
        gap: var(--spacing-x-sm);
    }

    /*---------*/
    /* button */
    /*---------*/

    .tid_btn {
        height: 52px;
    }

    /*---------*/
    /* main page */
    /*---------*/
    #account_info ul {
        align-items: center;
        flex-direction: row;
        width: 100%;
        gap: var(--spacing-xxx-big);
        max-width: 1440px;
    }

    #account_info .divide-x {
        display: inline;
        height: 48px;
    }

    /*---------*/
    /* amendment of registration particulars */
    /*---------*/

    .tid_repeater_container {
        flex-direction: row;
        align-items: start;
        gap: var(--spacing-md);
    }

    .tid_repeater_container .input_form_fieldset {
        flex: 1;
    }

    .tid_repeater_container:not(:first-child) {
        margin-top: var(--spacing-big);
    }

    .tid_repeater_container .repeater_head {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .tid_repeater_container .svg_container.repeater_del_btn {
        width: 28px;
        height: 28px;
    }

    .repeater_buttons {
        margin-top: var(--spacing-big);
        padding-left: 55px;
    }

    .repeater_del_btn.desktop_btn {
        display: inline-block;
    }

    .repeater_del_btn.mobile_btn {
        display: none;
    }


}

@media only screen and (min-width: 1360px) {
    /*---------*/
    /* footer */
    /*---------*/
    .footer_text {
        align-items: center;
        flex-direction: row;
    }

    #copyright-divide-x {
        display: inline-block;
    }

    .copyright {
        order: 1;
    }

    .footer_link {
        order: 2;
        gap: var(--spacing-md);
    }

    /*---------*/
    /* textile trader registration scheme */
    /*---------*/
    .information_table_download_row .information_table_value {
        flex-direction: row;
        align-items: center;
    }

    #registration_scheme  .download_btn {
        margin-top: 0;
    }
}

@media only screen and (min-width: 1400px) {
    /*---------*/
    /* main page */
    /*---------*/


    #account_info .edit_btn {
        padding: 10px;
    }

    #account_info .edit_btn .svg_container {
        width: 28px;
        height: 28px;
    }

    .dashboard_img_bg {
        min-width: 48px;
        min-height: 48px;
    }

    #iam_smart .dashboard_img_container,
    #password .dashboard_img_container,
    #profile .dashboard_img_container {
        width: 28px;
        height: 28px;
    }

    #account_info ul li {
        gap: var(--spacing-md);
        padding: 0;
        border-bottom: 0;
        flex: 1;
    }

}