@media screen and (max-width: 1280px) {
  .container {
    width: 100%; } }
@media screen and (max-width: 768px) {
  /* !index.html */
  .logo {
    margin-left: 10px; }
    .logo h1 {
      font-size: 30px; }
    .logo span {
      font-size: 15px; }

  .label {
    display: grid;
    cursor: pointer;
    grid-column: 3;
    padding-right: 10px; }

  .content_nav {
    display: grid;
    grid-template-columns: 1fr;
    grid-column: 1/4;
    text-align: center;
    max-height: 0;
    overflow: hidden;
    transition: all ease-in-out 0.6s; }

  .nav_checkbox input:checked ~ .content_nav {
    max-height: 500px; }

  .content_nav li {
    padding: 15px 0px; }

  .content-slider-grid {
    grid-template-columns: repeat(1, 1fr); }

  .content-main-grid {
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 0.5rem; }

  /* .search input{
      max-width: 300px;
  } */
  /* .content-main-heading{
      margin-top: 10%;
  } */
  .content-product-grid {
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 0.5rem; }

  .menu-lift-dropdown .icon-menu {
    display: block; }

  .menu-lift-home {
    display: none; }

  .menu-icon-list input {
    display: none; }

  .icon {
    /* padding: 10px; */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #874514;
    /* border: 1px solid #D7DBDD; */
    font-size: 20px;
    /* max-width: 90px;
    max-height: 90px; */
    /* border-radius: 100%; */
    /* box-shadow:
      0 2px 1px rgba(0, 0, 0, 0.05),
      0 2px 3px rgba(0, 0, 0, 0.05),
      0 4px 8px rgba(0, 0, 0, 0.05); */ }

  .icon-menu {
    width: 100%;
    height: auto; }
    .icon-menu .icon {
      width: 100%;
      font-size: 40px; }
    .icon-menu a {
      text-decoration: none; }
    .icon-menu h2 {
      padding-top: 10px;
      color: #000;
      font-size: 18px; }

  .content-main-heading h1 {
    font-size: 25px; }

  .content-main-item h2, .content-main-item p {
    font-size: 18px; }

  .content-product-heading h1 {
    font-size: 25px; }

  .content-product-item h2, .content-product-item p {
    font-size: 18px; }

  .footer-item h3, .footer-item li, .footer-item a {
    font-size: 18px; }

  .copytext p, .credits p {
    font-size: 18px; }

  /* !shopping.html */
  .content-category-grid {
    grid-template-columns: repeat(1, 1fr); }

  .search input[type='search'] {
    font-size: 15px; }
  .search button h1 {
    font-size: 15px; }

  .search input {
    max-width: 150px; }

  .nav_checkbox {
    grid-template-columns: 50% 1fr; }

  .main-dropdown > label {
    display: inline-block; }

  /* .menu-lift .dropdown{
      margin-right: 2%;
      margin-left: 2%;
  } */
  .menu-lift {
    margin: 0%; }

  .menu-right {
    margin: 0%; }
    .menu-right > .product-grid {
      border: none; }

  .main-dropdown input[type="checkbox"][id="checkbox_toggle-main"]:checked ~ .dropdown {
    display: none; }

  input[type="checkbox"][id="checkbox_toggle-main"]:checked + input[type="checkbox"][id="checkbox_toggle-main"]::before {
    display: block; }

  /* TODO product-grid */
  /* .main-dropdown>label {
      font-size: 2vw;
  } */
  .main-dropdown label, .dropdown, .dropdown-rating a, .head-product h1, .product-item {
    font-size: 18px; }

  input[type="number"][class="input-min"], input[type="number"][class="input-max"] {
    font-size: 18px; }

  .product-grid {
    grid-template-columns: repeat(3, 1fr); }

  .footer-grid {
    margin-left: 2%; }

  .copyright-grid {
    margin: 0px 10px; }

  .pagination a, .filter-price, .head-product-right option {
    font-size: 18px; }

  .head-product-logo h1 {
    font-size: 18px; }
  .head-product-logo span {
    font-size: 18px; }
    .head-product-logo span > a {
      font-size: 18px; }

  .margin-product-logo {
    padding-left: 10px; }

  .product-item h2 {
    font-size: 18px; }
  .product-item p {
    font-size: 18px; }

  .container-shoppingcart-grid {
    grid-template-columns: repeat(1, 1fr); }
    .container-shoppingcart-grid .shoppingcart-list {
      margin: 0px 10px; }
    .container-shoppingcart-grid .shoppingcart-price {
      margin-top: 10px;
      margin-right: 10px; }

  .deliverywithin {
    margin: 10px; }

  .recommended {
    margin: 0px 10px; }

  .shoppingcart-table tr {
    font-size: 18px; }
    .shoppingcart-table tr .input-number {
      font-size: 15px; }
    .shoppingcart-table tr input[type='number'] {
      font-size: 18px; }
    .shoppingcart-table tr a {
      font-size: 15px; }

  .coupon-item h1 {
    font-size: 18px; }
  .coupon-item input[type='text'] {
    font-size: 18px; }
  .coupon-item .button-coupon {
    font-size: 18px; }

  .total {
    font-size: 18px; }
    .total .button-totel-main .button-totel-submit {
      font-size: 18px; }
    .total .button-totel-main .button-totel-back {
      font-size: 18px; }

  .deliverywithin h1 {
    font-size: 18px; }
  .deliverywithin p {
    font-size: 18px; }

  .recommended h1 {
    font-size: 18px; }
  .recommended .recommended-item h2 {
    font-size: 18px; }
  .recommended .recommended-item p {
    font-size: 18px; }

  .head-product-logo .margin-product-logo h1 {
    font-size: 25px; }
  .head-product-logo .margin-product-logo span, .head-product-logo .margin-product-logo a {
    font-size: 18px; }

  .dropdown .dropdown-li li > label {
    font-size: 18px; }

  .content-slider-item-2 {
    display: flex;
    width: 100%;
    height: auto; }

  .content-item-grid {
    display: grid;
    grid-template-columns: 1fr;
    width: 100%;
    height: auto; }

  .content-item-2 {
    background-color: #fff;
    border-bottom: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    display: block;
    width: 100%;
    justify-content: center;
    align-items: center; }
    .content-item-2 label {
      padding: 15px 0px;
      font-size: 18px;
      display: flex;
      width: 100%;
      justify-content: center;
      align-items: center; }

  .content-item-2:hover {
    background-color: #874514;
    color: #fff; }

  .content-item-2 input {
    display: none; }

  .content-item-ul {
    background-color: #ddd;
    display: grid;
    font-size: 18px;
    grid-template-columns: 1fr;
    grid-column: 1/4;
    text-align: center;
    max-height: 0;
    overflow: hidden;
    transition: all ease-in-out 0.6s; }
    .content-item-ul a {
      color: #874514;
      text-decoration: none;
      padding: 15px; }

  .content-item-2 input:checked ~ .content-item-ul {
    max-height: 500px; }

  .content-slider-grid {
    margin-top: 0px; }

  .dropdown-content {
    margin-top: 5px;
    margin-right: 10px;
    position: relative;
    background-color: #fff;
    /* min-width: 160px; */
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 99; }

  .dropdown-content-item {
    display: flex;
    justify-content: center;
    width: 100%; }

  .dropdown-content .dropdown-content-item a:hover {
    background-color: #fff;
    color: #000; }

  .dropdown-content > .dropdown-content-item > .dropdown-content-item-a {
    text-align: center;
    width: 100%; } }
@media screen and (max-width: 520px) {
  .search input {
    max-width: 110px; } }
@media screen and (max-width: 425px) {
  .content-item-2 label {
    font-size: 17px; }

  .content-item-ul {
    font-size: 17px; }

  .dropdown .dropdown-li li > label {
    font-size: 17px; }

  .icon-item h2 {
    font-size: 17px; }

  .icon-item-nav a li {
    font-size: 17px; }

  .content-slider-item-2 .menu-item-2-grid {
    grid-template-columns: repeat(3, 1fr); }

  .icon-menu .icon {
    font-size: 35px; }
  .icon-menu h2 {
    font-size: 17px; }

  .search input, .search h1 {
    font-size: 17px; }

  .nav_checkbox {
    grid-template-columns: 1fr 1fr; }

  .search input {
    max-width: 100px; }

  .content-main-grid {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 0.5rem; }

  .content-product-grid {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 0.5rem; }

  .content-main-heading h1 {
    font-size: 25px; }

  .content-main-item h2, .content-main-item p {
    font-size: 18px; }

  .content-product-heading h1 {
    font-size: 25px; }

  .content-product-item h2, .content-product-item p {
    font-size: 18px; }

  footer {
    height: 300px; }

  .footer-item h3, .footer-item li, .footer-item a {
    font-size: 18px; }

  .copytext p, .credits a {
    font-size: 18px; }

  .footer-grid {
    grid-template-columns: repeat(2, 1fr); }

  .search input, .search h1 {
    font-size: 10px; }

  .logo h1 {
    font-size: 24px; }
  .logo span {
    font-size: 15px; }

  /* TODO product-grid */
  /* .main-dropdown>label {
      font-size: 3vw;
  } */
  .main-dropdown label, .dropdown {
    font-size: 17px; }

  .price-input .separator {
    width: 30%; }

  .head-product h1, .product-item {
    font-size: 17px; }

  .product-grid {
    grid-template-columns: repeat(2, 1fr); }

  .dropdown-rating a {
    font-size: 17px; }

  .pagination {
    margin-left: 10%;
    margin-right: 10%; }
    .pagination a {
      font-size: 17px; }

  .filter-price, .head-product-right option {
    font-size: 17px; }

  .head-product-logo h1 {
    font-size: 24px; }
  .head-product-logo span {
    font-size: 17px; }
    .head-product-logo span > a {
      font-size: 17px; }

  .product-item h2 {
    font-size: 17px; }
  .product-item p {
    font-size: 17px; }

  .recommended-grid {
    grid-template-columns: repeat(2, 1fr); }

  .shoppingcart-table tr {
    font-size: 17px; }
    .shoppingcart-table tr img {
      width: 30px;
      height: 30px; }
    .shoppingcart-table tr .input-number {
      font-size: 15px; }
    .shoppingcart-table tr input[type='number'] {
      font-size: 17px; }
    .shoppingcart-table tr a {
      font-size: 15px; }

  .coupon-item h1 {
    font-size: 17px; }
  .coupon-item input[type='text'] {
    font-size: 17px; }
  .coupon-item .button-coupon {
    font-size: 17px; }

  .total {
    font-size: 17px; }
    .total .button-totel-main .button-totel-submit {
      font-size: 17px; }
    .total .button-totel-main .button-totel-back {
      font-size: 17px; }

  .deliverywithin h1 {
    font-size: 17px; }
  .deliverywithin p {
    font-size: 17px; }

  .recommended h1 {
    font-size: 17px; }
  .recommended .recommended-item h2 {
    font-size: 17px; }
  .recommended .recommended-item p {
    font-size: 17px; }

  .head-product-logo .margin-product-logo h1 {
    font-size: 24px; }
  .head-product-logo .margin-product-logo span, .head-product-logo .margin-product-logo a {
    font-size: 17px; } }
@media screen and (max-width: 375px) {
  .search input {
    max-width: 80px; }

  /* .content-product-grid {
      grid-template-columns: repeat(1, 1fr);
      grid-gap: 0.5rem;
  } */
  input[type="number"][class="input-min"], input[type="number"][class="input-max"] {
    font-size: 15px; } }

/*# sourceMappingURL=responsive.css.map */