﻿
@media all and (min-width: 769px) {

  /**** GLOBAL ***/
  .product-details-page .tab-wrapper .new-product-in-details-page {
    min-width: 350px;
  }

  .home-page-polls li {
    min-width: 100px;
  }


  /**** GLOBAL TABLES ***/


  .cart tr {
    /* width: 31.33333%;
    margin: 40px 1% 0;*/
  }

    .cart tr:nth-child(2n+1) {
      clear: none;
    }

    .cart tr:nth-child(3n+1) {
      clear: both;
    }

  .order-details-page .data-table tr {
    width: 31.33333%;
    margin: 40px 1% 0;
  }

    .order-details-page .data-table tr:nth-child(2n+1) {
      clear: none;
    }

    .order-details-page .data-table tr:nth-child(3n+1) {
      clear: both;
    }


  /*** HEADER ***/


  .header-selectors-wrapper > div {
    width: max-content;
  }


  /*** FOOTER ***/


  .footer-block {
    display: inline-block;
    width: 25.33333%;
    margin: 0 4%;
    vertical-align: top;
  }

    .footer-block .title {
      margin: 0 0 15px;
      background: none;
      padding: 0;
      color: #444;
      cursor: auto;
    }

    .footer-block .list {
      display: block !important; /* prevents toggle display:none on resize */
      background: none;
      padding: 0;
    }

      .footer-block .list li {
        padding: 5px 0;
      }

      .footer-block .list a {
        display: inline;
        padding: 0;
      }

  .follow-us {
    width: 98%;
    margin: 25px auto 0;
  }


  /*** CATEGORY ***/


  .product-selectors {
    text-align: right;
  }

    .product-selectors .product-viewmode {
      display: inline-block;
      float: left;
    }

      .product-selectors .product-viewmode span {
        display: none;
      }

      .product-selectors .product-viewmode a {
        display: inline-block;
        background-position: center;
        background-repeat: no-repeat;
        opacity: 0.5;
      }

        .product-selectors .product-viewmode a.grid {
          /* background-image: url('../images/view-grid.png');
          content: "/e916";
          font-family:"icomoon";
          width: 40px;
          height: 40px;
          border: 1px solid #ddd;*/
        }

          .product-selectors .product-viewmode a.grid:after, .product-selectors .product-viewmode a.list:after {
            content: "\e916";
            font-family: "icomoon";
            width: 40px;
            height: 40px;
            border: 1px solid var(--primary-color);
            font-size: 19px;
            padding: 7px 11px;
            color: var(--primary-color);
            filter: grayscale(100%);
          }

          /*.product-selectors .product-viewmode a.list {
          background-image: url('../images/view-list.png');
        }*/
          .product-selectors .product-viewmode a.grid:after {
            border-left: none;
            border-top-right-radius: 3px;
            border-bottom-right-radius: 3px;
          }

        .product-selectors .product-viewmode a.list:after {
          content: "\e917";
          border-right: none;
          border-top-left-radius: 3px;
          border-bottom-left-radius: 3px;
        }

        .product-selectors .product-viewmode a.list.selected:after {
          border: 1px solid var(--primary-color);
        }

        .product-selectors .product-viewmode a.grid.selected:after {
          border: 1px solid var(--primary-color);
        }

        .product-selectors .product-viewmode a.selected {
          opacity: 1;
          filter: none;
        }

          .product-selectors .product-viewmode a.selected:after {
            filter: none;
          }


  .item-box {
    width: 32.33333%;
    /* margin: 0 0.5% 50px;*/
  }

    .item-box:nth-child(2n+1) {
      clear: none;
    }

    .item-box:nth-child(3n+1) {
      clear: both;
    }

  .product-list .item-box {
    float: none;
    width: auto;
    /*margin: 0 5px 20px;*/
  }

    .product-list .item-box .product-item:after {
      content: "";
      display: block;
      clear: both;
    }

    .product-list .item-box .picture {
      float: right;
      width: 20%;
      min-width: 250px;
    }

    .product-list .item-box:hover .picture a img,
    .product-list .item-box:focus .picture a img {
      opacity: 1;
    }

    .product-list .item-box .picture:hover a img,
    .product-list .item-box .picture:focus a img {
      opacity: 0.85;
    }

    .product-list .item-box .picture + .details {
    }

    .product-list .item-box .product-title {
      height: auto;
      padding: 10px 0;
      font-size: 18px;
    }

    .product-list .item-box .description {
      display: block;
      margin: 0 0 10px;
      line-height: 22px;
    }

    .product-list .item-box .prices {
      height: auto;
      margin: 0 0 30px;
    }


    .product-list .item-box .product-box-add-to-cart-button {
      width: auto;
      min-width: 150px;
      padding: 0 20px;
    }

    .product-list .item-box .add-to-compare-list-button,
    .product-list .item-box .add-to-wishlist-button {
      width: 42px;
    }


  /*** PRODUCT PAGE ***/


  .gallery {
    width: 550px;
  }

  .variant-picture {
    float: right;
  }

    .variant-picture + .variant-overview {
      width: auto;
      margin: 0 240px 0 0;
    }

  .variant-overview {
    text-align: right;
  }


  /*** PRODUCT REVIEWS ***/


  .product-review-item .review-title {
    float: right;
    max-width: 600px;
  }

  .product-review-item .product-review-box {
    float: left;
  }

  .write-review .review-rating div {
    display: inline-block;
    margin: 0 5px 0 0;
    cursor: default;
    vertical-align: middle;
    font-size: 14px;
    height: 17px;
  }




  /*** REGISTRATION, LOGIN, ACCOUNT ***/


  .address-list-page .section,
  .order-list-page .section,
  .return-request-list-page .section {
    display: inline-block;
    width: 45%;
    margin: 20px 1%;
    vertical-align: top;
  }

  .recurring-payments {
    width: 100% !important;
    margin: 20px 0 !important;
  }


  /*** SHOPPING CART ***/


  .order-progress {
    padding: 20px;
  }

    .order-progress li {
      margin: 0 10px;
    }

    .order-progress a {
      min-width: 80px;
    }

  .cart-options .common-buttons {
    text-align: left;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding-right: 0;
  }

  .cart-options .checkout-attributes,
  .cart-options .selected-checkout-attributes {
    padding: 0 10px;
  }

  .cart-footer .totals {
    float: left;
    width: 30%;
    min-width: 360px;
  }

  .cart-footer .terms-of-service {
    text-align: right;
  }

  .cart-footer .checkout-buttons,
  .cart-footer .addon-buttons {
    text-align: left;
  }

  .cart-footer .cart-collaterals {
    float: right;
    width: 45%;
  }

    .cart-footer .cart-collaterals div,
    .cart-footer .cart-collaterals label {
      text-align: right;
    }

  .cart-footer .estimate-shipping label {
    display: block;
    margin: 0 0 10px;
  }

  .cart-footer .estimate-shipping .buttons {
    text-align: left;
  }


  /*** CHECKOUT ***/


  .checkout-page .selected-checkout-attributes {
    float: left;
    text-align: left;
  }

  .checkout-page .cart-footer .totals {
    max-width: 350px;
    margin: 0;
  }

  .checkout-page .address-grid {
    overflow: hidden;
  }

  .checkout-page .address-item {
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    width: 48%;
    margin: 0 1% 40px;
  }

  .shipping-method .method-list li,
  .payment-method .method-list li {
    display: inline-block;
    width: 47%;
    margin: 20px 1%;
    vertical-align: top;
  }

  .payment-method .payment-logo {
    display: none;
    background-color: #f6f6f6;
    padding: 10px;
  }

  .payment-method .payment-details {
    display: block;
    width: auto;
    min-width: 0;
    margin: 10px 0 0;
  }

  .payment-info .info {
    padding: 30px 75px;
    width: 90%;
    margin: auto;
  }

  .order-review-data,
  .order-details-area,
  .shipment-details-area {
    overflow: hidden;
  }

    .order-review-data > div,
    .order-details-area > div,
    .shipment-details-area > div {
      float: right;
      width: 48%;
      margin: 0 1% 20px;
    }


  /*** ORDER DETAILS & SHIPPING DETAILS ***/


  .order-details-page .section.options {
    text-align: left;
  }

  .order-details-page .selected-checkout-attributes {
    padding: 0 10px;
  }

  .order-details-page .tax-shipping-info {
    text-align: left;
  }

  .order-details-page .totals {
    float: left;
    clear: both;
  }

  .shipment-details-page .tracking-number .tracking-url {
    color: var(--primary-color);
  }


  /*** BLOG & NEWS ***/


  .blog-posts .tags {
    float: left;
    width: 80%;
    text-align: left;
  }

  .blog-posts .buttons {
    float: right;
    width: 20%;
    text-align: right;
  }

  .new-comment {
    text-align: center;
  }

    .new-comment .buttons {
      text-align: center;
    }

  .comment-list .comment {
    display: table;
    width: 100%;
  }

    .comment-list .comment:last-child {
    }

  .comment-info {
    display: table-cell;
    width: 15%;
    margin: 0;
    vertical-align: top;
  }

    .comment-info .username {
      min-height: 40px;
      margin: 0;
      border: none;
      text-align: center;
    }

    .comment-info .avatar {
      border: none;
    }

      .comment-info .avatar img {
        max-width: 80%;
        max-height: 80%;
      }

  .comment-content {
    display: table-cell;
    width: 85%;
    vertical-align: top;
    text-align: right;
  }

  .comment-time {
    min-height: 40px;
    margin: 0;
    padding: 10px 15px;
    font-size: 14px;
    font-weight: normal;
  }

  .comment-title {
    margin: 0 0 -20px;
    padding: 20px;
  }

  .comment-body {
    padding: 0px 17px;
  }


  /*** FORUM & PROFILE ***/

  .home-welcome img {
    max-width: 50%;
  }

  .forum-actions,
  .topic-actions {
    overflow: hidden;
  }

    .forum-actions .actions,
    .topic-actions .actions {
      float: right;
    }

    .forum-actions .pager,
    .topic-actions .pager {
      float: left;
      max-width: 450px;
    }

      .forum-actions .pager li,
      .topic-actions .pager li {
        margin: 2px 4px;
      }

      .forum-actions .pager.upper {
        display: block;
      }

    .topic-actions.lower .actions {
      display: block;
    }

  .topic-posts {
    margin: 0 0 30px;
  }

  .topic-post {
    display: table;
    width: 100%;
    margin: 0;
  }

    .topic-post .post-info {
      display: table-cell;
      width: 15%;
      margin: 0;
      vertical-align: top;
      text-align: right;
    }

    .topic-post .user-info {
      width: auto;
    }

    .topic-post .username {
      min-height: 40px;
      margin: 0;
      border: none;
      text-align: center;
    }

    .topic-post .avatar {
      margin: auto;
      border: none;
    }

      .topic-post .avatar img {
        max-width: 80%;
        max-height: 80%;
      }

    .topic-post .user-stats li {
      margin: 0;
    }

    .topic-post .send-pm {
      margin: 0 0 20px;
    }

    .topic-post .pm-button,
    .profile-info-box .pm-button {
      padding: 8px 16px;
      font-size: 13px;
    }

    .topic-post .post-content {
      display: table-cell;
      width: 85%;
      border-right: 1px solid #ddd;
      vertical-align: top;
      text-align: right;
    }

    .topic-post .post-head {
      min-height: 40px;
      overflow: hidden;
      background-color: #f6f6f6;
    }

    .topic-post .post-time {
      float: right;
      margin: 0;
      font-size: 14px;
      font-weight: normal;
    }

    .topic-post .post-actions {
      float: left;
      margin: 0;
    }

      .topic-post .post-actions a {
        margin: 0;
        line-height: 20px;
      }


      .topic-post .post-actions .quote-post a {
        min-width: 70px;
      }

      .topic-post .post-actions a.post-link-button {
        margin: 0 10px 0 0;
        border-right: 1px solid #ddd;
        text-align: center;
      }

    .topic-post .post-text {
      padding: 20px 5px;
    }

    .topic-post .post-vote {
      padding: 20px 15px 20px 0;
    }

  .forum-table th.replies,
  .forum-table th.views,
  .forum-table th.votes,
  .forum-table td.replies,
  .forum-table td.views,
  .forum-table td.votes {
    display: table-cell;
  }

  .forum-table td.image {
    max-width: none;
  }

    .forum-table td.image div {
      max-width: none;
      background-size: initial;
    }

  .ui-tabs-nav {
    text-align: right;
  }

    .ui-tabs-nav li {
      margin: 0 0 -1px 10px;
      /*override jQuery UI styles, do not delete doubled properties*/
      margin: 0 0 -1px 10px !important;
    }

  .profile-info-box .avatar {
    float: right;
    margin: 0 0 15px 15px;
  }

  .profile-info-box .profile-stats {
    float: right;
    text-align: right;
  }

  .profile-info-box .title {
    text-align: right;
  }

  .profile-info-box .send-pm {
    clear: both;
    text-align: right;
  }

  .carousel-grid,
  .dealoftheday-container .container {
    /*width: 1200px;
    margin:50px auto;*/
  }

  .container {
    max-width: 748px; /* Adjust maximum width for small devices */
    padding-right: 0; /* Add left padding */
    padding-left: 0; /* Add right padding */
  }


  .footer .footer-newsletter-wrapper .footer-newsletter .news-letter .newsletter .newsletter-email button {
    font-size: 14px;
  }

    .footer .footer-newsletter-wrapper .footer-newsletter .news-letter .newsletter .newsletter-email button .icon-Subtractmailicon:before {
      padding-left: 6px;
    }

  .footer .footer-upper {
    flex-direction: row !important;
  }

    .footer .footer-upper .footer-block .plus:after {
      display: none;
    }

    .footer .footer-upper .footer-block .minus:after {
      display: none;
    }





  .product-details-page .tab-wrapper .new-product-in-details-page .carousel-product {
    margin: 0 auto;
  }






  .checkout-data #checkout-steps li .step .section .enter-address .edit-address .input-container {
    display: flex;
    align-items: center;
    max-width: 400px;
    margin: auto;
  }

    .checkout-data #checkout-steps li .step .section .enter-address .edit-address .input-container .inputs {
      max-width: 195px;
    }

  .html-category-page .sub-category-grid .item-grid .item-box {
    width: calc(25% - 6px);
    margin-bottom: 10px;
  }
}
