#sidebar {
    /* don't forget to add all the previously mentioned styles here too */
    background: #f0f0f0;
    color: #222;
    transition: all 0.3s;
    min-width: 300px;
    max-width: 300px;
    height: 100vh;
    position: fixed;
    left: 0;
    top: 0;
    margin-left: -300px;
    z-index: 9999999999;
    overflow-y: scroll;
}

#sidebar .sidebar-header {
    padding: 20px;
    background: #f0f0f0;
}

#sidebar.active {
    margin-left: 0px;
}

#sidebar::-webkit-scrollbar {
    display: none;
}

/* .header-middle-ptb-1{
  padding: 30px 0 30px 0;
} */

@media (max-width: 768px) {
    .header-style-1 .header-bottom-bg-color{
      border-top: 1px solid #f0f0f0;
    }
    #sidebar {
        margin-left: -300px;
    }
    #sidebar.active {
        margin-left: 0;
    }
    .shopping-summery tr{
      display: block;
      margin-bottom: 30px;
      padding: 15px;
      box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
      border: 1px solid #f0f0f0;
      border-radius: 15px;
    }
    table td, table th{
      border: none;
    }
    table.clean td, table.clean th{
      border: none;
    }
    .shopping-summery .number input[type="number"]{
      background: #fff;
    }

    td.action i{
      display: block;
      width: 30px;
      height: 30px;
      line-height: 35px!important;
      border-radius: 100%;
      background: #ffb3ab;
      color: #fff;
      margin: 0 auto;
    }

}

.number {
	display: inline-block;
	position: relative;
	width: auto;
  border-radius: 10px;
  border: none;
}
.number input[type="number"] {
	display: block;
	height: 42px;
	line-height: 42px;
	width: 100%;
  border: none;
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	text-align: center;
	-moz-appearance: textfield;
	-webkit-appearance: textfield;
	appearance: textfield;
}
.number input[type="number"]::-webkit-outer-spin-button,
.number input[type="number"]::-webkit-inner-spin-button {
	display: none;
}
.number-minus {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 42px;
	padding: 0;
	display: block;
	text-align: center;
	border: none;
  border-radius: 100%;
	font-size: 16px;
	font-weight: 600;
}
.number-plus {
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
  width: 42px;
	padding: 0;
	display: block;
	text-align: center;
	border: none;
  border-radius: 100%;
	font-size: 16px;
	font-weight: 600;
}

.rounded-custom{
  border-radius: 15px;
}

.product_sort_info .attributes{
  margin: 0;
  padding-left: 18px;
}

.product_sort_info .attribute-desc{
  max-width: 90%;
  align-items: center;
  display: flex;
}

.product_sort_info .quantity{
  margin-left: 15px;
  font-weight: 600;
}

.sr-only{
  display: none;
}
.pagination-area .page-item:last-child .page-link{
  border-radius: .25rem;
}
.pagination{
  justify-content: center;
}
.vue-range-slider.slider-component .slider .slider-process {
    background-color: #ffb3ab!important;
}
.vue-range-slider.slider-component .slider-tooltip-wrap .slider-tooltip {
    border: 1px solid #ffb3ab!important;
    background-color: #ffb3ab!important;
}
.vue-range-slider.slider-component .slider-tooltip-wrap.slider-tooltip-top .slider-tooltip:before{
  display: none;
}
.swal2-actions{
  display: block!important;
  text-align: center;
}
.swal2-styled.swal2-confirm{
  width: 45%;
  border-radius: 30px!important;
  background: #ffb3ab!important;
}
.swal2-styled.swal2-cancel{
  width: 45%;
  border-radius: 30px!important;
  color: #222!important;
  background: #d8f4e2!important;
}
.swal2-image{
  border-radius: 15px!important;
}
.mega-menu a{
  color: #222;
}
@media (max-width: 768px) {
  .swal2-styled.swal2-confirm{
    width: 100%;
  }
  .swal2-styled.swal2-cancel{
    width: 100%;
  }

}