:root{
  --hero-max: 1750px;
  --container-max: 1800px;
}


@media (min-width: 1920px) {
	
	:root{
    --hero-max: clamp(1750px, 80vw, 2100px);
    --container-max: clamp(1800px, 82vw, 2200px);
  }
	
	
  .hero-container {
    max-width: var(--hero-max)!important;
    margin: 0 auto!important;
    padding-inline: clamp(16px, 3vw, 64px)!important;
    padding-top: clamp(3rem, 6vw, 6rem)!important;
    position: relative;
    border-radius: clamp(20px, 3vw, 35px)!important;
    border: 1px solid #aaa;
    border-top: none;
}  
.container {
    max-width: var(--container-max)!important;
}

.footer .container {
    max-width: var(--container-max)!important;
}
.new-user-auctions-laptop {
    padding: 50px 0!important;
    text-align: center!important;
    width: 1650px!important;
    margin: 0 auto!important;
}
.faq-section {
    width: 95%!important;
}
.hero-brands img {
    max-width: 83%!important;
}
.card {
    background-size: cover!important;
    text-align: center!important;
    position: relative!important;
    color: #fff!important;
    z-index: 0!important;

    flex: 1 1 300px!important;     /* grow/shrink with a base size */
    max-width: 340px!important;    /* keeps them from becoming too wide */
    border: 6px solid #b8babe!important;
    border-radius: 35px!important;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1)!important;
	font-size: 21px!important;
}
.container-column {
    max-width: var(--hero-max)!important;
	font-size: 25px!important;
}
.new-user-auctions {
    width: var(--hero-max)!important;
	font-size: 22px!important;
}
.bt-card {
    width: 400px!important;
}
.bt-card-quote {
    font-size: 22px!important;
}
.bt-card-author {
    font-size: 1.6rem!important;
}
.bt-card-author span {
    font-size: 20px!important;
}
.bt-card-image {
    width: 100px!important;
    height: 100px!important;
}
.bt-container h3 {
    font-size: 30px!important;
}

.header__menu ul li a {
    font-size: 18.54px!important;
}
.header__inner {
    gap: 100px!important;
}
.footer__block-title {
    font-size: 24px!important;
}
.footer__block-descr {
    font-size: 20px!important;
}
.footer__menu ul li a {
    font-size: 19.54px!important;
	line-height: 42.8px!important;
}
}

@media (min-width: 2560px) {
	
	:root{
    --hero-max: clamp(2100px, 80vw, 2400px);
    --container-max: clamp(2400px, 82vw, 2500px);
  }


  .hero-container { max-width: var(--hero-max) !important; }
  .container,
  .footer .container { max-width: var(--container-max) !important; }

  .header__logo img{ width: clamp(160px, 8vw, 320px); height: auto; }
  .header__menu { max-width: 1100px; }
  
   textarea, textarea::placeholder, input, input::placeholder { font-size: 21px; }
  .header__form { max-width: 280px; }
  .header__form-btn svg {	width: 30px; height: 30px; }



  .hero-content p { font-size: 1.6rem; line-height: 34px; }
  .banner-para { max-width: 600px; }
  .hero-buttons a { font-size: 22px; }
	

  .btnn { font-size: 24px; }
  .hero-three-div h2 { font-size: 30px; }
  .slider-action a { padding: 16px 30px!important; font-size: 1.5rem!important; }

  .icons img { width: 90%; }

  .new-user-auctions-laptop { max-width: var(--hero-max) !important; }
  .container-column { max-width: var(--hero-max) !important; }
  .new-user-auctions { max-width: var(--hero-max) !important; }

  .card {
    flex-basis: 340px !important;
    max-width: 380px !important;
    font-size: 23px !important;
  }

  .bt-card { width: 440px !important; }
  .bt-card-quote { font-size: 24px !important; line-height: 30px; }
  .bt-card-author { font-size: 1.75rem !important; }
  .bt-card-author span { font-size: 22px !important; }
  .bt-card-image { width: 110px !important; height: 110px !important; }
  .bt-container h3 { font-size: 34px !important; }

  .faq-question-text { font-size: 30px !important; }
  .faq-question .number { font-size: 30px; }
  
  .faq-action { max-width: 300px; }
  .faq-action a { padding: 16px 36px; font-size: 1.5rem; }

  .header__inner { gap: 160px !important; }
  .header__menu ul li a { font-size: 28px !important; }

  .footer__block-title { font-size: 26px !important; }
  .footer__block-descr { font-size: 22px !important; }
  .footer__menu ul li a { font-size: 26px !important; line-height: 48px !important; }
  
  .footer__menu { gap: 32px; max-width: 420px; }
  .footer__content { gap: 80px; max-width: 950px; }
  .footer__block-content { max-width: 400px; }
  
  .footer__block-title { font-size: 27px; }
  .footer__block-descr { font-size: 22px; }
  .footer__copy { max-width: 300px; font-size: 19px; }
  .footer__links a { font-size: 23px; }
  .footer__form-btn { font-size: 22px; }
  .footer__form label svg { width: 50px; height: 50px; }
  .footer__form { width: 101%; }
  input:not([type="search"]), input:not([type="search"])::placeholder { font-size: 22px; }
  /*login*/
  .userup__block { max-width: 800px;}
  .userup__content { max-width: 800px;}
  
}


/* =========================
   3200px and up (Ultra-wide)
   ========================= */
@media (min-width: 3200px) {
	
  :root{
    --hero-max: clamp(2800px, 80vw, 3100px);
    --container-max: clamp(1800px, 82vw, 2200px);
  }

  .hero-container { max-width: var(--hero-max) !important; }
  .container,
  .footer .container { max-width: 2600px !important; }

  .new-user-auctions-laptop { max-width: var(--hero-max) !important; }
  .container-column { max-width: var(--hero-max) !important; }
  .new-user-auctions { max-width: var(--hero-max) !important; }

  .card {
    flex-basis: 380px !important;
    max-width: 420px !important;
    font-size: 25px !important;
  }

  .bt-card { width: 480px !important; }
  .bt-card-quote { font-size: 26px !important; }
  .bt-card-author { font-size: 1.9rem !important; }
  .bt-card-author span { font-size: 24px !important; }
  .bt-card-image { width: 120px !important; height: 120px !important; }
  .bt-container h3 { font-size: 38px !important; }

  .header__inner { gap: 140px !important; }
  .header__menu ul li a { font-size: 22px !important; }

  .footer__block-title { font-size: 28px !important; }
  .footer__block-descr { font-size: 24px !important; }
  .footer__menu ul li a { font-size: 23px !important; line-height: 50px !important; }
}


/* =========================
   3500px and up (Very large)
   ========================= */
@media (min-width: 3500px) {

  .hero-container { max-width: 2800px !important; }
  .container,
  .footer .container { max-width: 2900px !important; }

  .new-user-auctions-laptop { max-width: 2800px !important; }
  .container-column { max-width: 2800px !important; }
  .new-user-auctions { max-width: 2800px !important; }

  .card {
    flex-basis: 420px !important;
    max-width: 460px !important;
    font-size: 27px !important;
  }

  .bt-card { width: 520px !important; }
  .bt-card-quote { font-size: 28px !important; }
  .bt-card-author { font-size: 2.05rem !important; }
  .bt-card-author span { font-size: 26px !important; }
  .bt-card-image { width: 130px !important; height: 130px !important; }
  .bt-container h3 { font-size: 42px !important; }

  .header__inner { gap: 160px !important; }
  .header__menu ul li a { font-size: 24px !important; }

  .footer__block-title { font-size: 30px !important; }
  .footer__block-descr { font-size: 26px !important; }
  .footer__menu ul li a { font-size: 25px !important; line-height: 54px !important; }
}