html {
    direction: ltr;
}
.img-about {
    transform: rotateY(12deg);
}
.sidepanel {
    right: 0;
    left: unset;
}
.opp-dir {
    direction: rtl;
}
.floatL-item {
    float: right;
}
.delete-order {
    right: 1em;
    left: unset;
}
.flaticon-phone,
.flaticon-send {
    transform: unset;
}
.rate-btn {
    right: 1.4em;
    left: unset;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    clip-path: polygon(0 0,  80% 0, 100% 100%, 0 100%);
    -webkit-clip-path: polygon(0 0,  80% 0, 100% 100%, 0 100%);
}
.product-tabs li:last-child .nav-link.active, 
.productDetail-tabs li:last-child .nav-link.active {
    clip-path: polygon(19% 0, 100% 0%, 110% 100%, 0% 100%);
    -webkit-clip-path: polygon(19% 0, 100% 0%, 110% 100%, 0% 100%);
}
.nav-index {
    background: linear-gradient(48deg, transparent 24% ,#000 0%) !important;
}
.logo {
    right: 3em;
    left:unset;
}

.refresh {
    left:5%;
    right:unset !important;
}
.content-header .logo {
    margin-left:3em;
}
  .product-slider {
      direction:ltr;
  }
  #scroll-up {
      right: 3em;
      left:unset !important;
  }
@media (min-width: 2000px) {
   .nav-index {
    background: linear-gradient(53deg, transparent 35% ,#000 0%) !important;
    }
    .content-header .logo {
    right: unset !important;
    left:32em !important;
    }
}
@media (min-width: 320px) and (max-width:991px) {

.nav-index {
    background: #000 !important;
}
.bg-light {
    background-color: #000 !important;
}

}
.topbar .male-nav {
    float: left;
    border-left: 2px solid #fff;
    padding-right: 4px;
    top: 2px;
    position: relative;
    padding-left: 2px;
    border-right: 0;
}
.card-body .floatL-item {
    padding-right: 5px !important;
    padding-left: 0;
}
/*....Start Manal edit*/
.chat-widget2.chat-widget-closed {
    position: fixed;
    bottom: 0;
    right: 27% !important;
    height: 3em !important;
    padding-top: 5px;
}
.chat-widget2 .chat-widget-header {
    padding: 10px !important;
}
@media (max-width: 575.98px) { 
    .chat-widget2 .chat-widget-header {
    padding: 4px !important;
}
.chat-widget span {
    font-size: 0.8em !important;
    letter-spacing: 1px;
}
.chat-widget2.chat-widget-closed {
      transform: translate(0, -8rem) rotate(90deg);
    height: auto;
    left: -15.5%;
    right: 78% !important;
    font-size: 13px;
    letter-spacing: 0.7px;
}

.chat-widget.open{
    transform: translate(-0, -21.5rem) rotate(90deg);
    width: 64%;
    left: -31%;
    
}
.topbar ul li a {
    color: #fff;
        padding: 5px;
    font-size: 0.85em;
}

.topbar ul li:nth-of-type(4) i {
    border-right: 2px solid #fff;
    padding-right: 9px;
        padding-left: 0;
    border-left: 0;
}

}
@media (max-width: 767px) and (min-width: 437px){
.chat-widget.open {
    right: 0;
}
}
@media (max-width: 991.98px) and (min-width: 768px){
.chat-widget2.chat-widget-closed, .chat-widget2 {
    right: 42% !important;
}
}
@media (max-width: 1199.98px) and (min-width: 992px){
.chat-widget2.chat-widget-closed, .chat-widget2 {
    right: 36% !important;
}
}
@media (max-width: 570px) and (min-width: 320px){
.m-review h3 {
    padding-left: 1em;
 padding-right: 0em;
}
.detail-product .floatL-item {
    float: left !important;
}
}
/*....End Manal edit*/
.topbar ul li:nth-of-type(3) a:after {
    border-right: 2px solid #fff;
    content: "";
    position: relative;
    left: 0px;
    top: 0px;
    right: auto;
    padding-right: 6px;
}