/*=====================================================
    
    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: rgba(0,0,0,0.5) url("../img/responsive-nav-icon.png") no-repeat 98% center;
        color: #eee;
        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: rgba(0,0,0,0.5);
    }
    .header-menu ul > li {
        position: relative;
    }
        .header-menu > ul > li > a:hover {
            background: rgba(0,0,0,0.5);
        }
    .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 .1s ease-in-out;
        -moz-transition: background .1s ease-in-out;
        -o-transition: background .1s ease-in-out;
        transition: background .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: rgba(0,0,0,0.5);
    }
    .header-menu .sublist > li > a,
    .header-menu .dropdown > ul > li > a {
        padding: 0 20px;
        font: normal 15px/45px Arial, Helvetica, sans-serif;
        color: #fff;
        display: block;
        border-top: 1px solid rgba(255,255,255,0.25);
        background: rgba(0,0,0,0.5);
    }

    .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: #fff 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: #FFF;
        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,.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;
    }

}