.sub-show2 {
width: 100%;
border: 0px solid #cccccc;
display: inline-block;
border-top: 2px solid #cccccc;
}
.img-show2{
width: 100%;
border: 0px solid #cccccc;
display: flex;
}
.sub-show2 p {
padding-left: 2px !important;
margin: 5px;
text-align: left;
}
.subg-box:hover {
box-shadow: 2px 2px 6px #808080;
border: unset;
padding: 2px;
}
.subg-box {
padding: 0px 0px;
margin-bottom: 10px;
border: 2px solid #cccccc;
}

.sub-show2 a:hover {
color: #007bff;
}
.sub-show2 a:active, .sub-show2 a:focus {
color: #0055b1;
}
@media (max-width: 980px){
.subg-box {
width: 48%;
display: inline-block;
}
}
@media (max-width: 768px){
.gallery-box2 {
margin-left: 0px;
}
}
@media (max-width: 519px){
.subg-box {
width: 100%;
}
}

/* category */
.filter {
margin: 0 10px 20px;
}

.filter a {
display: inline-block;
padding: 10px;
border:2px solid #cccccc;
position: relative;
}

.boxes {
display: flex;
flex-wrap: wrap;
}
.category{
border:2px solid #cccccc;
font-size: 14px;
border-radius: 10px;
font-weight: 600;
margin-right: 10px;
margin-bottom: 10px;
}

a.category:hover{
color: #007bff;
border: 2px solid #007bff;
}

.filter a.active{
color: #fff;
background: #007bff;
border: 2px solid #004ea2;
}

@media (max-width: 576px){
.filter {margin: 0 0px 10px;}
.category{
font-size: 12px;
margin-right: 5px;
margin-bottom: 5px;
}
.filter a {padding: 5px;}
}