@media screen and (max-width: 1800px) {

  .wrapper-lrg{max-width: 1620px;}

  .header-top > .wrapper-lrg .right a {margin: 0;}

  .newsletter-new, footer .flex-row  {max-width: 1520px;}

}
@media screen and (max-width: 1650px) {

  .header-top > .wrapper-lrg .left span {font-size: 16px; padding: 35px 30px 30px 35px;}
  .header-top > .wrapper-lrg .left span::after {top: 53%;}
  .header-top > .wrapper-lrg .left .container-drop {top: 86px;}

  .search-2024 input, .search-2024 select {font-size: 14px; max-width: 175px;}

  .brand-scroll .brandSwiper .swiper-slide img {max-height: 30px; max-width: 190px;}

  .wrapper-lrg{max-width: 1520px;}
  .newsletter-new, footer .flex-row  {max-width: 1420px;}


  footer .flex-row .right > img { max-width: 100px;}
  footer ul li:first-child a {font-size: 24px;}
  footer ul li a {font-size: 16px;}

}
@media screen and (max-width: 1550px) {

  .wrapper-lrg{max-width: 1420px;}
  .wrapper {max-width: 1300px;}
  .newsletter-new, footer .flex-row  {max-width: 1320px;}

  .header-top > .wrapper-lrg .right a {min-width: 35px;}
  .right .ab-com {padding: 5px !important;}

  .home-banner figure a {font-size: 16px; width: 400px;}

  .intro h1, .newsletter-new h3 {font-size: 55px;}

  .products-new .item h2 {font-size: 18px;}
  .products-new .item p {font-size: 15px;}
  .products-new .item p span {font-size: 20px;}

  .signup-field input {font-size: 18px;}
  .signup-field button {right: 4px; top: 4px;}

}
@media screen and (max-width: 1450px) {

  .wrapper-lrg{max-width: 1320px;}
  .wrapper {max-width: 1200px;}
  .newsletter-new, footer .flex-row  {max-width: 1220px;}

  .header-top > .wrapper-lrg .right {display: none;}

  .newsletter-new {margin: 0 auto;}

  footer .flex-row {padding: 50px 0;}

}

@media screen and (max-width: 1350px) {

  .wrapper-lrg{max-width: 1220px;}
  .wrapper {max-width: 1100px;}
  .newsletter-new, footer .flex-row  {max-width: 1120px;}

  .intro h1, .newsletter-new h3 {font-size: 45px;}
  .newsletter-new h3  {max-width: 320px;}

  .home-banner figure a {padding: 27px 25px 23px; width: 350px;}

  .products-new .item figure {height: 250px;}

  .brand-scroll .brandSwiper .swiper-slide img { max-height: 25px; max-width: 170px; }


}

@media screen and (max-width: 1250px) {

  .wrapper-lrg{max-width: 1100px;}
  .wrapper {max-width: 900px;}
  .newsletter-new, footer .flex-row  {max-width: 1100px;}

  .button-dark, .button-light, .custom-pagination .swiper-pagination-bullet {font-size: 14px;}

  .intro p { max-width: 350px; font-size: 15px;}

  .products-wrapper {margin-bottom: 50px;}

  .products-new > .wrapper > .flex-row {margin: 50px 0 30px;}

  .products-new .item h2, .products-new .item p span {font-size: 14px;}
  .products-new .item p {font-size: 13px;}
  .item .button-dark, .item .button-light {padding: 10px;}
  .products-new .item .grid {margin: 10px 0 0;}

  .products-new .item figure { height: 200px; padding: 15px; border-radius: 10px;}
  .products-new .one-day figure span {top: 10px; right: 10px;}

  .newsletter-new article {max-width: 450px;}
  .newsletter-new article p {font-size: 16px;}

  footer ul li:first-child a { font-size: 20px; }
  footer ul li a {font-size: 14px; margin-bottom: 10px;}
  footer .flex-row .right > img { max-width: 75px; }
}

@media screen and (max-width: 1100px) {

  .wrapper-lrg{max-width: 900px;}
  .wrapper {max-width: 800px;}
  .newsletter-new, footer .flex-row  {max-width: 900px;}

  .intro h1, .newsletter-new h3 { font-size: 35px; }

  .menu-left a.active::after {width: 15px; height: 15px; right: -35px;}

  .search-2024 input, .search-2024 select {max-width: 150px; padding: 17px 15px 13px;}

  .container-drop ul li a {font-size: 14px; padding: 7px 5px 3px;}

  .home-banner figure a { padding: 22px 20px 18px; width: 300px;}

  .newsletter-new h3 { max-width: 250px; }
  .newsletter-new article {max-width: 370px;}
  .newsletter-new article p {font-size: 14px;}
}

@media screen and (max-width: 1024px) {

  .search-2024 {position: absolute; top: 145px; width: 100%; left: 0px; background: #848484; padding: 10px;}

  .wrapper-lrg{max-width: 90%;}
  .wrapper {max-width: 85%;}
  .newsletter-new, footer .flex-row  {max-width: 90%;}

  .hamburger {display: block;}

  .header-top > .wrapper-lrg .left {justify-content: flex-end;}
  .header-top > .wrapper-lrg .left a.logo {padding: 15px 0; margin-right: 0px;}
  header .left > div {display: none;}
  .mobile-menu-bottom {display: flex;}

  .header-bottom {display: none;}

  .home-banner .grid-3 {display:none;}

  .home-banner .homeSwiper {display: block;}

  .brand-scroll {padding: 20px 0;}
  .brand-scroll .brandSwiper .swiper-slide img { max-height: 20px; max-width: 130px; }

  .intro {padding: 50px 0 30px; border-radius: 0 0 15px 15px;}
  .intro h1 { margin-bottom: 15px;}
  .intro .flex-row {gap: 30px}

  .products-new .custom-pagination {margin-bottom: 15px;}

  .products-wrapper .grid-3 {grid-template-columns: 1fr 1fr; grid-gap: 15px; padding-right: 1px;}
  .products-new .item .grid {grid-template-columns: 1fr; grid-gap: 5px;}
  .products-new .item h2 {min-height: 37px;}

  .newsletter-new {padding: 30px;}
  .signup-field {margin-bottom: 30px;}

  footer .flex-row .left {padding: 0; width: 100%;}
  footer .flex-row .right {width: 100%; align-items: center; justify-content: center; margin-top: 30px; gap: 30px;}

footer .copyright p, footer .copyright a {font-size: 10px;}

}
@media screen and (max-width: 500px) {
  header + .standard-content {padding-top: 285px;}
  .signup-field input {max-width: none;}
  .newsletter-new .flex-row > div {width: 100%;}
  .search-2024 {padding: 10px 10px 0px 10px;}
  .search-2024 input, .search-2024 select {margin-bottom: 10px;}
}
@media screen and (max-width: 414px) {
.mobile-menu-bottom a {padding: 5px 2px;}
.mobile-menu-bottom a figure, .mobile-menu-bottom a img {width: 20px; height: 20px;}
.mobile-menu-bottom.right .ab-com img {width: 60px!important}

.search-2024 {top: 140px;}
}
@media screen and (max-width: 375px) {

}
@media screen and (max-width: 320px) {

}