/*  */
.stickySidebarDas{
   top: 153px;
}
.userPic{

  position: relative;

  width: 60px;

  height: 60px;

  margin-right: 15px;

  border-radius: 50%;

  background-color: var(--primary-color);

}

.userPic img{

  width: 60px;

  height: 60px;

  border-radius: 50%;

  object-fit: cover;

  display: flex;

  justify-content: center;

  align-items: center;

}

.userLetter{

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  display: flex;

  justify-content: center;

  align-items: center;

  font-size: 24px;

  font-weight: 700;

  color: var(--white);

}

.deshboardMenu{

  list-style: none;

  margin: 0;

  padding: 0;

}

.deshboardMenu >li{

  display: block;

  position: relative;

}

.deshboardMenu > li > a{

  display: block;

  text-decoration: none;

  position: relative;

  padding: 13px 30px 13px 40px;

  color: #222d44;

  font-weight: 400;

  letter-spacing: 1px;

  transition: all .3s ease-in-out 0s;

  

}

.deshboardMenu > li > a i{

  margin-right: 15px;

}

.deshboardMenu > li > a:hover{

  background-color: var(--primary-color);

  color: var(--white);

}

.deshboardMenu > li.active > a{

  font-weight: 700;

  background-color: #e3f0ff;

  color: var(--primary-color);

}

.deshboardMenu > li.active > a:before, .deshboardMenu > li > a:hover:before{

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 5px;

  height: 100%;

  border-radius: 0 8px 8px 0;

  background-color: var(--primary-color);

}

.orders{

  position: absolute;

  right: 20px;

  top: 50%;

  transform: translateY(-50%);

  background-color: var(--light-color);

  color: var(--primary-color);

  padding: 0 8px;

  border-radius: 100%;

}

/* .logOut{

  position: absolute;

  bottom: 0;

  width: calc(34% - 17px);

  left: 0;

  background-color: var(--white);

}

.logOut a{

  display: block;

  padding: 13px 30px 13px 70px;

  text-decoration: none;

  color: var(--text-color);

  font-weight: 700;

}

.logOut a:hover{

  color: var(--primary-color);

}

.logOut a i{

  margin-left: 10px;

} */

/* Content */

.dashboard-content{

  min-height: 100%;

  /* padding-top: 50px;

  padding-right: 50px;

  padding-bottom: 50px; */

}

.removeBtn{

  margin: 0;

 font-size: 13px;

  color: #2d2d2d;

  text-decoration: none;

  cursor: pointer;

  border: 0;

  padding: 0;

  background: none;

  text-transform: uppercase;

}

.reorderBtn{

  margin: 0;

  font-size: 16px;

  font-weight: 700;

  color: var(--primary-color);

  text-decoration: none;

  cursor: pointer;

  border: 0;

  padding: 0;

  background: none;

  text-transform: uppercase;

  border-bottom: 1px solid var(--primary-color);

}



.mobileOption{

  background-color: var(--white);

  padding: 20px 30px;

  margin-bottom: 50px;

  border-bottom: 1px solid #ddd;

}

.menuToggler{
  display: none;
}

.menuToggler:hover{

  color: var(--secondry-color);

}

.mobileOption .buyMore{

  text-decoration: none;

  color: var(--black);

}

.mobileOption .buyMore img{

  height: 50px;

  display: block;

}

.mobileOption .buyMore span{

  display: block;

  font-weight: 700;

  text-transform: uppercase;

  margin-top: 5px;

}

/*  */
.login-register .dropdown .dropdown-toggle{padding: 0;margin: 0 5px;border: 0;}
.login-register .dropdown .dropdown-toggle.show{border: 0;}
.login-register .dropdown .dropdown-toggle i{display: block;font-size: 20px;}
.ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 80px;
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  line-height: 12px;
  letter-spacing: 0.5px;
  margin-top: -2px;
}
.cartAdded .col-sm-2 img{
  max-height: 220px;
  width: 100%;
  object-fit: contain;
}
.prImgCus img{
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-height: 180px;
}
.withBorderBottom{
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.withBorderBottom:after{
  content: "";
  position: absolute;
  bottom: 0;
  left: 1rem;
  right: 1rem;
  height: 1px;
  background-color: #ddd;
}
.withBorderBottom:last-child{
  padding-bottom: 0px;
  margin-bottom: 0px;
}
.withBorderBottom:last-child:after{
  display: none;
}
/* === Responsive === */

@media screen and (min-width:992px) and (max-width:1280px) {

  .deshboardMenu > li > a{padding: 13px 30px 13px 30px;}

}

@media screen and (min-width:768px) and (max-width:991px) {

  
  .deshboardMenu > li > a{padding: 13px 30px 13px 30px;}

}

@media screen and (max-width:767px){

  .deshboardMenu > li > a{padding: 13px 30px 13px 30px;}

  .header-offcanvas .btn-close{display: block;}

  .col-xs-6{width: 50%;}

  .col-xs-3{width: 30%;}

  .col-xs-7{width: 70%;}

  .col-xs-12{width: 100%;}

  .header-offcanvas.offcanvas.active{left: 0; box-shadow: 0 0 10px #000000;}

  body.active .menuToggler{display: none;}

  .menuToggler{display: block;}

  .mobileOption{margin-left: -20px; margin-right: -20px;border-radius: 0;}
  .hideMobile{display: none!important;}
  .ellipsis{max-width: 14px;}
}

@media screen and (max-width:320px){

  .col-xs-3, .col-xs-6, .col-xs-7, .col-xs-12{ width: 100%; }

  .col-xs-3.sliderNavVerticle{width: 30%;}

  .col-xs-7.sliderWithLightbox{width: 70%;}

}