/*=====================================================
    
    TABLETS PORTRAIT & SMARTPHONES LANDSCAPE

=====================================================*/
@media screen and (max-width: 768px) and (min-width: 481px) {
  input[type="text"],
  input[type="password"] {
    padding: 5px;
    height: 32px;
    line-height: 20px;
    -webkit-box-sizing: border-box;
    /* Safari/Chrome, other WebKit */
  
    -moz-box-sizing: border-box;
    /* Firefox, other Gecko */
  
    box-sizing: border-box;
  }
  select {
    height: 32px;
    max-width: 100%;
    padding: 6px;
  }
  textarea {
    max-width: 100%;
    -webkit-box-sizing: border-box;
    /* Safari/Chrome, other WebKit */
  
    -moz-box-sizing: border-box;
    /* Firefox, other Gecko */
  
    box-sizing: border-box;
  }
  .data-table a {
    display: inline-block;
  }
  .link-rss {
    display: none;
  }
  .flyout-cart {
    display: none !important;
  }
  .header-links-wrapper,
  .master-wrapper-content,
  .main-slider-header .header,
  .master-home-page .header,
  .master-home-page .master-wrapper-main,
  .footer,
  .bottom .center {
    width: 95%;
  }
  .master-wrapper-content {
    position: relative;
  }
  .center-2,
  .side-2 {
    float: none;
    width: auto;
  }
  .center-2 {
    margin-bottom: 20px;
  }
  .side-2:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
    font-size: 0;
  }
  /* Fix for Error and validation messages */
  .inputs {
    display: inline-block;
    position: relative;
    text-align: center;
  }
  .inputs .message-error,
  .inputs .field-validation-error,
  .inputs .not-available-status,
  .inputs .password-error {
    display: block;
  }
  .inputs .required {
    position: absolute;
    top: 15px;
    right: -10px;
  }
  .registration-result-page,
  .page-title,
  .form-fields,
  .checkout-page .enter-address,
  .edit-address {
    text-align: center;
  }
  .edit-address .inputs .required,
  .account-page .inputs .required,
  .registration-page .inputs .required,
  .password-recovery-page .inputs .required {
    right: auto;
  }
  .cart-footer .shipping .required {
    top: 0;
  }
  .inputs span[data-valmsg-for="DateOfBirthDay"],
  .inputs span[data-valmsg-for="DateOfBirthMonth"],
  .inputs span[data-valmsg-for="DateOfBirthYear"] {
    display: none;
  }
  .search-input .inputs {
    display: block;
  }
  /* end */
  .inputs label {
    width: 100%;
    text-align: center;
    margin: 0 0 10px;
  }
  .admin-header-links {
    position: static;
  }
  .admin-header-links a {
    display: block;
    border-bottom: 1px solid #333;
    line-height: 32px;
    text-align: center;
  }
  /* BAR NOTIFICATION */
  .bar-notification {
    height: 37px;
    line-height: 37px;
  }
  .bar-notification .close {
    width: 32px;
    height: 32px;
    margin: 2px 5px;
  }
  .bar-notification a {
    display: inline-block;
    line-height: 32px;
  }
  /* HEADER */
  .header-links-wrapper {
    text-align: center;
  }
  .header-contacts,
  .header-links,
  .header-links ul,
  .header-links ul li {
    float: none;
  }
  .header-links ul li {
    display: inline-block;
  }
  .header-links-wrapper span,
  .header-links-wrapper a {
    line-height: 32px;
  }
  .header-links .cart-qty {
    background-position: left 6px;
  }
  .header-logo,
  .header-selectors-wrapper,
  .search-box {
    float: none;
    text-align: center;
  }
  .header-logo {
    margin: 0 0 15px;
  }
  .header-logo a {
    display: inline-block;
  }
  .header-selectors-wrapper > div {
    float: none;
    display: inline-block;
    margin: 0 5px 0 0;
    overflow: hidden;
  }
  .header-selectors-wrapper > div select {
    float: left;
  }
  .language-list li,
  .language-list li:first-child {
    margin: 0;
  }
  .language-list a {
    width: 32px;
    height: 32px;
  }
  .search-box form {
    display: inline-block;
  }
  .search-box form:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
    font-size: 0;
  }
  .search-box input.search-box-text {
    height: 30px;
    width: 320px !important;
  }
  .ui-autocomplete.ui-menu.ui-widget.ui-widget-content {
    width: 354px !important;
  }
  /* HEADER WITH SLIDER ENABLED */
  .main-slider-header .header {
    min-height: 165px;
  }
  .main-slider-header .header-logo {
    position: static;
    margin: 0;
  }
  .main-slider-header .header-selectors-wrapper {
    margin: 15px 0 0;
  }
  .main-slider-header .search-box {
    float: none;
    clear: none;
    margin: 15px 0 0;
  }
  /*.main-slider {
          display: none;
      }*/
  .master-home-page .header-menu {
    width: 440px;
  }
  /* HEADER MENU */
  .header-menu {
    background: none;
    width: 70%;
    margin: 0 auto 20px;
  }
  .menu-title {
    display: block;
  }
  .menu-title span {
    background-color: #0f0f0f;
    background-image: url(../img/responsive-nav-icon.png);
    background-repeat: no-repeat;
    background-position: 98% center;
    color: #e6e6e6;
    display: block !important;
    font-size: 24px;
    line-height: 45px;
    text-transform: uppercase;
    padding: 0 0 0 2.89435600578871%;
    cursor: pointer;
    overflow: hidden;
  }
  .header-menu > ul > li > a,
  .header-menu > ul > li > span {
    float: none;
    display: block;
    border-top: 1px solid rgba(255, 255, 255, 0.25);
    background-color: #0f0f0f;
  }
  .header-menu ul > li {
    position: relative;
  }
  .header-menu > ul > li > a:hover {
    background-color: #0f0f0f;
  }
  .header-menu > ul .plus-button {
    position: absolute;
    top: 0;
    right: 0;
    border-left: 1px solid rgba(255, 255, 255, 0.25);
    width: 47px;
    height: 47px;
    background: url('../img/responsive-plus.png') no-repeat center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    -webkit-transition: background 0.1s ease-in-out;
    -moz-transition: background 0.1s ease-in-out;
    -o-transition: background 0.1s ease-in-out;
    transition: background 0.1s ease-in-out;
  }
  .header-menu > ul .plus-button.close {
    background: url('../img/responsive-minus.png') no-repeat center;
  }
  .header-menu .sublist,
  .header-menu .dropdown {
    background: #0f0f0f;
  }
  .header-menu .sublist > li > a,
  .header-menu .dropdown > ul > li > a {
    padding: 0 20px;
    font: normal 15px/45px 'source-sans-pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    color: #ffffff;
    display: block;
    border-top: 1px solid rgba(255, 255, 255, 0.25);
    background: #0f0f0f;
  }
  .dropdown,
  .header-menu .sublist {
    display: none;
  }
  .header-menu .sublist.active {
    display: block;
  }
  /* SIDEBAR */
  .block {
    margin: 0 0 2%;
    width: 49%;
    float: left;
    -webkit-box-sizing: border-box;
    /* Safari/Chrome, other WebKit */
  
    -moz-box-sizing: border-box;
    /* Firefox, other Gecko */
  
    box-sizing: border-box;
  }
  .block:nth-of-type(2n+1) {
    clear: both;
    margin: 0 2% 2% 0;
  }
  .block .title {
    padding: 0;
  }
  .block .title strong {
    display: block;
    padding: 10px;
    cursor: pointer;
  }
  .block .listbox {
    display: none;
  }
  .listbox .list > li > a {
    padding: 11px 10px 11px 35px;
  }
  .listbox .sublist a {
    padding: 10px 5px;
  }
  .listbox .view-all {
    padding: 0;
  }
  .listbox .view-all a {
    display: inline-block;
    line-height: 32px;
    padding: 0 12px;
  }
  .poll .buttons input {
    line-height: 32px;
    padding: 0 12px;
  }
  /* CATEGORY PAGE & PRODUCT GRIDS */
  .breadcrumb li * {
    display: inline-block;
    line-height: 32px;
  }
  .breadcrumb li a,
  .breadcrumb li strong {
    padding: 0 4px;
  }
  .product-selectors > div {
    width: 50%;
    text-align: center;
    margin-right: 0;
  }
  .item-box {
    margin: 0 0 2% 2%;
    -webkit-box-sizing: border-box;
    /* Safari/Chrome, other WebKit */
  
    -moz-box-sizing: border-box;
    /* Firefox, other Gecko */
  
    box-sizing: border-box;
  }
  .item-box .details {
    position: static !important;
    height: 78px !important;
    box-shadow: none !important;
    background: none !important;
  }
  .item-box .description {
    display: none;
  }
  .item-box .prices,
  .item-box .buttons {
    padding: 0;
    text-align: center;
  }
  .item-box .prices {
    margin-bottom: 5px;
  }
  .item-box .prices > * {
    display: inline-block;
    line-height: 31px;
  }
  .item-box .old-price {
    margin: 0 5px 0 0;
  }
  .item-box .actual-price {
    color: #333;
  }
  .item-box input[type="button"],
  .item-box .buynow-button {
    background: #b6b6b6;
    padding: 10px 20px;
  }
  .item-box input[type="button"]:hover,
  .item-box .buynow-button:hover {
    background: #dadada;
  }
  .item-box .picture {
    width: 100%;
  }
  .home-page-category-grid .item-box {
    width: 49%;
    margin: 60px 0 0 2%;
    padding: 0;
  }
  .home-page-category-grid .title {
    background: none;
    padding: 0;
  }
  .home-page-category-grid .title a {
    display: block;
    background: #ffffff url('../img/bullet1.png') 15px center no-repeat;
    padding: 13px 15px 13px 60px;
    line-height: 24px;
  }
  .home-page-category-grid .picture {
    display: none;
  }
  .home-page-product-grid .item-box,
  .bestsellers .item-box,
  .bestsellers .item-box:nth-child(3n+1) {
    width: 49%;
    margin: 0 0 2% 2%;
  }
  .home-page-product-grid .item-box:nth-child(2n+1),
  .bestsellers .item-box:nth-child(2n+1) {
    margin: 0 0 2% 0;
  }
  .category-page .item-box {
    width: 49%;
  }
  .category-page .item-box:nth-child(3n+1) {
    margin-left: 2%;
  }
  .category-page .item-box:nth-child(2n+1) {
    margin-left: 0;
  }
  .sub-category-grid {
    margin-bottom: 15px;
  }
  .sub-category-grid .item-box,
  .manufacturer-grid .item-box {
    padding: 0;
    margin: 0 0 2% 2%;
  }
  .manufacturer-grid .item-box {
    width: 49%;
  }
  .manufacturer-grid .item-box:nth-child(2n+1) {
    margin: 0 0 2%;
  }
  .sub-category-grid .title,
  .manufacturer-grid .title {
    margin: 0;
    border-bottom: 0;
    background: 0;
    padding: 0;
  }
  .sub-category-grid .title a,
  .manufacturer-grid .title a {
    background: url('../img/bullet3.png') 15px center no-repeat;
    padding: 10px 0 10px 43px;
    display: block;
  }
  .sub-category-grid .picture,
  .manufacturer-grid .picture {
    display: none;
  }
  .pager li * {
    width: 30px;
    height: 30px;
    line-height: 30px;
  }
  /* PRODUCT PAGE */
  .gallery {
    float: none;
    width: 100%;
    margin: 0 0 20px;
  }
  .gallery .picture {
    margin: 0 auto;
  }
  .gallery .picture-thumbs {
    text-align: center;
  }
  .gallery .picture-thumbs a,
  .gallery .picture-thumbs a:nth-child(3n+1) {
    float: none;
    display: inline-block;
    margin: 12px 6px 0;
  }
  .product-details-page .overview {
    float: none;
    width: auto;
  }
  .overview .buttons input,
  .variant-overview .add-to-wishlist-button,
  .back-in-stock-subscription .subscribe-button,
  .download-sample-button a {
    padding: 7px 12px;
  }
  .overview .manufacturers a,
  .product-review-links > *,
  .product-tags-list .tag > * {
    display: inline-block;
    line-height: 32px;
  }
  .product-no-reviews,
  .product-reviews-overview {
    margin-bottom: 10px;
  }
  .overview .qty-label,
  .variant-overview .qty-label {
    line-height: 42px;
  }
  .overview .qty-input,
  .variant-overview .qty-input {
    width: 42px;
    height: 42px;
    padding: 6px;
  }
  .overview .add-to-cart-button,
  .variant-overview .add-to-cart-button {
    height: 42px;
    margin: 0 1px 0 0;
  }
  .product-variant-list {
    overflow: hidden;
  }
  .product-variant-line {
    margin: 0 1% 20px;
    width: 48%;
    float: left;
  }
  .variant-picture {
    float: none;
    margin: 0 auto 15px;
  }
  .variant-overview {
    float: none;
    text-align: center;
    width: 100%;
  }
  .variant-overview .prices {
    display: inline-block;
  }
  .variant-overview .add-to-cart-panel > * {
    float: none;
    margin-bottom: 10px;
  }
  .variant-overview .add-to-wishlist-button {
    float: none;
    margin: 0;
  }
  .product-grid .item-box,
  .product-grid .item-box:nth-child(3n+1) {
    width: 49%;
    margin: 0 0 2% 2%;
  }
  .product-grid .item-box:nth-child(2n+1) {
    margin-left: 0;
  }
  .product-tags-list li.separator,
  .tags li.separator {
    line-height: 32px;
  }
  /* QUICK TABS */
  .ui-tabs .ui-tabs-nav li {
    margin: 0;
    width: 33.3333333%;
  }
  .ui-tabs .ui-tabs-nav li a {
    display: block;
    padding: 12px;
    -webkit-box-sizing: border-box;
    /* Safari/Chrome, other WebKit */
  
    -moz-box-sizing: border-box;
    /* Firefox, other Gecko */
  
    box-sizing: border-box;
    text-align: center;
  }
  /* COLOR SQUARES */
  .color-squares li:last-child {
    margin-right: 0;
  }
  .color-squares label {
    line-height: 28px;
  }
  .color-squares .color {
    width: 28px;
    height: 28px;
  }
  /* GIFT CARD */
  .giftcard {
    text-align: center;
  }
  .giftcard div {
    float: none;
  }
  .giftcard label {
    float: none;
    margin-left: 0;
    width: 100%;
    display: block;
  }
  .giftcard input {
    max-width: 316px;
    width: 100%;
  }
  /* SEARCH PAGE */
  .search-input .inputs {
    text-align: center;
  }
  .search-input .inputs label {
    width: 100%;
    margin: 0 0 5px;
    text-align: center;
  }
  .search-input .inputs.reversed label {
    display: inline-block;
    line-height: 33px;
  }
  .advanced-search .inputs {
    padding-left: 0;
  }
  .search-results .item-box {
    width: 49%;
    margin: 0 0 2% 2%;
  }
  .search-results .item-box:nth-child(2n+1) {
    margin-left: 0;
  }
  /* MY ACCOUNT PAGE */
  #Username {
    margin-bottom: 5px;
  }
  .address-list-page .buttons input,
  .order-list-page .buttons input {
    padding: 8px 16px;
  }
  .avatar-page .info {
    margin-top: 10px;
  }
  .block.block-account-navigation {
    margin: 0 auto !important;
    float: none;
    width: 100%;
    max-width: 360px;
  }
  /* SHOPPING CART PAGE */
  .order-progress li {
    width: 15%;
  }
  .cart-footer {
    text-align: center;
  }
  .cart-footer .cart-collaterals {
    width: 380px;
    display: block;
    margin: 0 auto;
    float: none;
  }
  .cart-collaterals > * {
    float: none !important;
  }
  .shopping-cart-page .button-2,
  .checkout-page .button-2,
  .order-details-page .page-title a {
    padding: 8px 10px;
  }
  .shopping-cart-page .button-1,
  .checkout-page .button-1,
  .order-details-page .button-1,
  .return-items-button {
    padding: 12px 36px;
  }
  .cart-footer .totals,
  .cart-footer .deals,
  .cart-footer .shipping {
    display: inline-block;
    float: none;
    margin-bottom: 20px;
  }
  .shipping-options .inputs,
  .cart-footer .shipping .inputs label {
    text-align: left;
  }
  .cart-footer .deals input[type="text"] {
    height: 32px;
  }
  .cart-footer .shipping .inputs [type="text"] {
    width: 240px;
  }
  .shopping-cart-page .addon-buttons {
    margin: -20px 0 20px 0;
    float: none;
    width: auto;
    text-align: center;
    background: #ffffff;
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.15);
  }
  /* CHECKOUT PAGE */
  .checkout-page .address-item,
  .checkout-page .address-item:nth-child(4n+1) {
    width: 49%;
    margin: 0 0 2% 2%;
    text-align: center;
  }
  .checkout-page .address-item:nth-child(2n+1) {
    margin: 0 0 2%;
  }
  .checkout-page .address-item input[type="button"] {
    padding: 8px 16px;
    width: auto;
    max-width: 100%;
  }
  .checkout-page .edit-address {
    width: auto;
  }
  .checkout-page .edit-address .inputs {
    white-space: normal;
  }
  .checkout-page .edit-address label {
    width: 100%;
  }
  .edit-address select {
    width: 300px;
  }
  .shipping-method .method-list li label,
  .payment-method .method-list li label {
    display: inline-block;
    line-height: 32px;
  }
  .order-review-data ul {
    text-align: center;
  }
  .order-details-page .page-title h1 {
    line-height: 33px;
  }
  /* EU COOKIE LAW */
  [aria-describedby="dialog-eu-cookie-law"] {
    width: 380px !important;
    margin-left: -190px !important;
  }
  [aria-describedby="dialog-eu-cookie-law"] button {
    padding: 7px 21px;
  }
  [aria-describedby="dialog-eu-cookie-law"] .ui-dialog-titlebar button,
  [aria-describedby="terms-of-service-warning-box"] .ui-dialog-titlebar button {
    padding: 12px;
  }
  /* LOGIN PAGE */
  .login-page .inputs.reversed label,
  .login-page .inputs.reversed a {
    display: inline-block;
    line-height: 32px;
    background: rgba(255, 255, 255, 0.8);
    padding: 0 8px;
  }
  /* REVIEW PAGE */
  .write-review .review-rating label {
    width: 100%;
    margin: 0 0 10px;
  }
  .write-review .review-rating,
  .write-review .review-rating label {
    text-align: center;
  }
  .product-review-helpfulness .vote {
    background: rgba(0, 0, 0, 0.05);
    padding: 0 8px;
    line-height: 32px;
    display: inline-block;
  }
  /* RETURN REQUEST PAGE */
  .return-request-page {
    text-align: center;
  }
  .return-request-page .inputs label {
    width: 100%;
    line-height: 30px;
    margin: 0;
  }
  /* WISHLIST PAGE & COMPARE PRODUCTS PAGE */
  .compare-products-page .clear-list {
    line-height: 32px;
    top: 5px;
  }
  .wishlist-content .button-2,
  .compare-products-table .button-2,
  .compare-products-table-mobile .button-2 {
    padding: 7px 14px;
    margin: 0 0 15px;
  }
  .wishlist-page .share-info a {
    line-height: 32px;
  }
  /* PASSWORD PROTECTION */
  .registration-page .inputs label,
  .login-page .inputs label,
  .password-recovery-page .inputs label {
    width: 100%;
  }
  .enter-password-form input[type="password"] {
    height: 30px;
  }
  /* SITEMAP */
  .sitemap-page a {
    line-height: 32px;
  }
  /* BLOG */
  .blog-page .tags,
  .blogpost-page .tags {
    padding: 8px 8px 0;
  }
  .blog-page .tags a,
  .blogpost-page .tags a {
    padding: 8px;
    margin-bottom: 8px;
  }
  .blog-page .tags label,
  .blogpost-page .tags label {
    padding: 9px 5px;
  }
  .news-items .read-more {
    padding: 8px 14px;
  }
  /* FOOTER */
  .footer-block {
    width: 49%;
    margin: 0 0 2% 2%;
    -webkit-box-sizing: border-box;
    /* Safari/Chrome, other WebKit */
  
    -moz-box-sizing: border-box;
    /* Firefox, other Gecko */
  
    box-sizing: border-box;
  }
  .footer-block:nth-child(2n+1) {
    margin-left: 0;
  }
  .footer-block li {
    padding: 0 0 0 12px;
  }
  .footer-block li a {
    display: inline-block;
    line-height: 32px;
  }
  .footer-lower > * {
    margin: 0 auto 20px;
    float: none;
    text-align: center;
  }
  .footer-lower > *:last-child {
    margin-bottom: 0;
  }
  .accepted-payment-methods {
    width: 285px;
  }
  .social-sharing li {
    float: none;
    display: inline-block;
  }
  .subscribe-to-newsletter {
    width: 228px;
  }
  .newsletter-email input[type="text"] {
    height: 30px;
  }
  .bottom .center > * {
    float: none;
    margin: 0 auto;
    padding: 0;
    text-align: center;
  }
  .footer-powered-by {
    width: 135px;
  }
  .footer-disclaimer {
    width: 270px;
  }
}