.YouMayAlsoLike {
  position: relative;
  margin: 30px 1%!important;
  width: 98%;
  text-align: center;
  font-family: 'Open Sans', sans-serif;
  display: none;
}
.YouMayAlsoLike h2 {
  display: block;
  text-align: center;
  padding: 10px 0;
  text-transform: capitalize;
  overflow: hidden;
}
.YouMayAlsoLike h2 span {
  color: #000;
  font-size: 19px;
  font-family: 'Open Sans', sans-serif;
  display: inline-block;
  position: relative;

}
.YouMayAlsoLike h2 span:before, .YouMayAlsoLike h2 span:after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  border-bottom: 3px solid #979797;
  width: 660px;
  margin: 0 20px;
}
.YouMayAlsoLike h2 span:before {
  right: 100%;
}
.YouMayAlsoLike h2 span:after {
  left: 100%;
}
.num0 img slide{
  margin-right:11%;
}
.csslider1 {
  display: inline-block;
  position: relative;
  max-width: 1280px;
  text-align: center;
  width: 100%;
  margin-top: 15px!important;
  border-bottom: 1px solid #dbdbdb;
  margin-bottom: 25px;
  padding-bottom: 30px;
}
.csslider1, .csslider1 *, .csslider1 *:after, .csslider1 *:before {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.csslider1> .cs_anchor {
  display: none;
}
.csslider1> ul {
  position: relative;
  z-index: 1;
  font-size: 0;
  line-height: 0;
  margin: 0 auto;
  padding: 0;
  max-height:300px;
  overflow: hidden;
}
.csslider1> ul> .cs_skeleton {
  display: none;
}
.csslider1> ul> .slide.img img {
  max-width: 100%;

}
.csslider1> ul> .slide.img a {
  font-size: 14px;
  color: #000;
}
.csslider1> ul> .slide.img a {
  color: #fff\0/;
}
.csslider1> ul> .slide.img .p-text, .csslider1> ul> .slide .cs_title .rl-price {
  color: #000\0/;
}

.csslider1> ul> .slide.img a:hover .p-text {
  text-decoration: underline;
}


.csslider1> ul> .slide .cs_title span {
  display: block;
  cursor: pointer;
  line-height: 18px;

}
.csslider1> ul> .slide .cs_title span.p-text {
  height: 26%;
  overflow: hidden;
  font-size: 14px;
  margin:1%;
}
.csslider1> ul> .slide .cs_title {
  text-align: center;
}
.csslider1 > ul > .slide .cs_title .rl-price {
    font-size: 17px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    color: #e61b1f;
    margin-top: 9%;
    text-decoration: none;
}

.csslider1> ul> .slide .cs_title .rl-was {
  text-decoration: line-through;
  color: #777;
  font-size: 13px;
  font-weight: normal;
  text-transform: capitalize;
}
.csslider1> ul> .slide {
      /* position: relative; */
    display: inline-block;
    width: 17%;
    /* height: auto; */
    /* overflow: hidden; */
    /*font-size: 15px;*/
    margin-right: 9%;
    /* text-align: left; */
    font-size: initial;
    /* line-height: normal; */
    /* white-space: normal; */
    /* vertical-align: top; */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.csslider1> ul> .slide:last-child {
  margin-right: 0;
}
.csslider1> ul> .slide:first-child {
  margin-left: 4%;
}
.csslider1> ul> li.img {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.csslider1> .slide> label {
  position: absolute;
  word-wrap: break-word;
  white-space: normal;
  text-align: left;
  max-width: 50%;
  left: 0;
}
.csslider1> .slide> label> span {
  vertical-align: top;
}
.csslider1> .slide> label span {
  display: inline-block;
}

/* ------------- /General Description ------------- */

.csslider1 ul .slide .bg-img {
  height: 166px;
  text-align: center;
  margin-bottom: 11px;
}

}
@media screen and (max-width: 1300px) {
  .csslider1> ul> .slide {
    width: 16%;
    margin-right: 7% !important;
}
.csslider1> ul> .slide:first-child {
  margin-left: 4%;
}
}
@media screen and (max-width: 1140px) {


.csslider1> ul> .slide {
    width: 16%;
    margin-right: 4% !important;
    /* background-color: white; */
    margin-left: 4%;
}
  .csslider1> ul> .slide.img a {
    font-size: 13px;
    word-wrap: break-word;
  }
  .csslider1 ul .slide .bg-img {
    height: 155px;}
}
@media screen and (max-width: 1080px) {
  .csslider1> ul> .slide {
    width: 16%;
    margin-right: 4% !important;
    /* background-color: white; */
    margin-left: 4%;
}
  .csslider1 ul .slide .bg-img {
    height: 143px;
}

.csslider1> ul> .slide .cs_title span.p-text {
    height: 87px;}
  .page-content #p-categories li a {
    padding: 17px 12px;
  }
}
@media screen and (max-width: 1000px) {
  .csslider1> ul> .slide {
    width: 16%;
    margin-right: 9% !important;
    /* background-color: white; */
    margin-left: 8%;
}
  .csslider1> ul, .csslider1 {
    text-align: center;
  }
}
@media screen and (max-width: 980px) {
.csslider1 > ul > .slide {
    width: 16%;
    margin-right: 4% !important;
    background-color: white;
    margin-left: 4%;
}
}
@media screen and (max-width: 950px) {

  .csslider1> ul> .slide {
    width: 16%;
    margin-right: 10px;
  }

  .csslider1> ul> .slide .cs_title span.p-text {
    font-size: 14px;
    margin-top: 30px;
}

  .csslider1 ul .slide .bg-img {
    height: 124px;
}
}
@media screen and (max-width: 880px) {
   .YouMayAlsoLike {
    margin: 11px 1% 11% 0!important;
}
  .csslider1> ul> .slide {
          width: 28%;
    margin-top: 7%;
  }

  .csslider1> ul> .slide.img img {
    width: 88%;
  }
  .csslider1 ul .slide .bg-img {
    height: 127px;
  }

  .csslider1, .csslider1> ul {
      max-height: 30%;
  }

  .csslider1> ul> .slide {
    margin-right: 31px;
}
}

@media screen and (max-width: 690px) {
  .csslider1> ul> .slide {
      width: 28%;
    margin-top: 7%;
  }

}

@media screen and (max-width: 600px) {
  .csslider1> ul> .slide {
      width: 29%;
    margin-top: 8%;
  }
  .csslider1> ul> .slide .cs_title span.p-text {
    height: 78px;
}
}

@media screen and (max-width: 560px) {
  .csslider1> ul> .slide {
      width: 167px;
      margin: 0 5px 0px 0;
  }
  .csslider1 ul .slide .bg-img {
      height: 102px;
  }


  .csslider1> ul> .slide.img img {
    width: 79%;
}
  .csslider1> ul> .slide .cs_title span.p-text {
      font-size: 13px;
  }
  .csslider1, .csslider1> ul {
      max-height: 786px;
  }
.csslider1> ul> .slide {
      width: 29%;
    margin-top: 1%;
  }
}


@media screen and (max-width: 500px) {
  .csslider1> ul {
    text-align: left;
  }
  .csslider1> ul> .slide .cs_title .rl-was, .csslider1> ul> .slide .cs_title .rl-price, .csslider1> ul> .slide .cs_title span.p-text {
    text-align: center;
  }
  .csslider1, .csslider1> ul {
    max-height: 40%;
}
  .csslider1> ul> .slide {
      width: 52%;
    margin-left: 21%;}


  .csslider1> ul> .slide.img img {
    width: 88%;
}
.csslider1> ul> .slide .cs_title span.p-text {
    height: 26%;
    /* background-color: white; */
    margin-top: 36%;
}
.csslider1> ul> .slide .cs_title span.p-text {
    font-size: 17px;
}
.csslider1> ul> .slide .cs_title .rl-price {
    font-size: 22px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    color: #e61b1f;
    margin-bottom: 8%;
}
.csslider1> ul> .slide .cs_title .rl-was {
    text-decoration: line-through;
    color: #777;
    font-size: 18px;
    font-weight: normal;
    text-transform: capitalize;
    padding-bottom: 30%;
}
.YouMayAlsoLike {
    margin: 11px 1% 4% 0!important;
}
}
@media screen and (max-width: 400px) {
  .csslider1, .csslider1> ul {
    max-height: 20%;
}

  .csslider1> ul> .slide:nth-child(4) {
    margin-right: 0px;
  }
  .csslider1> ul> .slide .cs_title span {
    font-size: 13px;
  }
.csslider1> ul> .slide .cs_title .rl-price {
    font-size: 22px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    color: #e61b1f;
    margin-bottom: 8%;
    margin-top: 15%;
}
.YouMayAlsoLike {
    margin: 11px 1% 0 0!important;
}
}
@media screen and (max-width: 370px) {
  .csslider1> ul> .slide {
    width: 70%;
    margin-left: 16%;
}
  
  .YouMayAlsoLike {
    margin: 11px 1% 0 0!important;
}
}
@media screen and (max-width: 320px) {

  .csslider1> ul> .slide {
    width: 52%;
    margin: 0 auto;
}
  .YouMayAlsoLike {
    margin: 11px 1% 0 0!important;
}
.csslider1> ul> .slide .cs_title span.p-text {
    font-size: 13px;
}
.csslider1> ul> .slide .cs_title span.p-text {
    height: 26%;
    /* background-color: white; */
    margin-top: 17%;
}
}
/* ------------- /Template Description ------------- */


/* hide description & bullets on mobile devices
@media
only screen and (max-width: 480px),
only screen and (-webkit-max-device-pixel-ratio: 2)      and (max-width: 480px),
only screen and (   max--moz-device-pixel-ratio: 2)      and (max-width: 480px),
only screen and (     -o-max-device-pixel-ratio: 2/1)    and (max-width: 480px),
only screen and (        max-device-pixel-ratio: 2)      and (max-width: 480px),
only screen and (                max-resolution: 192dpi) and (max-width: 480px),
only screen and (                max-resolution: 2dppx)  and (max-width: 480px) {

}
*/
