@media (min-width: 576px) {
  .box .box-head h2{
      font-size: 1.5rem !important;
    }
    .box .box-head p{
      font-size: 1rem !important;
    }
    .responsive-menu-toggle{
      right: 42px;
  
  }
  }

  @media (min-width: 768px) {
    .responsive-menu-toggle{
      right: 35px;
  }
  #top-header{
    display: block;
}
.icon {
  font-size: 30px; /* Kích thước icon */
}
.icon-new-product{
  width: 35px;
  height: 35px;
}
  }
  
  @media (min-width: 992px) {
    .box .box-head h2{
      font-size: 1.5rem !important;
    }
    .box .box-head p{
      font-size: 1rem  !important;
    }
    nav#home-nav ul#main-menu{
      display: flex ;
  }
  nav#home-nav .wp-search-cart{
    display: flex;
}
.navbar-toggle{
  display: none;
}
.owl-carousel .owl-nav button.owl-prev span,
.owl-carousel .owl-nav button.owl-next span{
    display: block;
}
.owl-dots span{
  display: none !important;
}
.wp-text{
  padding: 54px;
}
p.responsive-text-time{
  font-size: 16px;
}
.container-bg-green h2{
  text-transform: uppercase;
  font-size: 30px;
}
.container-bg-green p{
  text-transform: capitalize;
  font-size: 16px;
}
.col-md-6.bg-grain{
  display: block;
}
.wp-responsive{
  display: none;
}
.wp-responsive-cart-search-navbar_toggle{
  display: none;
}
.wp-filter-price-type-destop{
  display: block;
}
.filter-wp{display: block;}
.section-head h3.new-product-title-mid.responsive{
  font-size: 1.75rem !important;
}
.wp-responsive-filter{
  display: none;
}
.product-sale .box-body .product-price .price-new,
.product-best-selling .box-body .product-price .price-new,
.box-body.product .product-price .price-new{
    font-weight: bold;
    margin-right: 10px;
    font-size: 18px;
    color: #f3283d;
}
.product-sale .box-body .product-price .price-old,
.product-best-selling .box-body .product-price .price-old,
.box-body.product .product-price .price-old{
    font-weight: 400;
    text-decoration: line-through;
    color: #8d8d8d;
}
.box-body.product .product-price .price-old{
    font-size: 14px;
}
.box-body.product .product-price .price-new{
    font-size: 16px;
}
.card-body {
  padding: 1.25rem !important;
 }
 .thank-you-container {
  text-align: center;
  padding: 50px;
  min-height: 400px;
}
#payment-checkout-wp ul#payment_methods li input[type="radio"]{
  margin-right: 10px;
  width: 25px;
  height: 25px;
}
#payment-checkout-wp ul#payment_methods li label{
  font-size: 16px;
  margin-bottom: 0px ;
}
#payment-checkout-wp ul#payment_methods li{
  display: flex;
  align-items: center;
}
.wp-checkout #order-review-wp .section-detail{
  font-size: 16px !important;
}
#payment-checkout-wp ul#payment_methods li input[type="radio"]:checked::after {
 width: 12px;
 height: 12px;
}
#order-review-wp h2.section-title,
#customer-info-wp h2.section-title{
    text-transform: uppercase;
    font-size: 25px;
}
#customer-info-wp label{
  font-size: 16px;
}
#customer-info-wp input::placeholder{
  font-size: 16px;
}
#customer-info-wp select.form-control{
  font-size: 16px;
}
.wp-profile .wp-save .save{
  flex-basis: 15%;
}
#selling-product.category-home{
  margin-bottom: 25px;
}
.owl-carousel .owl-item img.category-home {
  border-radius: 50%;
  width: 100px;  /* Ảnh sẽ chiếm 50% chiều rộng của phần tử chứa */
  height: 95px; /* Giữ tỷ lệ ảnh ban đầu */
}
.owl-carousel.category-home .owl-nav{
  display: block !important;
}
.wp-button-add-buy-index{
  flex-direction: row;
}
.wp-button-add-buy-index a.add-cart,
.wp-button-add-buy-index a.buy-now{
    padding: 8px 4px;
}
.wp-button-add-buy-index a.add-cart{
  border: 1px solid #5FB450;
  color: #5FB450;
  margin-right: 10px;
}
.wp-title-contact-support .text-sub{
  font-size: 18px;
}
.typewriter {
  font-size: 22px;
}
.container-bg-green h2{
  font-size: 22px;
}
.contact-section h2 {
  font-size: 22px;
}
.contact-section {
  padding: 60px 20px;
}
.contact-form {
  padding: 30px;
}
.btn-submit {
  padding: 12px 30px;
}
.section-title {
  font-size: 24px;
}
.plan-card h4 {
  font-size: 24px;
}
.plan-card h2 {
  font-size: 30px;
}
.container.project h2 {
  font-size: 24px;
}
.swiper.project .card p {
  font-size: 16px;
}
.container.theme-web h2{
  font-size: 24px;
}
.hero-room{
  height: 100vh;
}
.contact-form-intro {
  margin-top: -200px; /* Đẩy lên ít hơn để không bị che nhiều */
  padding: 20px; /* Nhỏ hơn để vừa màn hình */
}
.contact-form-intro h5{
  font-size: 20px;
}
.contact-form-contact{
  padding: 40px;
}
.contact-image-wrapper {
  margin-top: 0px;
}
.domain img{
  max-width: 400px;
}
#tech-slider{
    margin-bottom: 30px !important;
}
  }
  
  @media (min-width: 1200px) {
    .container {
      max-width: 1170px;
    }
  }