@media (min-width:1700px) {
    .login-area {
        background-size: 45%;
    }
}

@media (max-width:1400px) {
    .login-area .logo {
        height: 50px;
    }

    .ongoingEventsModal {
        margin: 0 10px;
    }

    .ongoing-event a {
        font-size: 14px;
        padding: 10px 14px !important;
    }

        .ongoing-event a img {
            height: 22px;
        }
}

@media (max-width:1500px) {
    .container-inner {
        padding: 0 2rem;
    }
}

@media (max-width:1300px) {

    .footer-top ul {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        gap: 15px;
    }

        .footer-top ul li.address-footer {
            grid-area: 1/5;
            grid-column: 1/6;
            justify-content: center;
        }

        .footer-top ul li {
            border: none;
            gap: 5px;
        }

            .footer-top ul li a {
                column-gap: 5px;
            }

    .bid-summary {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    }

    .action-head {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        gap: 10px;
    }

        .action-head .form-control-group {
            grid-column: 1/4;
            justify-content: flex-start;
        }

            .action-head .form-control-group .form-group {
                flex: 1;
            }

    .lots-files {
        grid-column: 2/4;
    }

    .to-head {
        position: inherit;
    }

    .footer-top ul li a {
        font-size: 12px;
    }

    .footer-top ul li.address-footer a .TabText {
        font-size: 12px;
    }

    .menu-login a {
        padding: 16px 7px;
    }

    .world-clock .clock {
        min-width: 150px;
    }

    .world-clock::-webkit-scrollbar {
        height: 0;
        width: 0;
    }

    .world-clock {
        overflow: auto;
    }

    .ui-jqgrid .ui-jqgrid-btable {
        table-layout: fixed !important;
    }
}

@media (max-width:1200px) {
    .define-event-panel {
        grid-column: 1/3;
    }

    .form-area-group {
        grid-template-columns: 1fr 1fr;
    }

    .login-vector {
        display: flex;
    }

    .login-header h1 span {
        font-size: 28px;
    }

    .login-header h1 {
        font-size: 20px;
        line-height: 1.4;
    }

    .homeburg-menu, .menu-disable .homeburg-menu {
        display: flex;
    }

    .afterLoginActive .homeburg-menu {
        display: none;
    }

    .homeburg-menu.active span:first-child {
        transform: rotate(45deg) translate(0px, 0px);
    }

    .homeburg-menu.active span:last-child {
        transform: rotate(-45deg) translate(3px, -3px);
        margin: -3px;
    }

    .middle-menu {
        position: absolute;
        top: 71px;
        left: 0;
        width: 100%;
        background: #fff;
        flex-direction: column;
        align-items: center;
        gap: 9px;
        padding: 2rem;
        box-shadow: 0 30px 50px 4px #00000014;
        transition: all .2s;
        transform: translateX(-50rem);
        z-index: 999;
        max-width: 400px;
        height: 100%;
    }

        .middle-menu a {
            background: #f3f3f3;
            border-radius: var(--radius6);
            width: 100%;
            padding: 16px 22px;
        }

    .signuppage .homeburg-menu,
    .ChangePassword .homeburg-menu {
        display: flex;
    }

    .signuppage .header,
    .ChangePassword .header {
        border-bottom: 1px solid #ebebeb;
        background: #fff;
        z-index: 9;
    }

    .menu-login ul {
        padding: 0;
    }

    .isInvite, .isLogin, .isAttend {
        top: 190px;
    }

    .bid-details .bid-details-link {
        order: 2;
        margin-left: 0px !important;
    }

    .bid-details .bid-details-inner {
        order: 3;
        padding: 0px;
        flex-wrap: nowrap;
    }

    .bid-details .h1title {
        margin-top: 20px;
        margin-bottom: 20px !important;
        order: 1;
        width: auto;
    }
}

@media(max-width:1199px) {
    .max-width-select {
        max-width: 240px;
    }
}

@media (max-width:1100px) {

    .tender-ctc-panel .bid-data {
        font-size: 16px;
    }

    .main-menu ul li a {
        font-size: 13px;
    }

    .wrapper-inner:before, .wrapper-inner:after {
        background-size: 50px;
        background-repeat: no-repeat;
    }

    .footer-top ul li:nth-child(5) {
        min-width: 200px;
    }

    .footer-top ul li.address-footer {
        flex: none;
        margin-right: 30px;
    }

    .footer-top ul li:nth-child(6) {
        min-width: 180px;
    }

    .form-control-group .form-group {
        width: 100%;
    }

    .middle-menu {
        top: 71px !important;
    }
}

@media (max-width:991px) {
    .heading-panel {
        flex-direction: column;
        gap: 6px;
    }

    .dropdown-form {
        width: 100%;
    }

    td#jqGridPager_left, #jqGridPager_right {
        display: none;
    }

    .footer-panel p {
        text-align: center;
    }

    .login-area:has(.customer-login) {
        height: 100%;
    }

    .events-running {
        grid-template-columns: 1fr 1fr;
    }

    .signup-forms, .signuppage .signup-forms {
        grid-template-columns: 1fr 1fr;
    }

    .form-group.textAreaHtmlEdit {
        grid-column: 1 / 3;
    }

    .residential-group {
        grid-column: 1 / 3 !important;
    }

    .dvtable-ul {
        display: block;
    }

    .round-top-sector-five {
        display: none;
    }

    .rt-data {
        flex-direction: row;
        align-items: center;
    }

    .filtter-with-btns .table-header {
        flex-direction: column;
    }

        .filtter-with-btns .table-header .table-top {
            flex: 1;
            width: 100%;
        }

            .filtter-with-btns .table-header .table-top .auto-set-btn {
                flex-wrap: nowrap;
            }

    .main-menu ul li a {
        font-size: 14px;
    }

    .timer-count {
        justify-content: center;
    }

    .lbl-ltr-three {
        display: flex;
        flex-direction: column;
    }

    .lbl-ltr-round {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .bidders-bid-details .manage-attendance-btns {
        justify-content: flex-start;
    }

    .bidders-bid-details .front-search-top {
        flex-direction: column;
        align-items: flex-start;
        gap: 0;
    }

    .table-modal-body {
        height: 100%;
    }

    .auto-set-btn,
    .bidders-btn,
    .table-top-btn {
        flex-wrap: wrap;
    }

    .top-main-div, .bottom-main-div {
        width: 100%;
    }

    .customer-login {
        flex-direction: column;
    }

    .three-dot {
        display: block;
    }

    .homeburg-menu, .menu-disable .homeburg-menu {
        display: flex;
    }

    admin-header:has(.middle-menu) {
        display: none;
    }

    .wrapper-inner:before, .wrapper-inner:after {
        display: none;
    }

    .copyright-area {
        font-size: 12px;
    }

    .login-vector {
        display: none;
    }

    .footer-login {
        background: #fff;
        margin: 0;
    }

    .footer-panel {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 10px 0;
    }

        .footer-panel p:last-child a {
            color: #626262;
        }

    .banner-panel {
        width: 100%;
    }

    .footer-panel p:last-child a {
        transform: none;
    }

    .main-menu {
        position: fixed;
        left: 0;
        z-index: 999;
        height: 100%;
        min-height: 500px;
        overflow-y: auto;
        background: #fff;
        margin: 0;
        width: 100%;
        border-radius: 0;
        border: none;
        box-shadow: 0px 20px 14px 5px #00000033;
        top: 0;
        padding-top: 8rem;
        transform: translateY(-100%);
        transition: var(--transition4);
        opacity: 0;
    }

        .main-menu ul {
            flex-direction: column;
            width: 100%;
            max-width: 300px;
            margin: auto;
        }

        .main-menu.active {
            transform: none;
            opacity: 1;
        }

    .space-set {
        height: 60px;
    }

    .main-menu li.active .submenu-menu {
        transform: none;
        opacity: 1;
        visibility: visible;
    }

    .before-login.active .header-panel {
        position: fixed;
        z-index: 99999;
        width: 100%;
        left: 0;
        padding-left: 16px;
        padding-right: 16px;
        border-bottom: 1px solid #ebebeb;
    }

    .world-clock {
        margin-top: 12px;
    }

    .main-menu:has(li) {
        margin: 0;
        padding-top: 8rem;
    }

    .isInvite, .isLogin, .isAttend {
        top: 210px;
    }

    .bid-details .bid-details-link {
        margin-left: auto !important;
    }

    .bid-details .h1title {
        width: auto;
    }

    .max-width-select {
        min-width: 250px !important;
    }

    .label-div {
        flex-wrap: nowrap !important;
    }
}

@media (max-width:850px) {
    .event-selected-panel {
        padding: 20px 30px;
    }

    .event-selected-panel-left h3 {
        margin: 0;
        font-size: 22px;
    }

    .event-selected-panel-left p {
        font-size: 14px;
    }

    .afterLoginActive .button, .afterLoginActive .theme-btn {
        padding: 12px 20px;
    }

    .isInvite, .isLogin, .isAttend {
        top: 270px;
    }

    .label-div {
        flex-wrap: wrap !important;
        flex-direction: column !important;
        align-items: stretch !important;
    }

    .max-width-select {
        max-width: 640px !important;
    }

    .btnAdd {
        margin-left: auto;
    }
}

@media (max-width:767px) {
    .action-head {
        display: flex;
        flex-direction: column;
        gap: 6px;
    }

    .ongoing-list {
        min-width: 100%;
    }

    .timer-data {
        position: inherit;
    }

    .not-started {
        min-width: auto;
    }

    .to-head {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }

    .login-area {
        background-image: none !important;
    }

    .middle-menu {
        max-width: 100%;
    }

    .menu-login ul {
        padding: 0;
    }

    .form-control-group {
        flex-direction: column;
    }

        .form-control-group .form-group {
            width: 100%;
        }

    .jqgrid-table th, .ui-pager-control td, .jqgrid-table td {
        font-size: 14px;
        padding: 10px;
    }

    .signup-forms, .signuppage .signup-forms {
        grid-template-columns: 1fr;
    }

    .form-group.textAreaHtmlEdit {
        grid-column: 1;
    }

    .residential-group {
        grid-column: 1 / 2;
    }

    .filtter-with-btns .table-header .table-top .front-search-panel {
        flex-direction: row;
    }

        .filtter-with-btns .table-header .table-top .front-search-panel .auto-set-btn {
            width: auto;
        }

    .btn-print-profile {
        right: 10px;
    }

    .my-profile-page, .change-password-page {
        padding: 0 10px;
    }

    .manage-bidders-import {
        flex-wrap: wrap;
    }

    .login-container {
        padding: 0 15px;
    }

    .tender-details {
        padding: 1rem 2rem;
    }

    .tender-ctc-panel .bid-data,
    .footer-top ul li a {
        font-size: 14px;
    }

    .define-event-panel {
        grid-column: 1/2;
    }

    .container-inner {
        padding: 0 10px;
    }

    .excel-btns:first-child {
        margin-left: 0;
    }

    .form-area-group,
    .theme-form-modal {
        grid-template-columns: 1fr;
    }

    .copyright-area {
        flex-direction: column;
        text-align: center;
        gap: 10px;
    }

    .footer-top ul {
        display: flex;
        flex-direction: column;
    }

        .footer-top ul li {
            justify-content: flex-start;
        }

            .footer-top ul li:nth-child(5), .footer-top ul li:nth-child(6) {
                min-width: auto;
            }

            .footer-top ul li.address-footer {
                justify-content: flex-start;
            }

    .footer-main-inner {
        margin-top: 1rem;
    }

    .event-selected-panel {
        flex-direction: column;
        text-align: center;
    }

    .search-group {
        display: none;
    }

    .front-search-panel {
        flex-direction: column;
    }

        .front-search-panel .auto-set-btn {
            width: 100%;
        }

    .wrapper:has(.after-login) .login-container, .wrapper:has(.after-login) .theme-container {
        padding: 0 15px;
    }

    .login-area .logo {
        display: none;
    }

    .header-panel {
        gap: 9px;
    }

    .menu-login {
        flex: none;
    }

    .middle-menu {
        top: 73px;
        padding: 1rem;
    }

    .before-login.active .header-panel {
        padding-left: 15px;
        padding-right: 15px;
    }

    .isInvite .isLogin .isAttend {
        top: 260px;
    }

    .signup-form-grid2 {
        grid-template-columns: 1fr !important;
    }

    .residential-group {
        grid-column: 1 / 1 !important;
    }
}

@media(max-width:738px) {
    .pastevent-filter {
        justify-content: space-around !important;
    }

        .pastevent-filter .form-group, .pastevent-filter .signin-btns {
            min-width: 320px !important;
        }

        .pastevent-filter div:first-child {
            order: 3
        }

        .pastevent-filter .signin-btns {
            order: 4;
            justify-content: start !important;
        }
}

@media (max-width:700px) {
    .round-top-area {
        flex-direction: column;
        gap: 10px;
        align-items: center;
    }

    .isInvite .isLogin .isAttend {
        top: 300px;
    }

    .bid-details .h1title {
        width: 70%
    }

    .pastevent-filter .form-group, .pastevent-filter .signin-btns {
        min-width: 270px !important;
    }
}

@media (max-width:600px) {
    .big-title {
        flex-direction: column;
        align-items: flex-start;
    }

    .events-running {
        grid-template-columns: 1fr;
    }

    .imagelinks-data img {
        height: 100px;
    }

    .lots-details {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .lots-commitment {
        text-align: center;
    }

    .commitment-details {
        width: 100%;
    }

    .signup-details, .document-forms {
        padding: 2rem 20px;
    }

    .download-upload-btn {
        min-width: 50px;
    }

    .rt-data {
        width: 100%;
        justify-content: center;
    }

    .upload-paper {
        flex-direction: column;
    }

    .upload-paper-panel {
        flex-direction: column-reverse;
        align-items: center;
        gap: 10px;
    }

        .upload-paper-panel .table-right-btns {
            flex-wrap: nowrap;
        }

    .upload-items-panel-one {
        width: 100%;
        min-height: auto;
        min-width: 100%;
        padding: 10px 30px;
    }

    .upload-items-doc {
        flex-direction: column;
        overflow-y: auto;
        max-height: 400px;
    }

    .upload-items-panel-two {
        width: 100%;
        padding: 0 15px 15px;
    }

    .round-top-sector-two .commit-data {
        min-width: auto;
    }

    .filtter-with-btns .table-header .table-top .front-search-panel {
        flex-direction: column;
        align-items: center;
    }

    .upload-file-li span {
        font-size: 14px;
        min-width: 80px;
    }

    .tenderbidders-details {
        padding: 10px;
    }

    .upload-file-li {
        gap: 1rem;
    }

    .select-mine-dropdown {
        max-width: 100%;
    }

    .table-verticle-custom {
        justify-content: center;
    }

    .submit-bids-commit .commit-data, .submit-bids-commit {
        justify-content: center !important;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        border: none;
        padding: 0;
    }

    .main-title {
        margin-bottom: 5px;
        flex-wrap: wrap;
        gap: 2px;
    }

    .table-title {
        font-size: 16px;
    }

    .bidders-bid-details {
        flex-direction: column;
        align-items: flex-start;
        gap: 0;
    }

    .bidders-bid-details-data {
        flex-direction: column;
    }

    .front-search-top {
        flex-direction: column;
        gap: 5px;
    }

    .submit-table-tr {
        flex-direction: column;
    }

    .dropdown-total-submit {
        flex-direction: column;
        gap: 1rem;
    }

    .event-selected-panel h2 {
        font-size: 20px;
    }

    .tofix-two-first .form-group {
        flex-wrap: wrap;
    }

    .select-mine-lot {
        grid-template-columns: 1fr;
    }

    .lbl-ltr-one {
        flex-direction: column;
    }

    .tofix-two-second {
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 10px;
    }

    .two-front-search {
        flex-direction: column;
        gap: 5px;
    }

    .front-search-data {
        max-width: 100%;
    }

    .table-panel {
        padding: 10px;
    }

    .front-search-data {
        padding: 10px 15px;
    }

    .footer-panel p:first-child a {
        display: block;
    }

    .footer-panel p {
        text-align: center;
    }

    .header-panel {
        padding: 8px 0;
        gap: 13px;
    }

    .middle-menu a {
        min-width: 100%;
    }

    .header-panel {
        padding: 14px 0;
        gap: 5px;
    }

    .ongoing_events_block {
        flex-direction: column;
    }

    .ui-widget-content.ui-pg-input {
        width: 45px;
    }

    .ui-pg-table tr {
        gap: 0;
        justify-content: flex-start;
        padding-right: 10px;
    }

    .ui-jqgrid > .ui-jqgrid-pager {
        padding: 6px;
    }

    .world-clock * {
        font-size: 12px !important;
    }

    .isInvite, .isLogin, .isAttend {
        top: 300px;
    }

    .bid-details .bid-details-inner {
        order: 3;
        padding: 0px;
        flex-wrap: wrap !important;
    }

    .pastevent-filter .form-group, .pastevent-filter .signin-btns, pastevent-filter .form-group select {
        min-width: 200px !important;
        max-width: 200px;
        gap: 0
    }
}

@media (max-width:1014px) {
    .resPrtParticipent {
        flex-direction: column !important;
        align-content: start !important;
    }

        .resPrtParticipent h1 {
            display: block !important;
        }

        .resPrtParticipent .resParticipent {
            align-content: start !important;
            justify-content: start !important;
        }
}

@media (max-width:530px) {
    .signin-btns .theme-btn {
        width: auto;
        min-width: 140px;
        padding: 9px 18px;
    }

    .excel-upload {
        flex-direction: column !important;
        justify-content: space-between !important;
        align-items: start !important;
    }

        .excel-upload label {
            order: 2;
            display: block;
            max-width: 100%;
            margin: 5px;
        }

    .max-width-input {
        max-width: 325px;
    }

    .pastevent-filter .signin-btns .theme-btn {
        min-width: 60px;
    }
}

@media(max-width : 441px) {
    .pastevent-filter .form-group, .pastevent-filter .signin-btns, pastevent-filter .form-group select {
        min-width: 100% !important;
        max-width: 0px !important;
    }
}

@media (max-width:500px) {
    .summary-data {
        flex-direction: column;
        align-items: flex-start;
    }

        .summary-data .form-group {
            width: 100%;
        }

    .lots-commitment * {
        font-size: 16px !important;
    }

    .not-started {
        text-align: center;
    }

    .login-form {
        width: 100%;
        min-width: 100%;
    }

    .grid-section-header {
        gap: 5px;
    }

    .back-btn {
        background-size: 20px;
        width: 40px;
        height: 40px;
    }

    .title-right {
        gap: 2px;
    }

    .maximum-time-left {
        margin-right: 2px;
    }

    .ongoing-event a img {
        height: 16px;
    }

    .right-admin-toggle {
        gap: 10px;
    }

    .upload-file-li {
        gap: 0rem;
        flex-direction: column;
        align-items: flex-start;
    }

    .customer-area .menu-login a {
        padding: 14px 6px 0;
    }

    .submit-withdraw .theme-button {
        font-size: 12px;
    }

    .table-header {
        justify-content: center;
    }

    .space-set {
        height: 50px;
    }

    .table-right-btns {
        flex-wrap: wrap;
    }

    .header-panel .logo {
        margin-bottom: 5px;
        height: 35px;
    }

    .mini-title {
        font-size: 16px;
        margin-bottom: 5px;
    }

    .bid-final {
        grid-column: none;
    }

    .bottom-main-div {
        display: flex;
        flex-direction: column;
    }

    .login-area {
        background-size: cover;
    }

    .legel-notice-pera {
        overflow-y: auto;
        height: 150px;
    }

    .logo-inner a {
        width: 120px;
    }

    .userprofile {
        min-width: 30px;
        height: 30px;
        width: 30px;
    }

    .profile-data p {
        font-size: 10px;
        line-height: normal;
    }

    .profile-data h4 {
        font-size: 14px;
    }

    .create-btnprint-refresh {
        justify-content: flex-end;
    }

    .signin-btns .theme-btn {
        width: auto;
        min-width: 90px;
        padding: 9px 16px;
    }

    .isInvite, .isLogin, .isAttend {
        top: 300px;
    }

    .max-width-input {
        max-width: 250px;
    }
}

@media(max-width:430px) {
    .pipe-transform {
        font-size: 55px !important;
        font-weight: 200;
    }
}

@media (max-width:424px) {
    .isInvite, .isLogin, .isAttend {
        top: 350px;
    }

    .ongoing-event a {
        font-size: 14px;
        padding: 10px 10px !important;
    }

    .menu-login ul {
        display: flex !important;
        justify-content: flex-end;
        align-items: stretch;
        flex-direction: column-reverse;
        gap: 0.5rem;
    }

    .middle-menu {
        top: 100px !important;
    }

    .max-width-select {
        min-width: 200px !important;
    }
}

@media (max-width:400px) {
    .table-title {
        font-size: 16px;
    }

    .tofix-two-first {
        flex-direction: column;
    }

        .tofix-two-first .form-group.download-upload-btn {
            flex-direction: row;
            flex-wrap: nowrap;
        }

        .tofix-two-first .form-group.total-file {
            justify-content: center;
        }

    .fileupload {
        width: 100%;
    }

    .choose-file-upload {
        width: 100%;
        background: #e7e7e7;
        padding: 5px;
    }

    .timer-count .form-group {
        font-size: 15px;
        padding: 6px 8px;
        font-weight: 500;
    }

    .timer-count {
        gap: 3px;
    }

    .login-form {
        padding: 2rem;
    }

    .logo-inner a {
        width: 100px;
    }

    .ongoing-event a {
        font-size: 12px;
    }

    .ongoingEventsModal {
        margin: 0 5px;
    }

    .userprofile {
        min-width: 25px;
        height: 25px;
        width: 25px;
    }

    .user-details button {
        gap: 6px;
    }

    .middle-menu a {
        padding: 14px 8px;
        font-size: 14px;
    }

    .ongoing-event a {
        padding: 8px;
    }

    .user-details {
        max-width: 185px;
    }

    .bid-details .bid-details-link {
        order: 1;
        margin-left: auto !important;
        justify-content: end;
    }

    .bid-details .bid-details-inner {
        order: 3;
        padding: 0px;
    }

    .bid-details .h1title {
        order: 1;
        width: 100%;
    }

    .signin-btns .theme-btn {
        padding: 9px 13px;
        min-width: 50px;
    }

    .isInvite, .isLogin, .isAttend {
        top: 335px;
    }
}

@media (max-width:476px) {
    .isInvite, .isLogin, .isAttend {
        top: 330px;
    }

    .max-width-input {
        max-width: 416px;
    }
}

@media (max-width:386px) {
    .isInvite, .isLogin, .isAttend {
        top: 355px;
    }

    .max-width-select {
        min-width: 0px !important;
        max-width: 170px;
    }

    .pipe-transform {
        display: none;
    }

    .upload-link {
        flex-direction: column;
        align-items: flex-start !important;
    }
}