.item_box_bag_border{
border: 3px solid;
border-radius: 12px;
overflow: hidden;
max-width: 1080px;
}
.item_box_bag{
background: #C6C6C8 no-repeat center center / 32px 32px;
padding: 10px;
padding-top: 2px;
display: flex;
flex-wrap: wrap;
justify-content: space-evenly;
border: 5px solid;
border-color: #FFF #555555 #555555 #FFF;
max-width:1080px;
}
.item_box_bag_title{
width: 100%;
padding-left: 22px;
font-size: 21px;
color: #666666;
margin-bottom: 1px;
}
.item_box .item-img{
background:#8B8B8B no-repeat center center / 32px 32px;
}
.item_box .item-img:hover{
background:#C5C5C5 no-repeat center center / 32px 32px;
}
.item_box .item-img::before {
bottom: -2px;
left: -2px;
}
.item_box .item-img::after {
top: -2px;
right: -2px;
}
.item_box .item-img::before, .item_box .item-img::after {
content: "";
position: absolute;
background-color: #8B8B8B;
height: 2px;
width: 2px;
}
.item_box_bag::before, .item_box_bag::after {
content: "";
position: absolute;
background-color: #C6C6C6;
height: 2px;
width: 2px;
}
/* Mobile styles */
@media (max-width: 768px) {
.item_box_bag_border {
max-width: 100%;
}
.item_box {
width: 100%!important;
}
.item_box_bag_title {
font-size: 18px;
padding-left: 0;
margin-bottom: 5px;
}
}