@media (min-width:1080px) and (max-width:1290px) {
    .custom-width {
        width: 1023px !important;
    }

    .ious {
        width: 1440px !important;
    }

    .hus {
        padding-right: 24px !important;
    }

    .duuu {
        width: 105px !important;
    }

    .next-part {
        margin-left: -75px;
    }

    .imo {
        width: 628px !important;
    }

    .ihus {
        width: 567px !important;
        margin-left: 678px !important;
    }

    .hua {
        width: 350px !important;
    }

    .iff {
        margin-left: 393px !important;
        width: 261px !important;
    }

    .ima {
        margin-left: 678px !important;
    }

    #osc {
        width: 264px !important;
        margin-left: 981px !important;
    }

    .jjh {
        margin-left: 981px !important;
    }




    .text-\[13px\] {
        font-size: 12px !important;
    }

    .omg {
        width: 1440px !important;
        margin-left: -48px;
    }

    .hyz {
        width: 1186px !important;
        margin-left: -1px !important;
    }

    .isi {
        margin-top: 7px !important;
    }

    .mya {
        margin-top: 13px !important;
    }

    .his {
        margin-left: -346px !important;
    }

    .to {
        margin-left: 10px !important;
    }

    .lg\:p-0 {
        padding: 0px !important;
    }

    .pro {
        margin-left: -347px !important;
    }

    .innerg {
        width: 1220px !important;
        margin-left: 22px !important;
    }

    .osc {
        margin-left: 981px !important;
    }
}

@media (min-width:400px) and (max-width:500px) {
    .ihu {
        margin-top: 300px !important;
    }

    .imo {
        width: 100px !important;
    }

    .jiu {
        margin-top: 18px !important;
        margin-left: 30px !important;
    }

    .igv {
        margin-left: 50px !important;
    }

    .idx {
        margin-left: 35px !important;
    }

    .huj {
        margin-top: 309px !important;
    }

    .zoha {
        margin-top: -181px !important;
    }

    .ikj {
        margin-left: -6px !important;
    }
}


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

    .imj {
        margin-left: -7px !important;
    }
}

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

    .main-wrapper {
        flex-direction: column;
    }

    .inso {
        background-image: url('./img/logins.png');
        pointer-events: none;
        background-size: 400px !important;
    }

    .left-section,
    .right-section {
        width: 100% !important;
    }

    .hima {
        margin-left: -163px !important;
    }

    .usa {
        margin-left: 41px !important;
    }

    .usas {
        margin-left: -20px !important;
    }

    .imj {
        margin-left: -24px !important;
    }

    .ifa {
        margin-left: 20px !important;
    }

    .sig {
        margin-left: 22px !important;
    }
    /* LEFT CONTENT POSITION FIX */
    .left-content {
        margin-top: 40px !important;
        margin-left: 0 !important;
        justify-content: center;
    }

    /* FORM CENTER */
    .form-block {
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

@media (min-width: 401px) and (max-width: 500px) {
    .main-wrapper {
        flex-direction: column;
    }

    .inso {
        background-image: url('./img/logins.png');
        pointer-events: none;
        background-size: 400px !important;
    }

    .left-section,
    .right-section {
        width: 100% !important;
    }

    .hima {
        margin-left: -163px !important;
    }

    .usa {
        margin-left: 41px !important;
    }

    .usas {
        margin-left: -20px !important;
    }

    .ifa {
        margin-left: 30px !important;
    }

    .sig {
        margin-left: 22px !important;
    }

    .left-content {
        margin-top: 40px !important;
        margin-left: 0 !important;
        justify-content: center;
    }

    .form-block {
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

@media (min-width: 501px) and (max-width: 600px) {
    .main-wrapper {
        flex-direction: column;
    }

    .inso {
        background-image: url('./img/logins.png');
        pointer-events: none;
        background-size: 400px !important;
    }

    .left-section,
    .right-section {
        width: 100% !important;
    }

    .hima {
        margin-left: -163px !important;
    }

    .usa {
        margin-left: 41px !important;
    }

    .imjh {
        margin-top: 203px !important;
    }

    .kiu {
        margin-top: -142px !important;
    }

    .ign {
        margin-top: -260px !important;
    }

    .usas {
        margin-left: -20px !important;
    }

    .ifa {
        margin-left: -20px !important;
    }

    .sig {
        margin-left: 22px !important;
    }

    .left-content {
        margin-top: 40px !important;
        margin-left: 0 !important;
        justify-content: center;
    }

    .form-block {
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

@media (min-width: 601px) and (max-width: 768px) {
    .main-wrapper {
        flex-direction: column;
    }

    .inso {
        background-image: url('./img/logins.png');
        pointer-events: none;
        background-size: 450px !important;
    }

    .ijh {
        margin-right: -296px !important;
    }

    .kijj {
        margin-left: -175px !important;
    }

    .ojh {
        margin-top: 259px !important;
    }

    .rit {
        display: flex;
        flex-direction: column;
    }

    .let {
        display: flex;
        flex-direction: column;
    }

    .hima {
        margin-left: -185px !important;
        margin-top: 140px;
    }

    .usa {
        margin-left: 148px !important;
    }

    .usas {
        margin-left: 91px !important;
    }

    .ifa {
        margin-left: -149px !important;
    }

    .sig {
        margin-left: 40px !important;
    }

    .left-content {
        margin-top: 60px !important;
        margin-left: 0 !important;
        justify-content: center;
    }

    .form-block {
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

@media (min-width: 769px) and (max-width: 800px) {
    .main-wrapper {
        flex-direction: column;
    }

    .inso {
        background-image: url('./img/logins.png');
        pointer-events: none;
        background-size: 480px !important;
    }


    .rit {
        display: flex !important;
        flex-direction: column !important;
    }

    .let {
        display: flex;
        flex-direction: column;
    }

    .hima {
        margin-left: -80px !important;
    }

    #mhi {
        margin-top: -471px !important;
        margin-left: 30px !important;
    }

    .usa {
        margin-left: 80px !important;
    }

    .usas {
        margin-left: 20px !important;
    }

    .ifa {
        margin-left: 20px !important;
    }

    .sig {
        margin-left: 60px !important;
    }

    .left-content {
        margin-top: 80px !important;
        margin-left: 0 !important;
        justify-content: center;
    }

    .form-block {
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

@media (min-width:400px) and (max-width:500px) {
    .innerg {
        width: 415px !important;
    }

    .kio {
        margin-top: -77px !important;
        margin-right: 0px !important;
    }

    .border-b {
        width: 100% !important;
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
    }

    .iha {
        margin-left: 38px !important;
    }

    .border-b ul {
        display: flex;
        flex-wrap: nowrap;
        gap: 16px;
        width: max-content;
    }

        .border-b ul li {
            flex-shrink: 0;
        }

    /* Smooth scroll */
    .border-b {
        -webkit-overflow-scrolling: touch;
        scrollbar-width: thin;
    }

        /* Optional: hide scrollbar (Chrome) */
        .border-b::-webkit-scrollbar {
            height: 4px;
        }

    #iuh {
        margin-left: -2px !important;
    }

    .ifs {
        height: 837px !important;
    }

    .breadcrumb-row {
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        overflow-x: auto;
        white-space: nowrap;
    }

        .breadcrumb-row > * {
            flex-shrink: 0;
        }

    .juh {
        width: 384px !important;
    }

    .ujh {
        line-height: 18px !important;
    }

    .sec {
        font-size: 14px !important;
    }
}

@media (min-width:501px) and (max-width:600px) {
    .innerg {
        width: 515px !important;
    }

    .kio {
        margin-top: -77px !important;
        margin-right: 0px !important;
    }

    .border-b {
        width: 100% !important;
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
    }

        .border-b ul {
            display: flex;
            flex-wrap: nowrap;
            gap: 16px;
            width: max-content;
        }

            .border-b ul li {
                flex-shrink: 0;
            }

    /* Smooth scroll */
    .border-b {
        -webkit-overflow-scrolling: touch;
        scrollbar-width: thin;
    }

        /* Optional: hide scrollbar (Chrome) */
        .border-b::-webkit-scrollbar {
            height: 4px;
        }

    #iuh {
        margin-left: -2px !important;
    }

    .ifs {
        height: 837px !important;
    }

    .breadcrumb-row {
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        overflow-x: auto;
        white-space: nowrap;
    }

        .breadcrumb-row > * {
            flex-shrink: 0;
        }

    .juh {
        width: 384px !important;
    }

    .ujh {
        line-height: 18px !important;
    }

    .sec {
        font-size: 14px !important;
    }
}

@media (min-width:601px) and (max-width:700px) {
    .innerg {
        width: 565px !important;
    }

    .kio {
        margin-top: -77px !important;
        margin-right: 0px !important;
    }

    .border-b {
        width: 100% !important;
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
    }

        .border-b ul {
            display: flex;
            flex-wrap: nowrap;
            gap: 16px;
            width: max-content;
        }

            .border-b ul li {
                flex-shrink: 0;
            }

    /* Smooth scroll */
    .border-b {
        -webkit-overflow-scrolling: touch;
        scrollbar-width: thin;
    }

        /* Optional: hide scrollbar (Chrome) */
        .border-b::-webkit-scrollbar {
            height: 4px;
        }

    #iuh {
        margin-left: -2px !important;
    }

    .ifs {
        height: 837px !important;
    }

    .breadcrumb-row {
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        overflow-x: auto;
        white-space: nowrap;
    }

        .breadcrumb-row > * {
            flex-shrink: 0;
        }

    .juh {
        width: 384px !important;
    }

    .ujh {
        line-height: 18px !important;
    }

    .sec {
        font-size: 14px !important;
    }
}

@media (min-width:701px) and (max-width:800px) {
    .innerg {
        width: 703px !important;
    }

    .kio {
        margin-top: -77px !important;
        margin-right: 0px !important;
    }

    .border-b {
        width: 100% !important;
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
    }

    .his {
        margin-left: -289px !important;
    }

    .border-b ul {
        display: flex;
        flex-wrap: nowrap;
        gap: 16px;
        width: max-content;
    }

        .border-b ul li {
            flex-shrink: 0;
        }

    /* Smooth scroll */
    .border-b {
        -webkit-overflow-scrolling: touch;
        scrollbar-width: thin;
    }

        /* Optional: hide scrollbar (Chrome) */
        .border-b::-webkit-scrollbar {
            height: 4px;
        }

    #iuh {
        margin-left: -2px !important;
    }

    .ifs {
        height: 837px !important;
    }

    .breadcrumb-row {
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        overflow-x: auto;
        white-space: nowrap;
    }

        .breadcrumb-row > * {
            flex-shrink: 0;
        }

    .juh {
        width: 384px !important;
    }

    .ujh {
        line-height: 18px !important;
    }

    .sec {
        font-size: 14px !important;
    }
}

@media (min-width:801px) and (max-width:900px) {
    .innerg {
        width: 767px !important;
    }

    .kio {
        margin-top: -77px !important;
        margin-right: 0px !important;
    }

    .border-b {
        width: 100% !important;
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
    }

    .his {
        margin-left: -189px !important;
    }

    .border-b ul {
        display: flex;
        flex-wrap: nowrap;
        gap: 16px;
        width: max-content;
    }

        .border-b ul li {
            flex-shrink: 0;
        }

    /* Smooth scroll */
    .border-b {
        -webkit-overflow-scrolling: touch;
        scrollbar-width: thin;
    }

        /* Optional: hide scrollbar (Chrome) */
        .border-b::-webkit-scrollbar {
            height: 4px;
        }

    #iuh {
        margin-left: -2px !important;
    }

    .ifs {
        height: 837px !important;
    }

    .breadcrumb-row {
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        overflow-x: auto;
        white-space: nowrap;
    }

        .breadcrumb-row > * {
            flex-shrink: 0;
        }

    .juh {
        width: 384px !important;
    }

    .ujh {
        line-height: 18px !important;
    }

    .sec {
        font-size: 14px !important;
    }
}

@media (min-width:901px) and (max-width:1000px) {
    .innerg {
        width: 869px !important;
    }

    .kio {
        margin-top: -77px !important;
        margin-right: 0px !important;
    }

    .border-b {
        width: 100% !important;
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
    }

    .his {
        margin-left: -219px !important;
    }

    .border-b ul {
        display: flex;
        flex-wrap: nowrap;
        gap: 16px;
        width: max-content;
    }

        .border-b ul li {
            flex-shrink: 0;
        }

    /* Smooth scroll */
    .border-b {
        -webkit-overflow-scrolling: touch;
        scrollbar-width: thin;
    }

        /* Optional: hide scrollbar (Chrome) */
        .border-b::-webkit-scrollbar {
            height: 4px;
        }

    #iuh {
        margin-left: -2px !important;
    }

    .ifs {
        height: 837px !important;
    }

    .ojh {
        margin-top: 299px !important;
    }

    .ijh {
        margin-left: -132px !important;
    }

    .jih {
        margin-left: -328px !important;
    }

    .jjjh {
        margin-top: 476px !important;
        margin-left: 22px !important;
    }

    .jhss {
        margin-top: 50px !important;
        margin-left: 36px !important;
    }

    .breadcrumb-row {
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        overflow-x: auto;
        white-space: nowrap;
    }

        .breadcrumb-row > * {
            flex-shrink: 0;
        }

    .juh {
        width: 384px !important;
    }

    .ujh {
        line-height: 18px !important;
    }

    .sec {
        font-size: 14px !important;
    }
}

@media (min-width:1001px) and (max-width:1100px) {
    .innerg {
        width: 968px !important;
    }

    .kio {
        margin-top: -77px !important;
        margin-right: 0px !important;
    }

    .border-b {
        width: 100% !important;
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
    }

    .his {
        margin-left: -250px !important;
    }

    .border-b ul {
        display: flex;
        flex-wrap: nowrap;
        gap: 16px;
        width: max-content;
    }

    .ijh {
        margin-left: -288px !important;
    }

    .border-b ul li {
        flex-shrink: 0;
    }

    /* Smooth scroll */
    .border-b {
        -webkit-overflow-scrolling: touch;
        scrollbar-width: thin;
    }

        /* Optional: hide scrollbar (Chrome) */
        .border-b::-webkit-scrollbar {
            height: 4px;
        }

    #iuh {
        margin-left: -2px !important;
    }

    .ifs {
        height: 837px !important;
    }

    .breadcrumb-row {
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        overflow-x: auto;
        white-space: nowrap;
    }

        .breadcrumb-row > * {
            flex-shrink: 0;
        }

    .juh {
        width: 384px !important;
    }

    .ujh {
        line-height: 18px !important;
    }

    .sec {
        font-size: 14px !important;
    }
}