@media screen and (min-width: 992px)
{
	.asset-paging .paging-link.prev {
	  left: 0;
	}  
	.asset-paging .paging-link {
	  position: fixed;
	  top: 50%;
	  top: calc(50% - 30px);
	  display: none;
	  outline: none;
	  text-align: left;
	  z-index: 1000;
	  -webkit-transition: all 0.7s ease-in-out;
	  transition: all 0.7s ease-in-out;
	}
	.asset-paging .prev a.arrow {
  border-left: 0;
}
.asset-paging a.arrow {
  position: relative;
  display: block;
  padding: 10px;
  width: 55px;
  color: #999;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ccc;
  z-index: 100;
  border: 1px solid rgba(0,0,0,0.15);
    border-left-color: rgba(0, 0, 0, 0.15);
    border-left-style: solid;
    border-left-width: 1px;
  cursor: pointer;
}
.asset-paging .direction {
  font-weight: bold;
  font-size: 12px;
  text-transform: uppercase;
  opacity: 1;
  color: #222;
}
.asset-paging .prev .item {
  left: -460px;
  border-left: 0;
}
.asset-paging .item {
  position: absolute;
  top: 0;
  margin: 0;
  width: 400px;
  background: #fff;
  border: 1px solid #ddd;
    border-left-color: rgb(221, 221, 221);
    border-left-style: solid;
    border-left-width: 1px;
  top: -65%;
  height: 148px;
  opacity: 0;
  -webkit-box-shadow: 0px 0px 26px -1px rgba(0,0,0,0.1);
  -moz-box-shadow: 0px 0px 26px -1px rgba(0,0,0,0.1);
  box-shadow: 0px 0px 26px -1px rgba(0,0,0,0.1);
}
.asset-paging .paging-link.next {
  right: 0;
}
.asset-paging .head {
  padding: 5px 15px;
  border-bottom: 1px solid rgba(0,0,0,0.1);
  font-weight: bold;
}
.asset-paging .next .item .media {
  padding-right: 50px;
}
.asset-paging .media {
  padding: 15px;
    padding-right: 15px;
  margin: 0;
}
.asset-paging .media-heading {
  font-size: 16px;
  line-height: 18px;
  margin-bottom: 5px;
}
}
.asset-paging .animate {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.asset-paging .inner {
  position: relative;
  overflow: hidden;
  max-height: 140px;
}
.asset-paging a.overlay {
  display: block;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  z-index: 1;
  position: absolute;
  background: linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,0) 85%,rgba(255,255,255,1) 100%);
}
.asset-paging .media p {
  font-size: 13px;
}
$tooltip-arrow-width:               .8rem;
$tooltip-arrow-height:              .4rem;

asset-paging .animate{-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}
.asset-paging a.overlay{display:block;top:0;bottom:0;right:0;left:0;width:100%;z-index:1;position:absolute;background: linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,0) 85%,rgba(255,255,255,1) 100%);}
.asset-paging .inner{position: relative;overflow: hidden;max-height:140px;}
.asset-paging .dismiss{position:absolute;cursor: pointer;z-index:2;display: none;}
.asset-paging .media p{font-size:13px;}
body.trigger-next .asset-paging .next .dismiss{display:block;}
 @media screen and (min-width:992px){
	.asset-paging .paging-link{position:fixed;top:50%;top:calc(50% - 30px);display: none;outline: none;text-align: left;z-index:1000;-webkit-transition:all 0.7s ease-in-out;transition:all 0.7s ease-in-out;}
	.asset-paging .paging-link.prev{left:0;}
	.asset-paging .paging-link.next{right:0;}
	.asset-paging .paging-link.prev.offset{left: -70px;}
	.asset-paging .paging-link.next.offset{right: -70px;}
	.asset-paging a.arrow{position: relative;display:block;padding:10px;width:55px;color:#999;text-decoration: none;background-color:#fff;border:1px solid #ccc;z-index:100;border:1px solid rgba(0,0,0,0.15);cursor: pointer;}
	.asset-paging .arrow .fa{font-size:40px;margin:0;display:block;}
	.asset-paging .prev a.arrow{border-left:0;}
	.asset-paging .next a.arrow{border-right:0;}
	.asset-paging a.arrow:hover{color:#333;}
	.asset-paging .paging-link:hover a.arrow,body.trigger-next .asset-paging .paging-link.next a.arrow{border-color: transparent;background: transparent;}
	.asset-paging .paging-link:hover .direction,body.trigger-next .asset-paging .paging-link.next .direction{opacity:0;}
	.asset-paging .direction{font-weight:bold;font-size:12px;text-transform: uppercase;opacity:1;color:#222;}
	.asset-paging .item{position:absolute;top:0;margin:0;width:400px;background:#fff;border:1px solid #ddd;top: -65%;height:148px;opacity:0;-webkit-box-shadow:0px 0px 26px -1px rgba(0,0,0,0.1);-moz-box-shadow:0px 0px 26px -1px rgba(0,0,0,0.1);box-shadow:0px 0px 26px -1px rgba(0,0,0,0.1);}
	.asset-paging .next .item{right: -460px;border-right:0;}
	.asset-paging .prev .item{left: -460px;border-left:0;}
	.asset-paging .paging-link.prev:hover .item{left:0px;opacity:1;}
	.asset-paging .paging-link.next:hover .item,body.trigger-next .asset-paging .paging-link.next .item{right:0px;opacity:1;}
	.asset-paging .dismiss{top: -24px;left: -26px;font-size:24px;}
	.asset-paging .head{padding:5px 15px;border-bottom:1px solid rgba(0,0,0,0.1);font-weight:bold;}
	.asset-paging .media{padding:15px;margin:0;}
	.asset-paging .prev .item .media{padding-left:50px;}
	.asset-paging .next .item .media{padding-right:50px;}
	.asset-paging .media-object{max-width:80px;}
	.asset-paging .media-heading{font-size:16px;line-height:18px;margin-bottom:5px;}
	body.fluid .asset-paging{margin: -20px -15px 18px -15px;}
	body.fluid .asset-paging .paging-link{position: relative;top:0;z-index:1;}
	body.fluid .asset-paging .paging-link.prev{float: left;}
	body.fluid .asset-paging .paging-link.next{float: right;}
}
 body.trigger-condensed .asset-paging .direction{display: none;}
 body.trigger-condensed .asset-paging .arrow .fa{font-size:30px;}
 body.trigger-condensed .asset-paging a.arrow{padding:25px 10px;width:30px;}
 @media screen and (max-width:991px){
	.asset-paging-container{height:67px;margin:0 -15px 20px -15px;overflow: hidden;}
	.asset-paging{bottom: -150px;positiom: relative;-webkit-transition:all 0.7s ease-in-out;transition:all 0.7s ease-in-out;}
	body.trigger-next .asset-paging{position:fixed;bottom:0;z-index:1000;width:100%;background:#fff;left:0;margin:0;-webkit-box-shadow:0px 0px 26px -1px rgba(0,0,0,0.1);-moz-box-shadow:0px 0px 26px -1px rgba(0,0,0,0.1);box-shadow:0px 0px 26px -1px rgba(0,0,0,0.1);}
	.asset-paging .paging-link{display: none;border:1px solid rgba(0,0,0,.1);}
	.asset-paging .arrow{width:auto;padding-top:18px;display:block;height:65px;}
	.asset-paging .paging-link .arrow .fa{font-size:28px;color:#222;}
	.asset-paging .paging-link.prev{float: left;width:15%;border-right:1px solid rgba(0,0,0,.2);border-left:0;background-color: rgba(0,0,0,.02);}
	.asset-paging .paging-link.prev .item{display: none;}
	.asset-paging .paging-link.next{float: right;width:85%;border-right:0;}
	.asset-paging .paging-link.next .arrow{float: right;padding-right:15px;}
	.asset-paging .inner{height:65px;padding:3px 10px;overflow: hidden;}
	.asset-paging .dismiss{top: -34px;right: -10px;font-size:30px;}
	.asset-paging .head{font-size:12px;}
	.asset-paging .media{margin-top:4px;}
	.asset-paging .media-heading{font-size:14px;line-height:16px;margin:0;}
	.asset-paging .media-object{max-width:32px;}
}
.media-left, .media-right, .media-body {
  display: table-cell;
  vertical-align: top;
}
.media-left, .media > .pull-left {
  padding-right: 10px;
}
.media-right, .media > .pull-right {
  padding-left: 10px;
}