/** Shopify CDN: Minification failed

Line 70:0 Unexpected "}"

**/
.wrapper{ margin:0px auto; padding:0px;width:92%;}
.portfolio-content{width:100%; display:flex;}

/**** PORTFOLIO STYLES*****/
.portfolio-content .portfolio-category{ display:none;width: 100%; }

.portfolio-categ{margin:0px; width: 18%; border: 1px solid #d5d5d5; border-radius: 4px; padding: 1%; }
.gallery-heading{ text-align: center;font-size: 30px; padding-bottom: 30px; }
.portfolio-categ li:first-child{ border: none; }
.portfolio-categ li:last-child{ border: none; }
.portfolio-categ li{display:inline; line-height: 21px; width: 100%; float: left;border-bottom: 1px solid #d5d5d5;}
.portfolio-categ li a{ width: 100%; float: left; display: block; padding: 8px 2%; color:#585858; text-decoration:none;}
.portfolio-categ li a:hover{ background-color: #00b8f0; color: #fff; text-decoration: none; }
.portfolio-categ li.active a{ background-color: #00b8f0; color: #fff;}

.portfolio-area{width:80%; margin:0px; list-style:none;}
.portfolio-area li{float: left; margin: 1%; overflow: hidden; width: 31%; padding: 0px; }
.portfolio-area li a img{ object-fit: scale-down;  }

.image-block { display: block; position: relative;}
/**** END PORTFOLIO STYLES*****/

.qty-flex {
    display: flex;
    align-items: center;
}

.txtbox_cab {
    border-radius: 5px;
    border: #000 solid 1px;
    max-width: 50px;
    min-width: 32px;
    width: 100%;
    height: 32px;
    text-align: center;
}
.qty.qty-flex a {
    cursor: pointer;
}

.btn_c_sm svg{
  width: 15px;
  fill: #fff;
  pointer-events: none;
}

.btn_c_sm:not(.ctm_success) svg{
  display: none;
}

.ctm_success span{
  display: none;
}

.plus_btn_cab svg,.minus_btn_cab svg{
  display: block;
}

@media (max-width:991px){
 .portfolio-content .portfolio-categ.filter{ display:none;}
 .portfolio-content .portfolio-category{ display:block; padding: 10px 5px; }
  .portfolio-content{ display: inline-block;}
  .portfolio-area{ width:100%;     padding: 0px;}
  .portfolio-content .portfolio-category
}

@media (max-width:768px){
  .grid__item.collection-products.collection-grid{ margin-bottom: 40px;}
  .portfolio-area li{ width: 48%;}
  .portfolio-area li a img{     height: 100%;}
}
@media screen and (max-width: 501px){
  .productgrid--wrapper .main_box .box_1 button.ctm_success:after{
    content: none;
  }  
}


@media (max-width:480px){
  .portfolio-area li{ width: 98%;}
}
ul {
    text-align: left;
}