#items > div{cursor:pointer;}
#items .col-inner{padding:0;}
#items .col-inner > div{position:relative;}
.item_img_wrapper{position:relative;overflow:hidden;background:#000;}
.item_img_wrapper div.item_img{width:100%;height:100%;}
.item_img img{opacity:0.35;vertical-align:top;width:100%;transition: transform .5s ease;}
.item_info{position:absolute;left:0;top:0;display:table;height:100%;width:100%;text-align:center;box-sizing:border-box;padding:0.625rem 0.625rem 0;text-shadow:2px 2px 6px #000;}
.item_info > div{display:table-cell;vertical-align:middle;color:#fff;/*border:1px solid #fff;border-bottom:0;*/padding:0 1.5rem;}
.item_name{margin-bottom:1rem;color:#fff;}
.item_name a,.item_name a:visited{color:#fff;}
.item_name h2{display:inline-block;padding:0.875rem 1.75rem;font-size:1.875rem;font-weight:500;text-transform:uppercase;letter-spacing:2.5px;border:3px solid #fff;}
.item_desc_wrapper{top:-2rem;margin:0 1rem;background:#000;color:#fff;padding:1rem 1.5rem;text-align:center;}
.item_desc{font-weight:400;}
#items .col-inner:hover .item_img img{opacity:0.5;transform:scale(1.05);}
#items .col-inner:hover .item_desc_wrapper{top:-2.5rem;transition: all 0.3s ease-in-out;}
#items .col-inner:hover .item_desc{border-color:#b7c5dc;}

.search_form .input_field{max-width:600px;margin:0.5rem auto;}
.viewByUser .search_form .input_field{max-width:300px;}
.viewByUser .search_form .input_field{border:1px solid var(--border);border-width:0 0 1px;}
.viewByUser .search_form .input_field .fa-2x{font-size:1.25rem;}
.viewByUser .sort{padding-top:0.75rem;}
.viewByUser .user_logo{display:inline-block;}
.viewByUser .user_logo.thumb{max-width:110px;height:auto;}
.viewByUser .user_logo.thumb_ht{max-height:55px;width:auto;}

.description{line-height:1.5;padding:0.5rem 0 0.25rem;}

.pages{float:left;padding:1rem 1rem;}
.sort{float:right;padding:1rem;font-size:0.8125rem;}
.sort .select2-container--default .select2-selection--single{height:34px !important;}
.sort .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:34px !important;}

.filters{text-align:center;margin:0 auto 1.25rem;display:table;}
.filters > div{display:table-cell;vertical-align:top;}
.filter_field{width:300px;padding-right:0.625rem;}

.p_box{margin:0.75rem 0 0.75rem;float:left;width:25%;cursor:pointer}
.p_box_content{margin:0 0.625rem;text-align:center;border:1px solid #fff;background:#fff;}
.grey_bg .p_box:hover .p_box_content{box-shadow:1px 1px 16px rgba(0,0,0,0.1);}
.p_img{position:relative;}
.p_img img{vertical-align:top;}
.p_data{padding:1rem;}
.p_name{display:inline-block;font-size:1.0625rem;line-height:1.5;color:var(--text);}
.p_name a,.p_name a:hover{color:var(--text);}
.p_name a:hover{color:var(--main-color);}
.p_subtitle{display:inline-block;font-size:0.875rem;line-height:1.5;color:var(--text-semidark);}
.p_seller{display:inline-block;font-size:0.875rem;line-height:1.5;padding-top:0.3125rem;color:var(--text-light);}
.p_price{font-size:1rem;line-height:1.5;}
.p_status{font-size:0.8125rem;padding-top:0.3125rem;text-transform:uppercase;}

.content_box{margin:0.5rem 0 1.5rem;background:#f3f3f3;padding:1rem 1.25rem;line-height:1.5;}
.content_box_field{float:left;padding:0.25em 1.5em 0.3125em 0;font-size:0.8125rem;}
.content_box .input{background:#FFF;max-width:150px;height:38px;border-sizing:border-box;}
.content_box .custom_select{max-width:200px;}
.content_box .submit{margin:0.3125em;max-width:150px;}
#subcategories{display:none;}

@media screen and (max-width: 1024px) {
.sort{text-align:center;}
.p_box{width:33.3333333333333333%;}
}
@media screen and (max-width: 768px) {
.p_name{font-size:0.9375rem;}
.p_subtitle,.p_seller{font-size:0.8125rem;}
.p_price{font-size:0.8125rem;}
.p_status{font-size:0.75rem;}
.shop_data .col-1-3{float:left;width:50%;}
.shop_data .col-1-3:first-child{float:none;width:auto;text-align:center;}
.shop_data .col-1-3:first-child .col-inner{padding:0;}
}
@media screen and (max-width: 600px) {
#subcategories{display:block;}
.content_box_field{padding:0.375rem 1.5rem 0.375rem 0;}
.p_data{padding:0.625rem;}
}
@media screen and (max-width: 599px) {
.p_box{width:50%;}
}
@media screen and (max-width: 480px) {
#categories > div{float:none;width:auto;padding:0.5rem 0;}
}
@media screen and (max-width: 479px) {
.p_data{padding:0.5rem;}
}