@media(max-width: 767.98px){
    .cart-page {
    	display: block;
    }
    #content .cart-page .cart-bottom {
    	margin-left: 0;
    	margin-top: 15px;
   }
   .sliderightbanner{
       display: none;
   }
   i.ri-arrow-down-s-line {
      float: right;
  }
   /* sidenav */
  body.active {
      overflow: hidden;
  }
  body.active::before {
      background: var(--color-neutral-dark-00) none repeat scroll 0 0;
      content: "";
      height: 100%;
      left: 0;
      opacity: 0.7;
      position: absolute;
      top: 0;
      width: 100%;
      z-index: 999;
      transition: all .2s ease 0s;
      -webkit-transition: all .2s ease 0s;
      -moz-transition: all .2s ease 0s;
      -ms-transition: all .2s ease 0s;
      -o-transition: all .2s ease 0s;
  }
  body.active .sidenav {
      overflow-x: unset;
      overflow-y: scroll;
  }
  .sidenav {
      height: 100%;
      width: 0;
      position: fixed;
      z-index: 999;
      top: 0;
      left: 0;
      background-color: var(--color-neutral-dark-05);
      transition: 0.5s;
      padding-top: 60px;
      overflow-x: hidden;
      transition: 0.5s;
      padding-top: 60px;
      box-shadow: 5px 0 5px 0 rgba(0,0,0,.06);
      clear: both;
      height: 100%;
      background-color: var(--color-neutral-light-100);
      list-style: none;
      margin: 0;
      padding: 0;
      text-align: left;
  }
  .sidenav .close-nav {
    background-color: #161616;
    padding: 12px 15px;
    width: 100%;
    display: inline-block;
    color: var(--color-neutral-light-100);
    letter-spacing: 1px;
  }
  #menu .navbar-collapse {
    display: block;
  }
  .close-nav i {
    color: var(--color-neutral-light-100) !important;
    font-size: var(--font-size-1rem) !important;
  }
    .closebtn {
    	float: right;
    	background-color: transparent;
    	border: none;
    	padding: 0;
    }
}
@media(max-width: 490px){
  .sell_banner{
    width: 100%;
  }
  .sell-banner .carousel-item .justify-content-center .sell_banner:nth-child(1),
  .sell-banner .carousel-item .justify-content-center .sell_banner:nth-child(2){
    margin-bottom: 15px;
  }
}
@media(min-width: 576px) and (max-width: 767.98px){
    #top-links ul li {
        padding: 0 10px;
    }
    #product-list.product-list .col{
        width: 50%;
        
    }
    .block-cat-wr {
        width: 33.33%;
    }
    .cbanner {
        padding: 0 14px;
    }
    .header-social {
        margin-left: 61px;
    }
  .container, .container-sm{
    width: 100%;
    max-width: unset;
  }
      .service .col-xs-12 {
        width: 50%;
    }
}