/* ----------BIDDER-RESPONSIVE---------- */ @media only screen and (min-width:1280px) and (max-width:1365px) { /* LOGIN-FLOW */ .bidder-subscription-item { flex: 1 1 23.7%; h4 { font-size: 28px; } p { font-size: 13px; } & ul { li { font-size: 14px; } } } /* LOGIN-FLOW */ /* SUBSCRIPTION-DETAILS */ .bidder-subscription-group.subscription-details .bidder-subscription-item { flex: 1 1 23.4%; } /* SUBSCRIPTION-DETAILS */ /* MY-ACCOUNT-PAGE */ .bidder-profile { gap: 20px; } .bidder-field-wrap { margin-top: 2rem; } .bidder-field-in { width: 48.9%; .bidder-field-btn { padding: 12px 25px; } label { font-size: 14px; } } .bidder-field-in-item { input[type="text"][readonly] { font-size: 13px; } } #collapseTwo .bidder-field-in { width: 100% !important; } #delete-popup.successfully-popup .modal-content .modal-body .popup-btn-group { gap: 10px; flex-wrap: wrap; } #collapseTwo .bidder-field-wrap.mt-0.align-items-end .bidder-field-in { width: 49% !important; } #collapseTwo .bidder-field-wrap .bidder-field-in.w-50 { width: auto !important; } #collapseTwo .bidder-field-wrap .bidder-field-in.text-end { width: auto !important; } #collapseTwo .bidder-field-wrap.mt-0.align-items-end .bidder-field-in:last-child { margin-left: auto; } /* MY-ACCOUNT-PAGE */ } @media only screen and (min-width:1000px) and (max-width:1279px) { /* LOGIN-FLOW */ section.bidder-login-wrap { padding-top: 5rem; } .bidder-image { width: 100%; } .bidder-left { width: 100%; form { padding: 0px 0px; gap: 15px; h1 { font-size: 23px; } h2 { font-size: 18px; } .bidder-left-btn { height: 50px; font-size: 18px; } .bidder-left-text.bidder-left-checkbox { flex-wrap: wrap; font-size: 15px; } } } .bidder-left-field-code { gap: 15px; } .bidder-left-field-code-in { height: 40px; width: 40px; } .bidder-left-field { flex-wrap: wrap; } .bidder-left-field.gap-4 { height: auto; gap: 15px !important; input[type="text"] { height: 50px; } } .info-in { width: 250px; top: 150%; left: auto; right: 0; } .bidder-left-upload-in { width: 50px; height: 50px; border-radius: 5px; padding: 10px; button { font-size: 0.8rem; padding: 1px; } } section.bidder-login-wrap.bidder-subscription-wrap { flex-direction: column; padding-top: 1rem; } .bidder-subscription-in { padding: 0px; h1 { font-size: 23px; } h2 { font-size: 16px; margin-bottom: 20px; } } section.bidder-subscription-wrap .bidder-left { a.back-icon { left: 0; } } .successfully-popup .modal-content .modal-body form { width: 100%; } .international-bidder-field-group { flex-wrap: wrap; } .successfully-popup .modal-dialog { max-width: 450px; } .successfully-popup .modal-content .modal-body h1 { font-size: 24px; } .bidder-subscription-item { flex: 1 1 48.5%; } /* LOGIN-FLOW */ .dashboard-header-profile { form { width: 40%; height: auto; } } .welcome-page h2 { font-size: 40px; } .welcome-page-inner { flex-wrap: wrap; gap: 20px; } .welcome-page-item { width: 45%; } .dashboard-nav-sidebar.hide~.dashboard-content .welcome-page-item { width: 35%; } /* WELCOME-BIDDER-PAGE */ /* SUBSCRIPTION-DETAILS */ .bidder-subscription-group.subscription-details .bidder-subscription-item { flex: 1 1 48.5%; padding: 1rem; display: flex; flex-direction: column; p { min-height: auto; } h4 { font-size: 30px; gap: 5px; span { font-size: 15px; } } & ul { li { font-size: 15px; } } a { font-weight: 600; font-size: 16px; padding: 12px 0; margin-top: auto; } } .dashboard-nav-sidebar.hide~.dashboard-content .bidder-subscription-group.subscription-details .bidder-subscription-item { flex: 1 1 32%; } .bidder-subscription-group.subscription-details { align-items: stretch; } /* SUBSCRIPTION-DETAILS */ /* MY-ACCOUNT-PAGE */ .bidder-profile { gap: 20px; } .bidder-field-wrap { margin-top: 2rem; } .bidder-field-in { width: 48%; .bidder-field-btn { padding: 12px 25px; } label { font-size: 14px; } } .bidder-field-in-item { input[type="text"][readonly] { font-size: 13px; } } #collapseTwo .bidder-field-in { width: 100% !important; } #delete-popup.successfully-popup .modal-content .modal-body .popup-btn-group { gap: 10px; flex-wrap: wrap; } .dashboard-nav-sidebar.hide~.dashboard-content .account-details { .bidder-field-in { width: 48.6%; } #collapseTwo .bidder-field-wrap.mt-0.align-items-end .bidder-field-in { width: 49% !important; } #collapseTwo .bidder-field-wrap .bidder-field-in.w-50 { width: auto !important; } #collapseTwo .bidder-field-wrap .bidder-field-in.text-end { width: auto !important; } #collapseTwo .bidder-field-wrap.mt-0.align-items-end .bidder-field-in:last-child { margin-left: auto; } } /* MY-ACCOUNT-PAGE */ /* BID-HISTORY-PAGE */ .page-heading { align-items: flex-start; flex-direction: column; } .page-filters { margin-top: 1rem; width: 100%; form { justify-content: flex-start; flex-direction: unset; } } .dashboard-nav-sidebar.hide~.dashboard-content { .page-heading { gap: 15px; flex-direction: row; } .page-filters { margin-top: 0rem; width: auto; form { justify-content: flex-end; flex-direction: unset; } } .daterange-btn { width: auto; } .filters-dropdown { width: auto; } .filters-btn { width: auto; } } /* BID-HISTORY-PAGE */ /* UPCOMING-AUCTIONS-PAGE */ .page-heading h1 { font-size: 24px; a { width: 35px; height: 35px; } } /* UPCOMING-AUCTIONS-PAGE */ /* AUCTION-ROOM-PAGE */ .auction-room-wrap .card-slider .card-wrp { width: 48.4%; } .successfully-popup .modal-content .modal-body { p { gap: 8px 5px; flex-wrap: wrap; justify-content: center; } } .successfully-popup .modal-content .modal-body { h1 { font-size: 24px; } } #delete-popup.successfully-popup .modal-content .modal-body .popup-btn-group, #enter-auction-popup.successfully-popup .modal-content .modal-body .popup-btn-group, #auto-bid-popup.successfully-popup .modal-content .modal-body .popup-btn-group { gap: 20px; flex-wrap: wrap; } .dashboard-nav-sidebar.hide~.dashboard-content { .auction-room-wrap .card-slider .card-wrp { width: 40%; } } /* AUCTION-ROOM-PAGE */ /* AUCTION-ROOM-DETAIL-PAGE */ .product-name { padding-right: 40px; } /* AUCTION-ROOM-DETAIL-PAGE */ /* LIVE-AUCTION */ .live-auction-page { .material-dtl-table table { min-width: 100%; } & .auc-dtls-right .heading { h2 { font-size: 26px; } } .auc-dtls-tab-head ul li { width: auto; margin: 10px 6px 0; padding: 9px 12px; } .aucdt-wrp-inr.d-flex.align-items-center { flex-wrap: wrap; gap: 10px; } .auction-date { margin-right: 10px; } } /* LIVE-AUCTION */ } @media only screen and (min-width:768px) and (max-width:999px) { /* LOGIN-FLOW */ section.bidder-login-wrap { padding-top: 5rem; } .bidder-image { width: 100%; } .bidder-left { width: 100%; form { padding: 0px 0px; gap: 15px; h1 { font-size: 23px; } h2 { font-size: 18px; } .bidder-left-btn { height: 50px; font-size: 18px; } .bidder-left-text.bidder-left-checkbox { flex-wrap: wrap; font-size: 15px; } } } .bidder-left-field-code { gap: 15px; } .bidder-left-field-code-in { height: 40px; width: 40px; } .bidder-left-field { flex-wrap: wrap; } .bidder-left-field.gap-4 { height: auto; gap: 15px !important; input[type="text"] { height: 50px; } } .info-in { width: 250px; top: 150%; left: auto; right: 0; } .bidder-left-upload-in { width: 50px; height: 50px; border-radius: 5px; padding: 10px; button { font-size: 0.8rem; padding: 1px; } } section.bidder-login-wrap.bidder-subscription-wrap { flex-direction: column; padding-top: 1rem; } .bidder-subscription-in { padding: 0px; h1 { font-size: 23px; } h2 { font-size: 16px; margin-bottom: 20px; } } section.bidder-subscription-wrap .bidder-left { a.back-icon { left: 0; } } .successfully-popup .modal-content .modal-body form { width: 100%; } .international-bidder-field-group { flex-wrap: wrap; } .successfully-popup .modal-dialog { max-width: 450px; } .successfully-popup .modal-content .modal-body h1 { font-size: 24px; } .bidder-subscription-item { flex: 1 1 48.5%; } /* LOGIN-FLOW */ /* WELCOME-BIDDER-PAGE */ .dashboard-header-profile { form { width: 50%; height: auto; } } .welcome-page h2 { font-size: 34px; } .welcome-page-inner { flex-wrap: wrap; gap: 20px; } .welcome-page-item { width: 70%; } .dashboard-nav-sidebar.hide~.dashboard-content .welcome-page-item { width: 40%; } /* WELCOME-BIDDER-PAGE */ /* TRANSACTIONS-PAGE */ .page-wrap { padding: 25px 15px 15px 15px; } .page-tabs { ul { gap: 40px; } .nav-pills .nav-link { font-size: 14px; padding: 10px 0px; margin-right: 0px; } } /* TRANSACTIONS-PAGE */ /* BID-HISTORY-PAGE */ .page-heading { align-items: flex-start; flex-direction: column; } .page-filters { margin-top: 1rem; width: 100%; form { justify-content: flex-start; flex-direction: unset; } } .dashboard-nav-sidebar.hide~.dashboard-content { .page-heading { gap: 15px; } .page-filters { margin-top: 0rem; width: auto; form { justify-content: flex-end; flex-direction: unset; } } .daterange-btn { width: auto; } .filters-dropdown { width: auto; } .filters-btn { width: auto; } } /* BID-HISTORY-PAGE */ /* SUBSCRIPTION-DETAILS */ .bidder-subscription-group.subscription-details .bidder-subscription-item { flex: 1 1 100%; padding: 1rem; p { min-height: auto; } h4 { font-size: 30px; gap: 5px; span { font-size: 15px; } } & ul { li { font-size: 15px; } } a { font-weight: 600; font-size: 16px; padding: 12px 0; } } .dashboard-nav-sidebar.hide~.dashboard-content .bidder-subscription-group.subscription-details .bidder-subscription-item { flex: 1 1 48.6%; display: flex; flex-direction: column; a { margin-top: auto; } } .bidder-subscription-group.subscription-details { align-items: stretch; } /* SUBSCRIPTION-DETAILS */ /* MY-ACCOUNT-PAGE */ .bidder-profile { gap: 20px; } .bidder-field-wrap { margin-top: 2rem; } .bidder-field-in { width: 100%; .bidder-field-btn { padding: 12px 25px; } label { font-size: 14px; } } .bidder-field-in-item { input[type="text"][readonly] { font-size: 13px; } } #collapseTwo .bidder-field-in { width: 100% !important; } #delete-popup.successfully-popup .modal-content .modal-body .popup-btn-group { gap: 10px; flex-wrap: wrap; } .dashboard-nav-sidebar.hide~.dashboard-content .account-details { .bidder-field-in { width: 48.6%; } #collapseTwo .bidder-field-wrap.mt-0.align-items-end .bidder-field-in { width: 49% !important; } #collapseTwo .bidder-field-wrap .bidder-field-in.w-50 { width: auto !important; } #collapseTwo .bidder-field-wrap .bidder-field-in.text-end { width: auto !important; } #collapseTwo .bidder-field-wrap.mt-0.align-items-end .bidder-field-in:last-child { margin-left: auto; } } /* MY-ACCOUNT-PAGE */ /* UPCOMING-AUCTIONS-PAGE */ .page-heading h1 { font-size: 22px; a { width: 35px; height: 35px; } } /* UPCOMING-AUCTIONS-PAGE */ /* AUCTION-ROOM-PAGE */ .auction-room-wrap .card-slider .card-wrp { width: 100%; } .successfully-popup .modal-content .modal-body { p { gap: 8px 5px; flex-wrap: wrap; justify-content: center; } } .successfully-popup .modal-content .modal-body { h1 { font-size: 24px; } } #delete-popup.successfully-popup .modal-content .modal-body .popup-btn-group, #enter-auction-popup.successfully-popup .modal-content .modal-body .popup-btn-group, #auto-bid-popup.successfully-popup .modal-content .modal-body .popup-btn-group { gap: 20px; flex-wrap: wrap; } .dashboard-nav-sidebar.hide~.dashboard-content { .auction-room-wrap .card-slider .card-wrp { width: 48.6%; } } /* AUCTION-ROOM-PAGE */ /* AUCTION-ROOM-DETAIL-PAGE */ .auction-lot-section { & table { & td { .lot-name { width: 110px; } & form { input[type="text"] { width: 150px; } } } } } #view-media-popup.successfully-popup .modal-content .modal-body { padding: 4rem 2rem; } #view-media-popup.successfully-popup button.carousel-control-prev { left: -20px; } #view-media-popup.successfully-popup button.carousel-control-next { right: -20px; } .auction-lot-wrap { h3 { font-size: 16px; } } .auction-lot-tabs.scrolled { top: 80px; } .product-name { padding-right: 40px; } /* AUCTION-ROOM-DETAIL-PAGE */ /* LIVE-AUCTION */ .live-auction-page .auc-dtls-left-wrp .auc-dtl-left { padding-right: 0px; } .live-auction-page { .material-dtl-table table { min-width: 100%; } & .auc-dtls-right .heading { h2 { font-size: 26px; } } .auc-dtls-tab-head ul li { width: auto; margin: 10px 6px 0; padding: 9px 12px; } .aucdt-wrp-inr.d-flex.align-items-center { flex-wrap: wrap; gap: 10px; } .auction-date { margin-right: 10px; } } /* LIVE-AUCTION */ /* FILTER-CSS */ .filters-drop-list { right: auto; } /* FILTER-CSS */ } @media only screen and (min-width:425px) and (max-width:767px) { /* LOGIN-FLOW */ section.bidder-login-wrap { height: auto; padding-top: 5rem; flex-direction: column-reverse; } .bidder-image { width: 100%; } .bidder-left { width: 100%; form { padding: 0px 0px; gap: 15px; h1 { font-size: 23px; } h2 { font-size: 18px; } .bidder-left-btn { height: 50px; font-size: 18px; } .bidder-left-text.bidder-left-checkbox { flex-wrap: wrap; font-size: 15px; } } } .bidder-left-field-code { gap: 15px; } .bidder-left-field-code-in { height: 40px; width: 40px; } .bidder-left-field { flex-wrap: wrap; } .bidder-left-field.gap-4 { height: auto; gap: 15px !important; input[type="text"] { height: 50px; } } .info-in { width: 250px; top: 150%; left: auto; right: 0; } .bidder-left-upload-in { width: 50px; height: 50px; border-radius: 5px; padding: 10px; button { font-size: 0.8rem; padding: 1px; } } section.bidder-login-wrap.bidder-subscription-wrap { flex-direction: column; padding-top: 1rem; } .bidder-subscription-in { padding: 0px; h1 { font-size: 23px; } h2 { font-size: 16px; margin-bottom: 20px; } } section.bidder-subscription-wrap .bidder-left { a.back-icon { left: 0; } } .successfully-popup .modal-content .modal-body form { width: 100%; } .international-bidder-field-group { flex-wrap: wrap; } .bidder-subscription-item { flex: 1 1 100%; } /* LOGIN-FLOW */ /* WELCOME-BIDDER-PAGE */ main.dashboard-wrap { padding-top: 5.3rem; } .dashboard-header-sidebar { width: 100%; position: relative; } button.menu-icon { transform: rotateY(180deg); } button.menu-icon.flip img { transform: rotateY(-180deg); } .dashboard-header-sidebar .dashboard-notification { margin-right: 15px; position: unset; display: block; button { width: 35px; height: 35px; } } .dashboard-notification-dropdown { min-width: 100%; border-radius: 0px; margin-top: 0px; } .dashboard-notification-dropdown-item { flex-wrap: wrap; p { margin-left: 60px; } } .dashboard-header-profile { display: none; } .dashboard-nav-sidebar { width: 100%; transform: translateX(-100%); &.hide { transform: translateX(0%); transition: .3s ease; } } .side-navbar { padding: 25px 15px 125px 15px; } .dashboard-content { width: calc(100% - 0px); left: 0px; } .welcome-page h2 { font-size: 28px; } .welcome-page-inner { flex-wrap: wrap; gap: 20px; } .welcome-page-item { width: 100%; } .side-navbar-mob { display: block; form { width: 100%; height: auto; margin-bottom: 20px; input[type="text"] { height: 40px; padding: 10px; border-radius: 10px; background-color: var(--white); border: none; color: #949494; font-size: 14px; font-weight: 600; background-image: url(../images/bidder/search.svg); background-repeat: no-repeat; background-position: center right 10px; background-size: 20px; &::placeholder { color: #949494; } } } .dashboard-bidder-profile { display: flex; align-items: center; color: #fff; font-size: 16px; font-weight: 600; gap: 10px; border-left: none; margin-left: 0px; padding-left: 0px; margin-bottom: 20px; } } /* WELCOME-BIDDER-PAGE */ /* TRANSACTIONS-PAGE */ .page-wrap { padding: 25px 15px 15px 15px; } .page-tabs { ul { gap: 40px; } .nav-pills .nav-link { font-size: 14px; padding: 10px 0px; margin-right: 0px; } } /* TRANSACTIONS-PAGE */ /* BID-HISTORY-PAGE */ .page-heading { align-items: flex-start; flex-direction: column; } .page-filters { margin-top: 1rem; width: 100%; form { justify-content: flex-start; flex-direction: unset; } } /* BID-HISTORY-PAGE */ /* SUBSCRIPTION-DETAILS */ .bidder-subscription-group.subscription-details .bidder-subscription-item { flex: 1 1 100%; padding: 1rem; p { min-height: auto; } h4 { font-size: 30px; gap: 5px; span { font-size: 15px; } } & ul { li { font-size: 15px; } } a { font-weight: 600; font-size: 16px; padding: 12px 0; } } /* SUBSCRIPTION-DETAILS */ /* MY-ACCOUNT-PAGE */ .bidder-profile { gap: 20px; } .bidder-field-wrap { margin-top: 2rem; } .bidder-field-in { width: 100%; .bidder-field-btn { padding: 12px 25px; } label { font-size: 14px; } } .bidder-field-in-item { input[type="text"][readonly] { font-size: 13px; } } #collapseTwo .bidder-field-in { width: 100% !important; } #delete-popup.successfully-popup .modal-content .modal-body .popup-btn-group { gap: 10px; flex-wrap: wrap; } /* MY-ACCOUNT-PAGE */ /* UPCOMING-AUCTIONS-PAGE */ .page-heading h1 { font-size: 22px; a { width: 35px; height: 35px; } } /* UPCOMING-AUCTIONS-PAGE */ /* AUCTION-ROOM-PAGE */ .auction-room-wrap .card-slider .card-wrp { width: 100%; } .successfully-popup .modal-content .modal-body { p { gap: 8px 5px; flex-wrap: wrap; justify-content: center; } } .successfully-popup .modal-content .modal-body { h1 { font-size: 24px; } } #delete-popup.successfully-popup .modal-content .modal-body .popup-btn-group, #enter-auction-popup.successfully-popup .modal-content .modal-body .popup-btn-group, #auto-bid-popup.successfully-popup .modal-content .modal-body .popup-btn-group { gap: 20px; flex-wrap: wrap; } /* AUCTION-ROOM-PAGE */ /* AUCTION-ROOM-DETAIL-PAGE */ .auction-lot-section { & table { & td { .lot-name { width: 110px; } & form { input[type="text"] { width: 150px; } } } } } #view-media-popup.successfully-popup .modal-content .modal-body { padding: 4rem 2rem; } #view-media-popup.successfully-popup button.carousel-control-prev { left: -20px; } #view-media-popup.successfully-popup button.carousel-control-next { right: -20px; } .auction-lot-wrap { h3 { font-size: 16px; } } .auction-lot-tabs.scrolled { top: 90px; } /* AUCTION-ROOM-DETAIL-PAGE */ /* LIVE-AUCTION */ .live-auction-page .auc-dtls-left-wrp .auc-dtl-left { padding-right: 0px; } .live-auction-page { .material-dtl-table table { min-width: 100%; } & .auc-dtls-right .heading { h2 { font-size: 26px; } } .auc-dtls-tab-head ul li { width: auto; margin: 10px 6px 0; padding: 9px 12px; } .aucdt-wrp-inr.d-flex.align-items-center { flex-wrap: wrap; gap: 10px; } .auction-date { margin-right: 10px; } .favicon.ms-auto { margin-left: 0 !important; } } /* LIVE-AUCTION */ /* FILTER-CSS */ .filters-drop-list { right: auto; } /* FILTER-CSS */ } @media only screen and (min-width:375px) and (max-width:424px) { /* LOGIN-FLOW */ section.bidder-login-wrap { height: auto; padding-top: 5rem; flex-direction: column-reverse; } .bidder-image { width: 100%; } .bidder-left { width: 100%; form { padding: 0px 0px; gap: 15px; h1 { font-size: 23px; } h2 { font-size: 18px; } .bidder-left-btn { height: 50px; font-size: 18px; } .bidder-left-text.bidder-left-checkbox { flex-wrap: wrap; font-size: 15px; } } } .bidder-left-field-code { gap: 15px; } .bidder-left-field-code-in { height: 40px; width: 40px; } .bidder-left-field { flex-wrap: wrap; } .bidder-left-field.gap-4 { height: auto; gap: 15px !important; input[type="text"] { height: 50px; } } .info-in { width: 250px; top: 150%; left: auto; right: 0; } .bidder-left-upload-in { width: 50px; height: 50px; border-radius: 5px; padding: 10px; button { font-size: 0.8rem; padding: 1px; } } section.bidder-login-wrap.bidder-subscription-wrap { flex-direction: column; padding-top: 1rem; } .bidder-subscription-in { padding: 0px; h1 { font-size: 23px; } h2 { font-size: 16px; margin-bottom: 20px; } } section.bidder-subscription-wrap .bidder-left { a.back-icon { left: 0; } } .successfully-popup .modal-content .modal-body form { width: 100%; } .international-bidder-field-group { flex-wrap: wrap; } .bidder-subscription-item { flex: 1 1 100%; } /* LOGIN-FLOW */ /* WELCOME-BIDDER-PAGE */ main.dashboard-wrap { padding-top: 5.3rem; } .dashboard-header-sidebar { width: 100%; position: relative; } button.menu-icon { transform: rotateY(180deg); } button.menu-icon.flip img { transform: rotateY(-180deg); } .dashboard-header-sidebar .dashboard-notification { margin-right: 15px; position: unset; display: block; button { width: 35px; height: 35px; } } .dashboard-notification-dropdown { min-width: 100%; border-radius: 0px; margin-top: 0px; } .dashboard-notification-dropdown-item { flex-wrap: wrap; p { margin-left: 60px; } } .dashboard-header-profile { display: none; } .dashboard-nav-sidebar { width: 100%; transform: translateX(-100%); &.hide { transform: translateX(0%); transition: .3s ease; } } .side-navbar { padding: 25px 15px 125px 15px; } .dashboard-content { width: calc(100% - 0px); left: 0px; } .welcome-page h2 { font-size: 28px; } .welcome-page-inner { flex-wrap: wrap; gap: 20px; } .welcome-page-item { width: 100%; } .side-navbar-mob { display: block; form { width: 100%; height: auto; margin-bottom: 20px; input[type="text"] { height: 40px; padding: 10px; border-radius: 10px; background-color: var(--white); border: none; color: #949494; font-size: 14px; font-weight: 600; background-image: url(../images/bidder/search.svg); background-repeat: no-repeat; background-position: center right 10px; background-size: 20px; &::placeholder { color: #949494; } } } .dashboard-bidder-profile { display: flex; align-items: center; color: #fff; font-size: 16px; font-weight: 600; gap: 10px; border-left: none; margin-left: 0px; padding-left: 0px; margin-bottom: 20px; } } /* WELCOME-BIDDER-PAGE */ /* TRANSACTIONS-PAGE */ .page-wrap { padding: 25px 15px 15px 15px; } .page-tabs { ul { justify-content: space-between; } .nav-pills .nav-link { font-size: 14px; padding: 10px 0px; margin-right: 0px; } } /* TRANSACTIONS-PAGE */ /* BID-HISTORY-PAGE */ .page-heading { align-items: flex-start; flex-direction: column; } .page-filters { margin-top: 1rem; width: 100%; form { align-items: flex-start; flex-direction: column; } } /* BID-HISTORY-PAGE */ /* SUBSCRIPTION-DETAILS */ .bidder-subscription-group.subscription-details .bidder-subscription-item { flex: 1 1 100%; padding: 1rem; p { min-height: auto; } h4 { font-size: 30px; gap: 5px; span { font-size: 15px; } } & ul { li { font-size: 15px; } } a { font-weight: 600; font-size: 16px; padding: 12px 0; } } /* SUBSCRIPTION-DETAILS */ /* MY-ACCOUNT-PAGE */ .bidder-profile { gap: 20px; } .bidder-field-wrap { margin-top: 2rem; } .bidder-field-in { width: 100%; .bidder-field-btn { padding: 12px 25px; width: 100%; text-align: center; } label { font-size: 14px; } } .bidder-field-in-item { input[type="text"][readonly] { font-size: 13px; } } #collapseTwo .bidder-field-in { width: 100% !important; } #delete-popup.successfully-popup .modal-content .modal-body .popup-btn-group { gap: 10px; flex-wrap: wrap; a, button { width: 100%; } } /* MY-ACCOUNT-PAGE */ /* UPCOMING-AUCTIONS-PAGE */ .page-heading h1 { font-size: 22px; a { width: 35px; height: 35px; } } /* UPCOMING-AUCTIONS-PAGE */ /* AUCTION-ROOM-PAGE */ .auction-room-wrap .card-slider .card-wrp { width: 100%; } .successfully-popup .modal-content .modal-body { p { gap: 8px 5px; flex-wrap: wrap; justify-content: center; } } .successfully-popup .modal-content .modal-body { h1 { font-size: 24px; } } #delete-popup.successfully-popup .modal-content .modal-body .popup-btn-group, #enter-auction-popup.successfully-popup .modal-content .modal-body .popup-btn-group, #auto-bid-popup.successfully-popup .modal-content .modal-body .popup-btn-group { gap: 20px; flex-wrap: wrap; } /* AUCTION-ROOM-PAGE */ /* AUCTION-ROOM-DETAIL-PAGE */ .auction-lot-section { & table { & td { .lot-name { width: 110px; } & form { input[type="text"] { width: 150px; } } } } } #view-media-popup.successfully-popup .modal-content .modal-body { padding: 4rem 2rem; } #view-media-popup.successfully-popup button.carousel-control-prev { left: -20px; } #view-media-popup.successfully-popup button.carousel-control-next { right: -20px; } .auction-lot-wrap { h3 { font-size: 16px; } } .auction-lot-tabs.scrolled { top: 90px; } /* AUCTION-ROOM-DETAIL-PAGE */ /* LIVE-AUCTION */ .live-auction-page .auc-dtls-left-wrp .auc-dtl-left { padding-right: 0px; } .live-auction-page { .material-dtl-table table { min-width: 100%; } & .auc-dtls-right .heading { h2 { font-size: 26px; } } .auc-dtls-tab-head ul li { width: auto; margin: 10px 6px 0; padding: 9px 12px; } .aucdt-wrp-inr.d-flex.align-items-center { flex-wrap: wrap; margin-bottom: 15px; gap: 10px; } .favicon.ms-auto { margin-left: 0 !important; } } /* LIVE-AUCTION */ /* FILTER-CSS */ .filters-drop-list { right: auto; } /* FILTER-CSS */ } @media only screen and (min-width:320px) and (max-width:374px) { /* LOGIN-FLOW */ section.bidder-login-wrap { height: auto; padding-top: 5rem; flex-direction: column-reverse; } .bidder-image { width: 100%; } .bidder-left { width: 100%; form { padding: 0px 0px; gap: 15px; h1 { font-size: 23px; } h2 { font-size: 18px; } .bidder-left-btn { height: 50px; font-size: 18px; } .bidder-left-text.bidder-left-checkbox { flex-wrap: wrap; font-size: 15px; } } } .bidder-left-field-code { gap: 15px; } .bidder-left-field-code-in { height: 40px; width: 40px; } .bidder-left-field { flex-wrap: wrap; } .bidder-left-field.gap-4 { height: auto; gap: 15px !important; input[type="text"] { height: 50px; } } .info-in { width: 250px; top: 150%; left: auto; right: 0; } .bidder-left-upload-in { width: 50px; height: 50px; border-radius: 5px; padding: 10px; button { font-size: 0.8rem; padding: 1px; } } section.bidder-login-wrap.bidder-subscription-wrap { flex-direction: column; padding-top: 1rem; } .bidder-subscription-in { padding: 0px; h1 { font-size: 23px; } h2 { font-size: 16px; margin-bottom: 20px; } } section.bidder-subscription-wrap .bidder-left { a.back-icon { left: 0; } } .successfully-popup .modal-content .modal-body form { width: 100%; } .international-bidder-field-group { flex-wrap: wrap; } .bidder-subscription-item { flex: 1 1 100%; } /* LOGIN-FLOW */ /* WELCOME-BIDDER-PAGE */ main.dashboard-wrap { padding-top: 5.3rem; } .dashboard-header-sidebar { width: 100%; position: relative; } button.menu-icon { transform: rotateY(180deg); } button.menu-icon.flip img { transform: rotateY(-180deg); } .dashboard-header-sidebar .dashboard-notification { margin-right: 15px; position: unset; display: block; button { width: 35px; height: 35px; } } .dashboard-notification-dropdown { min-width: 100%; border-radius: 0px; margin-top: 0px; } .dashboard-notification-dropdown-item { flex-wrap: wrap; p { margin-left: 60px; } } .dashboard-header-profile { display: none; } .dashboard-nav-sidebar { width: 100%; transform: translateX(-100%); &.hide { transform: translateX(0%); transition: .3s ease; } } .side-navbar { padding: 25px 15px 125px 15px; } .dashboard-content { width: calc(100% - 0px); left: 0px; } .welcome-page h2 { font-size: 28px; } .welcome-page-inner { flex-wrap: wrap; gap: 20px; } .welcome-page-item { width: 100%; } .side-navbar-mob { display: block; form { width: 100%; height: auto; margin-bottom: 20px; input[type="text"] { height: 40px; padding: 10px; border-radius: 10px; background-color: var(--white); border: none; color: #949494; font-size: 14px; font-weight: 600; background-image: url(../images/bidder/search.svg); background-repeat: no-repeat; background-position: center right 10px; background-size: 20px; &::placeholder { color: #949494; } } } .dashboard-bidder-profile { display: flex; align-items: center; color: #fff; font-size: 16px; font-weight: 600; gap: 10px; border-left: none; margin-left: 0px; padding-left: 0px; margin-bottom: 20px; } } /* WELCOME-BIDDER-PAGE */ /* TRANSACTIONS-PAGE */ .page-wrap { padding: 25px 15px 15px 15px; } .page-tabs { ul { justify-content: space-between; } .nav-pills .nav-link { font-size: 14px; padding: 10px 0px; margin-right: 0px; } } /* TRANSACTIONS-PAGE */ /* BID-HISTORY-PAGE */ .page-heading { align-items: flex-start; flex-direction: column; } .page-filters { margin-top: 1rem; width: 100%; form { align-items: flex-start; flex-direction: column; } } /* BID-HISTORY-PAGE */ /* SUBSCRIPTION-DETAILS */ .bidder-subscription-group.subscription-details .bidder-subscription-item { flex: 1 1 100%; padding: 1rem; p { min-height: auto; } h4 { font-size: 30px; gap: 5px; span { font-size: 15px; } } & ul { li { font-size: 15px; } } a { font-weight: 600; font-size: 16px; padding: 12px 0; } } /* SUBSCRIPTION-DETAILS */ /* MY-ACCOUNT-PAGE */ .bidder-profile { gap: 20px; } .bidder-field-wrap { margin-top: 2rem; } .bidder-field-in { width: 100%; .bidder-field-btn { padding: 12px 25px; width: 100%; text-align: center; } label { font-size: 14px; } } .bidder-field-in-item { input[type="text"][readonly] { font-size: 13px; } .upgrade-btn { font-size: 12px; padding: 5px 10px; } } #collapseTwo .bidder-field-in { width: 100% !important; } #delete-popup.successfully-popup .modal-content .modal-body .popup-btn-group { gap: 10px; flex-wrap: wrap; a, button { width: 100%; } } /* MY-ACCOUNT-PAGE */ /* UPCOMING-AUCTIONS-PAGE */ .page-heading h1 { font-size: 22px; a { width: 35px; height: 35px; } } /* UPCOMING-AUCTIONS-PAGE */ /* AUCTION-ROOM-PAGE */ .auction-room-wrap .card-slider .card-wrp { width: 100%; } .successfully-popup .modal-content .modal-body { p { gap: 8px 5px; flex-wrap: wrap; justify-content: center; } } .successfully-popup .modal-content .modal-body { h1 { font-size: 24px; } } #delete-popup.successfully-popup .modal-content .modal-body .popup-btn-group, #enter-auction-popup.successfully-popup .modal-content .modal-body .popup-btn-group, #auto-bid-popup.successfully-popup .modal-content .modal-body .popup-btn-group { gap: 20px; flex-wrap: wrap; } /* AUCTION-ROOM-PAGE */ /* AUCTION-ROOM-DETAIL-PAGE */ .auction-lot-section { & table { & td { .lot-name { width: 110px; } & form { input[type="text"] { width: 150px; } } } } } #view-media-popup.successfully-popup .modal-content .modal-body { padding: 4rem 2rem; } #view-media-popup.successfully-popup button.carousel-control-prev { left: -20px; } #view-media-popup.successfully-popup button.carousel-control-next { right: -20px; } .auction-lot-wrap { h3 { font-size: 16px; } } .auction-lot-tabs.scrolled { top: 90px; } /* AUCTION-ROOM-DETAIL-PAGE */ /* LIVE-AUCTION */ .live-auction-page .auc-dtls-left-wrp .auc-dtl-left { padding-right: 0px; } .live-auction-page { .material-dtl-table table { min-width: 100%; } & .auc-dtls-right .heading { h2 { font-size: 26px; } } .auc-dtls-tab-head ul li { width: auto; margin: 10px 6px 0; padding: 9px 12px; } .aucdt-wrp-inr.d-flex.align-items-center { flex-wrap: wrap; margin-bottom: 15px; } .favicon.ms-auto { margin-left: 0 !important; } } /* LIVE-AUCTION */ /* FILTER-CSS */ .filters-drop-list { right: auto; } /* FILTER-CSS */ } /* ----------BIDDER-RESPONSIVE---------- */