﻿/*=====================================================
    
    TABLETS PORTRAIT & SMARTPHONES LANDSCAPE

=====================================================*/

@media all and (min-width: 481px) {
	
/* GLOBAL STYLES */

.side-2:after {
	content: "";
	display: block;
	clear: both;
}

/* NOTIFICATIONS & POPUPS */

.eu-cookie-bar-notification {
    padding: 20px 25px;
}

/* HEADER */

.search-box input.search-box-text {
	width: 384px !important;
}
.ui-autocomplete {
	width: 380px !important; /*txtfield + button*/
}

/* FOOTER */

.newsletter-email input[type="text"] {
	width: 300px;
}

/* LEFT/RIGHT COLUMN */


.block .tags li,
.product-tags-all-page li {
	margin: 0 5px;
}
.block .poll-options li,
.block .poll-results li {
	display: block;
}
.block .poll .buttons,
.block .poll-total-votes {

}

/* CATEGORY PAGE & GRIDS */

.home-page-category-grid, 
.sub-category-grid, 
.manufacturer-grid,
.vendor-list-page,
.product-grid, 
.product-list,
.news-list-homepage,
.home-page-polls {
    margin: 0 0 65px;
}
.item-box {
    float: none;
    max-width: 500px;
    margin: 0 auto 20px;
}

.category-grid .item-box {
    float: none;
    width: 100%;
    max-width: 625px;
    margin: 0 auto 20px;
}
.manufacturer-grid,
.vendor-grid {
    max-width: 620px;
    margin-left: auto;
    margin-right: auto; 
}
.manufacturer-grid .item-box,
.vendor-list-page .item-box {
    float: left;
    width: 49.5%;
    margin: 0 0 1% 1%; 
}
.manufacturer-grid .item-box:nth-child(2n+1),
.vendor-list-page .item-box:nth-child(2n+1) {
    clear: both;
    margin: 0 0 1%;
}

/* TOPICS */

.enter-password-form input[type="password"] {
	width: 300px !important;
}

/* SHOPPING CART & CHECKOUT */

.cart-options .checkout-attributes li {
    display: inline-block;
    margin-left: 25px;
}

.order-review-data,
.order-details-area,
.shipment-details-area {
	display: table;
	width: 100%;
	margin: 0 0 30px;
}
.order-review-data > div,
.order-details-area > ul,
.shipment-details-area > div {
    max-width: 628px;
    margin: 0 auto 50px;
}

/* FORUM & PROFILE */

.forum-search-box-text,
.forum-search-text {
	width: 350px !important;
}

}
