.mgi-gallery {
display: flex;
flex-wrap: wrap;
margin-left: -5px;
margin-right: -5px;
justify-content: center;
}
.mgi-gallery-item {
max-width: 20%;
width: 20%;
padding-left: 5px;
padding-right: 5px;
margin-bottom: 10px; } @media (max-width: 768px) {
.mgi-gallery-item {
max-width: 50%;
width: 50%;
}
}
.mgi-gallery-thumbnail {
width: 100%;
cursor: pointer;
border-radius: 10px;
} .mgi-modal {
display: none;
position: fixed;
z-index: 100000000;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgba(0,0,0,0.9); justify-content: center;
align-items: center;
}
.mgi-modal-content {
position: relative;
max-width: 90%;
max-height: 90%;
}
.mgi-close {
position: absolute;
top: 10px;
right: 25px;
color: #fff;
font-size: 35px;
font-weight: bold;
transition: 0.3s;
cursor: pointer;
}
.mgi-close:hover,
.mgi-close:focus {
color: #bbb;
text-decoration: none;
cursor: pointer;
}
.img-fluid {
width: 100%;
height: auto;
} body.modal-open {
overflow: hidden;
}.pm-container {
padding: 20px;
color: #fff;
}
.pm-category-row {
display: flex;
flex-wrap: wrap;
margin: 0 -10px;
}
.pm-category-column {
flex: 1 1 calc(33.333% - 20px);
margin: 10px;
box-sizing: border-box; }
.pm-category-wrapper {
padding: 10px;
border: 2px solid rgba(202,182,161,0.3);
}
.pm-category-in-wrapper {
background-color: #fff; }
.pm-category-heading {
font-size: 24px;
color: #000; padding: 10px 10px 5px 10px; }
.pm-category-description {
padding: 0px 10px 10px 10px;
color: #333;
line-height: normal;
}
.pm-products {
padding: 10px;
}
.pm-product {
margin-bottom: 10px;
}
.pm-product-title {
font-size: 16px;
background: #cab6a1;
color: #333;
cursor: pointer;
border-radius: 6px;
line-height: normal;
margin: 10px 0 0 0;
padding: 10px 25px 10px 10px;
position: relative;
}
.pm-product-title::after {
content: "+";  position: absolute;
right: 10px;
font-size: 18px;
top: 50%;
line-height: 1;
transform: translateY(-50%);
}
.pm-product-title.active {
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
}
.pm-product-title.active::after {
content: "-"; font-size: 20px;
}
.pm-product-detail {
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
display: none;
padding: 10px;
border: 1px solid #cab6a1;
margin-top: -1px;
color: #333;
}
.pm-product-detail tr td{
padding: 5px !important;
vertical-align: top;
font-size: 12px !important;
color: #333 !important;
}
.pm-product-detail tr th{
padding: 5px !important;
width: 40% !important;
font-size: 12px !important;
color: #333 !important;
border-top: 1px solid #eee;
}