.bundle-prod .bundle-each{
  [class^="col-"] {
    &:before{
      position: absolute;
      left:98%;
      top: 35%; 
      color: $gray-500;
        @include media-breakpoint-down(md){
            left:84%;
            top: 15%;  
      }
    }
    &:last-child:before{
          display: none;  
    }
  }
} 

.bundle-product {
  .bundle-item {
      padding-left: 100px;
      min-height: 125px;
      figure{
          width: 100px;
          position: absolute;
          left:0;
          img{
              max-height: 100%;
          }
      }
      .rgp {
        color: $gray-500;
      }
}
    .spec-listing{
        li:last-child{
            border-bottom:0!important;
        }
    }
}
  
.active{
    .btn-view-more{
        &:before{
            content: "\e916";
        }
    }
}
.btn-view-more{
    line-height: 25px;
    &:before{
        content:"\e910";
        float: right;
        line-height: 24px;
        font-weight: 300;
        margin-left: 12px;
    }
    &:hover{
        background-color:$primary;
        border:1px solid $primary !important;
        color:$white !important;
    } 
}
.bundle-wrapper .thumb-view{
    .viewport{
        max-width: 300px;
    }
    a.arrow{
        top: 40%;
    }
}
.loader-animate:before, .animate-loader:before {
    background-image: url(../images/loader-small.gif);
    background-color: rgba(255,255,255,0.5);
    background-repeat: no-repeat;
    background-size: 35px;
    background-position: center;
    position: absolute;
    width: 100%;
    content: "";
    height: 100%;
    left: 5px;
    top: 0;
    animation-name:fadeOutLoader;
    animation-duration: 2s;
    animation-iteration-count: 1;
    opacity: 0;
}
@keyframes fadeOutLoader{
    0%{
        opacity:1;
    } 
    50%{
        opacity:1;
    }
    to{
        opacity:0;
    }
}


@include media-breakpoint-down(md){
    .bundle-wrapper .pordSlider .img-slider{
        .slick-slide{
            height: 200px;
            img{
                margin: 0 auto;
                display: inherit;
            }
        }
    }
    .bundle-product .bundle-item{
        padding-left: 80px;
        position: relative;
        .btn-view-more{
            font-size: 0;
            &:before{
                font-size: 10px;
                margin: 0;
                padding: 0;
            }
        }
    }
}


body.rtl{
    .bundle-product .bundle-item{
         padding-right: 100px;
         padding-left: 15px;
        figure{
            right: 0;
            left: auto;
        }
    }
    .btn-view-more:before{
        float: left;
        margin-right: 12px;
        margin-left: 0; 
    }
    .bundle-prod [class^="col-"]:before{
        left: auto;
        right: 98%;
    }
    .bundle-product .bundle-item .btn-view-more{
        left: auto;
        right: 95px;
    }
}