body {
  font-family: var(--fontFamily1) !important;
  background-color: var(--backgroundColor);
  padding: 0;
  width: 100%;
  margin: 0 auto;
  font-size: 1rem;
  color: var(--darkblack);
  overflow-x: hidden;
}

b,
strong {
  font-weight: 700 !important;
}

.btn.tagButtons {
  font-size: 14px;
  background-color: #f1f1f1;
  padding: 4px 8px;
  border-radius: 20px;
  border: 1px solid #dddddd;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}

.topAbsBge {
  position: absolute;
  top: -19px;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
  width: fit-content;
  background: #0fbffb;
  border-radius: 10px;
  padding: 1px 12px;
  font-size: 10px;
  text-transform: uppercase;
}

.btn.tagButtons img {
  width: 16px !important;
  height: 16px !important;
}

.VehicleDetailsInfo .info_Brdr .backgrdgry {
  background-color: #f1f1f135;
  padding: 32px 30px;
  margin: 0 -30px;
  padding-bottom: 0;
}

.VehicleDetailsInfo .info_Brdr .backgrdgwhit {
  background-color: #ffffff;
  padding: 32px 30px;
  margin: 0 -30px;
  padding-bottom: 0;
}

.VehicleDetailsInfo .info_Brdr .dsclrTxt {
  /* padding-left:15px; */
  font-size: 18px;
  font-weight: 600;
}

.VehicleDetailsInfo .info_Brdr .dsclrTxt.head {
  /* padding-left:15px; */
  font-size: 20px;
  font-weight: 600;
}

.VehicleDetailsInfo .info_Brdr .backgrdgry .ulLins ul,
.VehicleDetailsInfo .info_Brdr .backgrdgwhit .ulLins ul {
  margin: 0;
}

.tradeBid .grdContainer .grdCard .pdtDtlContnr .infoLn.gridinfiLn span {
  white-space: nowrap;
  overflow-wrap: anywhere;
  overflow: hidden;
  text-overflow: ellipsis;
}

.grdCard .buyaucitonflex .crnntbid.visibility_hidden {
  visibility: hidden;
}

.xdsoft_datetimepicker {
  z-index: 998;
}

.swal-content .buy_now_confirmation {
  font-size: 22px;
  text-align: center;
  color: #04080f;
  padding-bottom: 75px;
  padding-top: 50px;
  line-height: 30px;
}

.close {
  opacity: 1;
}

#goBackico,
.drawerMenuheader,
.filterVectorico {
  display: none;
}

#shipping_form select[type="select"],
input,
textarea {
  padding: 8px 10px 8px 0px;
}

#shipping_form .group {
  margin-bottom: 20px;
}

.btnSucc {
  border-radius: 0;
  padding: 10px 20px;
  background-color: var(--TB_torchred);
  border-color: var(--TB_torchred);
  color: var(--backgroundColor);
}

.btnSucc:hover,
.btnSucc:focus {
  background-color: #ff7a9f;
  color: var(--backgroundColor);
}

.text-decoration-underline {
  text-decoration: underline;
  line-height: 1;
}

.btnPrim:hover,
.btnPrim:focus {
  background-color: var(--darkblack);
  color: var(--backgroundColor);
}

.btnPrim {
  border-radius: 0;
  padding: 8px 20px;
  background-color: var(--darkblack);
  border-color: var(--darkblack);
  color: var(--backgroundColor);
  min-width: 150px;
  font-size: 18px;
  font-weight: 600;
  max-height: 45px;
  min-height: 45px;
}

.footerdescri {
  font-size: 12px;
  line-height: 16px;
  color: #04080f;
  text-align: left;
}

.cstmContainer.dashContainer .tbInrCntnr a.secButton {
  text-decoration: none !important;
}

.btnSecnry {
  border-radius: 0;
  padding: 8px 20px;
  background-color: var(--TB_torchred);
  border-color: var(--TB_torchred);
  color: var(--backgroundColor);
  min-width: 150px;
  font-size: 18px;
  font-weight: 600;
  max-height: 45px;
  min-height: 45px;
  line-height: normal;
  display: flex;
  justify-content: center;
  align-items: center;
}

.btnPrimOut {
  min-width: 150px;
  border-radius: 0;
  padding: 8px 20px;
  background-color: var(--backgroundColor);
  border-color: var(--darkblack);
  color: var(--darkblack);
  font-size: 18px;
  font-weight: 600;
  min-height: 45px;
  max-height: 45px;
  /* line-height: ; */
}

a .btnPrimOut:hover {
  color: var(--darkblack);
}

.text-blue {
  color: var(--darkblack);
}

.cusChkk input:checked ~ .checkmark::before {
  color: var(--backgroundColor);
  border-color: var(--darkblack);
  background-color: var(--darkblack);
}

.cusChkk .checkmark::after {
  position: absolute;
  left: 0px;
  right: 0px;
  top: -6px;
  border-radius: 0;
  width: 6px;
  height: 11px;
  margin: auto;
  border: solid var(--backgroundColor);
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  content: "";
  transform: rotate(45deg);
  background-image: unset;
}

.jq-toast-wrap .jq-toast-single {
  height: auto;
  min-height: 80px;
  font-size: 18px;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  border-radius: 0;
}

.jq-toast-wrap .jq-toast-single .jq-toast-loader {
  top: auto;
  bottom: 0;
  background-color: var(--backgroundColor) !important;
}

.jq-toast-wrap.myacc .jq-toast-single .jq-toast-loader,
.jq-toast-wrap.reset .jq-toast-single .jq-toast-loader {
  background-color: #73fc98 !important;
}

.jq-toast-wrap.myacc .jq-toast-single.jq-icon-success,
.jq-toast-wrap.reset .jq-toast-single.jq-icon-success {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4NCiAgPHBhdGggaWQ9IlBhdGhfMiIgZGF0YS1uYW1lPSJQYXRoIDIiIGQ9Ik0xMiwyQTEwLDEwLDAsMSwwLDIyLDEyLDEwLDEwLDAsMCwwLDEyLDJaTTkuMjksMTYuMjksNS43LDEyLjdhMSwxLDAsMCwxLDEuNDEtMS40MUwxMCwxNC4xN2w2Ljg4LTYuODhBMSwxLDAsMCwxLDE4LjI5LDguN0wxMC43LDE2LjI5QTEsMSwwLDAsMSw5LjI5LDE2LjI5WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTIgLTIpIiBmaWxsPSIjMDBmZmI5Ii8+DQo8L3N2Zz4NCg==) !important;
}

.jq-toast-wrap {
  width: auto;
  min-width: 350px;
  height: auto;
}

.errcls {
  position: relative;
}

.spanErrorTag {
  position: absolute;
  top: auto;
  bottom: -23px;
  color: #ff0046;
  left: 0;
  font-size: 14px;
  font-weight: 500;
}

.cusChkk input {
  opacity: 0;
  z-index: 999;
  cursor: pointer;
}

.cusChkk .checkmark::before {
  content: "";
  position: absolute;
  left: 0px;
  margin: auto;
  right: 0px;
  width: 20px;
  height: 20px;
  border-radius: 4px;
  top: -9px;
  border: 1px solid var(--darkblack);
}

.ulLins.vehicle-summary {
  background-color: #f3fcff;
  display: block !important;
  margin-bottom: 15px;
  padding: 20px;
}

.ulLins.vehicle-summary .summary-header {
  text-align: left;
  color: #04080f;
  font-size: 20px;
  margin-bottom: 20px;
}

.ulLins.vehicle-summary .section {
  margin-bottom: 15px;
}

.ulLins.vehicle-summary .section .section-title {
  font-weight: 500;
  font-size: 16px;
  color: #04080f;
  margin-bottom: 0;
}

.ulLins.vehicle-summary .section .section-content {
  color: #333;
  line-height: 1.5;
  color: #04080f;
  font-weight: 400;
  font-size: 14px;
}

.ulLins.vehicle-summary .disclaimer {
  font-size: 14px;
  font-style: italic;
  color: #04080f;
  font-weight: 400;
  text-align: left;
  margin-top: 20px;
}

.cusChkk .checkmark {
  position: relative;
  display: block;
}

.tradeContainer {
  max-width: 1600px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 60px;
  padding-right: 60px;
}

header .navBtn a {
  margin-left: 0.7rem;
  font-weight: 500;
  width: auto;
  font-size: 20px;
  -webkit-appearance: button-bevel !important;
  min-width: 127px;
}

header .navbar {
  padding: 1.5625rem 60px;
  background: var(--darkblack);
}

.liveAuctionBtn {
  background-color: var(--headLiveBtn);
  color: var(--darkblack);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
}

header {
  /* position: sticky; */
  background: var(--darkblack);
  /* background-image: url(../assets/images/bannerbg.png); */
  height: auto;
  top: 0;
  /* left: 0; */
  z-index: 9;
  /* right: 0; */
  /* max-width: 1600px; */
  margin: auto;
  width: 100%;
  display: inline-block;
}

.aftrLgnHeader {
  display: block;
}

/* .trBidAblt {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
} */
.tradeBid .bannerContent {
  position: relative;
  background-image: url("../assets/images/bannerbg.png");
  height: auto;
  min-height: 100vh;
  max-height: 80px;
  width: 100%;
  background-size: cover;
  display: flex;
  background-repeat: no-repeat;
  align-items: center;
  /* transform: translateY(-99px); */
}

.tradeBid .bannerContent object {
  width: 100%;
  height: 500px;
}

.tradeBid .bannerContent figure video {
  border-radius: 12px !important;
  display: block;
  margin: auto;
}

/* .tradeBid .bannerContent figure {
    position: absolute;
    right: 20px;
    width: 50%;
    transform: translate(0, 50px);
} */
.tradeBid .bannerContent object {
  height: 100vh;
}

.tradeBid .bannerContent .bannerInnerTxt {
  max-width: 575px;
  width: 100%;
}

/* .tradeBid .bannerContent .bannerInnerTxt {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  max-width: 575px;
  margin: auto;
  transform: translate(60px, 30%);
} */

#bidForm_new {
  margin-bottom: 20px;
}

.tradeBid .bannerContent .bannerInnerTxt h4 {
  font-size: 3.125rem;
  font-weight: 700;
  color: var(--backgroundColor);
  text-align: left;
  line-height: 3.4rem;
}

.tradeBid .bannerContent .bannerInnerTxt p {
  color: var(--backgroundColor);
  margin: 18px auto;
  padding-right: 130px;
  word-break: break-word;
}

.tradeBid .bannerContent .bannerInnerTxt a.primButton {
  max-width: 127px;
  width: 100%;
}

.tradeBid .placeAmout .input-group .input-group-prepend .input-group-text {
  font-family: "Open Sans", sans-serif;
  color: #676767;
  font-weight: 700;
}

.tradeBid .navbar-light .navbar-nav .nav-link.text-light:focus,
.tradeBid .navbar-light .navbar-nav .nav-link.text-light:hover {
  color: var(--darkblack) !important;
}

.tradeBid .howItWorkes .HIWsteps span object {
  padding-right: 20px;
  width: 84px;
}

.tradeBid .howItWorkes .HIWsteps span i {
  position: absolute;
  color: #64bcff;
  right: 0;
  font-size: 1.125rem;
}

.tradeBid .howItWorkes .HIWsteps span {
  display: flex;
  position: relative;
  align-items: center;
  color: var(--backgroundColor);
}

.tradeBid .howItWorkes h4 {
  font-size: 1.9rem;
  font-weight: 600;
  text-align: center;
  color: var(--backgroundColor);
  /* max-width: 225px; */
  text-align: center;
  width: auto;
  margin-bottom: 35px;
}

.tradeBid .howItWorkes {
  background: #225a8b52;
  padding: 30px 60px;
  position: absolute;
  width: 100%;
  bottom: 0;
}

.tradeBid .howItWorkes .hwCntnr {
  max-width: 700px;
}

.tradeBid .infoBackWrpr {
  /* background: url('../assets/images/hmBack.png'); */
  background: rgb(231, 230, 230);
  background-size: cover;
  padding: 40px 60px;
  min-height: 696px;
}

.tradeBid .infoBackWrpr .lftDiv,
.tradeBid .infoBackWrpr .rtDiv {
  width: 50%;
}

.tradeBid .infoBackWrpr .lftDiv object {
  max-width: 671px;
  width: 100%;
}

.tradeBid .infoBackWrpr .rtDiv {
  color: black;
  padding-left: 20px;
}

.tradeBid .infoBackWrpr .rtDiv .txtCntnr {
  max-width: 584px;
  width: 100%;
  padding-left: 55px;
}

.tradeBid .cstmHdr {
  font-size: 2rem;
  margin-bottom: 10px;
}

.tradeBid .infoBackWrpr .rtDiv .txtCntnr p {
  font-size: 0.9375rem;
  font-weight: normal;
  line-height: 23px;
}

.tradeBid .lgBckWrpr {
  background: rgb(231, 230, 230);
  padding: 30px 60px;
  color: black;
}

.tradeBid .navbar-light .navbar-nav .nav-link {
  padding: 6px 20px;
}

.tradeBid .lgBckWrpr img {
  /*filter: grayscale();*/
  transition: 0.3s ease-in-out;
}

.tradeBid .lgBckWrpr img:hover {
  filter: unset;
}

.tradeBid .footer .stMpLnks .stLnkSctn {
  margin-left: 100px;
  color: #fff;
}

.page-link:hover {
  color: var(--darkblack) !important;
}

.tradeBid .footer .stMpLnks .stLnkSctn h5 {
  font-size: 18px;
  font-family: "Open Sans", sans-serif;
}

.multicheckopt .multiselect-container .multiselect-all {
  border-bottom: 1px solid var(--darkgreycolor-200);
}

.multicheckopt
  .multiselect-container
  .multiselect-all
  .form-check
  .form-check-input {
  margin-top: 2px;
  accent-color: var(--darkblack);
}

.multicheckopt
  .multiselect-container
  .multiselect-all
  .form-check
  .form-check-label {
  font-weight: 400 !important;
}

.multicheckopt .multiselect-container .multiselect-all .form-check {
  padding: 0 5px 0 25px;
}

.multicheckopt .multiselect-container .multiselect-option .form-check {
  padding: 0 5px 0 25px;
}

.multicheckopt .multiselect-container.dropdown-menu {
  width: calc(100% - 0%);
}

.multicheckopt .btn-group::after {
  position: absolute;
  font-family: "Material Icons";
  content: "\e5cf";
  right: 0;
  font-size: 24px;
  top: 6px;
}

.multicheckopt .custom-select {
  background: unset;
  position: relative;
}

.multicheckopt .form-check-input {
  width: 16px;
  height: 16px;
  margin-left: -25px;
  border: 1px solid var(--darkblack);
  accent-color: var(--darkblack);
}

.multiselect-container .multiselect-option .form-check-label {
  color: black;
}

.tradeBid .footerMain .footer .topFtrCntnr .lftMnCntnr img {
  filter: invert(1);
}

.tradeBid .footerMain {
  background: black;
}

.tradeBid .footerMain .footer .stMpLnks .stLnkSctn h5,
.tradeBid .footerMain .footer .btmCpyRtcntnr,
.tradeBid .footerMain .footer ul li a {
  color: #fff;
}

.tradeBid .footer {
  padding-left: 60px;
  padding-right: 60px;
}

.tradeBid .footer ul {
  padding: 0;
  list-style-type: none;
  margin: 0;
  line-height: 30px;
}

.tradeBid .footer ul li {
  padding: 0;
}

.tradeBid .footer ul li a {
  color: #b6b6b6;
  font-weight: 500;
  font-size: 16px;
}

.tradeBid .lgsVwPort img {
  width: 200px;
  object-fit: contain;
}

.tradeBid .lgsVwPort {
  display: flex;
  justify-content: space-around;
  margin-top: 40px;
  margin-bottom: 30px;
}

.tradeBid .lgsVwPort .logoWrpr {
  display: flex;
  align-items: center;
}

.tradeBid .lgsVwPort .logoWrpr.nxtGrlg img {
  width: 258px;
}

.tradeBid .mapContainer {
  background: black;
  padding-left: 60px;
  padding-right: 60px;
  padding-top: 65px;
  margin-left: 0;
  margin-right: 0;
  padding-bottom: 65px;
}

.tradeBid .mapContainer .lftWrpr {
  text-align: center;
}

.tradeBid .mapContainer .lftWrpr img {
  max-width: 600px;
  width: 100%;
  height: 400px;
  object-fit: contain;
}

.tradeBid .mapContainer .rtWrpr {
  color: var(--backgroundColor);
}

.tradeBid .mapContainer .rtWrpr p {
  line-height: 23px;
}

.tradeBid .mapContainer .rtWrpr h2 {
  font-size: 3.125rem;
  font-weight: 700;
  text-align: left;
  line-height: 3.4rem;
  margin-bottom: 20px;
}

.tradeBid .dnlInfoCntnr {
  padding-left: 60px;
  padding-right: 60px;
  padding-top: 40px;
  margin-left: 0;
  margin-right: 0;
  background: rgb(231, 230, 230);
  background: linear-gradient(
    180deg,
    rgba(231, 230, 230, 1) 73%,
    rgba(0, 0, 0, 1) 73%
  );
  padding-bottom: 0px;
}

.tradeBid .dnlInfoCntnr .rtContainer object {
  height: 250px;
}

.tradeBid .dnlInfoCntnr .primButton {
  height: 50px;
  width: 150px;
}

.tradeBid .dnlInfoCntnr .downloadButtons .btn img {
  width: 180px;
}

.tradeBid .footer {
  color: black;
  padding-top: 40px;
}

/* Login page css */

.UserEnty .userForm .group {
  position: relative;
  max-width: 100%;
  margin-top: 20px;
  margin-bottom: 40px;
}

.UserEnty .userForm #addNewSavedSearchBody .group,
.UserEnty .userForm #contact_form .group {
  margin-bottom: 13px;
}

.UserEnty .userForm input[type="number"]::-webkit-inner-spin-button,
.UserEnty .userForm input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}

.UserEnty .userForm input[type="number"]:hover {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.UserEnty .userForm input.site-input {
  max-width: 100%;
  width: 100%;
  border-bottom: 1px solid var(--darkgreycolor-200);
}

.UserEnty .userForm input[type="number"],
.UserEnty .userForm input[type="password"],
.UserEnty .userForm input[type="email"],
.UserEnty .userForm input[type="text"] {
  width: auto;
  max-width: 100%;
  min-width: 100%;
  height: 45px;
  -webkit-appearance: auto;
  -moz-appearance: auto;
  appearance: auto;
  -moz-appearance: textfield;
}

.UserEnty .userForm .ReMem .form-check-input {
  width: 20px;
  height: 20px;
  margin-top: 2px;
  visibility: visible;
  z-index: 999;
}

.UserEnty .userForm .ReMem a,
.UserEnty .userForm .ReMem label {
  color: #383838 !important;
  font-weight: 500;
  padding-left: 14px;
  font-size: 18px;
  line-height: 24px;
  margin: 0;
}

.loginMeBtn {
  background-color: var(--darkblack);
}

.UserEnty .userForm {
  width: auto;
  max-width: 100%;
  min-width: 30%;
  margin: auto 85px;
  padding-top: 45px;
  padding-bottom: 45px;
  text-align: center;
}

.UserEnty figure {
  width: auto;
  max-width: 100%;
  margin: 0;
  align-self: stretch;
  min-width: 50%;
}

.UserEnty .userForm a {
  font-size: 16px;
  color: var(--darkblack);
  font-weight: 600;
  width: fit-content;
  margin: auto;
  text-decoration: underline;
}

.UserEnty .userForm .btn {
  color: var(--backgroundColor);
  font-size: 18px;
  height: 45px;
  font-weight: 600;
  border-radius: 0px;
}

.UserEnty .userForm h4 {
  font-size: 1.5rem;
  font-weight: 700;
  margin: 45px auto;
}

.UserEnty figure img {
  object-fit: cover;
  object-position: right;
  width: 100%;
  max-width: 100%;
  /* height: 100%;
    max-height: 100%;
    min-height: 100%; */
}

.UserEnty .userForm img {
  max-width: 196px;
  height: auto;
  background-repeat: no-repeat;
}

/* Login page css end*/

/* Register page css */

.UserEnty .userForm .group select[type="select"] {
  width: 100%;
  max-width: 100%;
  outline: 0;
  height: 45px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iNDgiPjxwYXRoIGQ9Ik00ODAtMzU3cS02IDAtMTEtMnQtMTAtN0wyNjEtNTY0cS05LTktOS0yMXQ5LTIxcTktOSAyMS41LTl0MjEuNSA5bDE3NiAxNzYgMTc2LTE3NnE5LTkgMjEtOXQyMSA5cTkgOSA5IDIxLjV0LTkgMjEuNUw1MDEtMzY2cS01IDUtMTAgN3QtMTEgMloiLz48L3N2Zz4=")
    no-repeat;
  background-size: 25px;
  background-position: calc(100% - 0px) center;
  background-repeat: no-repeat;
  background-color: #ffffff;
}

.cstmTable.table th.notiFstchild,
.cstmTable.table td.notiFstchild {
  padding-left: 38px;
}

.cstmTable.table .interHeader td h4 {
  /* padding: 20px 8px; */
  font-size: 16px;
  font-weight: 700;
  margin: 0;
  text-align: left;
}

.cstmTable.table .interHeader td {
  /* padding-left: 38px; */
  padding-top: 60px;
}

.cstmTable.table .interHeader .fstTd {
  text-align: left;
  padding-left: 28px;
}

.cstmTable.table thead i.ifo {
  font-size: 12px;
  color: #04141d;
}

.cstmTable.table .interHeader td .nofyTophdr {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.cstmTable.table .interHeader td.tdpaddAdj {
  width: 100%;
}

.cstmTable.table .interHeader .lstTd {
  font-size: 12px;
  color: #717171;
  font-weight: 500;
  text-decoration: underline;
  text-align: center;
  padding-left: 8px;
  min-width: 180px;
}

.cstmTable.table th.notiLstchild,
.cstmTable.table td.notiLstchild {
  /* padding-right: 38px; */
  /* position: relative; */
}

.notificationPg .cstmTable.table td.notiMiddchild,
.notificationPg .cstmTable.table td.notiLstchild {
  font-size: 14px;
  min-width: 150px;
}

.UserEnty .userForm.dash_Profile_Form h5 {
  font-size: 22px;
  color: var(--darkblack);
  margin-bottom: 10px !important;
  font-weight: 600;
}

.UserEnty .userForm h5 {
  text-align: left;
  font-weight: 700;
  color: var(--darkblack);
}

.UserEnty figure.carT img {
  height: 100%;
}

.UserEnty .formTitle {
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
}

/* Register page css end*/

/* ProductViewSection page css */

.VehicleDetailsInfo .info_Brdr {
  border-top: 1px solid var(--darkgreycolor-200);
  padding-top: 50px;
}

.VehicleDetailsInfo {
  padding: 33px 60px;
  background: var(--backgroundColor);
  padding-top: 0px;
}

.ProductViewSection {
  display: grid;
  grid-template-columns: 51% 44%;
  grid-gap: 65px;
  padding: 33px 60px;
  padding-bottom: 60px;
  background: var(--backgroundColor);
}

.ProductViewSection .prodtCarosalSec {
  max-width: 700px;
}

.ProductViewSection .productDetails {
  max-width: 600px;
}

.ProductViewSection .productDetails .productTit {
  padding-bottom: 30px;
  padding-top: 40px;
}

.ProductViewSection .productDetails .productTit.tag_change {
  padding-bottom: 30px;
  padding-top: 67px;
}

.ProductViewSection .productDetails .productTit #fav_id a {
  min-width: 170px;
  color: var(--darkblack) !important;
}

.ProductViewSection .prd_cnt .small {
  font-size: 18px;
  font-weight: 500;
  color: #737373;
  margin: 0;
}

.ProductViewSection .prd_cnt .sub-tit {
  font-size: 20px;
  font-weight: 500;
  color: var(--darkblack);
}

.ProductViewSection .prd_cnt .sub-tit .infoIcon {
  width: 60px;
  height: auto;
  object-fit: scale-down;
}

.VehicleDetailsInfo .info_Brdr .subtit {
  font-size: 20px;
  margin-bottom: 20px;
  font-weight: 500;
}

.VehicleDetailsInfo .info_Brdr .tit {
  margin-bottom: 31px;
}

.VehicleDetailsInfo .info_Brdr .tit,
.ProductViewSection .prd_cnt .tit a {
  font-size: 24px;
  font-family: "Open Sans", sans-serif;
  color: var(--darkblack);
  font-weight: 700;
}

.ProductViewSection .prd_cnt .tit,
.VehicleDetailsInfo .info_Brdr .tit {
  color: var(--darkblack);
}

.ProductViewSection .prd_cnt .spcsList .material-icons {
  font-size: 5px;
  margin: 0 3px;
  position: relative;
  top: -2px;
}

.ProductViewSection .prd_cnt {
  padding-bottom: 17px;
}

.ProductViewSection .prd_cnt.tag_align {
  padding-bottom: 17px;
}

.ProductViewSection .thumnailCarosal .carousel-inner img {
  height: 393px;
  max-height: 393px;
  object-position: center;
  object-fit: contain;
  aspect-ratio: 16/9;
  background: #f9f9f9;
}

.ProductViewSection .thumnailCarosal .carousel-inner {
  min-height: 393px;
  max-height: 393px;
  height: auto;
}

.ProductViewSection .thumnailCarosal #custCarousel .carousel-indicators {
  position: static;
  margin-top: 10px;
  margin-right: auto;
  margin-left: auto;
  overflow: auto;
  justify-content: flex-start;
}

.ProductViewSection
  .thumnailCarosal
  #custCarousel
  .carousel-indicators::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

.ProductViewSection
  .thumnailCarosal
  #custCarousel
  .carousel-indicators::-webkit-scrollbar-track {
  background: #f3f3f3;
  border-radius: 5px;
}

.ProductViewSection
  .thumnailCarosal
  #custCarousel
  .carousel-indicators::-webkit-scrollbar-thumb {
  background: #888787;
  border-radius: 5px;
}

[draggable="true"] {
  cursor: move;
}

.ProductViewSection
  .thumnailCarosal
  .ProductViewSection
  .thumnailCarosal
  #custCarousel
  .carousel-indicators
  > li {
  width: 100px;
}

.ProductViewSection .thumnailCarosal #custCarousel .carousel-indicators li {
  width: auto;
  height: 78px;
  min-width: 140px;
  max-width: 140px;
  border: 0;
}

.ProductViewSection .zoom_in_indic {
  position: absolute;
  top: 10px;
  right: 10px;
  left: auto;
  bottom: auto;
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9;
  pointer-events: none;
  background-color: #04080f60;
}

.ProductViewSection .zoom_in_indic span {
  color: #f3f3f3;
  font-size: 20px;
}

.ProductViewSection .thumnailCarosal #custCarousel .carousel-indicators li {
  opacity: 0.5 !important;
}

.ProductViewSection
  .thumnailCarosal
  #custCarousel
  .carousel-indicators.carousel-indicatorss
  li.active {
  opacity: 1 !important;
}

.ProductViewSection .thumnailCarosal #custCarousel .carousel-indicators li img {
  display: block;
  opacity: 1;
  object-fit: fill;
  height: 100%;
  margin: 0;
  width: 100%;
}

.ProductViewSection
  .thumnailCarosal
  #custCarousel
  .carousel-indicators
  li.active
  img {
  opacity: 1;
}

.ProductViewSection
  .thumnailCarosal
  #custCarousel
  .carousel-indicators
  li:hover
  img {
  opacity: 0.75;
}

.ProductViewSection .thumnailCarosal .carousel-item img {
  width: 100%;
}

.ProductViewSection .thumnailCarosal .carousel-inner .carousel-control-next,
.ProductViewSection .thumnailCarosal .carousel-inner .carousel-control-prev {
  width: 8%;
  height: max-content;
  top: 44%;
  bottom: auto;
}

.ProductViewSection .userListInfo span {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  overflow-x: hidden;
  border-top: 1px solid var(--greylight);
  border-bottom: 1px solid var(--greylight);
  padding: 15px 0;
}

.ProductViewSection .userListInfo span img {
  width: 70px;
  height: 70px;
  border-radius: 100px;
}

.ProductViewSection .userListInfo span h5 {
  font-size: 1.125rem;
  color: #000;
  font-weight: 600;
}

.ProductViewSection .userListInfo span small {
  font-size: 0.875rem;
  color: var(--darkgreycolor);
  font-weight: 500;
}

.ProductViewSection .userListInfo span div {
  padding: 0 15px;
}

.productDetails .productTit h4 i {
  color: red;
}

.productDetails .productTit h4 a {
  max-width: 350px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: auto;
  padding-right: 10px;
  display: inline-block;
}

.productDetails .productTit h4 {
  font-size: 1.5rem;
  display: flex;
  align-items: center;
  font-weight: 700;
  color: #000;
}

.productDetails ul li {
  max-width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 15px;
}

.productDetails ul li {
  font-weight: 700;
  color: #000;
  font-size: 1rem;
  line-height: 24px;
}

.productDetails ul li b {
  font-weight: 500;
  color: #7a7979;
  font-size: 1rem;
  padding-right: 10px;
}

.productDetails ul li strong {
  text-align: right;
  width: 50%;
  line-height: 18px;
  font-weight: 700;
  word-break: break-all;
}

.VehicleDetailsInfo .info_Brdr .ulLins ul li b {
  color: #737373;
  font-weight: 400 !important;
  text-align: left;
  min-height: 38px;
  line-height: 19px;
}

.VehicleDetailsInfo .info_Brdr .ulLins ul li {
  color: var(--darkblack);
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding-bottom: 13px;
  font-size: 16px;
  font-weight: 600;
  text-align: right;
  gap: 15px;
}

.VehicleDetailsInfo .info_Brdr .ulLins ul {
  padding: 0;
  list-style-type: none;
  margin-bottom: 80px;
}

.VehicleDetailsInfo .info_Brdr .ulLins {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(310px, 1fr));
  gap: 194px;
}

.productDetails ul {
  list-style-type: none;
  line-height: 30px;
  flex: 1 1 50%;
}

.productDetails .productTit small {
  font-size: 0.875rem;
  font-weight: 500;
  color: #000;
}

.productDetails .productTit i {
  font-size: 1.5rem;
  color: red;
}

/* ProductViewSection page css end*/

/* Steve css */

/*header*/

#aflogin {
  position: relative;
  border: none;
  background-image: unset;
  z-index: 999;
}

/* .aftrLgnHdr.navbar {
  background-color: var(--backgroundColor);
} */

/* .aftrLgnHeader .aftrLgnHdr.navbar .nav-link,
.aftrLgnHdr.navbar .nav-link {
  font-weight: 500;
  color: var(--backgroundColor);
  font-size: 1rem;
} */

.navbar .srchCntnr {
  height: 48px;
  max-width: 325px;
  width: 100%;
  margin-left: 60px;
}

.navbar .srchCntnr .primButton {
  border-radius: 0 0px 0px 0;
}

.navbar .srchCntnr input,
.navbar .srchCntnr input {
  border: none;
  outline: none;
  background-color: transparent;
  width: 100%;
  border: 1px solid var(--darkblack);
  border-radius: 0px;
  border-right: transparent;
  padding: 0 15px;
  color: var(--backgroundColor);
}

.navbar .srchCntnr input::placeholder {
  color: gray;
  font-weight: 600;
  opacity: 1;
}

.navbar .prflDrpMenu .dropdown-toggle::after {
  content: none;
}

.navbar .prflImg,
.navbar .prflImg {
  width: 35px;
  height: 35px;
  filter: invert(0);
  border-radius: 0px;
}

/*footer*/
.tradeBid .aftrLgnFtr .footer {
  background: #888787;
}

/*dashboard css*/
.cstmContainer.dashContainer {
  background-color: var(--lightbgGrey200);
  padding: 20px 60px;
  /* min-height: 100vh; */
}

.cstmContainer.dashContainer .lftMenuWrpr {
  max-width: 298px;
  min-width: 298px;
  width: 100%;
  height: max-content;
  background: var(--backgroundColor);
  border-radius: 0;
  border: 1px solid #c3c3c3;
}

.cstmContainer.dashContainer .lftMenuWrpr .prflDtlContr {
  text-align: center;
  padding: 20px 30px;
  background-color: var(--backgroundColor);
  border-bottom: 1px solid #c3c3c3;
}

.cstmContainer.dashContainer .lftMenuWrpr .prflDtlContr .prflImg {
  width: 107px;
  height: 107px;
  border-radius: 200px;
  margin-bottom: 25px;
  object-fit: cover;
  object-position: top;
}

.cstmContainer.dashContainer .lftMenuWrpr .prflDtlContr .dshsubTit {
  font-size: 16px;
  font-weight: 500;
  text-align: left;
  margin-top: 0;
  margin-bottom: 22px;
}

.cstmContainer.dashContainer .lftMenuWrpr .prflDtlContr .dshBrdNam {
  font-size: 20px;
  font-weight: bold;
  text-align: left;
  margin-top: 0;
  margin-bottom: 10px;
}

.productDetails .productTit .proViewTpBn small {
  position: absolute;
  top: 45px;
  font-size: 11px;
  left: 0;
  line-height: 15px;
  right: 0;
  text-align: center;
  margin-top: 3px;
}

.tradeBid .tradeCurrency.nobidlen_chck {
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
}

.tradeBid .tradeCurrency.noCapColumn.nobidlen_chck {
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
}

.cstmContainer.dashContainer .nav-pills.cstmNavVrtl .nav-link.lgut {
  color: var(--TB_torchred);
}

.cstmContainer.dashContainer .nav-pills.cstmNavVrtl .nav-link {
  border-left: 3px solid transparent;
  padding: 15px 0 15px 30px;
  color: var(--darkblack);
  align-items: center;
  font-size: 16px;
  font-weight: 500;
  border-radius: 0;
  display: flex;
}

.cstmContainer.dashContainer .lftMenuWrpr .cstmNavVrtl {
  padding: 36px 0;
}

.cstmContainer.dashContainer .nav-pills.cstmNavVrtl .nav-link:hover {
  background: var(--lightbgGrey200);
}

.tradeBid .lefSideFilter .accordentCollasps .btn b {
  display: flex;
  align-items: center;
}

.tradeBid .lefSideFilter .accordentCollasps .btn span.clearFilterIcon {
  font-size: 16px;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 4px;
}

.tradeBid .lefSideFilter .accordentCollasps .btn .material-icons.clearFilter {
  font-size: 18px;
  font-weight: 700;
}

.text-blue:hover {
  color: var(--darkblack) !important;
}

.cstmContainer.dashContainer .nav-pills.cstmNavVrtl .nav-link.active,
.cstmContainer.dashContainer .nav-pills.cstmNavVrtl .show > .nav-link {
  background: var(--lightbgGrey200);
  border-left: 1px solid var(--headLiveBtn);
}

.cstmContainer.dashContainer .dshTabCntnt {
  margin-left: 32px;
  width: calc(100% - 298px);
  padding-bottom: 50px;
}

.cstmContainer.dashContainer .dshTabCntnt .tbInrCntnr {
  background: var(--backgroundColor);
  width: 100%;
  height: 100%;
  border: 1px solid #c3c3c3;
  position: relative;
}

.cstmContainer.dashContainer .cstmHrzlNav .nav-link {
  border: 1px solid var(--darkblack);
  color: var(--darkblack);
  background-color: var(--backgroundColor);
  align-items: center;
  font-size: 16px;
  min-width: 150px;
  padding: 10px 10px;
  border-radius: 0px;
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
  display: flex;
  justify-content: center;
}

.cstmContainer.dashContainer .cstmHrzlNav .nav-item {
  /* margin-right: 10px;
  margin-bottom: 5px; */
}

.cstmContainer.dashContainer .dshTabCntnt .tbInrCntnr .cstmHrzlNav {
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 38px;
  padding-right: 38px;
  background-color: var(--backgroundColor);
  border-bottom: 1px solid #c3c3c3;
}

.cstmContainer.dashContainer .cstmHrzlNav .nav-link.active,
.cstmContainer.dashContainer .cstmHrzlNav .show > .nav-link {
  background: var(--darkblack);
  color: var(--backgroundColor);
}

.cstmTable.table td {
  padding: 20px 8px;
  font-weight: 500;
  color: var(--darkblack);
  font-size: 16px;
  border-bottom: 1px solid var(--darkgreycolor-200);
  vertical-align: middle;
  white-space: nowrap;
}

.cstmTable.table th {
  padding: 18px 8px;
  font-family: "Open Sans", sans-serif;
  border-bottom: 1px solid var(--darkgreycolor-200);
  border-top: 0;
  white-space: nowrap;
  font-weight: 700;
}

.cstmTable thead {
  background: var(--backgroundColor);
  color: var(--darkblack);
}

.cstmTable tbody td {
  font-weight: 700;
  padding: 1.2rem 0.75rem;
  border-bottom: 1px solid var(--greylight);
}

.cstmTable tbody td .rdrLnk {
  color: #2e2e2e;
  text-decoration: underline;
  color: var(--lightvar(--darkblack));
}

.tblPlnBtn.pymtBtn {
  color: #f6135b;
}

.cstmContainer.dashContainer .tbInrCntnr .lstGrdNavs {
  justify-content: flex-end;
  /* padding-top: 15px; */
}

.cstmContainer.dashContainer .tbInrCntnr .lstGrdNavs .nav-link {
  color: #1c1c24;
  font-family: "Open Sans", sans-serif;
  display: flex;
  align-items: center;
  font-weight: 700;
}

.cstmContainer.dashContainer .tbInrCntnr .lstGrdNavs .nav-link img {
  filter: grayscale() brightness(0);
  margin-right: 10px;
}

.cstmContainer.dashContainer .tbInrCntnr .lstGrdNavs .nav-link.active,
.cstmContainer.dashContainer .tbInrCntnr .lstGrdNavs .nav-link.active svg {
  background: var(--backgroundColor);
  color: #04080f;
  fill: black;
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
}

.tradeBid .topListing .tbInrCntnr .lstGrdNavs .nav-link,
.cstmContainer.dashContainer
  .tbInrCntnr
  .lstGrdNavs
  .nav-link.active:focus-visible {
  outline: unset;
}

.cstmContainer.dashContainer .tbInrCntnr .lstGrdNavs .nav-link.active img {
  filter: unset;
}

.cstmContainer.dashContainer .tbInrCntnr .lstGrdNavs .nav-link svg,
.cstmContainer.dashContainer .tbInrCntnr .lstGrdNavs .nav-link .material-icons {
  margin-left: 10px;
}

.cstmContainer.dashContainer .tbInrCntnr.noBack {
  background: var(--backgroundColor);
  padding: 13px 20px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 178px;
  min-width: 178px;
  border: 1px solid #c9c9c9;
}

.cstmContainer.dashContainer .tbInrCntnr ul li:not(:nth-child(1)) {
  margin: 0 0px;
  padding-left: 10px;
}

/* .cstmContainer.dashContainer .tbInrCntnr ul li:nth-last-child(1) {
  padding-left: 19px; 
} */

.customs-select option {
  width: 100%;
}

/*list card*/

.lstCard {
  padding: 10px;
  /* padding-right: 16px; */
  border: none;
  display: flex;
  border: 1px solid #c3c3c3;
  background: var(--backgroundColor);
  border-radius: 0px;
  margin-bottom: 20px;
}

.lstCard img {
  width: 100%;
  /* max-height: 260px; */
  object-fit: fill;
  height: 100%;
  aspect-ratio: 16/9;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}

.lstCard .imgContainer {
  /* max-width: 462px;
  min-width: 462px; */
  width: 462px;
  height: auto;
  border-radius: 0px;
  max-height: 260px;
  position: relative;
  /* padding: 10px 0px 10px 10px; */
}

.lstCard .imgContainer img {
  /* object-view-box: inset(0% 0% 22% 0%); */
}

.grdCard .imgContainer {
  position: relative;
  max-height: 207px;
  aspect-ratio: 326/207;
}

.lstCard .imgContainer .imgCountWrp,
.grdCard .imgContainer .imgCountWrp {
  width: auto;
  min-width: 57px;
  background: #000000a6;
  padding: 4px 6px;
  color: var(--backgroundColor);
  display: flex;
  align-items: flex-end;
  justify-content: center;
  position: absolute;
  bottom: 7px;
  right: 7px;
}

.lstCard .imgContainer .imgCountWrp img,
.grdCard .imgContainer .imgCountWrp img {
  width: 20px;
  height: 20px;
  border-radius: 0;
}

.lstCard .imgContainer .imgCountWrp span,
.grdCard .imgContainer .imgCountWrp span {
  margin-right: 7px;
  font-size: 16px;
  line-height: 1.2;
}

.lstCard .pdtDtlContnr {
  padding: 12px 29px;
  width: calc(100% - 757px);
  color: var(--darkblack);
}

.lstCard .pdtDtlContnr .pdtTtle {
  font-size: 24px;
  font-family: "Open Sans", sans-serif;
  margin: 0;
  max-width: 350px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: auto;
  padding-right: 10px;
  font-weight: 700;
  display: inline-block;
}

.checkOutStepSec .lstCard .pdtDtlContnr .pdtTtle {
  font-weight: 600;
  max-width: fit-content;
  word-break: break-word;
  padding-bottom: 25px !important;
}

.proViewTpBn {
  margin-right: 10px;
}

.proViewTpBn .btnPrimout {
  max-width: 150px;
  padding: 8px 3px;
}

.lstCard .pdtDtlContnr .infoLn {
  color: #383838 !important;
  font-size: 20px;
  margin: 5px 0;
  margin-bottom: 30px;
  max-width: 350px;
  font-weight: 600;
  max-width: fit-content;
  width: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
}

.lstCard .pdtDtlContnr .spcsList {
  width: 294px;
}

.lstCard .pdtDtlContnr .spcsList {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
  font-weight: 600;
}

.lstCard .pdtDtlContnr .spcsList * {
  display: inline;
}

.lstCard .pdtDtlContnr .spcsList,
.grdCard .pdtDtlContnr .spcsList {
  font-size: 16px;
  color: #383838 !important;
  line-height: 1.2;
}

.grdCard .pdtDtlContnr .spcsList {
  font-size: 16px;
  color: #383838 !important;
  white-space: nowrap;
  overflow-wrap: anywhere;
  overflow: hidden;
  display: inline-block;
  text-overflow: ellipsis;
  font-weight: 600;
}

.lstCard .pdtDtlContnr .spcsList .material-icons {
  font-size: 5px;
  margin: 0 3px;
  position: relative;
  top: -2px;
}

.grdCard .pdtDtlContnr .spcsList .material-icons {
  font-size: 6px;
  margin: 0 6px;
  position: relative;
  top: -2px;
}

.lstCard .pdtDtlContnr .spcsList .spcsCntnr {
  font-size: 0.875rem;
  margin-top: 6px;
  justify-content: space-between;
}

.lstCard .pdtDtlContnr .spcsList .spcsCntnr label {
  min-width: 125px;
  margin: 0;
}

.lstCard .pdtDtlContnr .spcsList .spcsCntnr p {
  font-weight: 700;
}

.lstCard .actnCntnr {
  /* max-width: 295px; */
  width: 295px;
  /* width: 100%; */
  display: flex;
  flex-direction: column;
  /* padding: 10px 0; */
  /* padding-left: 23px; */
  border-left: 1px solid #eee;
  background: #f3f3f3;
  border: 1px solid #dddddd;
  padding-bottom: 5px;
}

.multiselect-container
  .multiselect-option.active:not(.multiselect-active-item-fallback) {
  background-color: #f3f3f3 !important;
}

.lstCard .actnCntnr .tmrCntnr {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 2px;
  color: #383838 !important;
}

.lstCard .actnCntnr .tmrCntnr label {
  font-size: 16px;
  margin-right: 5px;
}

.lstCard .actnCntnr .tmrCntnr .tmrTxt {
  font-size: 20px;
  margin-bottom: 0px;
  text-transform: lowercase;
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
}

.lstCard .actnCntnr .tmrCntnr .tmrTxt span {
  font-size: 20px;
}

.lstCard .actnCntnr label {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 1px;
}

.lstCard .actnCntnr .bidAmnt {
  font-size: 24px;
  /* color: var(--lightvar(--darkblack)); */
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
}

.lstCard .actnCntnr .btnStk .crntBidDtl {
  /* padding-bottom: 24px; */
  height: calc(150px - 58px);
  display: grid;
  align-items: center;
}

.lstCard .actnCntnr .btnStk .flexmobileVIew {
  align-self: flex-end;
  width: 100%;
}

.lstCard .actnCntnr .btnStk {
  /* margin-top: auto; */
  padding-top: 13px;
  height: calc(100% - 52px);
  display: grid;
}

.lstCard .actnCntnr .primButton {
  width: calc(100% - 15px);
  height: 40px;
  border-radius: 0px;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.2;
}

.lstCard .actnCntnr .primButton.listbidTxt {
  background-color: var(--darkblack);
  color: #e6f9ff;
}

/*grid card*/

.grdContainer {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(285px, 1fr));
  gap: 30px;
  grid-row-gap: 40px;
}

.grdCard {
  width: auto;
  max-width: 370px;
}

.grdCard .imgContainer,
.grdCard .imgContainer img {
  width: 100%;
  border-radius: 5px 5px 0 0;
  height: 100%;
  object-fit: unset;
}

.grdCard .imgContainer {
  max-height: 207px;
  aspect-ratio: 326/207;
}

.grdCard .pdtDtlContnr {
  padding: 10px 15px;
}

.grdCard .pdtDtlContnr .pdtTtle {
  font-size: 20px;
  font-family: "Open Sans", sans-serif;
  white-space: nowrap;
  overflow-wrap: anywhere;
  overflow: hidden;
  display: block;
  text-overflow: ellipsis;
  font-weight: 700;
  max-width: fit-content;
}

.grdCard .pdtDtlContnr .slrNm {
  white-space: nowrap;
  overflow-wrap: anywhere;
  overflow: hidden;
  display: block;
  text-overflow: ellipsis;
  max-width: fit-content;
}

.grdCard .pdtDtlContnr .infoLn.gridinfiLn {
  display: flow-root;
}

.grdCard .pdtDtlContnr .infoLn {
  font-size: 18px;
  font-weight: 600;
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  white-space: nowrap;
  overflow-wrap: anywhere;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: fit-content;
}

.grdCard .spcsList {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.grdCard .spcsList {
  width: 100%;
  font-size: 13px;
  font-weight: normal;
}

/* .grdCard .spcsList span {
  width: 40%;
  color: #04090f;
} */

.grdCard .spcsList span.cntrBox {
  border-left: 1px solid var(--greylight);
}

.grdCard .crntBidDtl label {
  font-size: 0.875rem;
}

.grdCard .crntBidDtl .buyaucitonflex {
  justify-content: flex-start;
  flex-direction: column;
  align-items: flex-start;
}

.grdCard .buyaucitonflex .buynow .bidAmnt,
.grdCard .buyaucitonflex .crnntbid .bidAmnt {
  margin-left: 7px !important;
}

.grdCard .crntBidDtl label {
  font-size: 14px;
  margin: auto 0;
}

.grdCard .crntBidDtl label b,
.grdCard .tmrCntnr label {
  font-weight: 600;
}

.grdCard .buyaucitonflex .buynow,
.grdCard .buyaucitonflex .crnntbid {
  display: flex;
  align-items: center;
}

.grdCard .buyaucitonflex .crnntbid::after {
  display: none;
}

.grdCard .crntBidDtl {
  margin-bottom: 21px;
  margin-top: 5px;
}

.grdCard .crntBidDtl .bidAmnt {
  font-size: 18px;
  font-family: "Open Sans", sans-serif;
  /* color: var(--lightvar(--darkblack)); */
  padding-left: 5px;
  font-weight: 700;
}

.grdCard .tmrCntnr label {
  font-size: 14px;
  font-weight: 600;
  margin-right: 10px;
}

.grdCard .tmrCntnr .tmrTxt span {
  font-weight: 700;
}

.grdCard .btnStk .primButton {
  max-width: 260px;
  width: 100%;
}

.grdCard .btnStk .plnBtn,
.lstCard .btnStk .plnBtn {
  width: calc(100% - 15px);
  height: 40px;
  background: var(--backgroundColor);
  border: 1px solid var(--darkgreycolor-200);
  color: var(--darkblack);
  text-decoration: none;
  font-weight: normal;
  border-radius: 0px;
  font-size: 16px;
  font-weight: 600;
  cursor: context-menu;
}

.grdCard .btnStk .primButton {
  height: 42px;
  border-radius: 0px;
}

.grdCard .btnStk .plnBtn {
  width: 100%;
  height: 42px;
  background: var(--backgroundColor);
  border: 1px solid var(--darkgreycolor-200);
  color: var(--darkblack);
  text-decoration: none;
  font-weight: normal;
}

.grdCard .infoIcon,
.lstCard .infoIcon {
  width: 41px;
  height: 20px;
  object-fit: contain;
}

.cursor-pointer {
  cursor: pointer;
}

/* Steve css end */

.tradeBid .disCloser {
  display: grid;
  grid-template-columns: 33% 33% 33%;
  gap: 30px;
  padding-bottom: 60px;
}

.tradeBid .disCloser .disSubTitle {
  font-size: 16px;
  font-weight: 500;
  color: var(--darkblack);
}

.tradeBid .disCloser span img {
  padding-right: 15px;
  width: 50px;
}

.tradeBid .disCloser .handCdnRpt .vhr {
  font-size: 14px;
  font-weight: 500;
  color: var(--backgroundColor);
  background-color: var(--darkblack);
  padding: 6px 22px;
  height: 31px;
  width: 74px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.tradeBid .disCloser .handCdnRpt .handTit {
  font-size: 18px;
  font-family: "Open Sans", sans-serif;
  padding-right: 10px;
  font-weight: 700;
}

.tradeBid .disCloser .handCdnRpt {
  background-color: var(--light-bgGrey);
  border: 1px solid var(--darkgreycolor-200);
  border-radius: 0;
  padding: 20px;
  min-width: 400px;
}

.tradeBid .disCloser span {
  border: 1px solid var(--lightgreycolor);
  border-radius: 5px;
  padding: 10px;
  display: flex;
  /* justify-content: space-between; */
  align-items: center;
  /* width: 50%; */
  /* max-width: 300px; */
}

.bid_status_msg {
  /* padding: 10px 0; */
  /* background: var(--TB_yellow); */
  color: var(--darkblack);
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  display: grid !important;
  width: 100%;
  justify-content: center;
  grid-template-columns: 1fr 1fr;
  /* grid-template-rows: 30px; */
  align-items: center;
  gap: 2px;
  min-height: 40px;
}

.bid_status_msg.resMet,
.bid_status_msg.nrRes,
.bid_status_msg.resNt {
  grid-template-columns: 1fr;
}

.bid_status_msg .statusContainer {
  /* display: grid !important;
  width: 100%;
  justify-content: center;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 30px;
  align-items: center;
  gap: 2px; */
}

.bid_status_msg .winHexCode {
  background-color: #73fc98;
  padding: 10px;
}

.bid_status_msg .nearResHexCode {
  background-color: #aceaff;
  padding: 10px;
}

.bid_status_msg .ntResHexCode {
  background-color: #fbea73;
  padding: 10px;
}

.bid_status_msg b {
  display: flex;
  font-weight: 600;
}

.tradeBid .dsclrTxt {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 30px;
}

.tradeBid .commectCnt p {
  font-size: 16px;
  font-weight: 500;
  line-height: 21px;
}

.VehicleDetailsInfo .info_Brdr .ulLins.commectCnt ul li b {
  color: #04080f;
  opacity: 1;
}

.VehicleDetailsInfo .ulLins.commectCnt b.d-block {
  font-size: 16px;
  font-weight: 600;
}

.VehicleDetailsInfo .info_Brdr .ulLins.commectCnt ul li {
  padding-bottom: 15px;
}

.tradeBid .description h5 {
  font-size: 1.125rem;
  font-weight: 700;
  color: var(--black-100);
}

.tradeBid .description p {
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--black-100);
}

.tradeBid .bidTimer {
  border-radius: 0px;
  /* padding: 15px 20px; */
  background: var(--light-bgGrey);
  /* padding-bottom: 30px; */
  border: 1px solid var(--darkgreycolor-200);
}

.tradeBid .timeEnds label {
  font-size: 22px;
  font-weight: 500;
}

.tradeBid .timeEnds .tmrTxt {
  font-size: 22px;
  text-transform: lowercase;
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
}

.tradeBid .ProductViewSection .productDetails .bidTimer .timeEnds .tmrTxt span {
  padding-right: 0;
}

.tradeBid .ProductViewSection .productDetails .bidTimer .timeEnds .tmrTxt {
  text-transform: lowercase;
}

.lstCard .actnCntnr .tmrCntnr .tmrTxt.aucitonEnded,
.tradeBid
  .ProductViewSection
  .productDetails
  .bidTimer
  .timeEnds
  .tmrTxt.aucitonEnded {
  text-transform: capitalize;
}

.tradeBid .bidAmtHstryDtls .auc-info {
  margin-bottom: 30px;
  border-bottom: 1px solid var(--darkgreycolor-200);
}

.tradeBid .bidAmtHstryDtls {
  padding: 35px 50px;
  padding-top: 0;
}

.tradeBid .bidAmtHstryDtls.makeOfferEnabled {
  padding-top: 25px;
}

/* .tradeBid .bidAmtHstryDtls .lblSpan {
  font-size: 18px;
  font-weight: 600;
  color: var(--darkblack);
} */
.tradeBid .progress-bar {
  background-color: var(--darkblack);
}

.tradeBid .progress {
  height: 6px;
  border-radius: 0;
  background-color: var(--backgroundColor);
}

.tradeBid .timeEnds {
  text-align: center;
  white-space: nowrap;
  color: var(--darkblack);
  padding: 25px 20px;
}

.tradeBid .timeEnds days {
  font-weight: 500;
  font-size: 1.125rem;
}

.tradeBid .timeEnds time {
  font-family: "Open Sans", sans-serif;
  font-size: 1.25rem;
  padding-right: 3px;
  font-weight: 700;
}

.tradeBid .bidTimer .form-control-plaintext::placeholder {
  color: var(--darkblack);
  font-weight: 600;
}

.tradeBid .bidTimer .form-group.m-0 {
  width: 115px;
}

.tradeBid .bidTimer .form-control-plaintext {
  font-size: 24px;
  font-family: "Open Sans", sans-serif;
  text-align: center;
  padding-top: 0;
  padding-bottom: 0;
  font-weight: 700;
}

.tradeBid .bidTimer .form-control-plaintext.plcBid {
  color: var(--darkblack);
  width: fit-content;
  margin: auto;
  text-decoration: underline;
}

.tradeBid .bidTimer .form-control-plaintext.nxtBd {
  color: #737373 !important;
}

.tradeBid .placeAmout .input-group .input-group-text {
  background: var(--backgroundColor);
  border-radius: 0;
}

.tradeBid .placeAmout .crdBdy {
  font-size: 16px;
  font-weight: 600;
  padding: 8px 0;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  white-space: nowrap;
  color: var(--darkblack);
}

.tradeBid .placeAmout .input-group input::placeholder {
}

.tradeBid .placeAmout .input-group input {
  color: var(--darkblack);
  outline: 0;
  height: 40px;
  box-shadow: none;
  border-radius: 0;
  background: var(--backgroundColor);
  font-weight: 600;
  text-align: center;
}

.tradeBid .placeAmout .bidBtn figcaption {
  color: var(--darkblack);
  font-size: 14px;
  padding-top: 7px;
  font-weight: 600;
}

.tradeBid .placeAmout .bidBtn .bidSet {
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  max-height: 40px;
  min-height: 40px;
  font-size: 16px;
}

.tradeBid .placeAmout .bidBtn {
  min-width: 150px;
  text-align: center;
  /* background-color: #737373 !important; */
  color: #ffffff !important;
}

.tradeBid .placeAmout .input-group {
  width: 100%;
  max-width: 175px;
  height: 40px;
}

/* Checkout page css */

.tradeBid .checkOutSec {
}

.tradeBid .checkOutSec .checkOutStepSec {
  display: grid;
  grid-template-columns: 100%;
  grid-column-gap: 35px;
}

.tradeBid .checkOutSec .checkOutStepSec .lstCard {
  padding: 0;
  margin-bottom: 0;
}

.tradeBid .checkOutSec .checkOutStepSec .lstCard .imgContainer {
  width: 150px;
  height: 193px;
  overflow: hidden;
}

.tradeBid .checkOutSec .checkOutStepSec .lstCard .imgContainer img {
  object-fit: contain;
  width: 100px;
  background: var(--greycolor-100);
  height: 100px;
}

.tradeBid .checkOutSec .checkOutStepSec .lstCard .pdtDtlContnr {
  padding: 0px 0px;
  position: relative;
  width: 100%;
}

.tradeBid .checkOutSec .checkOutStepSec .lstCard .pdtDtlContnr .btmLine {
  max-width: 25%;
  display: flex;
  justify-content: flex-start;
  padding-top: 15px;
  padding-bottom: 0px;
}

.tradeBid .checkOutSec .checkOutStepSec .lstCard .pdtDtlContnr .hori {
  max-width: 200px;
  border-bottom: 1px solid var(--greycolor-100);
}

.tradeBid .checkOutSec .checkOutStepSec .lstCard .pdtDtlContnr .btmLine p,
.tradeBid
  .checkOutSec
  .checkOutStepSec
  .lstCard
  .pdtDtlContnr
  .hori
  .form-group
  label {
  width: auto;
  min-width: 110px;
  margin: 0;
}

.tradeBid
  .checkOutSec
  .checkOutStepSec
  .lstCard
  .pdtDtlContnr
  .hori
  .form-group
  label {
  font-size: 16px;
  font-weight: 500;
  color: #04080f;
}

.tradeBid
  .checkOutSec
  .checkOutStepSec
  .lstCard
  .pdtDtlContnr
  .hori
  .form-group {
  display: flex;
  justify-content: flex-start;
  padding-bottom: 20px;
}

.tradeBid .checkOutSec .checkOutStepSec .lstCard .pdtDtlContnr span {
  text-align: left;
  position: unset;
  font-size: 16px;
  font-weight: 600;
}

.tradeBid .checkOutSec .checkOutStepSec span {
  position: absolute;
  right: 16px;
  top: 16px;
  cursor: pointer;
}

.tradeBid .checkOutSec .checkOutStepSec .lstCard .pdtDtlContnr .btmLine b {
  color: var(--darkblack);
}

.tradeBid .checkOutSec .checkOutStepSec .lstCard .pdtDtlContnr .btmLine p {
  font-size: 0.875rem;
  font-weight: 700;
}

.tradeBid .checkOutSec .checkOutStepSec .lstCard .pdtDtlContnr .horiLins label {
  margin-bottom: 0;
}

.tradeBid
  .checkOutSec
  .checkOutStepSec
  .lstCard
  .pdtDtlContnr
  .horiLins
  input::placeholder {
  color: var(--darkblack);
  font-weight: 700;
}

.tradeBid .checkOutSec .checkOutStepSec .lstCard .pdtDtlContnr .infoLn {
  margin-bottom: 25px;
}

.tradeBid .checkOutSec .checkOutStepSec .lstCard .pdtDtlContnr hr {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.tradeBid .PaymentProcess .btnButtom a.invoice {
  color: var(--darkblack);
  padding-bottom: 15px;
  font-weight: 600;
  display: block;
}

.tradeBid .shipAddress .btnButtom,
.tradeBid .PaymentProcess .btnButtom {
  bottom: 0;
  width: 100%;
  left: 0;
  right: 0;
  padding: 20px;
  text-align: center;
}

.tradeBid .shipAddress,
.tradeBid .PaymentProcess {
  /* padding: 15px 17px; */
  position: relative;
  height: auto;
  max-height: fit-content;
  min-height: fit-content;
  border-radius: 5px;
  background: var(--backgroundColor);
}

/* .tradeBid .shipAddress .custom-control-label, */
.tradeBid .PaymentProcess .accordion .card .card-body .custom-control-label {
  top: 0;
  width: 100%;
  font-size: 1rem;
  font-weight: 600;
  padding-left: 35px;
  color: black;
  padding-top: 8px;
  padding-bottom: 10px;
}

.tradeBid
  .PaymentProcess
  .accordion
  .card
  .card-body
  .custom-control-label::before,
.tradeBid .shipAddress .custom-control-label::before {
  border-color: var(--darkblack);
  background-color: var(--backgroundColor);
  width: 19px;
  height: 18px;
  border-radius: 4px;
}

.tradeBid
  .shipAddress
  .custom-control-input:checked
  ~ .custom-control-label::before {
  background-color: var(--darkblack);
}

/* .tradeBid
  .shipAddress
  .custom-radio
  .custom-control-input:checked
  ~ .custom-control-label::after, */
.tradeBid
  .PaymentProcess
  .accordion
  .card
  .card-body
  .custom-radio
  .custom-control-input:checked
  ~ .custom-control-label::after {
  /* border-color: var(--darkblack);
  background-color: var(--darkblack);
  width: 12px;
  height: 12px;
  border-radius: 100px;
  top: 13px;
  right: auto !important;
  left: 4px !important;
  background-image: none; */
  left: 7px;
  top: 14px;
  width: 6px;
  height: 11px;
  border: solid var(--backgroundColor);
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  background-image: unset;
}

.tradeBid .shipAddress p {
  font-size: 0.9375rem;
  font-weight: 500;
  color: #13131a;
  padding-right: 25px;
  border-bottom: 1px solid var(--lightbgGrey200);
  margin: 0;
  padding-top: 10px;
  padding-bottom: 10px;
}

.tradeBid
  .PaymentProcess
  .accordion
  .card
  .card-body
  .custom-control-label::before,
.tradeBid
  .PaymentProcess
  .accordion
  .card
  .card-body
  .custom-control-label::after,
.tradeBid .shipAddress .custom-control-label::before,
.tradeBid .shipAddress .custom-control-label::after {
  left: 0;
  right: auto;
  top: 12px;
}

.tradeBid .PaymentProcess .accordion .card .card-header {
  background: var(--backgroundColor);
  padding: 3px;
  border: 1px solid var(--darkgreycolor-200);
}

.tradeBid .PaymentProcess .accordion .card .card-header .btn span {
  top: 10px;
}

.tradeBid .PaymentProcess .accordion .card {
  border: 0;
  margin-bottom: 10px;
  overflow: inherit;
}

.tradeBid .PaymentProcess .accordion .card .card-body {
  /* background: #f3f3f3; */
  /* padding: 10px 12px;
  margin-top: 10px;
  border-radius: 4px; */
}

.tradeBid .shipAddress .btnButtom .secButton {
  color: var(--darkblack);
}

.tradeBid .shipAddress .btnButtom .secButton:hover,
.tradeBid .shipAddress .btnButtom .secButton:focus {
  color: var(--backgroundColor);
}

.tradeBid .PaymentProcess .accordion .card .card-header .btn {
  font-size: 1.0625rem;
  font-weight: 600;
  color: var(--darkblack);
  box-shadow: none;
  text-decoration: none;
  outline: 0;
}

/* Checkout page css end */

/*dashboard css - steve*/

.cardContainer {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  padding: 20px 36px;
}

.cardContainer .dbCard,
.cardContainer .dbCard .adCardImg {
  width: 304px;
  height: 180px;
}

.cardContainer .dbCard.adNwCard {
  border: 2px dashed var(--lightvar(--darkblack));
  border-radius: 5px;
  text-align: center;
  padding: 1.3rem;
}

.cardContainer .dbCard.adNwCard p {
  font-weight: bold;
  color: var(--TB_darkgreycolor-300);
  font-size: 0.9rem;
  margin-top: 5px;
}

.cardContainer .dbCard.cardDtls {
  background: url("../assets/images/cardBack.png");
  background-size: contain;
  background-repeat: no-repeat;
  display: flex;
  flex-direction: column;
  position: relative;
  justify-content: flex-end;
  padding: 13px 29px;
}

.cardContainer .dbCard.cardDtls .cardTxtDtls {
  color: var(--backgroundColor);
  margin-top: auto;
}

.cardContainer .dbCard.cardDtls .cardTxtDtls .nmExp p {
  font-size: 0.89rem;
}

.cardContainer .dbCard.cardDtls .cardTxtDtls .crdNumbr {
  font-size: 1rem;
  font-weight: normal;
}

.cardContainer .dbCard.cardDtls .adCrdLogo {
  position: absolute;
  top: 20px;
  right: 20px;
}

.bnkContainer {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 10px;
  padding: 20px 36px;
}

.bnkContainer .bnkCard.adBnkBtn {
  padding: 1.25rem;
}

.bnkContainer .bnkCard.adBnkBtn p {
  margin: 0;
  margin-top: 10px;
  font-weight: bold;
  color: var(--darksecColor);
}

.bnkContainer .bnkCard {
  width: 290px;
  height: 145px;
  border: 2px dashed var(--lightvar(--darkblack));
  border-radius: 5px !important;
  -webkit-appearance: none;
}

.bnkContainer .bnkCard.bnkCrdWtDtls {
  color: #444d63;
  font-size: 1rem;
  padding: 22px 25px;
  cursor: pointer;
  margin: 0;
  pointer-events: none;
  width: 100%;
}

.bnkContainer .bnkCard.bnkCrdWtDtls p {
  color: #788094;
  font-weight: 600;
  max-width: 100%;
}

.bnkContainer .adBnkWrpr input {
  position: absolute;
  opacity: 0;
  width: 100%;
  height: 100%;
  z-index: 11;
  cursor: pointer;
}

.bnkContainer .adBnkWrpr {
  position: relative;
  width: 290px;
  height: 145px;
}

.bnkContainer .adBnkWrpr .actEmailTxt {
  font-size: 14px;
  word-break: break-all;
  white-space: pre;
  text-overflow: ellipsis;
  overflow: hidden;
}

.adBnkWrpr .bnkCard.bnkCrdWtDtls .chckIcon {
  position: absolute;
  top: 15px;
  right: 15px;
  color: var(--lightgreycolor100);
  pointer-events: none;
}

.adBnkWrpr input:checked + .bnkCard {
  background: var(--lightvar(--darkblack) 100) !important;
  border-color: var(--lightvar(--darkblack));
}

.adBnkWrpr input:checked + .bnkCard .chckIcon {
  color: var(--lightvar(--darkblack)) !important;
}

.pointer-none {
  pointer-events: none;
}

/* border: 1px solid var(--darkblack); */
/* .cstmTable.table td.notiLstchild input[type="checkbox"]::before,
.cstmTable .notiMiddchild input[type="checkbox"]::before {
  content: "";
  background-color: #00000000;
  width: 16px;
  height: 16px;
  position: absolute;
  border-radius: 4px;
  right: 1px;
  top: 2px;
}

.cstmTable.table td.notiLstchild input[type="checkbox"],
.cstmTable .notiMiddchild input[type="checkbox"] {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  accent-color: var(--darkblack);
  zoom: 1.2;
} */

/* .notificationPg .cstmTable.table td.notiLstchild input[type="checkbox"],
.notificationPg .cstmTable .notiMiddchild input[type="checkbox"] {
  zoom: 1;
} */

.cstmTable.table td.notiLstchild input[type="checkbox"] {
  /* right: 30px; */
}

.notificationPg .cstmTable.table td.notiLstchild input[type="checkbox"] {
  right: 0;
  left: 0;
  margin: auto;
}

/* mobile */

.mobileNotyDesign td.card-body input[type="checkbox"]::before,
.mobileNotyDesign .card-body input[type="checkbox"]::before {
  content: "";
  background-color: #00000000;
  width: 16px;
  height: 16px;
  position: absolute;
  /* border: 1px solid var(--darkblack); */
  border-radius: 4px;
  right: 1px;
  top: 2px;
}

.mobileNotyDesign td.card-body input[type="checkbox"],
.mobileNotyDesign .card-body input[type="checkbox"] {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  accent-color: var(--darkblack);
  position: relative;
}

.mobileNotyDesign td.card-body input[type="checkbox"] {
  right: 30px;
}

.mobileNotyDesign .card {
  margin: auto 11px;
  border: 0;
  border-bottom: 1px solid #dddddd;
  border-top: 1px solid #dddddd;
}

.mobileNotyDesign .card-header {
  padding: 21px 12px;
  background: #fff;
}

.mobileNotyDesign .card-header h2 {
  margin: 0;
  display: flex;
  align-items: center;
}

.mobileNotyDesign .card-header h2 button {
  border: 0;
  color: #000;
  font-size: 16px;
  font-weight: 500;
  display: flex;
  align-items: flex-start;
  width: 100%;
  justify-content: space-between;
  background: transparent;
}

.mobileNotyDesign .card-body {
  display: flex;
  /* grid-template-columns: repeat(auto-fill, minmax(80px, 1fr)); */
  gap: 10px;
}

.mobileNotyDesign .card-body .cardInnerGrd:nth-child(1) {
  justify-content: flex-start;
  width: auto;
  max-width: fit-content;
  min-width: auto;
  padding-right: 35px;
}

.mobileNotyDesign .card-body .cardInnerGrd {
  display: grid;
  grid-template-rows: auto auto auto;
  /* gap: 19px; */
  position: relative;
  min-width: 25%;
}

.mobileNotyDesign .card-body .cardInnerGrd h5 {
  font-size: 11px;
  text-align: center;
  font-weight: 400;
  color: #717171;
  text-decoration: underline;
  margin: 0;
  line-height: normal;
  min-height: 15px;
}

.mobileNotyDesign .mobNotyHdr {
  font-size: 16px;
  font-weight: 700;
  color: #000000;
  margin: 0;
  padding: 27px 20px;
  padding-top: 44px;
}

.mobileNotyDesign .card-body .cardInnerGrd h4 {
  font-size: 11px;
  text-align: center;
  font-weight: 500;
  color: #000000;
  margin: 0;
}

.mobileNotyDesign input[type="checkbox"] {
  width: 20px;
  height: 20px;
  margin: 0;
}

.mobileNotyDesign .card-body .cardInnerGrd input {
  margin: 19px auto;
  margin-top: 10px;
}

/* mobile end */

.notiMiddchild {
  position: relative;
}

.cstmTable input[type="checkbox"] {
  width: 20px;
  height: 20px;
  margin: 0;
}

.cstmContainer.dashContainer .tbInrCntnr .notiSvBtn {
  margin: 30px auto;
}

.cstmContainer.dashContainer .tbInrCntnr .notiSvBtn .primButton {
  min-width: 150px;
  width: auto;
  border-radius: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 45px;
  /* padding: 8px 55px; */
  font-size: 18px;
  font-weight: 600;
}

.dash-Bdy-Cnt .formSubTitle {
  /* padding-bottom: 50px; */
  font-weight: 500;
  margin-bottom: 30px;
  line-height: 21px;
}

.prfileSecton .dash-Bdy-Cnt .formSubTitle {
  margin-bottom: 10px;
}

.dash-Bdy-Cnt {
  padding: 40px;
}

.dash-Bdy-Cnt select[type="select"],
.dash-Bdy-Cnt input,
.dash-Bdy-Cnt textarea {
  border-bottom: 1px solid var(--darkgreycolor-200);
}

.cstmContainer.dashContainer .tbInrCntnr .Tit_card {
  padding: 18px 40px;
  font-size: 16px;
  font-family: "Open Sans", sans-serif;
  color: var(--darkblack);
  background-color: var(--backgroundColor);
  border-bottom: 1px solid #c3c3c3;
  font-weight: 700;
}

.cstmContainer.dashContainer .tbInrCntnr .userForm {
  max-width: 686px;
  margin-left: 0;
  margin-right: auto;
  padding-top: 0px;
}

.cstmContainer.dashContainer .tbInrCntnr .userForm.dash_Profile_Form {
  /* max-width: 100%;
  min-width: 100%; */
}

.cstmContainer.dashContainer .tbInrCntnr .secButton {
  color: var(--darkblack);
  font-weight: 700;
}

.cstmContainer.dashContainer .tbInrCntnr .secButton,
.cstmContainer.dashContainer .tbInrCntnr .primButton {
  min-width: 150px;
}

.group.pswdWrpr {
  position: relative;
}

.group.pswdWrpr input {
  padding-right: 40px;
}

.group.pswdWrpr .eyeIcon {
  position: absolute;
  bottom: 16px;
  right: 18px;
}

.tbInrCntnr .usrProfile {
  position: relative;
}

.tbInrCntnr .usrProfile .prflImg,
.tbInrCntnr .usrProfile {
  width: 149px;
  height: 149px;
  object-fit: cover;
  object-position: top;
  border-radius: 100px;
}

.tbInrCntnr .usrProfile .btn.edtBtn {
  width: 29px;
  height: 29px;
  border-radius: 40px;
  background: var(--greycolor-100);
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: 0;
  right: 18px;
  overflow: hidden;
  cursor: pointer;
}

.tbInrCntnr .usrProfile .btn.edtBtn input {
  cursor: pointer;
  position: absolute;
  opacity: 0;
}

.tbInrCntnr .usrProfile .btn.edtBtn img {
  width: 15px;
  height: 15px;
  pointer-events: none;
}

.userForm .hdrTxt {
  font-weight: bold;
  font-size: 1.375rem;
}

.cstmContainer.dashContainer .tbInrCntnr .userForm.arbtrnFrm {
  max-width: 309px;
}

.tbInrCntnr .group.pswdWrpr .clndrIcon {
  position: absolute;
  right: 18px;
  bottom: 16px;
  display: none;
}

.tbInrCntnr .group.upldBtnWrpr {
  position: relative;
}

.tbInrCntnr .group.upldBtnWrpr input {
  padding-right: 100px;
}

.tbInrCntnr .group.upldBtnWrpr .btn.chsFleBtn {
  padding: 4px 5px;
  border: 1px solid var(--darkblack);
  font-size: 14px;
  font-weight: 500;
  position: absolute;
  right: 2px;
  bottom: auto;
  line-height: 19px;
  top: 28px;
  color: var(--darkblack);
  border-radius: 6px;
  overflow: hidden;
  cursor: pointer;
  min-width: 90px;
  height: 30px;
}

.tbInrCntnr .group.upldBtnWrpr .btn.chsFleBtn .flInpt {
  position: absolute;
  top: 0;
  right: 0;
  opacity: 0;
  cursor: pointer;
  padding: 4px 10px 4px 0px;
  max-width: 271px;
}

/* dashboard css end - steve */

/* Search css */

.tradeBid .topListing {
  display: flex;
  position: relative;
  justify-content: flex-end;
  align-items: center;
  flex-wrap: wrap;
  border-radius: 5px;
  font-size: 14px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}

.tradeBid .topListing .tabsHead {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.tradeBid .topListing p {
  margin: 0;
  font-weight: 500;
  font-style: italic;
}

.tradeBid .topListing .tbInrCntnr .lstGrdNavs .nav-link {
  padding: 0;
  font-size: 18px;
  font-weight: 500;
  color: var(--darkgreycolor);
  fill: var(--darkgreycolor);
  font-family: "Open Sans", sans-serif;
}

.tradeBid .topListing .sort select {
  border: 0;
  /* border-bottom: 1px solid #000; */
  outline: 0;
  font-size: 18px;
  border-radius: 0;
  appearance: none;
  background: #fff;
}

.tradeBid .topListing .filterForm_1 .sort {
  min-width: 262px;
}

.tradeBid .topListing .sort {
  background: var(--backgroundColor);
  padding: 13px 20px;
  height: auto;
  max-height: 50px;
  border: 1px solid #c9c9c9;
  color: #04080f;
}

.tradeBid .page-item.disabled a {
  color: #888888 !important;
}

.tradeBid .topListing .sort label {
  margin: 0;
  font-size: 18px;
  font-weight: 500;
  margin-right: 0px;
  font-family: "Open Sans", sans-serif;
}

.tradeBid .topListing .cstmHrzlNav .nav-link {
  font-weight: 500;
}

.tradeBid .filterSec {
  /* display: grid;
  grid-template-columns: 25% 73%;
  grid-column-gap: 23px; */
  display: flex;
  align-items: flex-start;
  margin-top: 30px;
}

.tradeBid .lefSideFilter {
  background: var(--backgroundColor);
  align-self: baseline;
  border-radius: 0px;
  margin-right: 30px;
  max-height: 100%;
  min-height: auto;
  height: auto;
  width: 305px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
}

.filterSec .userCards.lstVWContainer {
  width: calc(100% - 300px);
}

.tradeBid .lefSideFilter .accordentCollasps {
  display: flex;
  flex-flow: column;
}

.tradeBid .lefSideFilter .accordentCollasps .borderContFilter {
  border: 1px solid #c3c3c3;
}

.tradeBid .lefSideFilter .accordentCollasps .btn {
  border: 0;
  box-shadow: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 20px;
  width: 100%;
  font-size: 18px;
  font-weight: 500 !important;
  color: var(--darkblack);
}

#blackImg,
footer .lftMnCntnr img {
  width: 200px;
  object-fit: contain;
}

footer {
  background-color: var(--darkblack);
}

.tradeBid .lefSideFilter .accordentCollasps .accDown {
  border-bottom: 1px solid var(--greycolor-100);
  position: relative;
}

.tradeBid .lefSideFilter .accordentCollasps .accDown .filterActive {
  width: 14px;
  height: 14px;
  border-radius: 100px;
  background: var(--headLiveBtn);
  position: absolute;
  top: 28px;
  right: 51px;
}

.tradeBid .lefSideFilter .accordentCollasps .accDown button span.material-icons,
.tradeBid .lefSideFilter .accordentCollasps .accDown a span.material-icons {
  transition: ease-in-out 0.2s;
}

.tradeBid .lefSideFilter .accordentCollasps .accDown button,
.tradeBid .lefSideFilter .accordentCollasps .accDown a {
  border-radius: 0px;
}

.tradeBid
  .lefSideFilter
  .accordentCollasps
  .accDown
  button[aria-expanded="true"]
  span.material-icons,
.tradeBid
  .lefSideFilter
  .accordentCollasps
  .accDown
  a[aria-expanded="true"]
  span.material-icons {
  transform: rotate(90deg);
}

#filterForm {
  margin-bottom: 0;
}

.tradeBid .lefSideFilter .clearFilterNBtn.btn {
  background: var(--backgroundColor) smoke;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top: 1px solid var(--darkgreycolor-200);
  border-radius: 0px;
  font-size: 16px;
  font-weight: 600;
  font-family: "Open Sans", sans-serif;
  padding: 26px 14px;
}

.tradeBid .lefSideFilter .accordentCollasps .accDown .accordentContent .card {
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 10px;
}

.tradeBid
  .lefSideFilter
  .accordentCollasps
  .accDown
  .accordentContent
  .card
  select[name="mileage_range"] {
  border-radius: 0;
  border: 1px solid #c9c9c9;
  box-shadow: unset;
  height: 45px;
}

.tradeBid
  .lefSideFilter
  .accordentCollasps
  .accDown
  .accordentContent
  .card
  .form-check {
  padding: 5px 25px;
  word-break: break-word;
}

.tradeBid
  .lefSideFilter
  .accordentCollasps
  .accDown
  .accordentContent
  .card
  .form-check
  input {
  height: 15px !important;
  width: 15px;
  margin-top: 4.7px;
  accent-color: var(--darkblack);
}

.tradeBid
  .lefSideFilter
  .accordentCollasps
  .accDown
  .accordentContent
  .card
  .form-check
  label {
  color: #04090f;
  font-weight: 500;
  padding-left: 10px;
  font-size: 16px;
  cursor: pointer;
  line-height: 21px;
}

.tradeBid .userCards .lstCard .pdtDtlContnr .spcsList .spcsCntnr label {
  min-width: 75px;
}

/* responsive toggle menu */

.tradeBid #site-navigation > input:checked + #main-menu {
  display: block;
  clear: both;
  top: 0;
  z-index: 999;
  position: relative;
  background: var(--backgroundColor);
  color: var(--backgroundColor);
}

.tradeBid #site-navigation #toggle-mobile-menu,
.tradeBid #site-navigation label[for="toggle-mobile-menu"] {
  display: none;
}

.tradeBid #site-navigation ul li {
  display: block;
  padding: 12px 10px;
}

/* end */

/*sellpage*/

.sellContainer {
  position: relative;
  height: 80vh;
  padding: 40px 60px;
}

.sellContainer::after {
  position: absolute;
  background: #2e2e2e;
  content: "";
  clip-path: polygon(0 59%, 100% 0, 100% 100%, 0% 100%);
  bottom: 0;
  left: 0;
  height: 374px;
  width: 100%;
  z-index: -1;
}

.sellContainer .dwnldCntnr {
  margin-top: 95px;
}

.sellContainer h3 {
  font-size: 1.625rem;
  font-weight: 700;
  line-height: 40px;
}

.sellContainer .leftWrpr .carImg {
  transform: translateX(-153px);
  margin-top: 10px;
}

.cstmModal .modal-title {
  color: var(--lightvar(--darkblack));
  font-weight: 700;
}

.cstmModal .secButton {
  color: var(--lightvar(--darkblack));
}

.cstmModal .secButton:hover {
  color: var(--backgroundColor);
}

.cstmModal .UserEnty .userForm {
  padding-top: 10px;
  padding-bottom: 10px;
}

.parsley-errors-list.filled {
  list-style: none;
  padding: 0;
  text-align: left;
  color: #fd0c46;
  font-size: 14px;
}

.flag-container {
  height: 45px;
}

.showpassword {
  position: absolute;
  right: 5px;
  top: 8px;
  font-size: 23px;
  cursor: pointer;
}

.close-jq-toast-single {
  display: none;
}

.jq-icon-success {
  background-position-x: 16px !important;
  background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iY2hlY2tfY2lyY2xlX2JsYWNrXzI0ZHAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiPg0KICA8cGF0aCBpZD0iUGF0aF8xIiBkYXRhLW5hbWU9IlBhdGggMSIgZD0iTTAsMEgyNFYyNEgwWiIgZmlsbD0ibm9uZSIvPg0KICA8cGF0aCBpZD0iUGF0aF8yIiBkYXRhLW5hbWU9IlBhdGggMiIgZD0iTTEyLDJBMTAsMTAsMCwxLDAsMjIsMTIsMTAsMTAsMCwwLDAsMTIsMlpNOS4yOSwxNi4yOSw1LjcsMTIuN2ExLDEsMCwwLDEsMS40MS0xLjQxTDEwLDE0LjE3bDYuODgtNi44OEExLDEsMCwwLDEsMTguMjksOC43TDEwLjcsMTYuMjlhMSwxLDAsMCwxLTEuNDEsMFoiIGZpbGw9IiNmZmYiLz4NCjwvc3ZnPg0K) !important;
  left: 0;
}

.jq-has-icon {
  padding-left: 55px !important;
}

.jq-icon-warning {
  background-position-x: 16px !important;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOS4wNjMiIGhlaWdodD0iMTcuMDA4IiB2aWV3Qm94PSIwIDAgMTkuMDYzIDE3LjAwOCI+DQogIDxwYXRoIGlkPSJ3YXJuaW5nX2JsYWNrXzI0ZHAiIGQ9Ik00LjQ3LDIxSDE5LjUzYTIsMiwwLDAsMCwxLjczLTNMMTMuNzMsNC45OWEyLDIsMCwwLDAtMy40NiwwTDIuNzQsMThhMiwyLDAsMCwwLDEuNzMsM1pNMTIsMTRhMSwxLDAsMCwxLTEtMVYxMWExLDEsMCwwLDEsMiwwdjJBMSwxLDAsMCwxLDEyLDE0Wm0xLDRIMTFWMTZoMloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yLjQ2OSAtMy45OTIpIiBmaWxsPSIjZmZmIi8+DQo8L3N2Zz4NCg==) !important;
  left: 0;
}

.jq-toast-wrap.bottom-left {
  bottom: 20px;
  right: 20px;
  left: unset;
}

.jq-toast-single h2 {
  margin-right: 12px;
  margin-bottom: 0px;
}

.close-jq-toast-single {
  transform: translate(-50%, -50%);
  top: 50% !important;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}

.terms-new,
.staticContent {
  background: var(--backgroundColor);
  padding: 25px;
  border-radius: 6px;
}

/* header.bfrLgn {
  position: relative;
  border: none;
  background-image: unset;
}
.tradeBid .bfrLgn .navbar-light .navbar-nav .nav-link {
  color: #000 !important;
}
.tradeBid .bfrLgn .secButton {
  color: #000;
}
.tradeBid .bfrLgn .secButton:hover,
.tradeBid .bfrLgn .secButton:active,
.tradeBid .bfrLgn .secButton:focus {
  color: var(--backgroundColor);
} */
/* header .aftrLgnHdr.navbar {
  background: transparent;
} */
header.home_page .navbar .srchCntnr input {
  color: var(--backgroundColor) !important;
  border: 1px solid var(--backgroundColor);
}

header.aftrLgnHdr .navbar .srchCntnr input {
  border: 1px solid var(--backgroundColor);
  color: var(--darkblack) !important;
}

header .aftrLgnHdr.navbar .prflImg {
  filter: invert(1);
}

header .aftrLgnHdr.navbar .nav-link {
  /* color: var(--backgroundColor); */
}

.modal.show .modal-dialog {
  /* display: grid; */
  /* place-content: center; */
  height: 90vh;
}

/* Sweet alert css */

.swal-modal {
  width: 100% !important;
  max-width: 600px !important;
  margin: auto !important;
  border-radius: 0 !important;
}

.swal-overlay .swal-modal .swal-title {
  background: var(--light-bgGrey);
  font-size: 20px;
  font-family: "Open Sans", sans-serif;
  color: var(--darkblack);
  padding: 27px 40px;
  font-weight: 700;
  text-align: left;
  margin: 0;
}

.swal-overlay .swal-modal.purchaseConform .swal-title {
  background: var(--light-bgGrey);
  font-size: 20px;
  font-family: "Open Sans", sans-serif;
  color: var(--darkblack);
  padding: 27px 30px;
  text-align: left;
  margin: 0;
  font-weight: 700;
}

.swal-overlay .swal-modal.autobid .swal-title {
  text-align: center;
}

.swal-overlay .swal-modal.purchaseConform .swal-footer {
  text-align: left;
}

.swal-overlay .swal-modal.purchaseConform .swal-text {
  text-align: left;
  padding-left: 20px;
}

.swal-overlay .swal-modal.maxBdd .swal-title {
  text-align: center;
}

.swal-overlay .swal-modal .swal-text {
  margin: 0;
  padding-top: 30px;
  padding-bottom: 70px;
  font-weight: 500;
  font-size: 18px;
  text-align: center;
  color: var(--darkblack);
}

.swal-overlay .swal-modal.maxBdd .swal-text {
  padding-top: 60px;
}

.swal-overlay .swal-modal .swal-footer .swal-button-container {
  margin: 0 10px;
}

.swal-overlay
  .swal-modal
  .swal-footer
  .swal-button-container
  .swal-button--cancel {
  background-color: var(--backgroundColor);
  border: 1px solid var(--darkblack);
  color: var(--darkblack);
}

.swal-overlay .swal-modal .swal-footer .swal-button-container .swal-button {
  box-shadow: none;
  border-radius: 0;
  font-weight: 600;
  font-size: 18px;
  padding: 0px 24px;
  min-width: 150px;
  cursor: pointer;
  font-family: Arial, Helvetica, sans-serif;
  margin: 0;
  max-height: 45px;
  min-height: 45px;
}

.swal-overlay
  .swal-modal.appoliy
  .swal-footer
  .swal-button-container
  .swal-button {
  min-width: 100%;
}

.swal-overlay
  .swal-modal
  .swal-footer
  .swal-button-container
  .swal-button--confirm {
  background-color: var(--darkblack);
  border: 1px solid var(--darkblack);
  color: var(--backgroundColor);
}

.swal-overlay .swal-modal .swal-footer {
  text-align: center;
  padding-bottom: 30px;
  padding-top: 0px;
  margin: 0;
}

.swal-overlay .swal-modal.buyNowConfirm .swal-content {
  padding-left: 40px;
  padding-right: 40px;
  margin-top: 0;
}

.swal-overlay .swal-modal.buyNowConfirm .swal-title #swalOnclose {
  cursor: pointer;
}

.swal-overlay .swal-modal.buyNowConfirm .swal-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.swal-overlay .swal-modal.buyNowConfirm .swal-footer {
  text-align: left;
  padding-left: 40px;
  padding-right: 40px;
  padding-bottom: 80px;
  padding-top: 0px;
}

.swal-overlay .swal-modal.buyNowConfirm .swal-footer .swal-button-container {
  margin-right: 10px;
  margin-left: 0px;
}

.swal-overlay .swal-modal.resetClss .swal-text {
  text-align: left;
  max-width: calc(100% - 40px);
  line-height: 30px;
  padding-right: 40px;
}

/* Sweet alert css end */
.home_page .navbar-light .navbar-nav .nav-link:focus,
.home_page .navbar-light .navbar-nav .nav-link:hover {
  color: var(--backgroundColor) !important;
}

header .navbar-light .navbar-toggler-icon {
  filter: invert(1);
}

#close {
  display: none;
  cursor: pointer;
}

.mobileView {
  display: none;
}

header.bfrLgn .navbar-light .navbar-toggler-icon {
  filter: invert(0) !important;
}

.intl-tel-input {
  display: block !important;
}

.fixedmenubar {
  display: none;
}

.productDetails .productTit img.infoIcon {
  width: 45px;
}

.modal {
  z-index: 99999;
}

/* Search css end */

/*new home page additional css*/
.tradeBid .infoBackWrpr .rtDiv .txtWthIcon .iconContainer img {
  width: 78px;
  height: 78px;
}

.tradeBid .infoBackWrpr .rtDiv .txtWthIcon {
  text-align: justify;
}

.tradeBid .infoBackWrpr .rtDiv .txtWthIcon .cstmHdr {
  font-size: 1.5rem;
  font-weight: bold;
}

.tradeBid .carlWrpr {
  padding-left: 60px;
  padding-top: 60px;
  padding-bottom: 20px;
  background: black;
}

.tradeBid .carlWrpr .crslImg {
  width: 100%;
}

.dksPartners {
  display: flex;
}

.no-js.owl-carousel.mblPartners,
.owl-carousel.owl-loaded.mblPartners {
  display: none;
}

.banIban {
  padding: 15px 0;
  font-size: 14px;
  margin: 0;
  font-weight: 500;
  color: var(--darkblack);
}

.slrNm {
  color: #737373;
  font-size: 18px;
  font-weight: 600;
}

.lvActnBtn img {
  width: 20px;
  height: 20px;
  margin-left: 9px;
}

.buyPreference a {
  color: #fff;
  text-decoration: underline;
}

.buyPreference .para ul li,
.buyPreference .para ul,
.buyPreference .para p {
  margin-bottom: 0;
  margin-right: 5px;
}

.buyPreference .para {
  font-size: 14px;
  font-weight: 500;
  margin: 0;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

.lstCard .pdtDtlContnr .findLoc {
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 10px;
  color: #676767;
  text-transform: capitalize;
  font-size: 18px;
}

.lstCard .pdtDtlContnr .findLoc .flgIco {
  width: 15px;
  height: 15px;
  object-fit: cover;
  border-radius: 100px;
  overflow: hidden;
  object-position: center;
}

.buyPreference {
  background-color: var(--darkblack);
  padding: 10px;
  text-align: center;
  position: sticky;
  top: 0;
}

.searchtabFilter {
  position: sticky;
  top: 0;
  z-index: 998;
  background-color: var(--lightbgGrey200);
}

.searchtabFilter .searchtabFilter_Nav {
  list-style-type: none;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  overflow: auto;
  padding: 35px 0;
}

.searchtabFilter .searchtabFilter_Nav li a {
  font-size: 20px;
  font-weight: 500;
  cursor: pointer;
  color: var(--darkblack);
  padding: 0px 25px;
  position: relative;
  font-family: var(--fontFamily1);
}

.searchtabFilter .searchtabFilter_Nav li.nav-item:last-child {
  border-left: 1px solid var(--darkgreycolor-200);
}

.searchtabFilter .searchtabFilter_Nav li.active a::after {
  content: "";
  position: absolute;
  width: 45px;
  height: 6px;
  background-color: var(--darkblack);
  left: 0;
  right: 0;
  margin: auto;
  bottom: -12px;
  clip-path: polygon(5% 0%, 100% 0%, 95% 100%, 0% 100%);
}

.searchtabFilter .searchtabFilter_Nav li.active a {
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
}

.logBackWrapper {
  background: url("../../TradeBid-HTML/assets/images/logback.webp");
  background-size: cover;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-attachment: fixed;
}

.lstCard .pdtDtlContnr .findLoc {
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 6px;
  color: #383838 !important;
  text-transform: capitalize;
  font-size: 14px;
  font-weight: 600;
}

.grdCard .pdtDtlContnr .findLoc {
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 6px;
  color: #383838 !important;
  text-transform: capitalize;
  font-size: 14px;
  font-weight: 600;
}

.lstCard .pdtDtlContnr .findLoc .flgIco {
  width: 15px;
  height: 15px;
  object-fit: cover;
  border-radius: 100px;
  overflow: hidden;
  object-position: center;
}

.grdCard .pdtDtlContnr .findLoc .flgIco {
  width: 15px;
  height: 15px;
  object-fit: cover;
  min-width: 15px;
  border-radius: 100px;
  overflow: hidden;
  object-position: center;
}

.logBackWrapper.forgotwrapper {
  margin-top: -100px;
}

.logBackWrapper .userForm {
  background: var(--backgroundColor);
  max-width: 600px;
  min-width: 600px;
  padding: 0px;
  z-index: 8;
}

.UserEnty .userForm h4 {
  margin: 0px;
  padding: 10px;
  background: var(--lightbgGrey200);
  color: var(--darkblack);
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  font-weight: 700;
  border-bottom: 1px solid var(--darkgreycolor-200);
}

.UserEnty .userForm #registerForm2 {
  padding-top: 25px;
  overflow: inherit;
  max-height: 100%;
}

.UserEnty .userForm form {
  padding: 35px 60px;
  margin-bottom: 0;
}

.UserEnty .dash-Bdy-Cnt .userForm form {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
}

.UserEnty .dash-Bdy-Cnt .userForm .arbitBtnGrp {
  margin-top: 25px;
}

.logBackWrapper.signupWrapper {
  display: block;
  padding-top: 50px;
  height: max-content;
  padding-bottom: 96px;
}

.logBackWrapper.signupWrapper .userForm {
  margin-left: auto;
  margin-right: auto;
  max-width: 834px;
}

.headerNavBtn a.btn {
  height: 53px;
  margin-left: 30px;
}

.headerNavBtn .btn.liveAuctionBtn {
  min-width: 200px;
  height: 53px;
  margin-left: 40px;
}

.headerNavBtn {
  display: flex;
  justify-content: flex-end;
  width: 100%;
}

.rgstrTrmsCnd label a {
  color: var(--darkblack) !important;
  text-decoration: underline;
}

.rgstrTrmsCnd label {
  display: block !important;
  float: left !important;
  text-transform: initial !important;
  font-size: 16px !important;
}

.UserEnty .logBackWrapper.signupWrapper .userForm .group {
  margin-bottom: 30px;
}

.UserEnty .userForm h5 {
  font-weight: 600;
  margin-bottom: 20px;
  font-size: 22px;
}

progress.prdtPrgsBar {
  -webkit-appearance: none;
  width: 100%;
  height: 5px;
  border: 0;
}

.prdtPrgsBar::-webkit-progress-bar {
  background-color: var(--backgroundColor);
}

.prdtPrgsBar::-webkit-progress-value {
  background-color: var(--headLiveBtn);
}

.prdtPrgsBar::-moz-progress-bar {
  background-color: var(--headLiveBtn);
}

.prdtPrgsBar.startProgress::-webkit-progress-value {
  background-color: var(--TB_torchred);
}

.prdtPrgsBar.startProgress::-moz-progress-bar {
  background-color: var(--TB_torchred);
}

.prpdFrSl {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2px 6px;
  border: 1px solid var(--darkgreycolor-200);
  font-size: 12px;
  border-radius: 100px;
  width: max-content;
  margin-top: 11px;
  font-weight: 600;
  background: var(--light-bgGrey);
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  -o-border-radius: 100px;
}

.prpdFrSl .material-icons {
  color: var(--darkblack);
  font-size: 20px;
  margin-right: 4px;
}

.actBoxWrpr {
  width: 100%;
  display: flex;
  flex-direction: column;
  background: var(--light-bgGrey);
  border: 1px solid var(--darkgreycolor-200);
  margin-top: 15px;
}

.grdCard .tmrCntnr {
  display: flex;
  align-items: center;
  padding: 8px 10px;
  color: #383838 !important;
}

.grdCard .tmrCntnr label {
  margin: 0px;
  margin-right: 5px;
  font-size: 14px;
  font-weight: 600;
}

.grdCard .tmrCntnr .tmrTxt {
  margin: 0px;
  text-transform: lowercase;
  font-size: 18px;
  font-weight: 700;
}

.grdCard progress.prdtPrgsBar {
  height: 4px;
  border: 0;
}

.grdCard .crActnWrp {
  padding: 20px 10px;
}

.grdCard .btnStk {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4px;
  align-items: center;
  margin-bottom: 4px;
}

.grdCard .btnStk .primButton,
.grdCard .btnStk .plnBtn {
  height: 40px;
  font-size: 16px;
}

.grdCard .btnStk .primButton {
  color: #e6f9ff !important;
}

.pagination li.page-item {
  margin: 0 0px !important;
  padding-left: 0 !important;
}

.dropdown-menu-right {
  border-radius: 0;
  padding: 0;
}

.dropdown-menu-right .dropdown-item {
  margin-left: 0;
  padding-top: 10px;
  padding-bottom: 10px;
}

.shipAddress .shipCard .form-group {
  padding: 20px 60px;
  padding-left: 80px;
  border-bottom: 1px solid #dddddd;
  margin: auto;
}

.cardrechnageds .card .card-body .custom-control {
  height: 15px;
}

.shipAddress .shipCard .form-group .custom-control-label::after,
.shipAddress .shipCard .form-group .custom-control-label::before,
.cardrechnageds .card .card-body .custom-control-label::after,
.cardrechnageds .card .card-body .custom-control-label::before {
  left: -45px;
  width: 19px;
  height: 18px;
  border-radius: 4px;
  top: 3px;
}

.checkerrorP {
  padding-right: 60px;
  padding-bottom: 40px;
}

.checkerrorP .ptag {
  font-size: 18px;
  line-height: 30px;
}

.shipAddress
  .shipCard
  .form-group
  .custom-control-input:checked
  ~ .custom-control-label::after,
.cardrechnageds
  .card
  .card-body
  .custom-control-input:checked
  ~ .custom-control-label::after {
  left: -38px;
  top: 5px;
  border-radius: 0;
  width: 5px;
  height: 11px;
  border: solid var(--backgroundColor);
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  background-image: unset;
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
}

.shipAddress .shipCard .form-group .custom-control-label,
.cardrechnageds .card .card-body .custom-control-label {
  color: var(--darkblack);
  font-size: 14px;
  font-weight: 500;
  padding: 2px 0;
}

.cardrechnageds .paynowBtn .btn {
  width: fit-content;
}

.cardrechnageds .paynowBtn {
  margin-left: 35px;
  margin-bottom: 25px;
  padding-bottom: 25px;
}

.cardrechnageds .addNewbank {
  padding-bottom: 25px;
  padding-left: 33px;
  padding-top: 15px;
}

.cardrechnageds .card {
  border: 0;
}

.shipAddress .shipCard .form-group .custom-control {
  height: 15px;
}

.shipAddress .shipCard .form-group .custom-control-input {
  position: inherit;
  width: 100%;
  height: 100%;
}

.cardrechnageds .card .card-body .custom-control-input {
  position: inherit;
  width: 100%;
  height: 100%;
}

.cardrechnageds .card .card-body {
  padding: 20px 60px;
  padding-left: 80px;
  border-bottom: 1px solid #dddddd;
}

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

.buyaucitonflex .Buynow .bidAmnt,
.buyaucitonflex .crnntbid .bidAmnt {
  padding-left: 0;
}

.buyaucitonflex .crnntbid::after {
  content: "";
  position: absolute;
  right: 0px;
  width: 1px;
  height: 100%;
  background-color: #e4e4e4;
  top: 0;
  bottom: 0;
}

.buyaucitonflex .buynow {
  text-align: center;
  flex: 1 1 50%;
}

.buyaucitonflex .crnntbid {
  position: relative;
  flex: 1 1 50%;
  text-align: center;
  color: var(--darkblack);
}

.tbInrCntnr .pagination,
#auctionContent .pagination {
  float: right;
  position: absolute;
  right: 0;
  top: auto;
  bottom: -70px;
}

.whitewrap {
  white-space: nowrap;
}

/* Notify CustomCheckbox  start */

/* Customize the label (the container) */
/* The container */
.notifyContainer {
  display: block;
  position: relative;
  cursor: pointer;
  width: 20px;
  height: 20px;
  margin: auto;
}

/* Hide the browser's default checkbox */
.notifyContainer input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
  z-index: 999;
}

/* Create a custom checkbox */
.notifyContainer .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #eee;
  border-radius: 4px;
}

/* On mouse-over, add a grey background color */
.notifyContainer:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.notifyContainer input:checked ~ .checkmark {
  background-color: #000;
}

/* Create the checkmark/indicator (hidden when not checked) */
.notifyContainer .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.notifyContainer input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.notifyContainer .checkmark:after {
  left: 7px;
  top: 3px;
  width: 6px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* Notify CustomCheckbox End */

/* custom checkbox css */

/* Hide the browser's default checkbox */
.CustomChk input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.CustomChk .checkmark {
  position: absolute;
  top: 2px;
  left: 0;
  height: 20px;
  width: 20px;
  border-radius: 4px;
  background-color: var();
  border: 1px solid var(--darkblack);
}

/* On mouse-over, add a grey background color */
.CustomChk:hover input ~ .checkmark {
  background-color: var(--lightgreycolor);
}

/* When the checkbox is checked, add a var(--darkblack) background */
.CustomChk input:checked ~ .checkmark {
  background-color: var(--darkblack);
}

/* Create the checkmark/indicator (hidden when not checked) */
.CustomChk .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.CustomChk input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.CustomChk .checkmark:after {
  left: 6px;
  top: 1px;
  width: 6px;
  height: 13px;
  border: solid var(--backgroundColor);
  border-width: 0px 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
/* end */
.filterDrawer {
  position: fixed;
  bottom: 0;
  top: 75px;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 999;
  padding: 20px;
  background: var(--darkgreycolor-200);
}

.tradeBid .lefSideFilter .CaterFilterFoot .applyFilter {
  color: var(--darkblack);
}

.tradeBid .lefSideFilter .CaterFilterFoot .mobileScreenView,
.mobileScreenView,
.mobileScreenView.navbar-nav {
  display: none;
}

.foryoufixedtp svg {
  float: right;
  position: absolute;
  right: 0;
  cursor: pointer;
  width: 15px;
  height: 15px;
}

.foryoufixedtp .buyprefr {
  color: var(--darkblack);
  text-decoration: underline;
  padding: 0 5px;
}

.foryoufixedtp {
  text-align: center;
  font-size: 18px;
  display: flex;
  font-weight: 500;
  align-items: center;
  justify-content: center;
  border-top: 1px solid #dcdcdc;
  padding: 12px;
  color: #04080f;
  line-height: 25px;
  margin: auto;
  background: #f8f8f8;
}

.noRecord .material-icons {
  font-size: 28px;
}

.noRecord {
  font-size: 16px;
  font-weight: 500;
  color: var(--darkblack);
}

.autoBidForm {
  /* margin-bottom: -15px;
  margin-bottom: -15px;
  float: right; */
  /* padding-bottom: 14px;
  margin-bottom: 15px; */
}

.mobileNotificationSec,
.mobileScreenView.mobileviewLnks {
  display: none !important;
}

.customs-select {
  position: relative;
  width: 100%;
}

.customs-select select {
  display: none;
  /*hide original SELECT element:*/
}

.customs-select .select-selected {
  background-color: var(--backgroundColor);
}

/*style the arrow inside the select element:*/
.customs-select .select-selected:after {
  position: absolute;
  content: "";
  top: 14px;
  right: 10px;
  /* width: 0; */
  height: 0;
  border: 6px solid transparent;
  /* border-color: var(--backgroundColor) transparent transparent transparent; */
}

/*point the arrow upwards when the select box is open (active):*/
.customs-select .select-selected.select-arrow-active:after {
  /* border-color: transparent transparent var(--backgroundColor) transparent;
  top: 7px; */
}

/*style the items (options), including the selected item:*/
.customs-select .select-items div,
.customs-select .select-selected {
  color: var(--darkblack);
  padding: 0px 5px;
  cursor: pointer;
  user-select: none;
}

.customs-select-layout,
.customs-select .select-selected {
  font-size: 18px;
  font-weight: 500;
  position: relative;
}

.customs-select .select-items div {
  padding: 0 10px;
  padding-bottom: 5px;
}

.customs-select-layout::after,
.customs-select .select-selected::after {
  content: "";
  position: absolute;
  font-family: "Material Icons";
  content: "\e5cf";
  right: -10px;
  font-size: 24px;
  top: -11px;
  bottom: auto;
}

.customs-select-layout::after {
  right: -13px;
  top: -7px;
}

/*style items (options):*/
.customs-select .select-items {
  position: absolute;
  background-color: var(--backgroundColor);
  top: 42px;
  left: auto;
  right: -20px;
  border: 1px solid #c9c9c9;
  font-size: 18px;
  z-index: 99;
  width: calc(100% + 79px);
  font-weight: 500;
  padding-top: 10px;
  padding-bottom: 10px;
}

/*hide the items when the select box is closed:*/
.customs-select .select-hide {
  display: none;
}

.customs-select .select-items div:hover,
.same-as-selected {
  background-color: rgba(0, 0, 0, 0.1);
}

.tanCheck .modal-header {
  justify-content: center;
}

.tanCheck #tan_in {
  margin: 0 auto;
  color: var(--darkblack);
}

.tanCheck #tan_in + .parsley-errors-list {
  margin-top: 5px !important;
}

.tanCheck .modal-footer {
  margin-left: auto;
}

.tanCheck .modal-body {
  padding-bottom: 0;
}

.tanCheck .tanCheckInfo {
  text-align: center;
  max-width: 400px;
  margin: 0 auto 35px;
  color: var(--darkblack);
}

.headerNavBtn a.btn.secButton {
  border: 0;
}

/* 14/05/23 productview layout changes css */

.tradeBid .tradeCurrency .tradeColumn .lblSpan {
  font-size: 18px;
  font-weight: 600;
  color: var(--darkblack) !important;
}

.tradeBid .tradeCurrency .tradeColumn label {
  white-space: nowrap;
  margin-bottom: 0;
}

.tradeBid .tradeCurrency {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  padding-top: 35px;
}

.tradeBid .tradeCurrency.tradeCurrency.noCapColumn {
  grid-template-columns: repeat(auto-fill, minmax(145px, 1fr));
}

.tradeBid .tradeCurrency.noCapColumn.nobidlen_chck .bidhis_chk {
  display: none;
}

.tradeBid .tradeCurrency.nobidlen_chck .bidhis_chk {
  display: none;
}

.tradeBid .buyNowConfirm .swal-text {
  text-align: left;
  max-width: calc(100%);
  padding-left: 40px;
  padding-right: 40px;
}

.tradeBid .buyNowConfirm .buy_now_confirmation {
  text-align: left;
  padding-bottom: 60px;
  padding-top: 33px;
}

.mobileDashLayout {
  display: none;
}

/* profile fields changes css */

label.site-label {
  text-align: left;
  display: block;
  color: #737373 !important;
  margin-bottom: 0;
  font-size: 16px;
}

.overflowHide {
  overflow-y: hidden;
}

.sortViewForMbl {
  display: none;
}

#biddetailsnewpop table thead tr th,
#biddetailsnewpop table tbody tr td {
  padding: 19px;
}

#biddetailsnewpop table thead tr th:nth-child(1),
#biddetailsnewpop table tbody tr td:nth-child(1) {
  padding-left: 44px;
  text-align: center;
}

#buynowmodal .modal-body p.des {
  line-height: 30px;
  font-size: 18px;
  font-weight: 500;
}

.ProductViewSection .prd_cnt .spcsList {
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
  color: var(--darkblack);
  text-align: left;
}

.contactusConfimation {
  max-width: 598px;
  margin: auto;
  margin-top: 40px;
  background: white;
  border: 1px solid #c9c9c9;
}

.contactusConfimation .cusHdr {
  padding: 24px;
  background: #f1f1f1;
  text-align: center;
  border-bottom: 1px solid #dddddd;
}

.contactusConfimation .cusHdr h5 {
  font-size: 24px;
  font-family: "Open Sans", sans-serif;
  margin: 0;
  font-weight: 700;
}

.contactusConfimation .cusBdy {
  padding: 53px 61px;
  padding-right: 89px;
}

.contactusConfimation .cusBdy p {
  font-size: 18px;
  font-weight: 600;
  text-align: left;
  line-height: 24px;
}

#adminwithoutrefmsgsec {
  text-align: center;
}

.UserEnty .userForm form#contact_form textarea {
  resize: none;
  appearance: none;
  -webkit-appearance: none;
}

.mobileViewIndicators {
  display: none;
}

.tradeBid .footer .btmCpyRtcntnr p {
  margin-bottom: 0;
  padding-bottom: 15px;
  color: #b6b6b6;
}

.multiselect-native-select .multiselect {
  font-weight: 600;
  z-index: 99;
}

.swal-overlay .swal-modal.appoliy .swal-footer .swal-button-container {
  width: 150px;
}

.buyerFeeNot {
  font-size: 14px;
}

.buyerFeeNot .material-icons-outlined {
  padding-right: 6px;
}

/* oem container css */

.oemContainer {
  display: flex;
  padding: 20px;
  background: #ff004612 0% 0% no-repeat padding-box;
  border: 1px solid #dddddd08;
  gap: 15px;
  margin-bottom: 41px;
}

.oemContainer.expectedDev {
  margin-top: -25px;
  background-color: #0fbffb20;
}

.oemContainer.allVehicleBanner .material-icons-outlined {
  height: 45px;
  display: flex;
  align-items: center;
  color: #737373;
  justify-content: center;
}

.oemContainer.allVehicleBanner .oemlogoContain {
  border: 0.5px solid #737373;
}

.oemContainer .oemlogoContain {
  min-width: 45px;
  width: 45px;
  height: 45px;
  background-color: #fff;
  /* padding: 5px; */
  overflow: hidden;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  -o-border-radius: 100px;
}

.oemContainer .oemlogoContain img {
  width: 100%;
  height: 100%;
  object-fit: scale-down;
}

.oemContainer .oemContent {
  padding-top: 12px;
}

.oemContainer .oemContent h4 {
  text-align: left;
  font-size: 18px;
  letter-spacing: 0px;
  color: #04080f;
  opacity: 1;
  line-height: 21px;
  font-weight: 600;
  margin-bottom: 22px;
}

.oemContainer .oemContent ul li {
  text-align: left;
  font-size: 16px;
  letter-spacing: 0px;
  color: #04080f;
  opacity: 1;
  line-height: 22px;
  font-weight: 500;
}

.oemContainer .oemContent ul {
  list-style-type: none;
}

.swal-overlay .swal-modal.cmnswalClss .swal-title {
  text-align: center;
}

.swal-overlay .swal-modal.cmnswalClss .swal-text {
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
  color: #04080f;
  padding-top: 60px;
  padding-bottom: 50px;
}

.cmnmdlDsn .modal-body p,
.oem_cons .modal-body p {
  font-size: 18px;
  font-weight: 500;
  line-height: 30px;
  color: #04080f;
}

.listVieOem,
.gridVieOem {
  position: absolute;
  top: 13px;
  left: 13px;
  right: auto;
  min-width: 45px;
  width: 50px;
  height: 50px;
  background-color: #fff;
  /* padding: 2px; */
  overflow: hidden;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  -o-border-radius: 100px;
}

.listVieOem img,
.gridVieOem img {
  width: 100% !important;
  height: 100% !important;
  object-fit: scale-down !important;
  border-radius: unset !important;
}

.userAgentBox {
  border: 1px solid #cccccc;
  padding: 16px 20px;
  margin: 15px auto;
  background-color: white;
}

.userAgentBox .agentCheck {
  font-size: 14px;
  text-align: left;
  font-weight: 400;
  margin: 0;
  width: calc(100% - 30px);
}

.checkBoxContain input {
  width: 30px;
  display: block;
  min-width: 30px;
  height: 17px;
  margin-top: 5px;
}

.checkBoxContain {
  display: none;
  align-items: start;
  gap: 10px;
}

/*  custom checkbox start */

.tradeContas {
  display: block;
  position: relative;
  padding-left: 30px;
  margin-bottom: 0px;
  cursor: pointer;
  font-size: 22px;
  margin-top: 5px;
  width: 30px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.tradeContas input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.tradeContas .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: white;
  border: 1px solid black;
  border-radius: 3px;
}

/* On mouse-over, add a grey background color */
.tradeContas:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.tradeContas input:checked ~ .checkmark {
  background-color: #000000;
}

/* Create the checkmark/indicator (hidden when not checked) */
.tradeContas .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.tradeContas input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.tradeContas .checkmark:after {
  left: 7px;
  top: 3px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* customcheckbox end */

.expressStatus img {
  width: 25px;
  min-width: 25px;
  margin-right: 5px;
}

.expressStatus h5 {
  font-size: 16px;
  font-weight: 700;
  text-align: left;
  margin: 0;
  /* margin-left: 5px; */
  margin-left: 0px;
  width: calc(100% - 25px);
}

.expressStatus {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  margin-bottom: 10px;
}

/*  RESPONSIVE MOBILE */

/* Desltop View MediaQuiers */

@media (max-width: 1680px) {
  .cstmContainer.dashContainer .tbInrCntnr .Tit_card {
    padding: 18px 35px;
  }

  .swal-overlay .swal-modal.buyNowConfirm .swal-footer {
    padding-bottom: 40px;
  }

  .tradeBid .tradeCurrency.noCapColumn {
    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
  }

  .tradeBid .tradeCurrency.nobidlen_chck {
    grid-template-columns: repeat(auto-fill, minmax(195px, 1fr));
  }

  .tradeBid .tradeCurrency.noCapColumn.nobidlen_chck {
    grid-template-columns: repeat(auto-fill, minmax(145px, 1fr));
  }

  .tradeBid .checkOutSec .checkOutStepSec {
    padding: 30px 35px;
  }

  .swal-overlay .swal-modal.buyNowConfirm .swal-footer,
  .swal-overlay .swal-modal.buyNowConfirm .swal-content {
    padding-left: 30px;
    padding-right: 30px;
  }

  .checkOutStepSec .lstCard .pdtDtlContnr .pdtTtle {
    font-size: 17px;
    padding-bottom: 20px !important;
  }

  .cstmContainer.dashContainer .lftMenuWrpr {
    width: 280px;
    max-width: unset;
    min-width: unset;
  }

  .cstmContainer.dashContainer .dshTabCntnt {
    margin-left: 30px;
    width: calc(100% - 280px);
  }

  .cstmContainer.dashContainer .cstmHrzlNav .nav-link {
    font-size: 12px;
    padding: 5px 10px;
    height: 35px;
  }

  .cstmContainer.dashContainer .cstmHrzlNav .nav-link {
    min-width: 140px;
  }

  .cstmContainer.dashContainer .tbInrCntnr .lstGrdNavs .nav-link.active svg {
    height: 15px;
  }

  .tradeBid .lefSideFilter .accordentCollasps .accDown .filterActive {
    top: 20px;
    right: 48px;
    width: 13px;
    height: 13px;
  }

  .UserEnty .userForm .group {
    margin-bottom: 12px;
  }

  .cstmTable.table td,
  .cstmTable.table th,
  .cstmTable.table td,
  .dash-Bdy-Cnt .formSubTitle,
  .UserEnty .userForm .btn,
  .cstmContainer.dashContainer .lftMenuWrpr .prflDtlContr .dshsubTit,
  .cstmContainer.dashContainer .nav-pills.cstmNavVrtl .nav-link,
  label.site-label {
    font-size: 14px;
  }

  .tbInrCntnr .group.upldBtnWrpr .btn.chsFleBtn {
    padding: 3px 4px;
    font-size: 12px;
    min-width: 80px;
    height: 25px;
    top: 34px;
  }

  .dash-Bdy-Cnt {
    padding: 35px 40px;
  }

  .cstmContainer.dashContainer .lftMenuWrpr .cstmNavVrtl {
    padding: 25px 0;
  }

  .cstmContainer.dashContainer .lftMenuWrpr .prflDtlContr .dshsubTit {
    margin-bottom: 15px;
  }

  .headerNavBtn a.btn {
    min-width: 180px;
  }

  .headerNavBtn a.btn.secButton {
    margin-left: 0;
    min-width: 150px;
  }

  header .navBtn a {
    font-size: 17px;
  }

  .cstmContainer.dashContainer {
    padding: 15px 60px;
  }

  header .navbar {
    padding: 20px 60px;
  }

  .searchtabFilter .searchtabFilter_Nav {
    padding: 25px 0;
    padding-top: 40px;
  }

  .tradeBid .filterSec {
    margin-top: 20px;
  }

  .tradeBid .topListing .tbInrCntnr .lstGrdNavs .nav-link {
    font-size: 16px;
  }

  .tradeBid .topListing .sort label {
    font-size: 16px;
  }

  .customs-select-layout,
  .customs-select .select-selected {
    font-size: 16px;
  }

  .customs-select .select-items {
    font-size: 16px;
  }

  .tradeBid .topListing .sort {
    padding: 12px 20px;
  }

  .cstmContainer.dashContainer .tbInrCntnr.noBack {
    height: 48px;
  }

  .headerNavBtn a.btn {
    height: 50px;
  }

  .ProductViewSection .thumnailCarosal .carousel-inner,
  .ProductViewSection .thumnailCarosal .carousel-inner img {
    height: 350px;
    max-height: 370px;
    min-height: 370px;
  }

  .swal-content .buy_now_confirmation {
    font-size: 20px;
    text-align: center;
    padding-bottom: 45px;
    padding-top: 30px;
  }

  .swal-overlay
    .swal-modal.appoliy
    .swal-footer
    .swal-button-container
    .swal-button,
  .swal-overlay .swal-modal.appoliy .swal-footer .swal-button-container {
    width: 150px;
    height: 35px;
    max-height: 35px;
    min-height: 35px;
  }

  .cardrechnageds .paynowBtn .primButton {
    /* height: 35px; */
  }

  .lstCard {
    padding: 5px;
  }

  .swal-overlay .swal-modal .swal-title {
    font-size: 14px;
    padding: 15px 30px;
  }

  .productDetails .productTit .proViewTpBn small {
    top: 45px;
  }

  progress.prdtPrgsBar,
  .grdCard progress.prdtPrgsBar {
    height: 3px;
  }

  .grdCard .tmrCntnr .tmrTxt {
    font-size: 18px;
    font-weight: 700;
  }

  .VehicleDetailsInfo .info_Brdr .tit,
  .ProductViewSection .prd_cnt .tit a,
  .lstCard .actnCntnr .bidAmnt {
    font-size: 22px;
  }

  .ProductViewSection .prd_cnt .spcsList span.lbl,
  .searchtabFilter .searchtabFilter_Nav li a,
  .lstCard .actnCntnr .tmrCntnr .tmrTxt,
  .lstCard .actnCntnr .tmrCntnr .tmrTxt span {
    font-size: 18px;
  }

  .ProductViewSection .productDetails .productTit #fav_id a {
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .ProductViewSection .prd_cnt {
    padding-bottom: 22px;
  }

  .tradeBid .timeEnds {
    padding: 18px 20px;
  }

  .tradeBid .timeEnds .tmrTxt {
    font-size: 22px;
  }

  .tradeBid .tradeCurrency {
    padding-top: 30px;
  }

  .bidAmtHstryDtls .hrLine {
    margin: 20px 0;
  }

  .buyerFeeNot {
    margin-top: 20px !important;
  }

  .tradeBid .bidAmtHstryDtls {
    padding: 25px 35px;
    padding-top: 0;
    padding-bottom: 20px;
  }

  .tradeBid .lefSideFilter .accordentCollasps .btn {
    padding: 14px 20px;
  }

  .bid_status_msg {
    /* padding: 10px 15px; */
    font-size: 16px;
    margin-top: 0 !important;
  }

  .filterSec .userCards.lstVWContainer {
    width: calc(100% - 240px);
  }

  .tradeBid .lefSideFilter {
    width: 255px;
    margin-right: 15px;
  }

  .lstCard {
    margin-bottom: 20px;
  }

  .VehicleDetailsInfo .info_Brdr .ulLins {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 100px;
  }

  .lstCard .pdtDtlContnr .pdtTtle {
    max-width: 300px;
    font-size: 21px;
  }

  .lstCard .pdtDtlContnr {
    width: calc(100% - 60%);
  }

  /* .lstCard .imgContainer {
    width: 35%;
  }
  .lstCard .actnCntnr {
    width: 25%;
  } */
}

@media (max-width: 1600px) {
  .headerNavBtn a.secButton {
    min-width: 150px;
  }

  .lstCard .pdtDtlContnr .pdtTtle {
    max-width: 250px;
  }

  .grdCard .crntBidDtl .bidAmnt {
    font-size: 16px;
  }

  .grdCard .crntBidDtl label {
    font-size: 12px;
    margin: auto 0;
  }
}

@media (min-width: 1600px) {
  .tradeBid .bannerContent {
    min-height: 600px;
  }

  .tradeBid .bannerContent figure video {
    width: 700px;
  }

  .tradeBid .bannerContent .bannerInnerTxt h4 {
    font-size: 2.025rem;
  }
}

@media (max-width: 1550px) {
  .cstmContainer.dashContainer .dshTabCntnt .tbInrCntnr .cstmHrzlNav {
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .VehicleDetailsInfo .info_Brdr .dsclrTxt {
    /* padding-left:15px; */
    font-size: 16px;
    font-weight: 600;
  }

  .listVieOem {
    top: 9px;
    left: 9px;
    min-width: 50px;
    width: 50px;
    height: 50px;
  }

  .dash-Bdy-Cnt .formSubTitle,
  .cstmContainer.dashContainer .lftMenuWrpr .prflDtlContr .dshsubTit,
  .cstmContainer.dashContainer .nav-pills.cstmNavVrtl .nav-link,
  .cstmTable.table th,
  .cstmTable.table td,
  label.site-label {
    font-size: 14px;
  }

  .ProductViewSection .productDetails .productTit {
    padding-bottom: 30px;
    padding-top: 40px;
  }

  .tanCheck .tanCheckInfo {
    max-width: 375px;
  }

  .ProductViewSection .thumnailCarosal .carousel-inner,
  .ProductViewSection .thumnailCarosal .carousel-inner img {
    height: 350px;
    max-height: 345px;
    min-height: 345px;
  }

  .buyerFeeNot {
    font-size: 13px;
  }

  .buyerFeeNot .material-icons-outlined {
    font-size: 18px;
  }

  .hrLine {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .tradeBid .placeAmout .input-group input,
  .tradeBid .placeAmout .input-group,
  .tradeBid .placeAmout .bidBtn .bidSet {
    height: 35px;
    max-height: 35px;
    min-height: 35px;
  }

  .tradeBid .placeAmout .input-group .input-group-prepend .input-group-text {
    padding: 0.275rem 0.75rem;
  }

  .searchtabFilter .searchtabFilter_Nav li a {
    padding: 0px 15px;
  }

  .lvActnBtn img {
    width: 15px;
    height: 15px;
    margin-left: 9px;
  }

  .headerNavBtn a.btn {
    min-width: 140px;
    height: 40px;
    font-size: 16px;
    font-weight: 500;
    margin-left: 15px;
  }

  .ProductViewSection .prd_cnt .spcsList {
    margin-bottom: 0px !important;
  }

  .ProductViewSection .productDetails .productTit #fav_id a {
    min-width: 122px;
  }

  .productDetails .productTit .proViewTpBn small {
    top: 35px;
  }

  progress.prdtPrgsBar,
  .grdCard progress.prdtPrgsBar {
    height: 5px;
  }

  .tradeBid .timeEnds {
    padding: 18px 20px;
  }

  .tradeBid .tradeCurrency {
    padding-top: 25px;
  }

  .ProductViewSection .prd_cnt .small,
  .tradeBid .timeEnds label,
  .tradeBid .tradeCurrency .tradeColumn .lblSpan {
    font-size: 14px;
  }

  .tradeBid .placeAmout .crdBdy i,
  .searchtabFilter .searchtabFilter_Nav li a,
  .tradeBid
    .ProductViewSection
    .productDetails
    .bidTimer
    .timeEnds
    .tmrTxt
    span,
  .tradeBid .timeEnds .tmrTxt {
    font-size: 18px;
  }

  .tradeBid .bidTimer .form-control-plaintext {
    font-size: 18px;
    padding: 2px 15px;
  }

  .lstCard .actnCntnr .tmrCntnr .tmrTxt {
    font-size: 16px;
    font-weight: 700;
  }

  .lstCard .actnCntnr .tmrCntnr .tmrTxt span {
    font-size: 16px;
    font-weight: 700;
  }

  .lstCard .actnCntnr label {
    margin-bottom: 0;
  }

  .grdCard .crActnWrp {
    padding: 15px 8px;
  }

  .grdCard .tmrCntnr {
    padding: 6px 8px;
  }

  .lstCard .actnCntnr .btnStk .crntBidDtl {
    padding-bottom: 10px;
  }

  .lstCard .actnCntnr .bidAmnt {
    font-size: 18px;
    padding-bottom: 5px;
  }

  .grdCard .buyaucitonflex .buynow .bidAmnt,
  .grdCard .buyaucitonflex .crnntbid .bidAmnt {
    margin-left: 3px;
  }

  .grdCard .crntBidDtl .bidAmnt {
    font-size: 14px;
  }

  .swal-overlay .swal-modal.maxBdd .swal-text {
    padding-top: 40px;
  }

  .btnSecnry,
  .btnprimout,
  .btnPrim {
    max-height: 35px;
    min-height: 35px;
    font-size: 13px !important;
  }

  .paymentandShipModal #submit-button {
    font-size: 14px;
  }

  .lstCard .pdtDtlContnr .spcsList {
    width: auto;
    min-width: 215px;
  }

  .lstCard .pdtDtlContnr .infoLn {
    max-width: 280px;
  }

  .lstCard .actnCntnr .btnStk {
    padding-bottom: 5px;
  }

  .lstCard {
    padding: 5px;
  }

  .tradeBid .placeAmout .bidBtn .btnPrim {
    padding: 5px 12px;
  }

  .tradeBid .placeAmout .bidBtn,
  .tradeBid .placeAmout .bidBtn .btnPrim {
    min-width: 125px;
  }

  .tradeBid .disCloser .handCdnRpt {
    min-width: 385px;
  }

  .tradeBid .bidAmtHstryDtls {
    /* padding: 30px 30px; */
  }

  .tradeBid .placeAmout .crdBdy {
    font-size: 14px;
  }

  .cstmContainer.dashContainer .cstmHrzlNav .nav-link {
    padding: 10px 10px;
  }

  .bid_status_msg {
    font-size: 16px;
    /* padding: 10px 20px; */
    margin-top: 0 !important;
  }

  .cstmContainer.dashContainer .cstmHrzlNav .nav-item {
    /* margin-right: 5px;
    margin-bottom: 5px;
    margin-left: 0; */
  }
}

@media (max-width: 1450px) and (min-width: 991px) {
  .UserEnty .userForm form#contact_form {
    padding-top: 35px;
  }

  .tradeBid .placeAmout .bidBtn,
  .tradeBid .placeAmout .bidBtn .btnPrim {
    min-width: 90px;
    font-size: 16px;
    min-height: 35px;
    padding: 0 !important;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .tradeBid .footer .stMpLnks .stLnkSctn h5 {
    font-size: 17px;
  }

  .tradeBid .footer .btmCpyRtcntnr p {
    font-size: 14px;
  }

  /* .lstCard .imgContainer {
    min-width: 300px;
    max-width: 300px;
  } */

  .swal-modal {
    max-width: 440px !important;
  }

  .swal-overlay .swal-modal .swal-text {
    padding-top: 30px;
    padding-bottom: 44px;
    font-size: 14px;
  }

  .cstmContainer.dashContainer .lftMenuWrpr .cstmNavVrtl {
    /* padding-top: 39px; */
  }

  .swal-overlay .swal-modal .swal-footer .swal-button-container .swal-button {
    height: 100%;
    max-height: 35px;
    min-height: 35px;
  }

  .swal-overlay .swal-modal .swal-footer .swal-button-container .swal-button,
  .btnSecnry,
  .registersuccess .modal-body .btnPrim,
  .tanCheck .modal-footer .btnPrim,
  .btnPrimOut,
  .btnprimout {
    padding: 5px 20px;
    min-width: 110px;
    font-size: 13px;
    font-weight: 500;
    display: grid;
    line-height: normal;
    place-content: center;
  }

  .logout .modal-content .modal-body .logoutcnt {
    font-size: 14px;
  }

  .logout .modal-content .modal-body {
    padding-top: 25px;
    padding-bottom: 0;
  }

  .UserEnty .userForm #registerForm2 .col-md-5 {
    max-width: 45.666667%;
    flex: 0 0 45.666667%;
  }

  .UserEnty .userForm #registerForm2 {
    padding-top: 20px;
  }

  .headerNavBtn a.btn.secButton {
    min-width: 120px;
    margin-left: 10px;
    margin-right: 10px;
  }

  .UserEnty .userForm .ReMem a,
  .UserEnty .userForm .ReMem label {
    color: var(--TB_darkgreycolor-300);
    font-weight: 500;
    padding-left: 8px;
    font-size: 14px;
    line-height: 24px;
  }

  .profileTits {
    padding-top: 20px;
  }

  .jq-toast-wrap {
    min-width: 275px;
  }

  .jq-toast-wrap .jq-toast-single {
    min-height: 55px;
    font-size: 14px;
  }

  .ProductViewSection .prd_cnt .sub-tit .infoIcon {
    width: 40px;
  }

  .custom-select,
  .UserEnty .userForm input.site-input,
  label.site-label {
    font-size: 12px;
  }

  .dash-Bdy-Cnt .formSubTitle {
    font-size: 14px;
  }

  .tbInrCntnr .pagination,
  #auctionContent .pagination .page-item.active .page-link {
    color: var(--backgroundColor);
  }

  .tbInrCntnr .pagination,
  #auctionContent .pagination .page-link {
    font-size: 13px;
    color: #888888;
  }

  /* .cstmContainer.dashContainer .cstmHrzlNav .nav-link {
    font-size: 13px;
    padding: 7px 10px;
    height: 40px;
  } */

  .cstmTable.table th,
  .cstmTable.table td {
    font-size: 13px;
  }

  .cstmContainer.dashContainer .nav-pills.cstmNavVrtl .nav-link {
    font-size: 13px;
  }

  .cstmContainer.dashContainer .lftMenuWrpr .prflDtlContr .dshsubTit {
    font-size: 14px;
    margin-bottom: 10px;
  }

  .cstmContainer.dashContainer .lftMenuWrpr .prflDtlContr .dshBrdNam {
    font-size: 16px;
    margin-bottom: 7px;
  }

  .VehicleDetailsInfo .info_Brdr .ulLins ul li {
    font-size: 14px;
    padding-bottom: 15px;
    gap: 50px;
  }

  .VehicleDetailsInfo .info_Brdr .ulLins {
    grid-template-columns: repeat(auto-fill, minmax(270px, 1fr));
    gap: 50px;
  }

  .tradeBid .dsclrTxt {
    font-size: 16px;
  }

  .tradeBid .disCloser span img {
    width: 50px;
  }

  .tradeBid .disCloser .handCdnRpt .vhr {
    padding: 3px 16px;
  }

  .tradeBid .disCloser .handCdnRpt {
    padding: 15px;
  }

  .tradeBid .disCloser .disSubTitle {
    font-size: 13px;
    font-weight: 500;
  }

  .VehicleDetailsInfo .info_Brdr .subtit,
  .tradeBid .disCloser .handCdnRpt .handTit {
    font-size: 14px;
    margin-bottom: 5px;
    font-weight: 500;
  }

  .VehicleDetailsInfo .info_Brdr .subtit {
    margin-bottom: 15px;
    font-size: 16px;
  }

  .tradeBid .disCloser .handCdnRpt .handTit {
    font-family: "Open Sans", sans-serif;
    font-weight: 700;
  }

  .VehicleDetailsInfo .info_Brdr .tit {
    margin-bottom: 15px;
  }

  .tradeBid .placeAmout .crdBdy i {
    font-weight: 500;
    font-size: 18px;
  }

  #bidForm_new {
    margin-bottom: 15px;
  }

  .tradeBid .placeAmout .bidBtn .btnPrim {
    padding: 8px 12px;
  }

  .tradeBid .bidAmtHstryDtls .lblSpan {
    font-size: 14px;
  }

  .tradeBid .bidTimer .bidAmtHstryDtls .form-group label {
    margin-bottom: 2px;
  }

  /* .tradeBid .bidTimer .form-control-plaintext {
    font-size: 20px;
    padding: 5px 15px;
  } */

  /* .tradeBid .timeEnds .tmrTxt,
  .tradeBid .timeEnds .tmrTxt span {
    font-size: 16px;
  } */

  .tradeBid .timeEnds .tmrTxt span {
    padding-right: 0;
    padding-left: 1px;
  }

  .ProductViewSection .prd_cnt .tit,
  .ProductViewSection .prd_cnt .sub-tit {
    margin-bottom: 3px;
  }

  /* .ProductViewSection .productDetails .productTit .btnPrimout {
    max-width: 150px;
    font-size: 13px;
    min-width: 120px;
    font-weight: 700;
    min-height: 35px;
    max-height: 35px;
  } */

  .VehicleDetailsInfo .info_Brdr .tit,
  .ProductViewSection .prd_cnt .tit a {
    font-size: 18px;
  }

  .ProductViewSection .prd_cnt .sub-tit {
    font-size: 14px;
  }

  .ProductViewSection .prd_cnt .small {
    font-size: 13px;
    font-weight: 600;
  }

  .ProductViewSection {
    padding: 30px 45px;
    grid-gap: 50px;
    padding-bottom: 50px;
  }

  .foryoufixedtp svg {
    width: 12px;
    height: 12px;
  }

  .foryoufixedtp {
    font-size: 13px;
  }

  .tradeBid .disCloser {
    grid-template-columns: 340px 340px 340px;
    gap: 20px;
  }

  .tradeBid .disCloser .handCdnRpt {
    min-width: initial;
  }

  .grdContainer {
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  }

  .tradeBid .topListing .filterForm_1 .sort {
    min-width: 200px;
  }

  .grdCard .btnStk .primButton,
  .grdCard .btnStk .plnBtn {
    height: 30px;
    font-size: 13px;
  }

  .grdCard .pdtDtlContnr .slrNm {
    margin-bottom: 5px;
  }

  .lstCard .actnCntnr .btnStk .crntBidDtl {
    padding-bottom: 16px;
  }

  .lstCard .actnCntnr label {
    font-size: 13px;
    font-weight: 500;
  }

  .lstCard .pdtDtlContnr .pdtTtle {
    font-size: 16px;
    /* max-width: 250px; */
  }

  .lstCard .pdtDtlContnr .infoLn {
    font-size: 14px;
  }

  .tradeBid .lefSideFilter .accordentCollasps .btn {
    padding: 10px 14px;
    font-size: 14px;
  }

  .tradeBid .lefSideFilter .clearFilterNBtn.btn {
    padding: 15px 15px;
  }

  .tradeBid
    .lefSideFilter
    .accordentCollasps
    .accDown
    .accordentContent
    .card
    .form-check
    label {
    padding-left: 6px;
  }

  .tradeBid
    .lefSideFilter
    .accordentCollasps
    .accDown
    .accordentContent
    .card
    .form-check
    input {
    height: 13px !important;
    width: 13px;
  }

  .tradeBid .lefSideFilter {
    /* max-width: 235px;
    min-width: 235px;
    margin-right: 29px; */
  }

  .customs-select .select-items {
    top: 33px;
    left: auto;
    right: -12px;
    width: calc(100% + 55px);
  }

  .customs-select .select-selected::after {
    right: -12px;
    left: auto;
    top: auto;
    height: 100%;
    bottom: -15px;
    margin: 0;
    display: inline-table;
  }

  .tradeBid .topListing .sort {
    padding: 10px 12px;
  }

  .cstmContainer.dashContainer .tbInrCntnr.noBack {
    padding: 10px 10px;
    height: 40px;
    max-width: 135px;
    min-width: 135px;
  }

  .lstCard .pdtDtlContnr {
    padding: 12px 20px;
    /* width: calc(100% - 53%); */
  }

  .userCards.lstVWContainer {
    /* width: calc(100% - 265px) !important; */
  }

  .lstCard .actnCntnr .bidAmnt {
    font-size: 20px;
  }

  .grdCard .btnStk .plnBtn,
  .lstCard .btnStk .plnBtn,
  .grdCard .pdtDtlContnr .pdtTtle,
  .grdCard .crntBidDtl .bidAmnt {
    font-size: 13px;
  }

  .slrNm,
  .grdCard .btnStk .plnBtn,
  .lstCard .btnStk .plnBtn,
  .grdCard .pdtDtlContnr .infoLn.gridinfiLn,
  .lstCard .actnCntnr .primButton,
  .lstCard .pdtDtlContnr .spcsList,
  .grdCard .pdtDtlContnr .spcsList {
    font-size: 13px;
  }

  .grdCard .tmrCntnr label,
  .grdCard .crntBidDtl label,
  .tradeBid
    .lefSideFilter
    .accordentCollasps
    .accDown
    .accordentContent
    .card
    .form-check
    label {
    font-size: 13px;
  }

  .customs-select .select-items div,
  .tradeBid .topListing .sort label,
  .lstCard .actnCntnr .tmrCntnr .tmrTxt,
  .customs-select .select-selected,
  .tradeBid .topListing .tbInrCntnr .lstGrdNavs .nav-link {
    font-size: 13px;
  }

  .lstCard .btnStk .plnBtn,
  .lstCard .actnCntnr .primButton {
    width: calc(100% - 15px);
    height: 30px;
    border-radius: 0px;
    font-size: 13px;
    font-weight: 600;
  }

  .cstmContainer.dashContainer .tbInrCntnr .lstGrdNavs .nav-link svg {
    width: 15px;
    height: 15px;
  }

  .searchtabFilter .searchtabFilter_Nav li a {
    font-size: 14px;
    padding: 0px 15px;
  }

  .searchtabFilter .searchtabFilter_Nav {
    padding: 25px 0;
  }

  .showpassword {
    /* top: 5px; */
  }

  .UserEnty .userForm .btn {
    height: 40px;
  }

  .prfileSecton .dash-Bdy-Cnt .formSubTitle {
    margin-bottom: 30px !important;
  }

  .UserEnty .userForm.dash_Profile_Form h5 {
    font-size: 18px;
    margin-bottom: 30px !important;
  }

  .UserEnty .userForm .group select[type="select"],
  .UserEnty .userForm input[type="number"],
  .UserEnty .userForm textarea,
  .UserEnty .userForm input[type="password"],
  .UserEnty .userForm input[type="email"],
  .UserEnty .userForm input[type="text"] {
    height: 35px;
    padding: 5px 10px 5px 0px;
    font-size: 12px;
  }

  .UserEnty .userForm .group {
    margin-top: 0px;
    margin-bottom: 25px;
  }

  .logBackWrapper .userForm {
    max-width: 460px;
    min-width: 460px;
  }

  .UserEnty .userForm .btn {
    font-size: 14px;
    height: 40px;
  }

  .lvActnBtn img {
    width: 15px;
    height: 15px;
  }

  .navbar-dark .navbar-brand img {
    width: 110px;
    object-fit: scale-down;
  }

  .logBackWrapper.signupWrapper .userForm {
    max-width: 615px;
  }

  .UserEnty .userForm h4 {
    font-size: 18px;
    font-family: "Open Sans", sans-serif;
    height: 60px;
    font-weight: 700;
  }

  .UserEnty .userForm form {
    padding: 40px 40px;
  }

  .UserEnty .userForm form {
    padding-top: 0;
  }

  .UserEnty .userForm form#resetForm,
  .UserEnty .userForm form#loginForm {
    padding-top: 35px;
  }

  .UserEnty .userForm h5 {
    font-size: 14px;
  }

  .UserEnty .userForm a {
    font-size: 14px;
  }
}

.lstCard .pdtDtlContnr .slrNm {
  overflow: hidden;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
  max-width: fit-content;
  width: auto;
}

.modal-dialog.deactivatedAccPop a {
  color: #04080f;
  text-decoration: underline;
}

@media (max-width: 1450px) {
  .tradeContas {
    width: 30px;
  }

  .userAgentBox .agentCheck {
    width: calc(100% - 30px);
  }

  .ProductViewSection {
    padding-bottom: 30px;
  }

  .modal-dialog.deactivatedAccPop {
    max-width: 460px;
    width: 100%;
  }

  .btn.tagButtons {
    font-size: 13px;
    background-color: #f1f1f1;
    padding: 4px 7px;
    border-radius: 20px;
    border: 1px solid #dddddd;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 5px;
  }

  .listVieOem {
    top: 8px;
    left: 8px;
    min-width: 45px;
    width: 45px;
    height: 45px;
  }

  .lstCard .imgContainer {
    height: 240px;
  }

  .swal-overlay .swal-modal.buyNowConfirm .swal-footer {
    padding-bottom: 30px;
  }

  .VehicleDetailsInfo .info_Brdr {
    padding-top: 40px;
  }

  .cardrechnageds .card .card-body.addNewCard,
  .shipAddress .shipCard .form-group.addNewCard {
    padding: 18px 40px;
    padding-left: 25px !important;
  }

  .cardrechnageds .card .card-body.addNewCard {
    padding-bottom: 20px;
  }

  .cardrechnageds .paynowBtn {
    margin-left: 25px;
  }

  .cardrechnageds .card .card-body,
  .shipAddress .shipCard .form-group {
    padding: 12px 70px;
  }

  .shipAddress .shipCard .form-group .custom-control-label {
    font-size: 12px;
  }

  .checkOutStepSec .lstCard .pdtDtlContnr .pdtTtle {
    font-size: 13px;
  }

  .tradeBid .checkOutSec .checkOutStepSec .lstCard .pdtDtlContnr span,
  .tradeBid
    .checkOutSec
    .checkOutStepSec
    .lstCard
    .pdtDtlContnr
    .hori
    .form-group
    label,
  .cardrechnageds .card .card-body a,
  .shipAddress .shipCard .form-group a,
  .shipAddress .shipCard .form-group .custom-control-label,
  .cardrechnageds .card .card-body .custom-control-label {
    font-size: 13px;
  }

  .tradeBid .checkOutSec .checkOutStepSec .lstCard .pdtDtlContnr span,
  .tradeBid
    .checkOutSec
    .checkOutStepSec
    .lstCard
    .pdtDtlContnr
    .hori
    .form-group
    label {
    /* font-size: 14px; */
  }

  .cstmContainer.dashContainer .tbInrCntnr .Tit_card {
    padding: 12px 35px;
    padding-left: 25px;
  }

  .tradeBid .checkOutSec .checkOutStepSec {
    padding: 25px 25px;
  }

  .cstmContainer.dashContainer .tbInrCntnr .Tit_card {
    font-size: 14px;
  }

  .cstmContainer.dashContainer .cstmHrzlNav .nav-link {
    min-width: 110px;
  }

  .cstmContainer.dashContainer .nav-pills.cstmNavVrtl .nav-link {
    padding: 10px 0 10px 25px;
  }

  .cstmContainer.dashContainer .cstmHrzlNav .nav-link.active,
  .cstmContainer.dashContainer .cstmHrzlNav .show > .nav-link {
    font-size: 13px;
  }

  .cstmContainer.dashContainer .dshTabCntnt .tbInrCntnr .cstmHrzlNav {
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 25px;
  }

  .cstmContainer.dashContainer .lftMenuWrpr .prflDtlContr {
    padding: 15px 20px;
  }

  .cstmContainer.dashContainer .cstmHrzlNav .nav-link {
    font-size: 12px;
    padding: 5px 10px;
    height: 33px;
  }

  .cstmContainer.dashContainer .lftMenuWrpr {
    width: 230px;
    max-width: unset;
    min-width: unset;
  }

  .cstmContainer.dashContainer .dshTabCntnt {
    margin-left: 25px;
    width: calc(100% - 230px);
  }

  .tradeBid .tradeCurrency {
    padding-top: 20px;
  }

  .ProductViewSection .prd_cnt .small,
  .tradeBid .timeEnds label,
  .tradeBid .tradeCurrency .tradeColumn .lblSpan,
  .tradeBid .placeAmout .crdBdy i,
  .searchtabFilter .searchtabFilter_Nav li a,
  .tradeBid
    .ProductViewSection
    .productDetails
    .bidTimer
    .timeEnds
    .tmrTxt
    span,
  .tradeBid .timeEnds .tmrTxt {
    font-size: 16px;
  }

  .tradeBid .tradeCurrency .tradeColumn .lblSpan {
    font-size: 13px;
    color: #676767;
  }

  .noRecord .material-icons {
    font-size: 20px;
  }

  .tradeBid .lefSideFilter .accordentCollasps .accDown .filterActive {
    top: 15px;
    right: 40px;
    width: 12px;
    height: 12px;
  }

  .headerNavBtn a.btn {
    min-width: 140px;
    height: 40px;
    font-size: 14px;
  }

  .tbInrCntnr .group.upldBtnWrpr .btn.chsFleBtn {
    top: 20px;
  }

  .cstmContainer.dashContainer .tbInrCntnr .secButton,
  .cstmContainer.dashContainer .tbInrCntnr .primButton {
    min-width: 125px;
    width: 125px !important;
    font-size: 13px;
    height: 35px !important;
  }

  .tradeBid .tradeCurrency.noCapColumn {
    grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
  }

  .bid_status_msg {
    font-size: 14px;
  }

  .cstmContainer.dashContainer .cstmHrzlNav .nav-link {
    min-width: 120px;
  }

  .ProductViewSection .prd_cnt {
    padding-bottom: 30px;
  }

  .swal-overlay .swal-modal.cmnswalClss .swal-text,
  .swal-content .buy_now_confirmation {
    font-size: 16px;
    text-align: center;
  }

  .swal-overlay .swal-modal.cmnswalClss .swal-text {
    padding-top: 40px;
    padding-bottom: 30px;
  }

  .registersuccess .modal-body .btnPrim {
    width: fit-content;
    margin: auto;
  }

  .signupWrapper .intl-tel-input.allow-dropdown .flag-container {
    height: 35px;
  }

  .intl-tel-input.separate-dial-code .flag-container {
    height: 35px;
  }

  .lstCard .pdtDtlContnr .infoLn {
    max-width: 230px;
  }

  .lstCard .pdtDtlContnr .pdtTtle {
    max-width: 200px;
  }

  .ProductViewSection .prd_cnt .small {
    font-size: 13px;
  }

  .lstCard .actnCntnr .tmrCntnr .tmrTxt span {
    font-size: 18px;
  }

  .lstCard .actnCntnr .tmrCntnr .tmrTxt {
    font-size: 18px;
  }

  .lstCard .pdtDtlContnr .pdtTtle,
  .ProductViewSection .productDetails .productTit .btnPrimOut,
  .ProductViewSection .productDetails .productTit .proViewTpBn .btnPrimout,
  .ProductViewSection .prd_cnt .small,
  .grdCard .crntBidDtl .bidAmnt,
  .grdCard .tmrCntnr .tmrTxt,
  .grdCard .pdtDtlContnr .slrNm,
  .lstCard .pdtDtlContnr .slrNm {
    font-size: 14px;
  }

  .lstCard .pdtDtlContnr .pdtTtle,
  .ProductViewSection .productDetails .productTit .btnPrimOut,
  .ProductViewSection .productDetails .productTit .proViewTpBn .btnPrimout,
  .grdCard .crntBidDtl .bidAmnt,
  .grdCard .tmrCntnr .tmrTxt,
  .grdCard .pdtDtlContnr .slrNm,
  .lstCard .pdtDtlContnr .slrNm i {
    font-size: 16px;
  }

  .grdCard .pdtDtlContnr .slrNm {
    font-size: 13px;
  }

  .lstCard .pdtDtlContnr .slrNm i {
    margin-top: 4px;
  }

  .lstCard .pdtDtlContnr .spcsList,
  .grdCard .pdtDtlContnr .spcsList {
    font-size: 14px;
  }

  .proViewTpBn .btnPrimout {
    padding: 0px 10px;
    line-height: normal;
  }

  .tradeBid .topListing .sort,
  .cstmContainer.dashContainer .tbInrCntnr.noBack {
    height: 35px;
  }

  .grdContainer {
    gap: 25px;
    grid-row-gap: 30px;
  }

  .tradeBid .lefSideFilter {
    width: 225px;
  }

  .grdCard .crntBidDtl label {
    font-size: 12px;
  }

  .grdCard .crntBidDtl .bidAmnt {
    font-size: 14px;
  }

  .buyaucitonflex .crnntbid label b {
    font-size: 13px;
  }

  .grdCard .buyaucitonflex .buynow,
  .grdCard .buyaucitonflex .crnntbid {
    /* justify-content: center; */
  }

  .grdCard .tmrCntnr .tmrTxt {
    font-size: 14px;
  }

  .ProductViewSection .prd_cnt .spcsList span.lbl {
    font-size: 14px;
    text-transform: capitalize;
  }

  .swal-overlay .swal-modal.autobid .swal-text {
    padding-top: 30px;
    padding-bottom: 40px;
  }
}

@media (max-width: 1380px) {
  .listVieOem,
  .gridVieOem {
    position: absolute;
    top: 6px;
    left: 6px;
    min-width: 40px;
    width: 40px;
    height: 40px;
    padding: 1px;
  }

  .btn.tagButtons {
    font-size: 12px;
    background-color: #f1f1f1;
    padding: 3px 6px;
    border-radius: 20px;
    border: 1px solid #dddddd;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 5px;
  }

  .btn.tagButtons img {
    width: 14px !important;
    height: 14px !important;
  }

  .tradeBid .buyNowConfirm .buy_now_confirmation {
    text-align: left;
    padding-bottom: 45px;
    padding-top: 30px;
  }

  .VehicleDetailsInfo .ulLins.commectCnt b.d-block {
    font-size: 12px;
    font-weight: 600;
  }

  /* .gridVieOem {
    top: 3px;
    left: 3px;
    min-width: 30px;
    width: 30px;
    height: 30px;
  } */

  .grdCard .crActnWrp {
    padding: 10px 6px;
  }

  .grdCard .tmrCntnr {
    padding: 6px 8px;
  }

  .VehicleDetailsInfo .info_Brdr .subtit {
    font-size: 14px;
  }

  .VehicleDetailsInfo .info_Brdr .ulLins {
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 110px;
  }

  .VehicleDetailsInfo .info_Brdr .ulLins ul li {
    font-size: 12px;
    padding-bottom: 13px;
    gap: 25px;
  }

  .tradeBid .dsclrTxt {
    margin-bottom: 15px;
    font-size: 14px;
  }

  .tradeBid .commectCnt p {
    font-size: 14px;
  }

  .searchtabFilter .searchtabFilter_Nav li a {
    font-size: 14px;
  }

  .cstmContainer.dashContainer .tbInrCntnr .lstGrdNavs .nav-link.active svg,
  .cstmContainer.dashContainer .tbInrCntnr .lstGrdNavs .nav-link svg {
    height: 13px;
    margin-left: 5px;
  }

  .cstmContainer.dashContainer
    .tbInrCntnr
    .lstGrdNavs
    .nav-item:nth-child(1)
    svg {
    margin-right: 5px;
  }

  .tradeBid .lefSideFilter .accordentCollasps .accDown .filterActive {
    top: 20px;
    right: 40px;
    width: 11px;
    height: 11px;
  }

  .tradeBid .placeAmout .crdBdy {
    font-size: 13px;
    padding: 10px 0;
  }

  .searchtabFilter .searchtabFilter_Nav {
    padding: 20px 0;
  }

  .tradeBid .lefSideFilter .accordentCollasps .btn {
    padding: 13px 14px;
  }

  .tradeBid .lefSideFilter .accordentCollasps .btn b {
    display: flex;
    align-items: center;
  }

  .tradeBid .lefSideFilter .accordentCollasps .btn span {
    font-size: 16px;
    font-weight: 700 !important;
    color: var(--darkblack);
  }

  .tradeBid .filterSec {
    /* margin-top: 25px; */
  }

  .tradeBid .tradeCurrency {
    grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
  }

  .tradeBid .lefSideFilter {
    margin-right: 0;
  }

  .lstCard .pdtDtlContnr .spcsList,
  .grdCard .pdtDtlContnr .spcsList {
    font-size: 13px;
  }

  .tradeBid .lefSideFilter {
    width: 215px;
  }

  .filterSec .userCards.lstVWContainer {
    width: calc(100% - 240px);
    margin-left: auto;
  }

  .cstmContainer.dashContainer .tbInrCntnr ul li,
  .cstmContainer.dashContainer .tbInrCntnr ul li:not(:nth-child(1)) {
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 3px;
    padding-right: 3px;
  }

  .ProductViewSection .prd_cnt {
    padding-bottom: 22px;
  }

  .ProductViewSection .productDetails .productTit {
    padding-bottom: 20px;
  }

  .productDetails .productTit .proViewTpBn small {
    font-size: 9px;
    top: 33px;
  }

  .modal-content .modal-body p {
    line-height: 19px;
    font-size: 14px;
    font-weight: 500;
  }

  .tradeBid .bidAmtHstryDtls {
    padding: 35px 25px;
  }

  .tradeBid .productDetails .bidAmtHstryDtls {
    padding-top: 0;
  }

  #biddetailsnewpop table thead tr th:nth-child(1),
  #biddetailsnewpop table tbody tr td:nth-child(1) {
    padding-left: 20px;
    text-align: center;
  }

  .tanCheck #tan_in::placeholder {
    font-weight: 600;
    color: var(--darkblack);
  }

  .tanCheck .modal-footer {
    padding-top: 20px;
  }

  .modal.tanCheck .modal-body {
    padding-bottom: 0;
  }

  .tanCheck #tanSubmit {
    margin-bottom: 0;
  }

  .tanCheck .modal-body {
    padding: 20px;
  }

  .tanCheck .tanCheckInfo {
    margin: 0 auto 30px;
  }

  .tanCheck .tanCheckInfo {
    font-size: 14px;
  }

  .tradeBid .disCloser {
    grid-template-columns: 33% 33% 33%;
  }

  .grdCard .btnStk .primButton,
  .grdCard .btnStk .plnBtn {
    font-size: 12px;
  }

  .modal-content .modal-header .modal-title,
  .bid_status_msg {
    font-size: 14px;
  }
}

@media (max-width: 1340px) {
  .grdContainer {
    gap: 15px;
  }

  .tradeBid .tradeCurrency.nobidlen_chck {
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
  }

  .tradeBid .tradeCurrency.noCapColumn.nobidlen_chck {
    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
  }

  .grdCard .tmrCntnr {
    padding: 6px 6px;
  }

  .buyaucitonflex .crnntbid,
  .buyaucitonflex .buynow {
    flex: 1 1 auto;
  }

  .grdCard .crActnWrp {
    padding: 6px 6px;
  }

  .grdCard .buyaucitonflex .buynow .bidAmnt,
  .grdCard .buyaucitonflex .crnntbid .bidAmnt {
    margin-left: 3px;
  }

  .lstCard .imgContainer {
    /* height: fit-content; */
  }

  .lstCard .pdtDtlContnr {
    width: calc(100% - 60%);
  }

  .lstCard .imgContainer {
    width: 400px;
  }

  .lstCard .pdtDtlContnr .pdtTtle {
    max-width: 215px;
  }

  .VehicleDetailsInfo .info_Brdr .ulLins ul {
    margin-bottom: 25px;
  }

  .VehicleDetailsInfo .info_Brdr .ulLins {
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 110px;
  }

  .tradeBid .topListing p {
    font-size: 13px;
  }

  .tradeBid .topListing .cstmHrzlNav .nav-link {
    font-size: 14px;
  }

  #buynowmodal .modal-body p.des {
    line-height: 30px;
    font-size: 16px;
    font-weight: 500;
  }

  .tradeBid .topListing .sort label {
    margin-right: 0px;
    font-size: 14px;
  }
}

@media (max-width: 1300px) {
  .cstmTable.table td a {
    font-size: 12px;
  }

  .lstCard .imgContainer {
    height: 220px;
  }

  .listVieOem {
    top: 25px;
  }

  .gridVieOem {
    top: 13px;
  }

  .grdCard .pdtDtlContnr .spcsList .material-icons {
    font-size: 5px;
    margin: 0 6px;
    position: relative;
    top: -1px;
  }

  .cstmContainer.dashContainer .tbInrCntnr .secButton,
  .cstmContainer.dashContainer .tbInrCntnr .primButton {
    min-width: 105px;
    width: 105px !important;
    font-size: 13px;
    height: 32px !important;
  }

  .tradeBid .lefSideFilter .accordentCollasps .accDown .filterActive {
    top: 15px;
  }

  .lstCard .actnCntnr .tmrCntnr .tmrTxt span {
    font-size: 16px;
    font-weight: 700;
  }

  .ProductViewSection .prd_cnt {
    padding-bottom: 25px;
  }

  .lstCard .actnCntnr .tmrCntnr .tmrTxt {
    font-size: 16px;
    font-weight: 700;
  }

  .VehicleDetailsInfo .info_Brdr .tit,
  .ProductViewSection .prd_cnt .tit a {
    font-size: 16px;
  }

  .headerNavBtn a.btn {
    height: 40px;
    font-size: 14px;
  }

  .tradeBid .lefSideFilter .accordentCollasps .btn {
    padding: 15px 14px;
    font-size: 14px;
  }

  .buyaucitonflex .crnntbid label b {
    font-size: 13px;
  }

  .lstCard .actnCntnr .bidAmnt {
    font-size: 18px;
    font-weight: 700;
  }

  .lstCard .actnCntnr label {
    font-size: 14px;
    font-weight: 600;
  }

  .actnCntnr .tmrCntnr .tmrTxt span {
    font-size: 18px;
    font-weight: 700;
  }

  .ProductViewSection .prd_cnt .spcsList {
    font-size: 14px;
  }

  .ProductViewSection .prd_cnt .small {
    font-size: 13px;
  }

  .buyerFeeNot {
    font-size: 12px;
  }

  .bid_status_msg {
    font-size: 13px;
    /* padding: 8px 20px; */
  }

  .tradeBid .timeEnds .tmrTxt,
  .tradeBid .timeEnds .tmrTxt span {
    font-size: 16px;
  }

  .lstCard .pdtDtlContnr {
    padding: 12px 20px;
    width: calc(100% - 60%);
  }

  .searchtabFilter .searchtabFilter_Nav li.active a::after {
    width: 30px;
  }

  .tradeBid .lefSideFilter .accordentCollasps .btn {
    padding: 8px 14px;
    font-size: 13px;
  }

  .tradeBid .lefSideFilter {
    width: 200px;
  }

  .filterSec .userCards.lstVWContainer {
    width: calc(100% - 220px);
  }

  .tradeBid .tradeCurrency.noCapColumn {
    grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
  }
}

@media (max-width: 1295px) {
  .cstmContainer.dashContainer .tbInrCntnr .Tit_card {
    font-size: 13px;
  }

  .btn.tagButtons {
    font-size: 11px;
    background-color: #f1f1f1;
    padding: 3px 6px;
    border-radius: 20px;
    border: 1px solid #dddddd;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 5px;
  }

  .cstmContainer.dashContainer .cstmHrzlNav .nav-link {
    font-size: 12px;
    padding: 3px 6px;
    height: 30px;
  }

  .cstmContainer.dashContainer .cstmHrzlNav .nav-link {
    min-width: 110px;
  }

  .cstmContainer.dashContainer .dshTabCntnt .tbInrCntnr .cstmHrzlNav {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
  }

  .cstmTable.table th.notiFstchild,
  .cstmTable.table td.notiFstchild {
    padding-left: 23px;
  }

  .grdCard .crntBidDtl .bidAmnt,
  .cstmTable.table th,
  .cstmTable.table td,
  .cstmContainer.dashContainer .cstmHrzlNav .nav-link,
  .cstmContainer.dashContainer .cstmHrzlNav .nav-link.active,
  .cstmContainer.dashContainer .lftMenuWrpr .prflDtlContr .dshsubTit,
  .cstmContainer.dashContainer .nav-pills.cstmNavVrtl .nav-link {
    font-size: 14px;
  }

  .cstmContainer.dashContainer .lftMenuWrpr .prflDtlContr .dshBrdNam {
    font-size: 14px;
    text-transform: capitalize;
  }

  .lstCard .btnStk .plnBtn {
    margin-top: 5px !important;
  }

  .lstCard .btnStk .plnBtn,
  .lstCard .actnCntnr .primButton,
  .lstCard .actnCntnr .tmrCntnr label {
    font-size: 12px;
  }

  .lstCard .actnCntnr .bidAmnt,
  .lstCard .actnCntnr .tmrCntnr .tmrTxt span,
  .lstCard .actnCntnr .tmrCntnr .tmrTxt {
    font-size: 14px;
  }

  .lstCard .actnCntnr .btnStk {
    padding-bottom: 0px;
    padding-top: 10px;
  }

  .lstCard .actnCntnr .btnStk .crntBidDtl {
    padding-bottom: 10px;
  }
}

@media (max-width: 1245px) {
  .lstCard .actnCntnr .tmrCntnr .tmrTxt {
    font-size: 16px;
  }

  .lstCard .imgContainer {
    height: 225px;
  }

  .btn.tagButtons {
    font-size: 11px;
    background-color: #f1f1f1;
    padding: 3px 6px;
    border-radius: 20px;
    border: 1px solid #dddddd;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 5px;
  }

  .btn.tagButtons img {
    width: 13px !important;
    height: 13px !important;
    max-width: fit-content !important;
    min-width: auto !important;
    margin: 0 !important;
    max-height: fit-content !important;
  }

  .lstCard .actnCntnr .bidAmnt {
    font-weight: 700;
    padding-bottom: 0;
  }

  .tradeBid .disCloser {
    grid-template-columns: 1fr 1fr;
  }

  .tradeBid .bidAmtHstryDtls {
    padding: 35px 14px;
  }

  .lstCard .pdtDtlContnr .slrNm,
  .tradeBid .placeAmout .bidBtn .bidSet {
    font-size: 14px;
  }

  .ProductViewSection {
    grid-template-columns: 50% 48%;
    grid-gap: 20px;
  }

  .cstmContainer.dashContainer .tbInrCntnr ul li,
  .cstmContainer.dashContainer .tbInrCntnr ul li:not(:nth-child(1)) {
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 3px;
    padding-right: 3px;
  }

  .filterSec .userCards.lstVWContainer {
    width: calc(100% - 190px) !important;
    /* margin: auto;
    margin-top: 0; */
  }

  .tradeBid .lefSideFilter {
    width: 175px;
  }

  .tradeBid .topListing p {
    position: absolute;
    top: 70px;
    background: var(--lightvar(--darkblack)) 14;
    width: 100%;
    left: 0;
    text-align: center;
  }

  .tradeBid .lefSideFilter .accordentCollasps .btn {
    padding: 14px 14px;
    font-size: 13px;
  }

  .tradeBid
    .lefSideFilter
    .accordentCollasps
    .accDown
    button
    span.material-icons,
  .tradeBid .lefSideFilter .accordentCollasps .accDown a span.material-icons {
    font-size: 16px;
  }

  .tradeBid .filterSec {
    margin-top: 20px;
  }

  .cstmContainer.dashContainer {
    padding: 15px 60px;
  }

  .cstmContainer.dashContainer .tbInrCntnr.noBack {
    padding: 8px 12px;
    height: 35px;
  }

  .tradeBid .topListing .sort {
    padding: 7px 12px;
    height: 35px;
  }

  .cstmContainer.dashContainer .tbInrCntnr .lstGrdNavs .nav-link svg {
    height: 12px;
  }

  /* .tradeBid .topListing .sort label,
  .customs-select .select-items div,
  .tradeBid .topListing .sort label,
  .lstCard .actnCntnr .tmrCntnr .tmrTxt,
  .customs-select .select-selected,
  .tradeBid .topListing .tbInrCntnr .lstGrdNavs .nav-link {
    font-size: 12px;
  } */
  .lstCard .actnCntnr .tmrCntnr .tmrTxt {
    font-size: 16px;
    font-weight: 700;
  }
}

/* Tablet View MediaQuiers */

@media (max-width: 1200px) {
  #usernotifyform {
    overflow: auto;
  }
  .lstCard .actnCntnr .tmrCntnr .tmrTxt {
    font-size: 12px;
    font-weight: 700;
  }

  .ProductViewSection .prd_cnt {
    padding-bottom: 28px;
  }

  .lstCard .actnCntnr .tmrCntnr .tmrTxt span,
  .lstCard .actnCntnr .tmrCntnr .tmrTxt {
    font-size: 12px;
  }

  .lstCard .btnStk .plnBtn,
  .lstCard .actnCntnr .tmrCntnr label,
  .lstCard .actnCntnr .tmrCntnr .tmrTxt,
  .lstCard .actnCntnr .primButton {
    font-size: 11px;
  }

  .lstCard .actnCntnr .bidAmnt {
    font-size: 14px;
  }

  .lstCard .actnCntnr label {
    margin-bottom: 0;
  }

  .lstCard .actnCntnr label b {
    font-size: 12px;
    font-weight: 600;
  }

  .lstCard .pdtDtlContnr {
    padding: 5px 5px;
  }

  .cstmTable.table th,
  .cstmTable.table td {
    font-size: 0.847rem;
    padding: 0.75rem 0.75rem;
  }

  .grdCard {
    max-width: 100%;
  }

  .lstCard .imgContainer {
    height: 218px;
    border-radius: 4px;
    object-fit: cover;
    object-position: center;
    overflow: hidden;
  }

  .lstCard img {
    /* height: 235px; */
    border-radius: 4px;
    /* object-fit: cover; */
    object-position: center;
    overflow: hidden;
  }

  .lstCard .imgContainer img {
    width: 100%;
    height: 100%;
  }

  .grdCard .imgContainer,
  .grdCard .imgContainer img {
    object-fit: contain;
  }
}

@media (max-width: 1155px) {
  .VehicleDetailsInfo .info_Brdr .ulLins {
    gap: 50px;
  }

  .tradeBid .buyNowConfirm .buy_now_confirmation {
    padding-bottom: 33px;
    padding-top: 33px;
  }

  .swal-overlay .swal-modal.buyNowConfirm .swal-footer {
    padding-bottom: 40px;
  }

  .tradeBid .lefSideFilter .accordentCollasps .accDown .filterActive {
    top: 18px;
    right: 35px;
  }

  .tradeBid .bannerContent .bannerInnerTxt p {
    padding-right: 0;
  }

  .tradeBid .bannerContent .bannerInnerTxt h4 {
    font-size: 45px;
  }

  .tradeBid .bannerContent figure video {
    width: 500px;
  }

  /* .lstCard .actnCntnr {
    max-width: 175px;
    min-width: 175px;
  } */

  .lstCard .pdtDtlContnr .spcsList {
    width: auto;
  }

  .table-respons {
    overflow-x: auto;
    white-space: nowrap;
    max-width: 600px;
    width: auto;
  }

  ul#paginationDiv {
    margin-top: 10px;
  }

  .tradeBid .filterSec {
    /* margin-top: 40px; */
  }

  .tradeBid .topListing .sort {
    justify-content: flex-end !important;
  }

  .tradeBid .topListing .tabsHead {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(100px, auto));
    width: 100%;
    align-items: center;
  }

  .cstmContainer.dashContainer .tbInrCntnr .lstGrdNavs {
    justify-content: center;
  }
}

@media (max-width: 1100px) {
  .tbInrCntnr .group.upldBtnWrpr .btn.chsFleBtn .flInpt {
    top: 0;
    right: 0;
  }

  .gridVieOem {
    top: 9px;
  }

  .ProductViewSection .prd_cnt {
    padding-bottom: 25px;
  }

  .cstmContainer.dashContainer .dshTabCntnt {
    width: calc(100% - 200px);
  }

  .cstmContainer.dashContainer .tbInrCntnr ul li,
  .cstmContainer.dashContainer .tbInrCntnr ul li:not(:nth-child(1)) {
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 3px;
    padding-right: 3px;
  }

  .cstmContainer.dashContainer .lftMenuWrpr .prflDtlContr .dshsubTit {
    margin-bottom: 10px;
  }

  .cstmContainer.dashContainer .lftMenuWrpr .prflDtlContr,
  .cstmContainer.dashContainer .dshTabCntnt .tbInrCntnr .cstmHrzlNav {
    padding: 15px 15px;
  }

  .cstmContainer.dashContainer .lftMenuWrpr .cstmNavVrtl {
    padding: 0px 0;
  }

  .cstmContainer.dashContainer .nav-pills.cstmNavVrtl .nav-link {
    padding-left: 15px;
    font-size: 14px;
  }

  .cstmContainer.dashContainer .lftMenuWrpr {
    max-width: 200px;
  }

  .dash-Bdy-Cnt,
  .cstmContainer.dashContainer .tbInrCntnr .Tit_card {
    padding: 20px 20px;
  }

  .lstCard .pdtDtlContnr .pdtTtle {
    max-width: 150px;
  }

  .lstCard .actnCntnr {
    padding-left: 10px;
  }

  .tradeBid .placeAmout .input-group {
    width: auto;
  }

  .lstCard .pdtDtlContnr {
    padding: 10px 10px;
  }

  .UserEnty .userForm {
    margin: 25px 40px;
    margin-top: 0;
  }

  .cstmContainer.dashContainer .tbInrCntnr .userForm {
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 0;
    padding-top: 0px;
  }
}

@media (max-width: 1080px) {
  .sellContainer .leftWrpr .carImg {
    display: none;
  }

  .ProductViewSection .prd_cnt {
    padding-bottom: 10px;
  }
}

@media (max-width: 1060px) {
  .tradeBid .topListing {
    /* padding: 18px 15px; */
  }

  .cstmContainer.dashContainer .cstmHrzlNav .nav-link {
    padding: 0.5rem 0.5rem;
  }
}

@media (max-width: 1024px) {
  .lstCard .pdtDtlContnr .findLoc {
    gap: 10px;
    font-size: 14px;
  }

  .lstCard .imgContainer {
    height: 226px;
  }

  .lstCard .actnCntnr .tmrCntnr .tmrTxt {
    font-size: 14px !important;
  }

  .tradeBid .bannerContent figure video {
    width: 100%;
    height: 350px;
  }

  .tradeBid .bannerContent .tradeContainer {
    flex-direction: column;
  }

  .tradeBid .lefSideFilter .accordentCollasps .accDown .accordentContent .card {
    padding-left: 20px;
  }

  .lstCard .pdtDtlContnr {
    padding: 11px 10px;
  }

  .lstCard .actnCntnr .tmrCntnr .tmrTxt span {
    font-size: 1rem;
  }

  .lstCard .actnCntnr .tmrCntnr .tmrTxt {
    font-size: 0.875rem;
  }

  .tradeBid .filterSec {
    /* grid-template-columns: 23% 76%; */
    /* grid-column-gap: 10px; */
  }

  .tradeBid .shipAddress,
  .tradeBid .PaymentProcess {
    margin-bottom: 15px;
    min-height: 300px;
  }

  .tradeBid .shipAddress .btnButtom,
  .tradeBid .PaymentProcess .btnButtom {
    position: inherit;
  }

  .tradeBid .PaymentProcess .accordion .card .card-header .btn {
    font-size: 0.875rem;
  }

  .tradeBid
    .checkOutSec
    .checkOutStepSec
    .lstCard
    .pdtDtlContnr
    .horiLins
    input,
  .tradeBid .checkOutSec .checkOutStepSec .lstCard .pdtDtlContnr .btmLine p,
  .tradeBid .checkOutSec .checkOutStepSec .lstCard .pdtDtlContnr .btmLine b,
  .tradeBid
    .checkOutSec
    .checkOutStepSec
    .lstCard
    .pdtDtlContnr
    .horiLins
    label {
    font-size: 0.875rem;
  }

  .ProductViewSection .thumnailCarosal .carousel-inner img,
  .ProductViewSection .thumnailCarosal .carousel-inner {
    height: 330px;
    max-height: 330px;
    min-height: 330px;
  }

  .tradeBid .checkOutSec .checkOutStepSec {
    display: grid;
    grid-template-columns: 46% 26% 26%;
    grid-column-gap: 10px;
  }

  .tradeBid .shipAddress p {
    font-size: 0.7375rem;
  }

  .tradeBid .shipAddress .custom-control-label,
  .tradeBid .PaymentProcess .accordion .card .card-body .custom-control-label {
    font-size: 0.875rem;
  }

  .tradeBid .shipAddress h5,
  .tradeBid .PaymentProcess h5 {
    font-size: 1.0625rem;
  }

  body {
    font-size: 0.9rem;
  }

  .tradeBid .bannerContent .bannerInnerTxt h4 {
    font-size: 2.225rem;
  }

  .tradeBid .bannerContent .bannerInnerTxt {
    transform: unset;
    max-width: 100%;
  }

  .tradeBid .infoBackWrpr {
    min-height: auto;
  }

  .tradeBid .bannerContent .bannerInnerTxt + figure {
    padding: 50px 27px;
  }

  .tradeBid .topListing .tabsHead {
    margin-top: 15px;
  }

  .tradeBid .infoBackWrpr .lftDiv {
    width: 40%;
  }

  .tradeBid .infoBackWrpr .rtDiv {
    width: 60%;
  }
}

@media (max-width: 992px) {
  .VehicleDetailsInfo .info_Brdr .backgrdgwhit,
  .VehicleDetailsInfo .info_Brdr .backgrdgry {
    margin-left: -20px;
    margin-right: -20px;
    padding: 15px 20px;
  }

  .ProductViewSection .thumnailCarosal #custCarousel .carousel-indicators {
    overflow: hidden;
  }

  .tradeBid .tradeCurrency.nobidlen_chck {
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  }

  .tradeBid .tradeCurrency.noCapColumn.nobidlen_chck {
    grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
  }

  .tradeBid .tradeCurrency.noCapColumn.nobidlen_chck .bidhis_chk {
    display: none;
  }

  .tradeBid .tradeCurrency.nobidlen_chck .bidhis_chk {
    display: none;
  }

  .tradeBid .lefSideFilter .accordentCollasps .btn b {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
  }

  .VehicleDetailsInfo .ulLins.commectCnt b.d-block {
    font-size: 14px;
    font-weight: 600;
  }

  .tradeBid .grdContainer .grdCard .pdtDtlContnr .slrNm i,
  .lstCard .pdtDtlContnr .slrNm i {
    font-size: 16px;
  }

  .tradeBid .tradeCurrency.noCapColumn {
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  }

  .signupWrapper .intl-tel-input.allow-dropdown .flag-container {
    height: 46px;
  }

  .cusChkk .checkmark::before {
    content: "";
    position: absolute;
    left: auto;
    margin: auto;
    right: 0px;
    width: 20px;
    height: 20px;
    border-radius: 4px;
    top: -9px;
    border: 1px solid var(--darkblack);
  }
}

@media (max-width: 991px) {
  .buyaucitonflex .crnntbid::after,
  .spaceDiv {
    display: none;
  }

  .modal-open .modal.newmodal {
    overflow-y: hidden !important;
  }

  .modal-dialog.deactivatedAccPop {
    max-width: 600px;
    width: 100%;
    margin: auto;
  }

  .modal-dialog.deactivatedAccPop h4,
  .modal-dialog.deactivatedAccPop p {
    font-size: 14px !important;
  }

  .tradeBid .lefSideFilter .accordentCollasps .accDown .filterActive {
    top: 20px;
    right: 40px;
  }

  .swal-content .buy_now_confirmation {
    font-size: 14px;
    text-align: center;
  }

  .bidAmtHstryDtls .hrLine {
    margin: 30px 0;
  }

  header {
    position: sticky;
  }

  .cstmContainer.dashContainer .dshTabCntnt .tbInrCntnr {
    height: auto;
  }

  footer .tradeContainer {
    margin-top: 20px;
  }

  .cstmContainer.dashContainer .dshTabCntnt .tbInrCntnr {
    /* margin-top: 75px; */
  }

  /* .cstmContainer .ProductViewSection {
    margin-top: 70px;
  } */

  .lstCard .actnCntnr label b {
    font-size: 14px;
    font-weight: 600 !important;
  }

  .tradeBid .lstVWContainer .buyaucitonflex .crnntbid .bidAmnt {
    font-weight: 700 !important;
  }

  .lstCard .actnCntnr .tmrCntnr .tmrTxt {
    font-size: 16px !important;
    font-weight: 600;
  }

  .lstCard .actnCntnr .tmrCntnr .tmrTxt span {
    font-size: 16px !important;
    font-weight: 600;
  }

  .lstCard .pdtDtlContnr .infoLn {
    font-size: 14px;
  }

  .lstCard .pdtDtlContnr .pdtTtle {
    max-width: inherit;
    font-size: 16px;
  }

  .customs-select .select-items {
    font-size: 13px;
    right: -28px;
    top: 35px;
    width: calc(100% + 75px);
  }

  .customs-select-layout,
  .customs-select .select-selected {
    font-size: 13px;
  }

  .customs-select-layout::after {
    right: -24px;
    top: -8px;
  }

  .customs-select .select-selected::after {
    right: 0px;
    top: 0;
    left: 100%;
    border: 0;
    height: 100%;
    bottom: 0;
    margin: auto;
    display: inline-table;
  }

  .tradeBid .topListing .sort .customs-select-layout select,
  .tradeBid .topListing .sort .customs-select-layout {
    width: 100%;
  }

  .tradeBid .topListing .sort .customs-select-layout {
    padding-left: 5px;
  }

  .sortViewForMbl,
  .tradeBid .topListing .filterForm_1 .sortViewForMbl + .sort {
    width: fit-content;
  }

  .tradeBid .topListing .tabsHead {
    grid-template-columns: 100%;
  }

  .sortViewForMbl {
    display: block;
  }

  .tradeBid .filterSec {
    margin-top: 16px;
  }

  .tradeBid .topListing .filterForm_1 .sort {
    min-width: fit-content;
    width: 100%;
    border-radius: 100px;
    padding-right: 25px;
    margin-right: 15px;
  }

  .tradeBid .topListing .sort {
    justify-content: flex-start !important;
  }

  .filterSec .userCards.lstVWContainer {
    width: 100% !important;
  }

  .UserEnty .userForm input.site-input,
  .multiselect-native-select .multiselect {
    font-size: 14px !important;
  }

  .productDetails .mobileScreenView .proViewTpBn small {
    position: absolute;
    top: 40px;
    font-size: 10px;
    left: 0;
    line-height: 15px;
    right: 0;
    text-align: center;
    margin-top: 3px;
  }

  .dash-Bdy-Cnt .formSubTitle {
    font-size: 14px;
    line-height: 19px;
  }

  .modal.tanCheck .modal-body .tanField {
    max-width: 260px !important;
  }

  .modal.tanCheck .modal-body {
    padding: 30px 29px;
    padding-bottom: 0px;
  }

  .swal-overlay .swal-modal.purchaseConform .swal-footer {
    text-align: center;
  }

  .swal-overlay .swal-modal .swal-footer .swal-button-container {
    margin: 0 3px;
  }

  .swal-overlay .swal-modal.maxBdd .swal-text {
    padding-top: 30px;
    padding-bottom: 57px;
  }

  .VehicleDetailsInfo .info_Brdr .ulLins {
    /* padding-bottom: 40px; */
  }

  .tradeBid .commectCnt p {
    font-size: 14px;
    line-height: 19px;
  }

  .tradeBid .placeAmout .bidBtn .btnPrim {
    padding: 5px 5px;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .tradeBid .tradeCurrency .tradeColumn .lblSpan {
    font-size: 14px;
    line-height: 19px;
  }

  .modal-content .modal-header .modal-title {
    font-size: 16px;
  }

  .mkofferSec {
    display: block !important;
  }

  .modal-content .modal-body p,
  #buynowmodal .modal-body p.des {
    line-height: 24px;
    font-size: 16px;
  }

  .tradeBid .bidTimer {
    padding: 12px 0px;
  }

  .ProductViewSection .thumnailCarosal #custCarousel .carousel-indicators {
    margin-bottom: 25px;
    margin-top: 10px;
    height: 7px;
    text-align: center;
  }

  .ProductViewSection .thumnailCarosal #custCarousel .carousel-indicators li {
    width: 6px;
    height: 6px;
    min-width: 6px;
    max-width: 6px;
    background: #888888;
    border-radius: 49px;
    margin: auto;
    margin-right: 7px;
  }

  .carousel-indicators.mobileViewIndicators {
    display: block;
  }

  .ProductViewSection {
    padding: 16px 20px;
  }

  .modal-open .modal {
    height: 100%;
  }

  .modal.show .modal-dialog {
    height: 100vh;
  }

  header .mobileNavs {
    overflow: auto;
    max-height: 570px;
    padding: 0 23px;
    font-size: 16px;
    font-family: "Open Sans", sans-serif;
    padding-bottom: 42px;
    font-weight: 700;
  }

  header .beforeLoginNavMobile.mobileNavs {
    padding-top: 56px;
  }

  header .mobileNavs .nav-item .nav-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
  }

  .grdCard .pdtDtlContnr .pdtTtle {
    font-size: 16px;
  }

  .grdCard .pdtDtlContnr .infoLn {
    font-size: 14px;
  }

  .grdCard .pdtDtlContnr .spcsList,
  .grdCard .pdtDtlContnr .slrNm {
    font-size: 12px;
  }

  .grdCard .imgContainer,
  .grdCard .imgContainer img {
    height: 207px;
  }

  .grdCard .tmrCntnr .tmrTxt {
    font-size: 14px;
    font-family: "Open Sans", sans-serif;
    font-weight: 700;
  }

  .grdCard .crntBidDtl label b,
  .grdCard .tmrCntnr label {
    font-weight: 600;
    font-size: 12px;
  }

  .grdCard .crntBidDtl label {
    font-size: 12px;
    margin: auto 0;
    margin-top: 2px;
  }

  .grdCard .crntBidDtl label b {
    font-weight: 700 !important;
  }

  .tradeBid .infoBackWrpr .rtDiv .txtWthIcon {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start !important;
  }

  .tradeBid .infoBackWrpr .rtDiv .txtCntnr {
    max-width: 100%;
    padding-left: 0;
    padding-top: 20px;
  }

  .tradeBid .infoBackWrpr .rtDiv .txtWthIcon .iconContainer img {
    width: 50px;
    height: 50px;
  }

  .userCards.lstVWContainer,
  .tradeBid .lefSideFilter {
    max-width: 100%;
    width: 100% !important;
  }

  .tradeBid .topListing .sort select {
    font-size: 13px;
    color: var(--darkblack);
  }

  .UserEnty .userForm.dash_Profile_Form h5 {
    font-size: 18px;
    padding-top: 20px;
    margin-bottom: 30px !important;
  }

  .ProductViewSection .prodtCarosalSec {
    max-width: 100%;
  }

  .cstmContainer.dashContainer .tbInrCntnr .userForm {
    margin-left: 0;
    margin-right: 0;
  }

  .cstmContainer.dashContainer .dshTabCntnt .tbInrCntnr .dshInrTabs,
  .cstmTable.table thead th {
    padding: 7px !important;
  }

  .cstmTable.table th.notiFstchild,
  .cstmTable.table td.notiFstchild {
    padding-left: 5px;
    padding-right: 5px;
  }

  .cstmTable.table th.notiLstchild,
  .cstmTable.table td.notiLstchild {
    padding-left: 5px;
    padding-right: 5px;
  }

  .drawerFootLi .drawerFootUl .drawerFoot {
    padding-right: 10px;
  }

  .drawerFootLi .drawerFootUl .drawerFoot p {
    font-size: 12px;
    font-weight: 500;
    color: #888888;
    line-height: 16px;
    margin-bottom: 10px;
  }

  .drawerFootLi .drawerFootUl .drawerFoot:nth-last-child(1) p {
    margin-bottom: 0;
  }

  .drawerFootLi .drawerFootUl .nav-item .nav-link {
    color: var(--TB_torchred);
  }

  .drawerFootLi .drawerFootUl .nav-item {
    padding-bottom: 5%;
  }

  .drawerFootLi {
    /* position: absolute; */
    padding-top: 20px;
    left: 23px;
    right: 23px;
    bottom: 33px;
  }

  .bfrLgn .drawerFootLi {
    position: absolute;
  }

  .drawerFootLi .drawerFootUl,
  .dividedli .dividedul {
    padding: 0;
    list-style-type: none;
  }

  .dividedli {
    padding-top: 15px;
  }

  .cstmContainer.dashContainer .tbInrCntnr .pagination li.page-item {
    padding-right: 0;
  }

  header.bfrLgn .mobileNavs {
    height: calc(100% - 11%);
  }

  header .mobileNavs .nav-item.active .nav-link,
  header .mobileNavs .nav-item .nav-link:hover {
    color: #888888;
  }

  header .mobileNavs .nav-item .nav-link {
    color: var(--darkblack);
    font-family: "Open Sans", sans-serif;
    padding-bottom: 12px;
    font-size: 16px;
    padding-top: 0px;
    white-space: nowrap;
    font-weight: 700;
  }

  header .mobileNavs .nav-item .nav-link span.material-icons-outlined {
    width: 23px;
    font-size: 30px;
    padding: 0;
  }

  header.bfrLgn .mobileNavs {
    max-height: 100%;
    /* height: calc(100vh - 29vh);
    position: relative; */
  }

  header.bfrLgn .mobileNavs .drawerFootLi {
    position: absolute;
    bottom: 0;
    top: auto;
  }

  .afterLogin .drawerMenuheader {
    padding-top: 19px;
    padding-bottom: 40px;
  }

  .ProductViewSection .prd_cnt .sub-tit .infoIcon {
    width: 40px;
  }

  .ProductViewSection .productDetails {
    max-width: 100%;
  }

  .bid_status_msg {
    font-size: 13px;
  }

  .cstmContainer.dashContainer {
    padding: 20px 23px;
  }

  .swal-overlay .swal-modal .swal-title {
    text-align: center;
  }

  .modal .modal-content .modal-header {
    padding: 20px 20px;
  }

  .modal .modal-body {
    padding: 20px;
    padding-bottom: 20px;
    max-height: 75vh;
  }

  .swal-modal {
    width: 100% !important;
    max-width: calc(100% - 25px) !important;
  }

  .mobileviewLnks #fav_id,
  .mobileviewLnks #fav_id .btnPrim,
  .mobileviewLnks #fav_id .btnPrimOut,
  .mobileviewLnks .proViewTpBn .btnPrimout {
    max-width: 100%;
    min-width: 100%;
  }

  .mobileviewLnks #fav_id {
    width: 100%;
    margin-right: 0;
    margin-bottom: 15px;
  }

  .mobileviewLnks #fav_id.proViewTpBn {
    margin-bottom: 0;
  }

  .mobileScreenView.mobileviewLnks {
    display: block !important;
  }

  .mobileviewLnks {
    flex-direction: column;
    margin-top: 15px;
  }

  .martop-15 {
    margin-top: 15px !important;
  }

  .VehicleDetailsInfo .info_Brdr .ulLins ul {
    margin-bottom: 0;
  }

  header .navbar {
    padding-left: 23px;
    padding-right: 23px;
    padding-top: 21px;
    padding-bottom: 21px;
  }

  .tradeBid .disCloser .handCdnRpt .vhr {
    font-size: 12px;
    padding: 5px 18px;
  }

  .tradeBid .disCloser {
    gap: 20px;
    padding-bottom: 40px;
  }

  .tradeBid .dsclrTxt {
    font-size: 18px;
    margin-bottom: 20px;
  }

  .VehicleDetailsInfo .info_Brdr .ulLins ul li,
  .tradeBid .disCloser .disSubTitle {
    font-size: 14px;
  }

  .VehicleDetailsInfo .info_Brdr .ulLins ul li {
    padding-bottom: 20px;
  }

  .tradeBid .disCloser .handCdnRpt .handTit {
    font-size: 14px;
    margin-bottom: 3px;
  }

  .tradeBid .disCloser .handCdnRpt {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
  }

  .VehicleDetailsInfo .info_Brdr {
    padding-top: 35px;
  }

  .VehicleDetailsInfo .info_Brdr .tit {
    margin-bottom: 20px;
  }

  .VehicleDetailsInfo .info_Brdr .subtit,
  .VehicleDetailsInfo .info_Brdr .tit,
  .ProductViewSection .prd_cnt .tit a {
    font-size: 18px;
  }

  .tradeBid .bidTimer .form-control-plaintext.plcBid,
  .tradeBid .bidTimer .form-control-plaintext.amount_txt {
    color: var(--darkblack);
  }

  .tradeBid .bidAmtHstryDtls .txtCenter label {
    margin-bottom: 3px;
  }

  .tradeBid .bidAmtHstryDtls .txtCenter {
    text-align: center;
  }

  .tradeBid .bidAmtHstryDtls .lblSpan {
    font-size: 14px;
    font-weight: 500;
  }

  .tradeBid .bidTimer .form-control-plaintext {
    font-size: 18px;
    padding: 0;
    line-height: 24px;
  }

  .tradeBid .tradeCurrency {
    padding-top: 17px;
  }

  .tradeBid .bidAmtHstryDtls {
    padding: 17px 10px;
    padding-bottom: 0;
  }

  .tradeBid .timeEnds {
    padding-top: 0px;
    padding-bottom: 10px;
  }

  .ProductViewSection .productDetails .productTit {
    display: none !important;
  }

  .carousel-indicators {
    display: none;
  }

  .tradeBid .timeEnds label {
    font-size: 14px;
    font-weight: 500;
  }

  .tradeBid .timeEnds .tmrTxt {
    font-size: 18px;
    font-family: "Open Sans", sans-serif;
    font-weight: 700;
  }

  .ProductViewSection .thumnailCarosal .carousel-inner img,
  .ProductViewSection .thumnailCarosal .carousel-inner {
    height: auto;
    max-height: 213px;
    min-height: 213px;
  }

  .ProductViewSection {
    grid-template-columns: 100%;
    padding: 20px 20px;
    grid-gap: 0px;
    padding-bottom: 0;
  }

  .ProductViewSection .prd_cnt .tit {
    margin-bottom: 10px;
  }

  .ProductViewSection .prd_cnt .tit a {
    font-size: 16px;
    font-family: "Open Sans", sans-serif;
    line-height: 21px;
    font-weight: 700;
  }

  .ProductViewSection .prd_cnt {
    padding-bottom: 20px;
  }

  .ProductViewSection .prd_cnt .small {
    font-size: 14px;
    font-weight: 600;
    line-height: 19px;
  }

  .ProductViewSection .prd_cnt .sub-tit {
    font-size: 13px;
    font-weight: 500;
    color: var(--TB_darkgreycolor-300);
    margin-bottom: 0;
    margin-top: 2px;
  }

  .ProductViewSection .prd_cnt .spcsList {
    font-size: 13px;
    line-height: 18px;
    margin-bottom: 10px !important;
    color: #676767;
  }

  .lstCard .btnStk .flexmobileVIew .plnBtn,
  .lstCard .actnCntnr .flexmobileVIew .primButton {
    width: calc(50% - 5px);
    height: 30px;
    padding: 6px 5px;
  }

  .flexmobileVIew {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    flex-direction: row-reverse;
  }

  .lstCard .btnStk .plnBtn {
    margin-top: 0 !important;
  }

  .lstCard .pdtDtlContnr .slrNm {
    font-size: 16px;
    margin-bottom: 4px !important;
    margin-top: 4px;
  }

  .lstCard .pdtDtlContnr .infoLn {
    font-size: 16px;
    margin-bottom: 4px !important;
    margin-top: 3px;
  }

  .tradeBid .topListing .sort label {
    margin-right: 0px;
    font-size: 13px;
    font-family: "Open Sans", sans-serif;
    font-weight: 700;
  }

  .noRecord {
    font-size: 16px;
    font-weight: 500;
    color: var(--darkblack);
    /* position: absolute; */
    top: 0;
    bottom: 0;
    margin: auto;
    display: flex;
    align-items: center;
    flex-direction: column;
    left: 0;
    justify-content: center;
    height: 150px;
    right: 0;
  }

  .foryoufixedtp {
    flex-wrap: wrap;
    justify-content: flex-start;
    padding: 10px 25px 10px 10px;
  }

  .tradeBid .lefSideFilter .CaterFilterFoot .applyFilter {
    position: relative;
  }

  .tradeBid .lefSideFilter .CaterFilterFoot .applyFilter::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    top: 0;
    right: auto;
    background-color: var(--darkgreycolor-200);
    width: 1px;
    height: 50%;
    margin: auto;
    min-height: 40px;
  }

  .tradeBid .lefSideFilter .CaterFilterFoot {
    display: flex;
  }

  .tradeBid .lefSideFilter .CaterFilterFoot .mobileScreenView,
  .mobileScreenView.navbar-nav,
  .mobileScreenView {
    display: block;
  }

  .CaterFilterFoot .appyText {
    display: none;
  }

  .lefSideFilter .filterTit {
    font-size: 14px;
    font-weight: 600;
    color: var(--darkblack);
    padding: 20px 0;
    display: block;
  }

  .tradeBid .lefSideFilter .accordentCollasps {
    background: var(--backgroundColor);
  }

  .tradeBid #site-navigation #filterForm {
    width: calc(100% - 50px);
    margin: auto;
  }

  .tradeBid #site-navigation {
    height: calc(100% - 48px);
    margin: auto;
    margin-bottom: 0px;
    position: fixed;
    padding-top: 20px;
    top: 78px;
    left: 0;
    bottom: 0;
    right: 0;
    background: #d9d9d9;
    z-index: 99999;
  }

  .tradeBid .topListing .sort {
    margin-bottom: 0;
  }

  .VehicleDetailsInfo {
    padding: 25px 20px;
  }

  .searchtabFilter .searchtabFilter_Nav li.active a span {
    color: var(--darkblack);
  }

  .searchtabFilter .searchtabFilter_Nav li a span {
    font-size: 18px;
    font-family: "Open Sans", sans-serif;
    color: var(--TB_darkgreycolor-300);
    font-weight: 700;
  }

  .searchtabFilter .searchtabFilter_Nav li a {
    font-size: 11px;
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    white-space: nowrap;
    padding: 0px 15px;
  }

  #goBackico,
  .drawerMenuheader,
  .filterVectorico {
    display: block;
  }

  .tradeBid #site-navigation {
    display: none;
  }

  .lstCard .pdtDtlContnr .spcsList.xsLeftz {
    margin-bottom: 0 !important;
    padding-left: 0;
    padding-top: 0;
    font-size: 14px;
  }

  .lstCard .actnCntnr .tmrCntnr .tmrTxt span,
  .lstCard .actnCntnr .tmrCntnr .tmrTxt {
    font-size: 14px;
    font-family: "Open Sans", sans-serif;
    font-weight: 700;
  }

  .lstCard .actnCntnr .tmrCntnr {
    justify-content: flex-start;
    padding: 10px 10px;
  }

  .buyaucitonflex .buynow .bidAmnt,
  .buyaucitonflex .crnntbid .bidAmnt {
    margin-left: 7px !important;
    font-size: 14px;
  }

  .lstCard .actnCntnr label {
    margin: auto 0;
    font-size: 13px;
    font-weight: 600;
  }

  .buyaucitonflex .buynow,
  .buyaucitonflex .crnntbid {
    text-align: left;
    display: flex;
    align-items: center;
  }

  .lstCard .actnCntnr .btnStk .crntBidDtl {
    padding-bottom: 28px;
  }

  .grdCard .btnStk .plnBtn,
  .lstCard .btnStk .plnBtn,
  .lstCard .actnCntnr .primButton {
    width: 100%;
  }

  .grdCard .btnStk .primButton,
  .grdCard .btnStk .plnBtn {
    height: 30px;
  }

  .lstCard .actnCntnr .tmrCntnr label {
    font-size: 13px;
  }

  .lstCard .actnCntnr .btnStk {
    padding-top: 15px;
    padding-bottom: 20px;
    padding-left: 6px;
    padding-right: 6px;
  }

  .lstCard .pdtDtlContnr .spcsList {
    padding: 0;
  }

  .lstCard .actnCntnr {
    padding: 0 !important;
    margin: 0px;
    display: block;
    width: 30%;
    /* width: -webkit-fill-available;
    max-width: -webkit-fill-available; */
  }

  .lstVWContainer .lstCard {
    border-radius: 0;
    /* padding: 0; */
  }

  header .reverserow .navbar-toggler .navbar-toggler-icon {
    width: 19px;
    height: 2px;
    border-radius: 100px;
    background-color: var(--backgroundColor);
    background-image: unset;
    display: block;
    background: var(--backgroundColor);
  }

  header .reverserow .navbar-brand {
    margin-right: auto;
    margin-left: auto;
  }

  header .reverserow .navbar-toggler {
    padding: 0;
    background-color: unset;
    display: grid;
    grid-auto-rows: 7px;
  }

  header#headCls .navbar-light .navbar-toggler-icon {
    filter: invert(1);
  }

  .cstmContainer.dashContainer .dshTabCntnt .tbInrCntnr .cstmHrzlNav {
    padding-top: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
    padding-right: 5px;
  }

  .cstmContainer.dashContainer .tbInrCntnr.noBack {
    display: none;
  }

  .lstCard .pdtDtlContnr .spcsList,
  .lstCard .pdtDtlContnr {
    width: 100%;
    max-width: 100%;
    padding: 11px 20px;
    padding-bottom: 0;
  }

  .lstCard .pdtDtlContnr {
    width: calc(100% - 60%);
  }

  .lstCard .imgContainer img {
    width: 100%;
    max-width: 100%;
    height: 100%;
    margin: auto;
    text-align: center;
  }

  .lstCard .imgContainer {
    width: 100%;
    overflow: hidden;
    /* padding: 10px; */
    margin: auto;
    height: 200px;
  }

  .lstCard img {
    width: 100%;
    overflow: hidden;
    /* padding: 10px; */
    margin: auto;
    height: 200px;
  }

  .lstCard .imgContainer {
    width: 35%;
  }

  .lstCard {
    padding-left: 16px;
    /* flex-direction: column; */
  }

  header .navbar-brand .object {
    width: 160px;
  }

  .aftrLgnHeader .aftrLgnHdr.navbar .srchCntnr input,
  .aftrLgnHdr.navbar .srchCntnr input {
    border: 1px solid var(--backgroundColor);
    color: var(--backgroundColor);
  }

  .aftrLgnHdr.navbar .srchCntnr {
    max-width: 300px;
    margin-left: auto;
    flex-flow: row;
    margin: 0 auto;
    position: static;
    margin-top: 175px;
    margin-bottom: 25px;
  }

  header.home_page .navbar-light .navbar-toggler-icon {
    filter: invert(1);
  }

  header .navbar-light .navbar-toggler-icon {
    filter: invert(0);
  }

  header .aftrLgnHdr.navbar .srchCntnr .primButton {
    border: 1px solid var(--backgroundColor);
  }

  header.bfrLgn .navbar .navbar-toggler,
  header.aftrLgnHdr .navbar .navbar-toggler {
    padding: 5px 10px;
  }

  .tradeBid .bfrLgn .navbar-light .navbar-nav .nav-link,
  .aftrLgnHeader .aftrLgnHdr.navbar .nav-link,
  .aftrLgnHdr.navbar .nav-link {
    /* color: var(--backgroundColor) !important; */
  }

  #close,
  .mobileView {
    display: block;
    margin-bottom: 15px;
  }

  #close {
    padding: 0;
  }

  .drawerMenuheader h4 {
    margin: 0;
    font-size: 20px;
    font-weight: 700;
  }

  .drawerMenuheader {
    display: flex;
    align-items: center;
    background: rgb(255 255 255);
    padding: 20px 23px;
    padding-right: 20px;
    justify-content: space-between;
  }

  .overlay .closebtn {
    font-size: 38px;
    color: #000000;
    line-height: 2px;
  }

  .mobileHide {
    display: none !important;
  }

  .overlay {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    background-color: var(--backgroundColor);
    overflow-x: hidden;
    transition: 0.5s;
  }

  .customPopupTable.PushNotifiction {
    text-align: center;
  }

  .overlay-content {
    position: relative;
    width: 100%;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px;
    padding: 0px 23px;
  }

  .overlay-content li {
    margin-bottom: 20px;
  }

  .overlay .mobileView .secButton.button {
    color: #000000;
  }

  .overlay .mobileView a {
    width: auto;
    max-width: 200px;
    margin: 0;
    font-size: 16px;
    font-weight: 600;
  }

  .overlay a {
    padding: 8px;
    text-decoration: none;
    font-size: 16px;
    display: block;
    transition: 0.3s;
  }

  .aftrLgnHeader .aftrLgnHdr.navbar .prflImg,
  .aftrLgnHdr.navbar .prflImg {
    filter: invert(1);
  }

  .overlay a:hover,
  .overlay a:focus {
    color: #f1f1f1;
  }

  /* .overlay .closebtn {
    position: absolute;
    top: 20px;
    right: 45px;
    font-size: 60px;
  } */
}

@media (max-width: 991px) and (min-width: 768px) {
  .lstCard .buyaucitonflex {
    flex-direction: column;
    align-items: start;
    justify-content: start;
  }
}

@media (max-width: 950px) {
  /* .tradeBid #site-navigation label[for="toggle-mobile-menu"] {
    display: flex;
    justify-content: space-between;
    padding: 5px 25px;
    margin: 0;
  } */
  /* .tradeBid .lefSideFilter {
    max-width: 100%;
  } */
  /* .tradeBid #site-navigation label {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 1rem;
  } */
  /* .tradeBid #site-navigation { */
  /* display: block;
    background: #000000;
    height: 48px;
    padding: 12px 0px;
    color: var(--backgroundColor); */
  /* } */
  /* .tradeBid form#filterForm {
    position: relative;
  } */
  /* .tradeBid #site-navigation > input {
    display: block;
    opacity: 0;
  }
  .tradeBid #site-navigation #main-menu {
    display: none;
    z-index: 999;
    position: absolute;
    width: 100%;
    background: #dddddd;
    top: 9px;
  }
  .tradeBid #site-navigation {
    height: auto;
    margin: auto;
    margin-bottom: 20px;
  } */
  .tradeBid .filterSec {
    margin-top: 20px;
  }

  /* .tradeBid #site-navigation #main-menu {
    display: none;
  } */
  /* .tradeBid #site-navigation > label {
    display: none;
  }
  .tradeBid #site-navigation ul li {
    display: inline-block;
  } */
  .tradeBid .filterSec {
    grid-template-columns: 100%;
    /* height: 100%;
    overflow: auto; */
  }

  .tradeBid .topListing .cstmHrzlNav .nav-link {
    padding: 6px;
  }

  .UserEnty .userForm h4 {
    /* margin: 20px auto; */
  }

  .UserEnty .userForm {
    margin: 25px 25px;
  }

  .tradeBid .checkOutSec .checkOutStepSec {
    grid-template-columns: 100%;
  }

  .UserEnty .userForm a {
    font-size: 14px;
  }
}

@media (max-width: 940px) {
  .filterSec {
    flex-wrap: wrap;
  }
}

@media (max-width: 890px) {
  .logBackWrapper.signupWrapper .userForm {
    max-width: calc(100% - 60px);
  }

  .cstmTable.table tbody td {
    overflow: auto;
    font-size: 12px;
  }

  .cstmTable.table th,
  .cstmTable.table td {
    padding: 0.25rem;
  }

  .cstmTable.table {
    display: block;
    width: 100%;
  }

  .cstmTable.table tbody,
  .cstmTable.table thead,
  .cstmTable.table thead th {
    display: block;
  }

  .cstmTable.table tbody {
    width: auto;
    position: relative;
    overflow-x: auto;
    /* min-width: calc(100vw - 60vw); */
  }

  .cstmTable.table tbody tr {
    min-width: 120px;
    display: table-cell;
  }

  .cstmTable.table tbody td:nth-last-child(1) {
    align-items: center;
  }

  .cstmTable.table thead th {
    height: 60px;
    width: 115px;
    font-size: 13px;
    word-break: break-word;
    display: flex;
    align-items: center;
  }

  .cstmTable.table tbody td {
    display: block;
    text-align: center;
    height: 60px;
    display: flex;
    width: 100% !important;
    justify-content: center;
  }

  .cstmTable.table thead {
    float: left;
  }

  /* .tradeBid .topListing .tabsHead {
    grid-template-columns: auto;
  } */

  .tradeBid .topListing p {
    bottom: 0;
    top: auto;
  }

  .tradeBid .topListing .sort {
    /* margin-bottom: 20px; */
  }
}

@media (max-width: 870px) and (max-width: 890px) {
  .tradeBid .checkOutSec .checkOutStepSec {
    grid-template-columns: 100%;
  }
}

@media (max-width: 850px) {
  .tradeBid .tradeCurrency.noCapColumn {
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  }

  .tradeBid .disCloser {
    grid-template-columns: 1fr;
  }

  .grdCard .buyaucitonflex .buynow,
  .grdCard .buyaucitonflex .crnntbid {
    flex-direction: row;
  }

  .UserEnty .userForm {
    margin: 25px 35px;
    min-width: 35%;
  }

  .tradeBid .lefSideFilter {
    max-width: unset;
  }

  /* .tradeBid .bannerContent img[alt='Banner Img'] {
    height: 100vh;
  } */
  .UserEnty figure {
    min-width: 45%;
  }
}

@media (max-width: 768px) {
  .bidAmtHstryDtls .hrLine {
    margin: 20px 0;
  }

  .tradeBid .footer .topFtrCntnr .lftMnCntnr {
    margin-left: 0;
  }

  .cstmContainer .tradeContainer .ProductViewSection .thumnailCarosal {
    margin: 0 -15px;
  }

  .tradeBid .footer .topFtrCntnr {
    flex-direction: column;
  }

  .tradeBid .footer .stMpLnks {
    width: 100%;
    margin-top: 25px;
  }

  .tradeBid .footer .topFtrCntnr .lftMnCntnr img {
    max-width: 97px;
    object-fit: contain;
    height: 16px;
    width: 97px;
  }

  footer .btmCpyRtcntnr {
    padding-right: 60px;
  }

  footer .btmCpyRtcntnr p {
    font-size: 12px;
    line-height: 16px;
    text-align: left;
    /* color: #04080F; */
    margin-bottom: 5px;
  }

  footer .btmCpyRtcntnr p:nth-child(2) {
    margin-bottom: 0;
  }

  .tradeBid .footer .stMpLnks .stLnkSctn {
    margin-left: 0;
    width: 33%;
  }

  header .navbar,
  .tradeBid .footer,
  .cstmContainer.dashContainer {
    /* padding: 1.5625rem 1rem; */
  }

  /* .ProductViewSection {
    padding: 1.5625rem 2rem;
    grid-gap: 15px;
    grid-template-columns: 42% 56%;
  } */
  .VehicleDetailsInfo .info_Brdr .ulLins {
    grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));
    grid-gap: 20px;
  }

  .tradeBid .bannerContent .bannerInnerTxt {
    transform: translate(35px, 20%);
  }

  .tradeBid h3.slHdrCl br {
    display: none;
  }
}

@media (max-width: 767px) {
  .notifyContainer {
    margin: 19px auto;
    margin-top: 10px;
  }
  .mobileNotyDesign .card-body .cardInnerGrd img {
    margin: 19px auto;
    margin-top: 10px;
  }
  .lstCard .pdtDtlContnr .findLoc .flgIco {
    width: 15px;
    height: 15px;
    min-width: 15px;
    max-width: 15px;
    margin: 0;
  }

  .lstCard .actnCntnr .btnStk .crntBidDtl {
    /* padding-bottom: 24px; */
    height: auto;
  }

  .btn.tagButtons {
    font-size: 12px;
    background-color: #f1f1f1;
    padding: 5px 12px;
    border-radius: 20px;
    border: 1px solid #dddddd;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
  }

  .buttonWithTag {
    margin-top: 8px;
  }

  .tradeBid .commectCnt p {
    font-size: 14px;
  }

  .sortViewForMbl,
  .tradeBid .topListing .filterForm_1 .sortViewForMbl + .sort {
    width: fit-content;
  }

  .tradeBid .placeAmout .crdBdy i {
    padding-top: 0;
  }

  .grdCard .tmrCntnr .tmrTxt {
    font-weight: 700;
  }

  #v-pills-arbitration .UserEnty .userForm .group {
    margin-bottom: 20px;
  }

  .spanErrorTag {
    bottom: -18px;
    font-size: 12px;
  }

  #v-pills-arbitration .arbitBtnGrp .primButton {
    min-width: 120px !important;
    width: 100%;
    max-width: 120px;
    font-size: 14px;
    margin-bottom: 15px !important;
  }

  #arbitration_info {
    padding-bottom: 40px !important;
    padding-top: 22px;
  }

  .cstmTable.table tbody td.FnllTD {
    height: 45px;
  }

  #pills-tabContent .cusChkk input,
  #pills-shippingDetails .cusChkk input {
    margin: 0px auto !important;
    margin-right: 0px !important;
  }

  #pills-tabContent .cusChkk .checkmark::after,
  #pills-shippingDetails .cusChkk .checkmark::after {
    left: auto;
    height: 12px;
    right: 6px;
    top: 2px;
  }

  #pills-shippingDetails .cstmTable.table td:before {
    /* top: -2px; */
  }

  #pills-tabContent .cusChkk input:checked ~ .checkmark::before,
  #pills-shippingDetails .cusChkk .checkmark::before {
    left: auto;
    top: 0;
  }

  #v-pills-tabContent-savedsearch .watchListBtn .primButton {
    margin-right: 10px;
  }

  #v-pills-tabContent-savedsearch .watchListBtn {
    flex-direction: row;
  }

  #add_shipping_popup #shipping_form .group {
    margin-bottom: 30px;
  }

  #shipping_form #save_button,
  #add_bank_popup #submit-button {
    min-width: 160px;
  }

  #add_bank_popup .modal-body .group input,
  #shipping_form .modal-body label[type="label"],
  #add_bank_popup .modal-body label[type="label"] {
    font-size: 14px;
  }

  #shipping_form .modal-body .banIban,
  #add_bank_popup .modal-body .banIban {
    line-height: 19px;
    font-size: 12px;
  }

  .cstmContainer.dashContainer .tbInrCntnr .Tit_card {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .mobileNotificationSec .dash-Bdy-Cnt {
    margin-top: 30px;
    margin-bottom: 47px;
  }

  .mobileNotificationSec .dash-Bdy-Cnt .toggleSwitchNotify .rightToggle {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
  }

  .mobileNotificationSec .dash-Bdy-Cnt .btnGrpSec .primButton {
    min-width: 120px;
    width: 100%;
    max-width: 120px;
    margin-bottom: 15px !important;
  }

  .mobileNotificationSec .dash-Bdy-Cnt .toggleSwitchNotify {
    display: grid;
    grid-template-columns: 50% 45%;
    gap: 15px;
    margin-bottom: 30px;
  }

  .UserEnty .userForm #password_form .group,
  .UserEnty .userForm #profile_info .group {
    margin-bottom: 30px;
  }

  .prfileSecton .dash-Bdy-Cnt .formSubTitle {
    font-size: 16px;
    line-height: 21px;
    margin-top: 27px;
  }

  .parsley-errors-list.filled {
    font-size: 11px;
    margin-bottom: 5px;
  }

  #Commonmsgwithoutrefresh .modal-content .modal-header,
  #Commonmsgwithoutrefresh .modal-body {
    text-align: left;
    justify-content: flex-start;
  }

  #Commonmsgwithoutrefresh .modal-footer {
    padding: 0 15px;
    padding-top: 20px;
    padding-bottom: 25px !important;
    justify-content: start;
  }

  #Commonmsgwithoutrefresh .modal-footer .primButton {
    min-width: 120px;
    max-width: 120px;
    width: 100%;
    margin-bottom: 0px !important;
    width: 120px;
    margin: 0;
    font-size: 14px;
    height: 40px;
  }

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

  .tradeBid .placeAmout .auctionRow,
  .tradeBid .buyNowSecnn .auctionRow {
    flex-direction: row;
    flex-wrap: nowrap;
  }

  /* .tradeBid .placeAmout .buynowValue {
    width: 128px;
    padding-right: 5px;
  }

  .tradeBid .placeAmout .buynowBtnClick {
    width: 110px;
    margin-left: 0;
    padding: 0;
  } */

  .ProductViewSection .prd_cnt .spcsList span.lbl {
    font-size: 13px;
  }

  .ProductViewSection .prd_cnt .sub-tit {
    margin-bottom: 0;
    margin-top: 2px;
  }

  .tradeBid .lefSideFilter .accordentCollasps .btn {
    font-size: 16px;
  }

  .tradeBid .lefSideFilter .accordentCollasps .accDown .filterActive {
    top: 25px;
    right: 45px;
  }

  .tradeBid .lstVWContainer .lstCard .actnCntnr {
    margin-top: 0;
    max-width: -moz-available;
    min-width: -moz-available;
    width: 100%;
  }

  .lstCard .imgContainer .imgCountWrp,
  .grdCard .imgContainer .imgCountWrp {
    width: 57px;
  }

  .tradeBid .lstVWContainer .lstCard .imgContainer .imgCountWrp span {
    font-size: 14px;
  }

  .tradeBid
    .lstVWContainer
    .lstCard
    .pdtDtlContnr
    .slrNm
    .tradeBid
    .lstVWContainer
    .lstCard
    .pdtDtlContnr
    .pdtTtle {
    line-height: 24px;
  }

  .tradeBid .lstVWContainer .lstCard .actnCntnr .btnStk .crntBidDtl {
    padding-left: 10px;
    padding-right: 10px;
  }

  .tradeBid .lstVWContainer .lstCard .actnCntnr .tmrCntnr {
    padding: 10px 20px;
  }

  .tradeBid .lstVWContainer .lstCard .actnCntnr label,
  .tradeBid .lstVWContainer.buyaucitonflex .buynow .bidAmnt,
  .tradeBid .lstVWContainer .buyaucitonflex .crnntbid .bidAmnt {
    font-size: 14px;
    font-weight: 600;
  }

  .buyaucitonflex .buynow .bidAmnt,
  .buyaucitonflex .crnntbid .bidAmnt {
    font-weight: 600;
    font-size: 14px;
  }

  .tradeBid .lstVWContainer .lstCard .pdtDtlContnr .infoLn {
    max-width: 100%;
    line-height: 21px;
  }

  .tradeBid .lstVWContainer .lstCard .infoIcon {
    height: 15px;
    /* display: block; */
    text-align: left;
    margin-left: 0;
    width: auto;
    min-width: 30px;
  }

  .tradeBid .lstVWContainer .lstCard .pdtDtlContnr .spcsList {
    padding: 0;
  }

  .tradeBid .lstVWContainer .lstCard .pdtDtlContnr {
    padding: 10px 16px;
    width: 100%;
  }

  .tradeBid .lstVWContainer .lstCard img,
  .tradeBid .lstVWContainer .lstCard .imgContainer {
    height: 226px;
    min-width: 100%;
  }

  .tradeBid .lstVWContainer .lstCard .imgContainer .imgCountWrp img {
    height: 16px;
    object-fit: scale-down;
    min-width: auto;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
  }

  .customs-select .select-items {
    left: -48px;
    right: auto;
  }

  .tradeBid .topListing .sort select {
    cursor: pointer;
  }

  .customs-select .select-selected {
    padding: 0;
  }

  .tradeBid .topListing .sort label {
    margin-right: 3px;
  }

  .customs-select-layout::after {
    right: -27px;
    top: -5px;
    font-size: 20px;
    bottom: 0;
    height: 29px;
  }

  .tradeBid .grdContainer {
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  }

  .tradeBid .topListing .filterForm_1 .sort {
    padding-right: 39px;
  }

  .sortViewForMbl {
    display: block;
    float: left;
    margin-right: 5px;
  }

  .UserEnty .userForm .group {
    margin-top: 5px;
    margin-bottom: 10px;
  }

  label.site-label {
    margin-bottom: 0;
  }

  .cstmTable.table tbody td[data-title~="Description"] {
    -webkit-line-clamp: 2;
    overflow: hidden !important;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    height: auto;
    max-height: 50px;
  }

  .cstmTable.table tbody td .btn {
    border-radius: 0;
    font-size: 13px;
  }

  .cstmTable.table tbody td .lostFlex {
    justify-content: flex-end;
  }

  .cstmTable.table tbody td:nth-last-child(1).noVechicle,
  .cstmTable.table tbody td.noVechicle {
    padding-left: 0;
    text-align: center !important;
    padding-bottom: 200px;
  }

  .cstmContainer.dashContainer .dshTabCntnt .tbInrCntnr .dshInrTabs {
    padding: 0px 20px !important;
  }

  .cstmTable.table th,
  .cstmTable.table td {
    padding: 10px 0;
  }

  .cstmTable.table tbody tr:nth-child(even) {
    background-color: var(--TB_halfCream);
  }

  .cstmTable.table tbody tr {
    display: block;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .cstmTable.table th.notiFstchild,
  .cstmTable.table td.notiFstchild {
    padding: 0;
  }

  .cstmTable.table th.notiFstchild.pyyH,
  .cstmTable.table td.notiFstchild.pyyH {
    padding: 10px 0;
  }

  .cstmTable.table tbody td {
    text-align: unset;
    height: unset;
    display: unset;
  }

  /* Force table to not be like tables anymore */
  .cstmTable.table,
  .cstmTable.table thead,
  .cstmTable.table tbody,
  .cstmTable.table thead th,
  .cstmTable.table tbody td,
  .cstmTable.table tr {
    display: block;
  }

  /* Hide table headers (but not display: none;, for accessibility) */
  .cstmTable.table thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }

  .cstmTable.table tr {
    /* border: 1px solid #ccc; */
  }

  .cstmTable.table tbody td {
    border: none;
    position: relative;
    white-space: normal;
    padding-left: 50%;
    text-align: right !important;
    font-size: 14px;
    font-weight: 500;
    color: var(--darkblack);
    word-break: break-word;
    font-family: var(--fontFamily1);
  }

  .cstmTable.table td p,
  .cstmTable.table td span {
    font-size: 14px;
  }

  .cstmTable.table td:before {
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    top: 10px;
    left: 6px;
    width: 45%;
    padding-right: 10px;
    white-space: nowrap;
    text-align: left;
    font-size: 14px;
    color: var(--darkblack);
    font-weight: 600;
    font-family: var(--fontFamily1);
  }

  /*
	Label the data
	*/
  .cstmTable.table td:before {
    content: attr(data-title);
  }

  /* mobile view css dash layout */

  .mobileDashLayout .customs-select::after {
    content: "";
    position: absolute;
    font-family: "Material Icons";
    content: "\e5cf";
    right: 20px;
    font-size: 24px;
    top: 4px;
    bottom: auto;
    margin: auto;
  }

  .mobileDashLayout .bidingBuyingOption {
    width: 100%;
    padding: 9px 20px;
    height: 100%;
    max-height: 43px;
    border: 1px solid #dddddd;
    display: block;
    color: var(--darkblack);
    position: relative;
    -webkit-appearance: none;
    background: #fff;
  }

  .mobileDashLayout .bidingBuyingOption option {
    font-size: 14px;
  }

  .mobileDashLayout .mobileDashLayoutTit {
    font-size: 16px;
    font-weight: 600;
    color: #04080f;
    padding-bottom: 10px;
  }

  .mobileDashLayout {
    padding: 15px 20px;
    display: block;
    background: #f1f1f1;
  }

  .customs-select .select-selected,
  .customs-select .select-items {
    font-size: 13px;
  }

  .customs-select .select-selected {
    background-color: transparent;
  }

  .customs-select .select-items {
    top: 34px;
    width: calc(100% + 68px);
    text-align: left;
  }

  .customs-select .select-selected::after {
    content: "";
    position: absolute;
    font-family: "Material Icons";
    content: "\e5cf";
    right: -27px;
    font-size: 20px;
    top: 0px;
    bottom: 0;
    margin: auto;
    border: 0;
    width: auto;
    height: 28px;
  }

  .tradeBid #site-navigation #filterForm {
    overflow: auto;
    max-height: calc(100% - 20px);
  }

  .tradeBid .infoBackWrpr .rtDiv .txtCntnr {
    padding-left: 35px;
  }

  .tradeBid .infoBackWrpr .rtDiv .txtWthIcon {
    flex-direction: revert;
    justify-content: center;
    align-items: center !important;
  }

  .tradeBid .infoBackWrpr .lftDiv {
    display: block;
  }

  .tradeBid .infoBackWrpr .rtDiv {
    width: 100%;
    padding-left: 0px;
  }

  .tradeBid .shipAddress,
  .tradeBid .PaymentProcess {
    height: auto;
    min-height: auto;
    margin-bottom: 0;
  }

  .lstCard {
    padding-left: 16px;
    flex-direction: column;
  }

  .lstVWContainer .lstCard {
    border-radius: 0;
    padding: 0;
  }

  .terms-new,
  .staticContent {
    padding: 36px 23px;
    border-radius: 0;
  }

  .mobileNotificationSec {
    display: block !important;
  }

  .mobileNotificationSec .Notifyhdng {
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    padding-bottom: 30px;
    padding-top: 40px;
    margin: 0;
  }

  .mobileNotificationSec {
    background: var(--backgroundColor);
    width: 100%;
    height: 100%;
    border: 1px solid #c3c3c3;
    position: relative;
    /* margin-top: 75px; */
  }

  .mobileNotificationSec .notiTit {
    padding: 15px 20px;
    font-size: 16px;
    font-weight: 600;
    color: #000;
    background-color: var(--light-bgGrey);
  }

  .mobileNotificationSec .switch {
    position: relative;
    display: inline-block;
    width: 41px;
    height: 25px;
    margin-bottom: 11px;
  }

  .mobileNotificationSec .toggleSwitchNotify .labelTxt {
    font-size: 13px;
    font-weight: 600;
    line-height: 18px;
    color: #000000;
    margin-bottom: 0;
  }

  .pushNotiCont {
    max-width: 285px;
    width: 100%;
  }

  .pushNotiCont .pushNoti {
    font-size: 14px;
    font-weight: 600;
  }

  .mobileNotificationSec .switch input {
    opacity: 0;
    width: 0;
    height: 0;
  }

  .mobileNotificationSec .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ffffff;
    border: 1.5px solid #dddddd;
    -webkit-transition: 0.4s;
    transition: 0.4s;
  }

  .mobileNotificationSec .slider:before {
    position: absolute;
    content: "";
    height: 21px;
    width: 21px;
    left: 2px;
    bottom: 1px;
    background-color: var(--backgroundColor);
    -webkit-transition: 0.4s;
    transition: 0.4s;
    box-shadow: 0px 1px 5px -2px #000000d4;
  }

  .mobileNotificationSec input:checked + .slider {
    background-color: var(--darkblack);
  }

  .mobileNotificationSec input:focus + .slider {
    box-shadow: 0 0 1px #2196f3;
  }

  .mobileNotificationSec input:checked + .slider:before {
    -webkit-transform: translateX(15px);
    -ms-transform: translateX(15px);
    transform: translateX(15px);
    -moz-transform: translateX(15px);
    -o-transform: translateX(15px);
  }

  .heightImgL {
    height: 22px !important;
    margin-top: 5px;
    width: auto !important;
  }

  /* Rounded sliders */
  .mobileNotificationSec .slider.round {
    border-radius: 34px;
  }

  .mobileNotificationSec .slider.round:before {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
  }

  /* end */

  .notificationPg {
    display: none;
  }

  .cstmContainer.dashContainer .dshTabCntnt .tbInrCntnr .cstmHrzlNav {
    padding-top: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
    padding-right: 5px;
    display: none;
  }

  .cusChkk input {
    right: 0 !important;
  }

  .cstmContainer.dashContainer .tbInrCntnr .Tit_card,
  .dash-Bdy-Cnt {
    padding: 15px 20px;
  }

  .cstmContainer.dashContainer .tbInrCntnr .Tit_card {
    background-color: #f1f1f1;
  }

  .cstmContainer.dashContainer .tbInrCntnr ul li,
  .cstmContainer.dashContainer .tbInrCntnr ul li:not(:nth-child(1)) {
    padding-top: 3px;
    padding-bottom: 3px;
  }

  .cstmContainer.dashContainer .tbInrCntnr .userForm.arbtrnFrm {
    max-width: 100%;
  }

  .cstmContainer.dashContainer .dshTabCntnt {
    margin: 0;
  }

  .cstmContainer.dashContainer .dshTabCntnt {
    width: 100%;
  }

  .cstmContainer.dashContainer .lftMenuWrpr {
    animation-name: sidemenu;
    animation-duration: 1s;
    transform: rotateX(15deg);
    background: var(--backgroundColor);
    animation-delay: 0s;
    animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    animation-iteration-count: 1;
    animation-direction: alternate;
  }

  .cstmContainer.dashContainer .lftMenuWrpr.menuopen {
    position: fixed;
    height: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    overflow: auto;
    transform: translate(-100%);
    display: block;
    border-radius: 0;
    z-index: 9;
    box-shadow: 1px 0px 10px -2px #0000004a;
  }

  .fixedmenubar span.material-icons.closeMenuIcon {
    display: none;
    background-color: #f82424;
    color: var(--backgroundColor);
    animation: rotatespin 1s 0s infinite ease-in-out alternate;
  }

  #closemenu {
    text-align: right;
  }

  .lftMenuWrpr {
    display: none;
  }

  .fixedmenubar {
    display: block;
    position: fixed;
    bottom: 80px;
    right: 50px;
    z-index: 9999;
  }

  .fixedmenubar span.material-icons {
    background: var(--lightvar(--darkblack));
    color: var(--backgroundColor);
    border-radius: 100px;
    padding: 10px;
    font-size: 34px;
    box-shadow: 0px 0px 0px 0px #c2c2c2;
  }
}

/* Mobile View MediaQuiers */

@media (max-width: 670px) {
  .tradeBid .footer,
  .afterLogin .cstmContainer.dashContainer {
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 21px;
    padding-bottom: 21px;
  }

  .tradeBid .filterSec {
    margin-top: 16px;
  }

  .lstCard .imgContainer .imgCountWrp,
  .grdCard .imgContainer .imgCountWrp {
    bottom: 10px;
    right: 10px;
    padding: 6px 6px;
  }

  .lstCard .actnCntnr .btnStk .crntBidDtl {
    padding-bottom: 20px;
  }

  .lstCard .btnStk .flexmobileVIew .plnBtn,
  .lstCard .actnCntnr .flexmobileVIew .primButton {
    height: 40px;
  }

  .page-link,
  .page-item.disabled .page-link {
    font-size: 12px;
    padding: 6px 8px;
  }

  .UserEnty .userForm input.site-input,
  .tbInrCntnr .group.upldBtnWrpr .btn.chsFleBtn .flInpt {
    left: 0;
    max-width: 100%;
    width: 100%;
    /* padding: 0 !important; */
  }

  .tbInrCntnr .group.upldBtnWrpr .btn.chsFleBtn {
    opacity: 0;
    width: 100%;
    top: 25px;
  }

  .grdContainer {
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  }

  .tradeBid .topListing .tabsHead .tbInrCntnr .nav {
    justify-content: center;
  }

  .tradeBid .topListing .sort {
    justify-content: center !important;
  }

  .tradeBid .topListing .tabsHead {
    /* grid-template-columns: 1fr; */
  }

  .tradeBid .footer {
    padding: 1rem 2rem;
  }

  .navbar-brand {
    text-align: center;
    margin: auto;
  }

  .tradeBid .footer ul {
    margin: 15px auto;
  }

  .tradeBid .placeAmout {
    flex-direction: column;
  }

  .UserEnty .userForm {
    margin: 25px 20px;
    min-width: 40%;
  }

  .UserEnty .userForm img {
    max-width: 133px;
  }

  .UserEnty .userForm h4 {
    font-size: 16px;
  }

  /* .tradeBid .placeAmout .bidBtn {
    min-width: 100%;
    text-align: center;
    margin-left: 0;
  } */
  .sellContainer .dwnldCntnr {
    margin-top: 0;
  }

  .sellContainer {
    height: auto;
  }

  .sellContainer .leftWrpr .carImg {
    display: none;
  }

  .rtWrpr {
    display: flex;
    margin: 40px auto;
  }

  .rtWrpr img {
    width: auto;
    object-fit: scale-down;
    min-width: 48%;
    max-width: 48%;
  }

  .mobilewrap a {
    margin-left: 0 !important;
  }
}

@media (max-width: 650px) {
  .mobileScreenView #fav_id {
    min-height: 40px;
    max-height: 40px;
  }

  .modal-dialog.deactivatedAccPop {
    max-width: 500px;
    width: 100%;
  }

  .customs-select .select-items {
    top: 26px;
  }

  .tradeBid .topListing .sort label,
  .customs-select .select-selected,
  .customs-select .select-items {
    font-size: 12px;
  }

  .tradeBid .topListing .filterForm_1 .sort {
    min-width: 200px;
    background: #fff;
    padding: 5px 20px;
    padding-right: 39px;
    border-radius: 100px;
    border: 1px solid #c9c9c9;
    height: 33px;
  }

  .tbInrCntnr .usrProfile .prflImg {
    max-width: 100%;
    width: 100%;
    object-fit: cover;
    object-position: top;
    height: 100%;
  }

  .tradeBid .topListing .tabsHead .tbInrCntnr .nav {
    padding-bottom: 10px;
  }

  .cstmContainer.dashContainer .cstmHrzlNav .nav-link {
    place-content: center;
    border-radius: 2px;
    transition: all 0.5s cubic-bezier(0.4, 0, 1, 1);
  }

  .cstmContainer.dashContainer .cstmHrzlNav .nav-item {
    width: 50%;
  }

  .tradeBid .topListing .sort {
    /* display: block !important; */
    text-align: center;
    font-size: 13px;
    font-weight: 700;
    font-family: "Open Sans", sans-serif;
    padding: 0;
    margin: 0 !important;
    background: transparent;
  }

  .tbInrCntnr.float-left.mr-3 {
    width: 100%;
  }

  .tradeBid .grdCard .tmrCntnr {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
  }

  .tradeBid .dnlInfoCntnr .rtContainer img {
    object-fit: scale-down;
  }

  .tradeBid .dnlInfoCntnr .rtContainer object {
    height: 250px;
    width: 100%;
  }

  .tradeBid .dnlInfoCntnr {
    padding-left: 20px;
    padding-right: 20px;
  }

  .tradeBid .mapContainer .rtWrpr {
    flex-wrap: wrap;
  }

  .tradeBid .topListing .sort select {
    background: transparent;
    font-weight: 600;
    font-size: 12px;
  }

  .tradeBid .topListing .sort label {
    margin-right: 0;
  }

  .customs-select .select-selected,
  .tradeBid .topListing .sort .customs-select-layout {
    padding-left: 3px;
  }
}

@media (max-width: 600px) {
  .expressStatus h5 {
    font-size: 12px;
  }

  .tradeContas {
    width: 30px;
  }

  .userAgentBox .agentCheck {
    width: calc(100% - 30px);
  }

  .userAgentBox .agentCheck {
    font-size: 11px;
  }

  .lstCard .pdtDtlContnr .slrNm {
    max-width: 100%;
  }

  .buyaucitonflex .buynow .bidAmnt,
  .buyaucitonflex .crnntbid .bidAmnt,
  .tradeBid .lstVWContainer .lstCard .actnCntnr label,
  .tradeBid .lstVWContainer.buyaucitonflex .buynow .bidAmnt,
  .tradeBid .lstVWContainer .buyaucitonflex .crnntbid .bidAmnt {
    font-size: 16px;
    font-weight: 700;
  }

  .tradeBid .tradeCurrency.nobidlen_chck {
    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
  }

  .tradeBid .tradeCurrency.noCapColumn.nobidlen_chck {
    grid-template-columns: repeat(auto-fill, minmax(127px, 1fr));
  }

  .oemlogoContain {
    display: none;
  }

  .mobileView {
    display: flex !important;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
  }

  .mobileView h4 {
    text-align: left;
    letter-spacing: 0px;
    color: #04080f;
    opacity: 1;
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 0px;
  }

  .mobileView .oemlogoContain {
    display: block !important;
  }

  .oemContainer {
    padding: 10px;
    flex-direction: column;
  }

  .oemContainer .oemContent h4 {
    font-size: 14px;
    display: none;
    line-height: 18px;
    margin-bottom: 17px;
  }

  .oemContainer .oemContent ul li {
    font-size: 14px;
  }

  .oemContainer .oemContent {
    padding-top: 0;
  }

  .oemContainer .oemContent ul {
  }

  .listVieOem,
  .gridVieOem {
    position: absolute;
    top: 9px;
    left: 9px;
    min-width: 49px;
    width: 49px;
    height: 49px;
    /* padding: 1px; */
  }

  .gridVieOem {
    top: 3px;
    left: 3px;
    min-width: 30px;
    width: 30px;
    height: 30px;
  }

  .tradeBid .grdContainer .grdCard .pdtDtlContnr .slrNm i {
    font-size: 14px;
  }

  .searchtabFilter {
    top: 50px;
  }

  .grdContainer {
    gap: 25px;
  }

  .swal-overlay .swal-modal.buyNowConfirm .swal-footer,
  .swal-overlay .swal-modal.buyNowConfirm .swal-content {
    padding-left: 25px;
    padding-right: 25px;
  }

  .swal-overlay .swal-modal.buyNowConfirm .swal-footer .swal-button-container {
    margin-right: 5px;
  }

  .tradeBid .bannerContent .bannerInnerTxt + figure {
    padding: 10px 27px;
  }

  .tradeBid .tradeCurrency.noCapColumn {
    grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
  }

  header .reverserow .navbar-toggler {
    height: 26px;
    box-shadow: unset;
    border: 0;
    place-content: center;
    align-items: center;
  }

  .searchtabFilter .searchtabFilter_Nav {
    justify-content: space-between;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(55px, 1fr));
  }

  .tradeBid #site-navigation {
    top: 60px;
  }

  header .navbar {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .noRecord {
    height: 50vh;
    position: relative;
  }

  .searchtabFilter .searchtabFilter_Nav li.active a {
    color: var(--darkblack);
  }

  .searchtabFilter .searchtabFilter_Nav li a {
    padding: 0px 15px;
    font-weight: 600;
    color: #676767;
    font-size: 9px;
  }

  .UserEnty .dash-Bdy-Cnt .userForm form {
    padding-top: 22px;
  }

  .searchtabFilter_Nav .topAbsBge {
    display: none;
  }

  .dnlInfoCntnr .tradeContainer {
    flex-direction: column-reverse;
  }

  .cardrechnageds .card .card-body.addNewCard,
  .shipAddress .shipCard .form-group.addNewCard {
    padding-left: 20px !important;
  }

  .mkofferSec {
    padding-bottom: 0 !important;
  }

  .tradeBid .placeAmout {
    margin-top: 20px !important;
    margin-bottom: 20px;
  }

  .hrLine {
    margin-top: 15px;
    margin-bottom: 15px;
  }

  .tradeBid .grdContainer .grdCard .pdtDtlContnr .infoLn.gridinfiLn {
    display: flex !important;
    flex-direction: row;
    align-items: flex-start;
    margin-bottom: 0 !important;
    line-height: 16px;
  }

  .tradeBid .grdContainer .grdCard .pdtDtlContnr .infoLn.gridinfiLn span {
    font-weight: 600;
    /* display: flex !important; */
    align-items: center;
    justify-content: space-between;
    white-space: nowrap;
    overflow-wrap: anywhere;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right: 10px;
  }

  .slrNm .eye_icon {
    white-space: nowrap;
    overflow-wrap: anywhere;
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
  }

  .tradeBid .grdContainer .grdCard .infoIcon,
  .tradeBid .lstContainer .lstCard .infoIcon {
    width: 30px;
    height: 15px;
  }

  .tradeBid .grdContainer .grdCard .pdtDtlContnr .pdtTtle {
    font-size: 14px;
    margin-bottom: 0;
    line-height: 19px;
  }

  .tradeBid .grdContainer .grdCard .pdtDtlContnr .spcsList .material-icons {
    margin: 0 0px;
    font-size: 3px;
    top: -2px;
  }

  .tradeBid .grdContainer .grdCard .imgContainer .imgCountWrp img {
    height: 10px;
    aspect-ratio: unset;
    width: 12px;
  }

  .tradeBid .grdContainer .grdCard progress.prdtPrgsBar {
    height: 3px;
  }

  .tradeBid .grdContainer .grdCard .imgContainer,
  .tradeBid .grdContainer .grdCard .imgContainer img {
    height: 100%;
    aspect-ratio: 16/9;
  }

  .tradeBid .grdContainer .grdCard .imgContainer {
    max-height: 111px;
    aspect-ratio: 198/111;
  }

  /* .tradeBid .grdContainer .grdCard .imgContainer {
    aspect-ratio: 198/111;
  }

  .tradeBid .grdContainer .grdCard .imgContainer img.proImg {
    width: 100%;
    height: 100%;
  } */

  .tradeBid .grdContainer .grdCard .imgContainer .imgCountWrp span {
    font-size: 10px;
    margin-right: 4px;
  }

  .tradeBid .grdContainer .lstCard .imgContainer .imgCountWrp,
  .tradeBid .grdContainer .grdCard .imgContainer .imgCountWrp {
    width: 34px;
    min-width: 34px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .tradeBid .grdContainer .actBoxWrpr {
    margin-top: 10px;
  }

  .tradeBid .grdContainer .grdCard .pdtDtlContnr .spcsList {
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 0 !important;
  }

  .tradeBid .grdContainer .grdCard .pdtDtlContnr .slrNm,
  .tradeBid .grdContainer .grdCard .pdtDtlContnr .infoLn {
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 0 !important;
  }

  .tradeBid .grdContainer .grdCard .pdtDtlContnr .font-size-18 {
    font-size: 14px;
  }

  .tradeBid .grdContainer .grdCard .crntBidDtl .buyaucitonflex {
    flex-direction: column;
  }

  .tradeBid .grdContainer .grdCard .pdtDtlContnr {
    padding: 11px 11px;
  }

  .tradeBid .grdContainer .buyaucitonflex .buynow .bidAmnt,
  .tradeBid .grdContainer .buyaucitonflex .crnntbid .bidAmnt {
    font-size: 12px;
  }

  .tradeBid .grdContainer .grdCard .tmrCntnr,
  .tradeBid .grdContainer .grdCard .tmrCntnr {
    justify-content: center;
  }

  .tradeBid .grdContainer .grdCard .buyaucitonflex .buynow,
  .tradeBid .grdContainer .grdCard .buyaucitonflex .crnntbid {
    justify-content: center;
  }

  .tradeBid .grdContainer .tradeBid .grdCard .tmrCntnr {
    justify-content: center;
  }

  .tradeBid .grdContainer .grdCard .tmrCntnr .tmrTxt,
  .tradeBid .grdContainer .grdCard .tmrCntnr label {
    font-size: 12px;
  }

  .tradeBid .grdContainer .grdCard .btnStk .primButton,
  .tradeBid .grdContainer .grdCard .btnStk .plnBtn {
    font-size: 12px;
    height: 33px;
  }

  .tradeBid .grdContainer .grdCard .btnStk {
    grid-template-columns: 1fr;
    gap: 5px;
    margin-bottom: 0;
  }

  .contactusConfimation .cusHdr h5 {
    font-size: 16px;
  }

  .contactusConfimation .cusBdy {
    padding: 25px 25px;
    text-align: center;
    padding-right: 21px;
  }

  .contactusConfimation .cusBdy p {
    font-size: 14px;
    font-weight: 600;
    text-align: center;
  }

  .contactusConfimation .cusHdr {
    padding: 20px;
  }

  .registersuccess .modal-body .btnPrim {
    width: 100%;
  }

  .registersuccess .modal-body .mb-4 {
    margin-bottom: 52px !important;
  }

  .UserEnty .userForm h5.psrdtls {
    margin-top: 10px !important;
  }

  .logBackWrapper.signupWrapper .userForm,
  .UserEnty .userForm {
    max-width: calc(100% - 50px);
    min-width: calc(100% - 50px);
  }

  .UserEnty .userForm .btn {
    height: 40px !important;
    font-size: 14px;
  }

  .UserEnty .userForm .ReMem a,
  .UserEnty .userForm .ReMem label {
    font-size: 14px;
    padding-left: 7px;
  }

  header .mobileNavs .nav-item .nav-link {
    font-weight: 600;
  }

  .tradeBid .footer .stMpLnks .stLnkSctn h5 {
    font-size: 18px;
    font-weight: 500;
  }

  .tradeBid .footer ul li a {
    font-weight: 600;
    font-size: 14px;
  }

  #biddetailsnewpop table tr td,
  #biddetailsnewpop table tr th {
    padding-left: 20px;
    text-align: center;
  }

  .cusChkk {
    text-align: right;
  }

  .cusChkk input {
    left: auto !important;
  }

  .cstmTable.table tbody td:nth-last-child(1) {
    padding-left: 0;
    text-align: right !important;
  }

  .cstmTable.table tbody td:nth-last-child(1) {
    padding-left: 0;
    text-align: right !important;
  }

  .modal-dialog {
    margin: auto;
  }

  /* .cusChkk .checkmark::before {
    left: -22px;
  } */

  /* .cusChkk .checkmark::after {
    left: -15px;
    height: 12px;
  } */

  .swal-overlay .swal-modal.resetClss .swal-text {
    padding-left: 30px;
    padding-right: 30px;
    font-size: 16px;
    max-width: calc(100% - 0px);
    line-height: 22px;
    padding-bottom: 43px;
  }

  .swal-modal {
    max-width: calc(100% - 64px) !important;
  }

  label.site-label {
    font-size: 16px;
    font-weight: 500;
  }

  .tradeBid .topListing .tabsHead {
    justify-content: flex-start;
    margin-top: 15px;
  }

  .tradeBid .tradeCurrency {
    grid-template-columns: repeat(auto-fill, minmax(95px, 1fr));
    gap: 10px;
  }

  /* 
  .tradeBid .placeAmout .buynowValue {
    width: 128px;
    min-width: 128px;
    padding-right: 5px;
  }

  .tradeBid .placeAmout .buynowBtnClick {
    width: 110px;
    min-width: 110px;
    padding-left: 5px;
  } */

  .tradeBid .topListing {
    padding: 0 0;
    padding-top: 15px;
    /* margin-top: 135px !important; */
  }

  #infolabel {
    margin-top: 10px !important;
  }

  .tradeBid .bidTimer .buynowValue .form-control-plaintext {
    text-align: left !important;
  }

  .tradeBid #bidoffer .placeAmout .buynowBtnClick .bidBtn button,
  .tradeBid .placeAmout .buynowBtnClick #add_to_cart {
    width: 100% !important;
  }

  .foryoufixedtp svg {
    width: 10px;
    height: 10px;
  }

  .foryoufixedtp {
    font-size: 13px;
    display: block;
    line-height: 1.5;
    text-align: left;
    position: relative;
  }

  .foryoufixedtp svg {
    top: 0;
    right: 9px !important;
    bottom: 0;
    margin: auto;
  }

  .tradeBid .topListing .filterForm_1 .sort {
    min-width: fit-content;
  }

  .customs-select {
    text-align: left;
  }

  .UserEnty .userForm #registerForm2 {
    margin-bottom: 50px;
  }

  .tradeBid .footer .stMpLnks .stLnkSctn {
    width: 50%;
  }

  .tradeBid .footer .topFtrCntnr .lftMnCntnr {
    text-align: center;
    display: block;
    width: 100%;
    max-width: fit-content;
    margin: auto;
    margin-left: 0;
  }

  .tradeBid .footer .stMpLnks {
    width: 100%;
    margin-top: 49px;
    flex-wrap: wrap;
    justify-content: flex-start;
  }

  header.bfrLgn .mobileNavs {
    /* max-height: 100%;
    height: calc(100vh - 29vh);
    position: relative; */
  }

  .beforeLogin .mobileNavs .drawerFootLi,
  header.bfrLgn .mobileNavs .drawerFootLi {
    position: absolute;
    bottom: 42px;
    top: auto;
  }

  .drawerFootLi {
    position: inherit;
  }

  .shipAddress .shipCard .form-group .custom-control-label::after,
  .shipAddress .shipCard .form-group .custom-control-label::before,
  .cardrechnageds .card .card-body .custom-control-label::after,
  .cardrechnageds .card .card-body .custom-control-label::before {
    left: -35px;
    width: 19px;
    height: 18px;
  }

  .shipAddress
    .shipCard
    .form-group
    .custom-control-input:checked
    ~ .custom-control-label::after,
  .cardrechnageds
    .card
    .card-body
    .custom-control-input:checked
    ~ .custom-control-label::after {
    left: -28px;
  }

  .checkerrorP .ptag {
    font-size: 14px;
    line-height: 23px;
  }

  .cstmContainer.dashContainer .tbInrCntnr .paynowBtn .primButton {
    width: fit-content;
  }

  .shipAddress .shipCard .form-group,
  .cardrechnageds .card .card-body {
    padding: 20px 25px;
    padding-left: 53px !important;
  }

  .cardrechnageds .paynowBtn {
    margin-left: 15px;
    margin-right: 15px;
  }

  .btnPrimOut,
  .btnSecnry,
  .btnPrim {
    padding: 8px 12px;
    min-width: 125px;
    font-size: 14px !important;
    height: 40px;
    max-height: 40px;
    min-height: 40px;
  }

  .swal-overlay .swal-modal .swal-title {
    padding: 15px 25px;
  }

  .swal-overlay .swal-modal.resetClss .swal-title {
    text-align: left;
  }

  .swal-overlay .swal-modal .swal-footer {
    padding-left: 30px;
    padding-right: 30px;
  }

  .swal-overlay .swal-modal .swal-footer .swal-button-container {
    /* margin: 0 auto;
    width: 100%; */
  }

  .swal-overlay .swal-modal .swal-footer .swal-button-container .swal-button {
    font-size: 14px;
    padding: 4px 24px;
    min-width: 120px;
    max-height: 40px;
    min-height: 40px;
    line-height: 0;
  }

  .swal-overlay
    .swal-modal.resetClss
    .swal-footer
    .swal-button-container
    .swal-button {
    min-width: 100%;
  }

  .tradeBid .placeAmout .crdBdy {
    /* min-width: 77px;
    max-width: 77px; */
  }

  .tradeBid .placeAmout .crdBdy i {
    font-size: 14px;
    padding-top: 0px;
    padding-left: 0.1rem !important;
  }

  header .navbar-brand .object {
    width: 84px;
    height: 14px;
    object-fit: scale-down;
  }

  .reverserow {
    flex-direction: row;
    justify-content: space-between !important;
  }

  .tradeContainer {
    padding-left: 0;
    padding-right: 0;
  }

  .tradeBid .footer,
  .beforeLogin .cstmContainer.dashContainer {
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 78px;
    padding-bottom: 21px;
  }

  .tradeBid .footer,
  .afterLogin .cstmContainer.dashContainer {
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 21px;
    padding-bottom: 21px;
  }

  .afterLogin .cstmContainer.dashContainer {
    padding-top: 12px;
  }

  .tradeBid .footer {
    padding-left: 32px;
    padding-right: 32px;
    padding-top: 52px;
    padding-bottom: 50px;
  }

  #upcoming_tab {
    display: none;
  }

  .searchtabFilter .searchtabFilter_Nav li.nav-item:last-child {
    border: none;
  }

  .searchtabFilter .searchtabFilter_Nav li.active a::after {
    width: 15px;
    height: 4px;
    bottom: -5px;
  }

  .searchtabFilter .searchtabFilter_Nav {
    padding: 8px 0;
  }

  .searchtabFilter .searchtabFilter_Nav li.active a span {
    color: #000000;
  }

  .logBackWrapper.signupWrapper {
    padding-top: 0px;
  }

  .logBackWrapper.signupWrapper .userForm {
    transform: translate(0, 30px);
    -webkit-transform: translate(0, 30px);
    -moz-transform: translate(0, 30px);
    -ms-transform: translate(0, 30px);
    -o-transform: translate(0, 30px);
  }

  .UserEnty .userForm #registerForm2 {
    max-height: 100%;
  }

  .afterLogin .logBackWrapper {
    margin-top: 0px !important;
    padding-top: 40px !important;
  }

  /* .beforeLogin .logBackWrapper {
    margin-top: 78px !important;
    padding-top: 40px !important;
  } */
  .contactThak {
    height: 60vh;
  }

  header {
    position: sticky !important;
    top: 0;
  }

  .logBackWrapper.forgotwrapper {
    margin-top: unset;
  }

  .tradeBid .bannerContent {
    flex-direction: column;
    min-height: 70vh;
    max-height: 70vh;
  }

  .tradeBid .bannerContent .bannerInnerTxt a.primButton {
    clear: both;
  }

  .modal-dialog.tradeModal .modal-content {
    width: 100%;
  }

  .modal-dialog.tradeModal {
    max-width: 100%;
    width: auto;
    margin: 30px 25px;
    display: flex;
  }

  .tradeBid .placeAmout .input-group {
    margin-bottom: 0 !important;
  }

  /* .tradeBid .placeAmout .bidBtn {
    margin-top: 5px;
  } */
  .grdCard .infoIcon,
  .lstCard .infoIcon {
    width: 55px;
    height: 40px;
    object-fit: scale-down;
  }

  .fa-eye:before,
  .fa-eye-slash:before {
    font-size: 18px;
  }

  .cstmContainer.dashContainer .tbInrCntnr .primButton {
    min-width: 120px;
    width: 100%;
    max-width: 120px;
    margin-bottom: 15px !important;
    height: 40px !important;
  }

  .cstmContainer.dashContainer .tbInrCntnr .secButton {
    height: 40px !important;
    color: var(--darkblack);
    font-weight: 700;
    margin: 0 !important;
    min-width: 120px;
    width: 100%;
    max-width: 120px;
  }

  header.bfrLgn .navbar .navbar-toggler {
    padding: 0;
  }

  #close,
  .mobileView {
    display: block;
    margin-bottom: 15px;
  }

  .HIWsteps {
    flex-flow: column;
  }

  /* .tradeBid .bannerContent img {
    height: 650px;
  } */
  .tradeBid .bannerContent .bannerInnerTxt h4 {
    text-align: left;
    line-height: 2rem;
    font-size: 1.525rem;
  }

  .tradeBid .bannerContent object {
    object-fit: none;
  }

  .tradeBid .bannerContent .bannerInnerTxt p {
    text-align: left;
    padding-right: 0;
  }

  .tradeBid .bannerContent .bannerInnerTxt {
    transform: unset;
    max-width: 100%;
    height: fit-content;
    margin: 0;
    padding: 55px 25px;
    -webkit-transform: unset;
    -moz-transform: unset;
    -ms-transform: unset;
    -o-transform: unset;
  }

  .tradeBid .bannerContent .bannerInnerTxt a:not([target="_blank"]) {
    width: 100%;
    min-width: 180px;
    max-width: 180px;
    float: unset !important;
    clear: both;
  }

  .tradeBid .bannerContent .bannerInnerTxt a[target="_blank"] {
    width: 40%;
  }

  .tradeBid .bannerContent .bannerInnerTxt a[target="_blank"] img {
    width: 100%;
  }

  .tradeBid .bannerContent .bannerInnerTxt a.primButton {
    max-width: 180px;
  }

  .tradeBid .bannerContent .bannerInnerTxt .btn {
    margin: 10px 0 !important;
  }

  .tradeBid .infoBackWrpr .rtDiv .txtWthIcon {
    flex-wrap: wrap;
    margin: 25px 0;
  }

  .tradeBid .infoBackWrpr .rtDiv .txtCntnr {
    text-align: center;
    padding-top: 15px;
  }

  .tradeBid .infoBackWrpr .rtDiv .txtWthIcon .iconContainer {
    text-align: center;
    width: 100%;
  }

  .tradeBid .infoBackWrpr .rtDiv .txtWthIcon .iconContainer img {
    width: 50px;
    height: auto;
  }

  .tradeBid .mapContainer {
    padding: 40px 20px;
  }

  .tradeBid .mapContainer .rtWrpr h2 {
    font-size: 2rem;
    line-height: 45px;
    margin-top: 25px;
  }

  .tradeBid .dnlInfoCntnr {
    flex-wrap: wrap-reverse;
  }

  .tradeBid .dnlInfoCntnr .lftContainer {
    padding-top: 25px;
  }

  .tradeBid .dnlInfoCntnr .downloadButtons {
    flex-wrap: wrap;
  }

  .tradeBid .dnlInfoCntnr {
    background: rgb(231, 230, 230);
    background: linear-gradient(
      180deg,
      rgba(231, 230, 230, 1) 64%,
      rgba(0, 0, 0, 1) 64%
    );
  }

  .tradeBid .footer {
    flex-wrap: wrap-reverse;
  }

  .footer p {
    text-align: center;
  }

  .tradeBid .footer ul li {
    padding: 0;
    line-height: normal;
    padding-bottom: 12px;
  }

  .tradeBid .footer ul li:nth-last-child(1) {
    padding-bottom: 0;
  }

  .tradeBid .footer .btmCpyRtcntnr p small {
    font-size: 100%;
  }

  .tradeBid .footer .btmCpyRtcntnr p {
    margin-top: 39px;
    font-weight: 500;
    padding-bottom: 5px;
  }

  .tradeBid .footer .btmCpyRtcntnr p + p {
    margin-top: 0;
    padding-bottom: 0px;
  }

  .tradeBid .footer .stMpLnks .stLnkSctn:nth-last-child(1) {
    padding-top: 29px;
  }

  .tradeBid .footer ul {
    margin-top: 16px;
    margin-bottom: 0px;
  }

  .tradeBid .lgBckWrpr {
    padding: 30px;
  }

  .tradeBid .carlWrpr {
    padding: 40px 30px;
  }

  .tradeBid .dnlInfoCntnr .rtContainer img {
    width: 100%;
    height: 150px;
  }

  .tradeBid .howItWorkes .HIWsteps span {
    margin-bottom: 5px;
  }

  .tradeBid .howItWorkes .HIWsteps span:nth-child(even) {
    transform: translate(0px, -22px);
    -webkit-transform: translate(0px, -22px);
    -moz-transform: translate(0px, -22px);
    -ms-transform: translate(0px, -22px);
    -o-transform: translate(0px, -22px);
  }

  .tradeBid .howItWorkes {
    padding: 30px 35px;
  }

  .tradeBid .infoBackWrpr {
    padding: 40px 35px;
    min-height: auto;
    flex-flow: column;
  }

  .tradeBid .infoBackWrpr .lftDiv,
  .tradeBid .infoBackWrpr .rtDiv {
    width: 100%;
    margin: auto;
    text-align: center;
  }

  .tradeBid .infoBackWrpr .lftDiv img {
    max-width: fit-content;
    width: 320px;
    object-fit: scale-down;
    margin: auto;
  }

  .tradeBid .howItWorkes .HIWsteps span object {
    width: 60px;
  }

  .tradeBid .infoBackWrpr .rtDiv .txtCntnr {
    max-width: 450px;
    padding-left: 0;
  }

  .tradeBid .lgsVwPort.dksPartners {
    display: none;
  }

  .no-js.owl-carousel.mblPartners,
  .owl-carousel.owl-loaded.mblPartners {
    display: block;
  }

  .tradeBid .lgsVwPort img {
    height: 120px;
    margin: auto;
  }

  /* .tradeBid .lgsVwPort .logoWrpr {
    -webkit-animation: spin 7s linear 0.5s infinite;
    -moz-animation: spin 7s linear 0.5s infinite;
    animation: spin 7s linear 0.5s infinite;
  } */
  .tradeBid .lgsVwPort {
    overflow: auto;
  }

  .tradeBid .lgsVwPort img {
    padding: 0 20px;
  }

  header .navbar-brand a {
    max-width: 170px;
  }

  .lstCard .pdtDtlContnr .pdtTtle {
    max-width: 100%;
    font-size: 17px;
    line-height: 19px;
    font-weight: 700;
  }

  .tradeBid .shipAddress .btnButtom,
  .tradeBid .PaymentProcess .btnButtom {
    position: inherit;
    padding: 0;
  }

  .VehicleDetailsInfo .info_Brdr .ulLins {
    grid-gap: 5px;
  }

  /* .ProductViewSection {
    grid-template-columns: 100%;
    padding: 1.5625rem 2rem;
  } */
  .UserEnty figure {
    display: none;
  }

  .UserEnty .d-flex {
    flex-direction: column;
  }

  .UserEnty #password_form .btnGrpSec.d-flex,
  .UserEnty #profile_info .btnGrpSec.d-flex {
    flex-direction: row;
    margin-bottom: 0 !important;
  }

  .cstmContainer.dashContainer .tbInrCntnr #profile_info .primButton,
  .cstmContainer.dashContainer .tbInrCntnr #password_form .primButton {
    margin-bottom: 0 !important;
    margin-right: 10px;
  }

  .UserEnty .d-flex.multiselect-filter {
    flex-direction: row;
  }

  .UserEnty
    .multiselect-container
    .multiselect-option.active:not(.multiselect-active-item-fallback) {
    background-color: #d3d3d300;
  }

  .UserEnty .multiselect-container {
    width: 100%;
  }

  .UserEnty .multiselect-container .multiselect-option {
    width: auto;
  }

  .UserEnty .userForm form {
    padding: 28px 30px;
  }

  .UserEnty .userForm h4 {
    margin-top: 0;
    height: 60px;
    margin-bottom: 0;
  }

  .showpassword {
    width: 30px;
    height: 25px;
    right: 0px;
    top: 12px;
    padding: 8px;
  }

  .logBackWrapper.signupWrapper .userForm,
  .UserEnty .userForm {
    margin: auto;
    max-width: calc(100% - 60px);
    min-width: calc(100% - 60px);
    border-top: 3px solid var(--lightvar(--darkblack));
    padding-top: 0px;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    /* transform: translate(0, 50px); */
  }

  .tradeBid .bidAmtHstryDtls .offerDeal p {
    font-size: 22px;
    font-weight: 600;
    color: #04080f;
    text-align: center;
    padding-bottom: 33px;
  }

  .UserEnty .ReMem {
    flex-direction: row;
    margin-top: 8px;
    margin-bottom: 29px;
  }

  .tradeBid .bannerContent figure {
    display: block;
  }

  .tradeBid .bannerContent object {
    height: 75vh;
    object-position: 0;
  }

  .lstCard .pdtDtlContnr .spcsList .spcsCntnr {
    margin-top: 6px;
  }

  .autoBidForm {
    float: unset !important;
    text-align: center;
    max-width: 100%;
    margin: auto;
  }

  .bidAmtHstryDtls .bdAmtWrpr {
    width: 200px !important;
  }

  .tradeBid .disCloser {
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  }

  .bidAmtHstryDtls .bdAmtWrpr .lblSpan {
    min-width: 85px;
  }

  .tradeBid .disCloser span img {
    width: 50px;
  }

  .tradeBid .disCloser .handCdnRpt {
    padding: 15px 10px;
  }

  .cstmTable.table thead th {
    width: 120px;
  }

  .cstmTable.table tbody tr {
    min-width: 190px;
  }

  .tradeBid .placeAmout {
    margin-top: 22px;
    margin-bottom: 25px;
  }

  .tradeBid .placeAmout .auctionRow .auctionLabel .crdBdy {
    padding: 0 !important;
  }

  .tradeBid .placeAmout .auctionRow .auctionLabel,
  .tradeBid .placeAmout .auctionRow .buynowValue,
  .tradeBid .placeAmout .auctionRow .buynowBtnClick {
    padding: 0;
  }

  .tradeBid .placeAmout .auctionRow .buynowValue .input-group {
    max-width: fit-content;
  }

  .tradeBid .placeAmout .auctionRow {
    display: grid;
    grid-template-columns: 20% 38% 38%;
    margin: auto;
    gap: 10px;
    align-items: center;
  }

  .tradeBid .placeAmout .auctionRow .auctionLabel {
    padding: 0;
  }

  .showpassword.fa-eye:before,
  .showpassword.fa-eye-slash:before {
    font-size: 23px !important;
    z-index: 1111111;
    padding: 5px 8px;
    cursor: pointer;
  }

  .tradeBid .placeAmout .input-group .input-group-text {
    padding: 0 10px;
    color: #676767;
    font-family: "Open Sans", sans-serif;
    font-weight: 700;
  }

  .tradeBid .checkOutSec .checkOutStepSec .lstCard .pdtDtlContnr .btmLine,
  .tradeBid .checkOutSec .checkOutStepSec .lstCard .pdtDtlContnr .hori {
    max-width: 100%;
  }

  .tradeBid .checkOutSec .checkOutStepSec .lstCard .pdtDtlContnr .btmLine b,
  .tradeBid .checkOutSec .checkOutStepSec .lstCard .pdtDtlContnr span {
    text-align: right;
    font-size: 14px;
    font-weight: 600;
  }

  .tradeBid .checkOutSec .checkOutStepSec .lstCard .pdtDtlContnr .btmLine b,
  .tradeBid .checkOutSec .checkOutStepSec .lstCard .pdtDtlContnr span,
  .tradeBid .checkOutSec .checkOutStepSec .lstCard .pdtDtlContnr .btmLine p,
  .tradeBid
    .checkOutSec
    .checkOutStepSec
    .lstCard
    .pdtDtlContnr
    .hori
    .form-group
    label {
    min-width: 50%;
  }
}

@media (max-width: 575px) {
  .lstCard .btnStk .flexmobileVIew .plnBtn,
  .lstCard .actnCntnr .flexmobileVIew .primButton {
    width: 49%;
    /* margin-bottom: 3px; */
  }

  .lstCard .btnStk .flexmobileVIew .plnBtn {
    padding: 0px;
  }

  .lstCard .btnStk .flexmobileVIew .plnBtn .bidNotiWon,
  .lstCard .btnStk .flexmobileVIew .plnBtn .bidNotiOutbid,
  .lstCard .btnStk .flexmobileVIew .plnBtn .bidNotiNr {
    padding: 12px;
  }

  .listVieOem {
    position: absolute;
    top: 7px;
    left: 7px;
    min-width: 45px;
    width: 45px;
    height: 45px;
    padding: 1px;
  }

  .flexmobileVIew {
    /* flex-direction: column; */
    flex-wrap: nowrap;
  }

  .lstCard .actnCntnr .tmrCntnr label,
  .lstCard .actnCntnr .tmrCntnr .tmrTxt,
  .lstCard .actnCntnr .primButton,
  .lstCard .btnStk .plnBtn {
    font-size: 13px;
  }

  .UserEnty .logBackWrapper.signupWrapper .userForm .group {
    margin-bottom: 28px;
    margin-top: 0px;
  }

  .UserEnty .userForm h5 {
    margin-bottom: 27px;
    font-size: 18px;
  }

  .grdContainer {
    grid-template-columns: repeat(auto-fill, minmax(283px, 1fr));
  }

  .tradeBid .mapContainer .lftWrpr img {
    max-width: 600px;
    width: 100%;
    height: auto;
    object-fit: contain;
    max-height: 250px;
  }

  .shipAddress .shipCard .form-group .custom-control-label,
  .cardrechnageds .card .card-body .custom-control-label {
    top: 0 !important;
  }

  .shipAddress .shipCard .form-group .custom-control-input,
  .cardrechnageds .card .card-body .custom-control-input {
    position: absolute;
  }

  .shipAddress .shipCard .form-group .custom-control,
  .cardrechnageds .card .card-body .custom-control {
    height: auto;
  }

  .tradeBid .placeAmout .bidBtn,
  .tradeBid .placeAmout .bidBtn .btnPrim {
    min-width: fit-content;
    font-size: 14px;
  }

  .tradeBid .placeAmout .bidBtn .btnPrim {
    padding: 5px 5px;
  }

  .tradeBid .placeAmout .crdBdy {
    padding: 7px 0;
  }

  .tradeBid .placeAmout .input-group .input-group-text {
    padding: 0 10px;
  }

  .tradeBid .placeAmout .input-group input::placeholder {
    font-size: 13px;
  }

  /* .tradeBid .placeAmout .resCol {
    padding-left: 5px;
    padding-right: 5px;
  } */

  .tradeBid .placeAmout .input-group {
    /* width: 128px; */
  }

  .tradeBid .placeAmout .bidBtn .bidSet,
  .tradeBid .placeAmout .input-group,
  .tradeBid .placeAmout .input-group .input-group-text,
  .tradeBid .placeAmout .input-group input {
    height: 35px;
    max-height: 35px;
    min-height: 35px;
  }

  #close,
  .mobileView {
    margin-bottom: 0px;
  }

  .striptmodal {
    max-width: 100%;
    width: auto;
    display: flex;
    margin: auto 15px;
    height: 100vh;
    align-items: center;
    justify-content: center;
  }

  .modal-dialog.deactivatedAccPop {
    max-width: 450px;
    width: 100%;
  }

  .striptmodal,
  .modal-dialog.striptmodal .modal-content {
    width: auto;
    max-width: 100% !important;
  }
}

@media (max-width: 540px) {
  .modal-dialog.deactivatedAccPop {
    max-width: 478px;
    width: 100%;
    margin: auto;
  }
}

@media (max-width: 475px) {
  .tradeBid .tradeCurrency {
    grid-template-columns: repeat(auto-fill, minmax(85px, 1fr));
  }

  .modal-dialog.deactivatedAccPop {
    max-width: 395px;
    width: 100%;
    margin: auto;
  }

  .grdContainer .grdCard .crntBidDtl.ofr_txt .buyaucitonflex .crnntbid {
    flex-direction: column !important;
    justify-content: start !important;
    align-items: start !important;
  }

  .grdContainer .grdCard .crntBidDtl.ofr_txt .buyaucitonflex {
    align-items: start;
  }

  .grdContainer .grdCard .crntBidDtl.ofr_txt .buyaucitonflex p.bidAmnt {
    margin: 0 !important;
  }

  .grdCard .buyaucitonflex .buynow,
  .grdCard .buyaucitonflex .crnntbid {
    flex-direction: row;
  }

  .grdCard .crntBidDtl .buyaucitonflex {
    align-items: center;
  }

  .tradeBid .placeAmout .input-group input {
    font-size: 16px;
    padding: 0 3px;
  }

  .tradeBid .placeAmout .auctionRow {
    grid-template-columns: 85px 40% 28%;
  }

  .tradeBid .grdContainer {
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    gap: 6px;
  }

  .lstCard .imgContainer {
    min-width: 100%;
  }

  .lstCard img {
    /* min-width: 100%; */
  }

  .modal-dialog {
    margin: auto 32px;
  }

  .bid_status_msg {
    /* padding: 10px 10px; */
  }

  .multicheckopt .multiselect-container.dropdown-menu {
    width: calc(100% - 0%);
  }

  .tradeBid .jq-toast-wrap.bottom-right {
    bottom: 20px;
    right: 0;
    left: 0;
    margin: auto;
  }

  .bnkContainer .bnkCard,
  .bnkContainer .adBnkWrpr {
    width: auto;
  }

  .bnkContainer {
    padding: 15px;
    grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));
  }

  form#autobidForm_new {
    margin: 0 !important;
  }

  .tradeBid .bannerContent .bannerInnerTxt {
    max-width: 100%;
    padding: 20px;
    /* transform: translate(0, 65%); */
  }

  .tradeBid .bannerContent .bannerInnerTxt p {
    padding-right: initial;
  }

  .tradeBid .checkOutSec .checkOutStepSec .lstCard {
    flex-direction: column;
    min-height: auto;
    height: auto;
  }

  .tradeBid .checkOutSec .checkOutStepSec .lstCard .imgContainer {
    width: 100%;
    height: 193px;
  }

  .productDetails .productTit h4 a {
    max-width: 180px;
  }

  .productDetails .productTit h4 {
    font-size: 1.1rem;
  }

  /* .ProductViewSection {
    padding: 1.5625rem 1rem;
  } */

  .tradeBid .bidTimer {
    /* padding: 15px 6px; */
  }
}

@media (max-width: 450px) {
  .sellContainer {
    position: relative;
    height: auto;
    padding: 15px;
  }

  .tradeBid .lstVWContainer .lstCard img,
  .tradeBid .lstVWContainer .lstCard .imgContainer {
    height: auto;
    min-width: 100%;
    max-height: 226px;
  }

  .tradeBid #site-navigation {
    /* padding: 6px 0px; */
  }

  .VehicleDetailsInfo .info_Brdr .ulLins {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));
  }

  .ProductViewSection .thumnailCarosal .carousel-inner img,
  .ProductViewSection .thumnailCarosal .carousel-inner {
    /* height: 150px;
    max-height: 150px;
    min-height: 150px; */
  }

  /* .ProductViewSection .thumnailCarosal #custCarousel .carousel-indicators li {
    width: auto;
    height: 50px;
    min-width: 70px;
    max-width: 80px;
  } */
}

@media (max-width: 430px) {
  .modal-dialog.deactivatedAccPop {
    max-width: 370px;
    width: 100%;
    margin: auto;
  }
}

@media (max-width: 425px) {
  .tradeBid .topListing {
    padding: 0px;
    padding-top: 15px;
  }

  .modal-dialog.deactivatedAccPop {
    max-width: 355px;
    width: 100%;
    margin: auto;
  }

  .tradeBid .grdContainer .grdCard .pdtDtlContnr .spcsList {
    font-size: 11px;
    line-height: 16px;
    margin-bottom: 0 !important;
  }

  .tradeBid .bannerContent .bannerInnerTxt h4 {
    font-size: 1.225rem;
  }

  .tradeBid .bannerContent .bannerInnerTxt p {
    font-size: 0.784rem;
    margin: 12px 0;
  }

  .tradeBid .infoBackWrpr .lftDiv img {
    width: 100%;
  }

  .cstmContainer.dashContainer .cstmHrzlNav .nav-link {
    font-size: 13px;
    padding: 5px 5px;
  }
}

@media (max-width: 414px) {
  .modal-dialog.deactivatedAccPop {
    max-width: 353px;
    width: 100%;
    margin: auto;
  }
}

@media (max-width: 400px) {
  .swal-overlay .swal-modal .swal-footer .swal-button-container .swal-button {
    min-width: 100px;
  }

  .grdCard .crntBidDtl label b,
  .grdCard .tmrCntnr label {
    font-weight: 700;
    font-size: 10px;
  }

  .modal-dialog.deactivatedAccPop {
    max-width: 338px;
    width: 100%;
    margin: auto;
  }

  .lstCard .actnCntnr .tmrCntnr label,
  .lstCard .actnCntnr .tmrCntnr .tmrTxt,
  .lstCard .actnCntnr .primButton,
  .lstCard .btnStk .plnBtn {
    font-size: 14px !important;
  }

  .buyaucitonflex .buynow .bidAmnt,
  .buyaucitonflex .crnntbid .bidAmnt,
  .tradeBid .lstVWContainer .lstCard .actnCntnr label,
  .tradeBid .lstVWContainer.buyaucitonflex .buynow .bidAmnt,
  .tradeBid .lstVWContainer .buyaucitonflex .crnntbid .bidAmnt {
    font-size: 14px;
  }

  .tradeBid .lstVWContainer .buyaucitonflex .crnntbid .bidAmnt {
    font-weight: 700 !important;
  }

  .lstCard .actnCntnr .tmrCntnr .tmrTxt span {
    font-size: 14px !important;
    font-weight: 700;
  }

  .lstCard .actnCntnr label b {
    font-size: 14px;
    font-weight: 600 !important;
  }

  .tradeBid .tradeCurrency .tradeColumn .lblSpan {
    font-size: 12px;
  }

  .tradeBid .bidTimer .form-control-plaintext {
    font-size: 14px;
  }

  .bid_status_msg,
  .tradeBid .placeAmout .crdBdy,
  .btnPrimOut,
  .btnSecnry,
  .btnPrim {
    font-size: 12px !important;
  }

  .tradeBid .placeAmout .auctionRow {
    grid-template-columns: 28% 36% 29%;
  }

  .tradeBid .placeAmout .input-group {
    width: 100%;
  }

  .tradeBid .grdContainer .buyaucitonflex .buynow .bidAmnt,
  .tradeBid .grdContainer .buyaucitonflex .crnntbid .bidAmnt {
    font-size: 12px;
    align-self: start;
    white-space: nowrap;
  }
}

@media (max-width: 390px) {
  .modal-dialog.deactivatedAccPop {
    max-width: 328px;
    width: 100%;
    margin: auto;
  }

  .tradeBid .tradeCurrency.tradeCurrency.noCapColumn {
    grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
  }
}

@media (max-width: 320px) {
  .grdCard .buyaucitonflex .crnntbid.visibility_hidden {
    display: none;
  }
}

@media (max-width: 375px) {
  .bid_status_msg {
    /* padding: 10px 5px; */
  }

  .modal-dialog.deactivatedAccPop {
    max-width: 315px;
    width: 100%;
    margin: auto;
  }

  .tradeBid .grdContainer .grdCard .imgContainer {
    max-height: max-content;
    aspect-ratio: 16 / 10;
    height: auto;
  }

  .tradeBid .tradeCurrency.noCapColumn {
    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
  }

  .grdCard .crntBidDtl label b,
  .grdCard .tmrCntnr label {
    font-weight: 700;
    font-size: 12px;
    white-space: normal;
  }

  .tradeBid .grdContainer .buyaucitonflex .buynow .bidAmnt,
  .tradeBid .grdContainer .buyaucitonflex .crnntbid .bidAmnt {
    font-size: 12px;
    align-self: start;
  }

  .grdCard .crntBidDtl label {
    font-size: 12px;
    margin: auto 0;
  }

  .searchtabFilter .searchtabFilter_Nav {
    padding-left: 15px;
    padding-right: 15px;
  }

  .searchtabFilter .searchtabFilter_Nav li a {
    padding: 0px 5px;
  }

  .lstCard .btnStk .flexmobileVIew .plnBtn,
  .lstCard .actnCntnr .flexmobileVIew .primButton {
    width: 100%;
    margin-bottom: 3px;
  }

  .flexmobileVIew {
    gap: 5px;
  }

  .btnPrimOut,
  .btnSecnry,
  .btnPrim {
    min-width: 100px;
  }

  .mobilewrap button:nth-child(2) {
    margin-left: 0 !important;
  }

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

  .UserEnty .userForm a,
  .UserEnty .userForm .ReMem a,
  .UserEnty .userForm .ReMem label {
    font-size: 13px;
  }

  .sellContainer {
    position: relative;
    height: auto;
    padding: 15px;
  }
}

@media (max-width: 360px) {
  .modal-dialog.deactivatedAccPop {
    max-width: 300px;
    width: 100%;
    margin: auto;
  }

  .modal-dialog.deactivatedAccPop h4,
  .modal-dialog.deactivatedAccPop p {
    font-size: 13px !important;
  }
}

@media (max-width: 344px) {
  .modal-dialog.deactivatedAccPop {
    max-width: 284px;
    width: 100%;
    margin: auto;
  }

  .modal-dialog.deactivatedAccPop h4,
  .modal-dialog.deactivatedAccPop p {
    font-size: 12px !important;
  }
}

/* REPONSIVE MOBILE END*/

@keyframes spin {
  0% {
    transform: translateX(-100%);
  }

  100% {
    transform: translateX(100%);
  }
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: translateX(-100%);
  }

  100% {
    -webkit-transform: translateX(100%);
  }
}

@-moz-keyframes spin {
  0% {
    -webkit-transform: translateX(-100%);
  }

  100% {
    -webkit-transform: translateX(100%);
  }
}

@keyframes rotatespin {
  0% {
    transform: rotate(0%);
    transform-origin: center;
  }

  100% {
    transform: rotate(360%);
    transform-origin: center;
  }
}

@keyframes sidemenu {
  0% {
    transform: translate(-100%) rotate3d(0, 1, 0, 90deg);
  }

  100% {
    transform: translate(0%) rotate3d(0, 1, 0, 0deg);
  }
}

.font-size-18 {
  font-size: 18px;
}

/* .terms-new, .staticContent {
  background: var(--backgroundColor);
  padding: 20px 10px;
  border-radius: 6px;
  } */

.tooltip .tooltip-inner {
  background-color: var(--darkblack) !important;
  text-align: left;
}

.tooltip .tooltip-inner img {
  width: 40px;
}