.demo-gallery > ul {
  margin-bottom: 0;
  padding: 1rem;
}

.demo-gallery > ul > li {
  max-width: 300px;
  padding: 0.5rem;
  display: inline-block;
  list-style: outside none none;
}

.demo-gallery > ul > li a {
  border: 3px solid #fff;
  border-radius: 0px !important;
  display: block;
  overflow: hidden;
  position: relative;
  float: left;
}

.demo-gallery > ul > li a > img {
  -webkit-transition: -webkit-transform 0.15s ease 0s;
  -moz-transition: -moz-transform 0.15s ease 0s;
  -o-transition: -o-transform 0.15s ease 0s;
  transition: transform 0.15s ease 0s;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  height: 100%;
  width: 100%;
}

.demo-gallery > ul > li a:hover > img {
  -webkit-transform: scale3d(1.1, 1.1, 1.1);
  transform: scale3d(1.1, 1.1, 1.1);
}

.demo-gallery > ul > li a:hover .demo-gallery-poster > img {
  opacity: 1;
}

.demo-gallery > ul > li a .demo-gallery-poster {
  background-color: rgba(0, 0, 0, 0.1);
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: background-color 0.15s ease 0s;
  -o-transition: background-color 0.15s ease 0s;
  transition: background-color 0.15s ease 0s;
}

.demo-gallery > ul > li a .demo-gallery-poster > img {
  left: 50%;
  margin-left: -10px;
  margin-top: -10px;
  opacity: 0;
  position: absolute;
  top: 50%;
  -webkit-transition: opacity 0.3s ease 0s;
  -o-transition: opacity 0.3s ease 0s;
  transition: opacity 0.3s ease 0s;
}

.demo-gallery > ul > li a:hover .demo-gallery-poster {
  background-color: rgba(0, 0, 0, 0.5);
}

.demo-gallery .justified-gallery > a > img {
  -webkit-transition: -webkit-transform 0.15s ease 0s;
  -moz-transition: -moz-transform 0.15s ease 0s;
  -o-transition: -o-transform 0.15s ease 0s;
  transition: transform 0.15s ease 0s;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  height: 100%;
  width: 100%;
}

.demo-gallery .justified-gallery > a:hover > img {
  -webkit-transform: scale3d(1.1, 1.1, 1.1);
  transform: scale3d(1.1, 1.1, 1.1);
}

.demo-gallery .justified-gallery > a:hover .demo-gallery-poster > img {
  opacity: 1;
}

.demo-gallery .justified-gallery > a .demo-gallery-poster {
  background-color: rgba(0, 0, 0, 0.1);
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: background-color 0.15s ease 0s;
  -o-transition: background-color 0.15s ease 0s;
  transition: background-color 0.15s ease 0s;
}

.demo-gallery .justified-gallery > a .demo-gallery-poster > img {
  left: 50%;
  margin-left: -10px;
  margin-top: -10px;
  opacity: 0;
  position: absolute;
  top: 50%;
  -webkit-transition: opacity 0.3s ease 0s;
  -o-transition: opacity 0.3s ease 0s;
  transition: opacity 0.3s ease 0s;
}

.demo-gallery .justified-gallery > a:hover .demo-gallery-poster {
  background-color: rgba(0, 0, 0, 0.5);
}

.demo-gallery .video .demo-gallery-poster img {
  height: 48px;
  margin-left: -24px;
  margin-top: -24px;
  opacity: 0.8;
  width: 48px;
}

.demo-gallery.dark > ul > li a {
  border: 3px solid #04070a;
}

/* NEW CSS  */
.main-content {
  display: flex;
  flex-wrap: wrap;
}

.main-content > .side-bar {
  flex: 1 1 30%;
  padding-right: 1rem;
}

.main-content > .content {
  flex: 1 1 70%;
  border: 1px dashed #ccc;
}

.productList:not(:first-child) {
  display: none;
}

.mainelementMain {
  position: relative;
  display: block !important;
  margin-bottom: -1px;
  background-color: #f5f5f5;
  border: none;
  border-radius: 0px;
  margin-bottom: 5px;
  border-left: solid 6px #d82420;
  transition: 0.3s ease;
  padding: 20px 13px !important;
  cursor: pointer;
}

.mainelementMain-text {
  text-decoration: none;
  color: #333;
  font-weight: 500 !important;
  font-size: 16px !important;
  margin-bottom: 0px;
  text-transform: uppercase;
  padding: 0 !important;
}

.subelement a {
  font-size: 14px !important;
}

.subelement .active-link a {
  background: #e5e5e5;
  color: #d82420 !important;
  font-weight: 600;
}

.subelement .active-link a::after {
  content: "";
  position: absolute;
  right: 10px;
  top: 15px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #686868;
}

.product-header {
  display: inline-block;
  color: #fff;
  background: #0191d6;
  font-size: 18px;
  padding: 10px 20px;
  margin: 1rem 1rem 0 1rem;
}

.card {
  border: none !important;
  border-radius: 0 !important;
}

.card-body {
  padding: 0 !important;
}

.card-header {
  font-size: 16px !important;
  font-weight: 500 !important;
  color: #333 !important;
}