.product-list {
  //  margin-left:-15px;
}    

.bread-crumbs {
    padding-left:15px;
}

#main-bar {
    height: auto;
    overflow-y: hidden;
}

#main-bar::-webkit-scrollbar {
    width: 0px!important;
}

 .cat-breadcrumbs {
    font-family: sans-serif;
    font-size: 12px;
    color:gray;
    text-transform: uppercase;
}

.long-row {
  margin-left:20px;
  margin-right:10px;
  margin-top:15px;
}

.long-row img{
    width:100%;
  }

      .categ-side-menu {
        overflow-y: auto;
        font-family: verdana;
        font-size: 12px;
        font-weight: 400;
        background-color: #fff;
        top: 50px;
        width: 250px;
        bottom:0px;
        color:#000000 !important;
        position:fixed;
        /*  border: lightgray solid 1px;*/
      }
      
      .categ-side-menu .toggle-btn {
        display: none;
      }
      .categ-side-menu ul,
      .categ-side-menu li {
        list-style: none;
        padding: 0px;
        margin: 0px;
        line-height: 41px;
        cursor: pointer;
        /*
          .collapsed{
             .arrow:before{
                       font-family: FontAwesome;
                       content: "\f053";
                       display: inline-block;
                       padding-left:10px;
                       padding-right: 10px;
                       vertical-align: middle;
                       float:right;
                  }
           }
      */
      }
      .categ-side-menu ul :not(collapsed) .arrow:before,
      .categ-side-menu li :not(collapsed) .arrow:before {
        font-family: FontAwesome;
        content: "\f078";
        display: inline-block;
        padding-left: 10px;
        padding-right: 10px;
        vertical-align: middle;
        float: right;
      }
     
      .categ-side-menu li[aria-expanded="true"] {
    	background-color: #b2db7d !important;
      }
      .categ-side-menu ul .active,
      .categ-side-menu li .active {
        border-left: 3px solid #d19b3d;
        background-color: #fff;
        color: black;
      }
      .categ-side-menu ul .sub-menu li.active,
      .categ-side-menu li .sub-menu li.active {
        color: black;
      }
      .categ-side-menu ul .sub-menu li.active a,
      .categ-side-menu li .sub-menu li.active a {
        color: black;
      }
      .categ-side-menu ul .sub-menu li,
      .categ-side-menu li .sub-menu li {
        background-color: #fff;
        /* color: #218838; */
        /*border: none;*/
        line-height: 28px;
        padding: 3px 5px 3px 20px;
      }

      .categ-side-menu li a:hover {
        color: black;
      }

      .categ-side-menu ul .sub-menu li:hover,
      .categ-side-menu li .sub-menu li:hover {
        background-color: #e9ecef;
      }

      .categ-side-menu li:hover {
        background-color: #e9ecef;
        border-left: 3px solid lightgray;
        color: black;
        -webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        -o-transition: all 1s ease;
        -ms-transition: all 1s ease;
        transition: all 1s ease;
      }
      .categ-side-menu ul .sub-menu li:before,
      .categ-side-menu li .sub-menu li:before {
        display: inline-block;
        margin-left: 10px;
        padding-left: 10px;
        padding-right: 10px;
        vertical-align: middle;
      }
      .categ-side-menu li {
        padding-left: 0px;
        /*  border-left: 3px solid gray;*/
        border-bottom: 1px solid lightgray;
      }

      .menu-parent {
        border-bottom: 1px solid lightgray !important;
      }

      .categ-side-menu li a {
        text-decoration: none;
        color: black;
      }
      .categ-side-menu li a i, .categ-side-menu li i {
        padding-left: 5px;
        padding-right: 2px;
	width: 20px !important;
      }

      @media (max-width: 767px) {
       /* .categ-side-menu {
          position: relative;
          width: 100%;
          margin-bottom: 10px;
        }*/
	.categ-side-menu {
    		position: fixed;
    		width: 50%;
    		z-index: 10 !important;
    		top: 50px;
    		overflow-y: scroll;
    		bottom: 65px;
	}
        .categ-side-menu .toggle-btn {
          display: block;
          cursor: pointer;
          position: absolute;
          right: 10px;
          top: 10px;
          z-index: 10 !important;
          padding: 3px;
          background-color: #fff;
          color: #000;
          width: 40px;
          text-align: center;
        }
      }
      @media (max-width: 767px) {
        .categ-side-menu .menu-list .menu-content {
          display: block;
        }
	.categ-side-menu ul .sub-menu li,
      .categ-side-menu li .sub-menu li {
		padding-left: 2px !important;
		padding-right: 2px !important;
	}
      }

#categoryMain a {
    margin-right: 5px;
    color: #fff;
    font-size: 130%;
    letter-spacing: 3px;
    font-weight: 400;
}

#categoryMain {
        background-color:#92cc47;
}

#main-sidebar {
    max-width: 250px;
    left: 0;
    bottom: 0;
    padding: 0;
    background-color: #fff;
    -webkit-transition: -webkit-transform .2s ease-out;
    transition: -webkit-transform .2s ease-out;
    transition: transform .2s ease-out;
    transition: transform .2s ease-out,-webkit-transform .2s ease-out;
    border-right: 1px solid #eee;
    overflow-y: hidden;
    -ms-overflow-style: none;
    max-height:100%;
	scrollbar-width:none;
	color:#000000 !important;
}

#main-sidebar::-webkit-scrollbar {
    width: 0px!important;
}

.sidebar-collapse #main-sidebar {
    -webkit-transform: translateX(-250px);
    transform: translateX(-250px);
    max-width:0px !important;
    max-height:0px !important;
}

.sidebar-collapse #main-sidebar:hover {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.sidebar-collapse #main-bar {
    margin-left:0px!important;
    padding-left: 0px !important;
    padding-right:0px;
}

.sidebar-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 250px;
    z-index: 1031;
}

#main-container {
    margin-top: 50px;
    min-width:360px;
}