.selected img {
	opacity:0.5;
}
div#mi-crousal-div, 
div#mi-crousel-loader-div {
	position: fixed;
	z-index: 99999;
	height: 100%;
	width: 100%;
	top: 0;
	background: rgba(0,0,0,0.8);
	padding: 10px;
	display:none;
}
#myCarousel .item,
#myCarouse .item
{
	padding: 0px;
	border: none;
}
ul.list-inline {
	text-align: center;
}
#myCarousel .carousel-inner {
	width:60%;
	margin: 0 auto;
}
#myCarouse .carousel-inner {
	width:78%;
	margin: 0 auto;
}
#myCarouse .carousel-control {
    top: 50%;
    font-size: 20px;
    height: 50px;
    margin-top: -25px;
	background:none;
	width:50px;
}
#myCarouse .carousel-control.left{left:10%;margin-left:-30px;}
#myCarouse .carousel-control.right{right:10%;margin-right:-30px;}
#myCarouse .carousel-control i {
    display: block;
}
#myCarouseDv {
	position: absolute;
	bottom: 0px;
	width: 100%;
	opacity: 0.9;
	height: 15%;
}
#mi-crousel-inr{
	height:100%;
}
#mi-crousel-inr-2{
	height:100%;
	position:relative;
}
#myCarouselDv {
	position: absolute;
	width: 100%;
	top: 0;
	height: 85%;
	padding: 30px 0;
}
div#myCarouselDv div {
	height: 100%;
	max-height:inherit;
}
div#myCarouselDv .cr-item {
	width:100%;
}
div#myCarouselDv img {
	height: auto;
	width:100%;
	min-height: 114px;
}
#myCarouselDv .carousel-control {
    background: none;
    height: 100px;
    padding: 0px;opacity:1;
    top: 50%;width: 50px;
    margin-top: -50px;
}
#myCarouselDv .carousel-control.left{left:10%;margin-left:-60px}
#myCarouselDv .carousel-control.right{right:10%;margin-right:-60px}
#myCarouselDv .carousel-control i {
    margin-top: -30px;
    font-size: 20px;
    background-color: rgba(0, 0, 0, 0.5);
    width: 50px;
    height: 50px;
    border: 2px solid #fff;
    border-radius: 100%;
    display: inline-table;
    line-height: 44px;
	opacity:1;
}
.carousel-inner>.item>a>img, 
.carousel-inner>.item>img, 
.img-responsive, 
.thumbnail a>img, 
.thumbnail>img {
	display: inline-block;
}
.item.cr-item {
	text-align: center;
}
#mi-crousel-inr .item .thumbnail {
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 0;
  line-height: 1.42857;
  padding: 0;
  transition: all 0.2s ease-in-out 0s;
}
.item.cr-item img{
	border: 0px solid #fff!important;
	border-radius:0;
}
span#mi-crousel-close {
	color: #fff;
	font-size: 30px;
	position:  absolute;
	right: 15px;
	top: 15px;
	display: block;
	cursor:pointer;
	z-index: 9;
}
div#mi-crousal-div .prev,
div#mi-crousal-div .next {
	background: none;
}
div#mi-crousal-div .left {
	margin-right: 0px;
	margin-left: 0px; 
}
div#mi-crousel-swipe {
	width: 100%;
	text-align: center;
	position: absolute;
	z-index: 99;
	background: rgba(0,0,0,0.7);
	height: 100%;
	padding-top: 80px;
	margin: -10px;
}
div#mi-crousel-swipe{
	display: none;
}

.spinner1 {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border: solid 30px;
  border-radius: 5em;
  border-color: #86A186 transparent #86A186 transparent;
  animation: spin 1s linear infinite;
}


@keyframes spin{
  0% {
	transform: rotate(0deg);
  }
  100% {
	transform: rotate(360deg);
  }
}

div#mi-crousel-loader {
    width: 2;
    position: absolute;
    top: 50%;
    margin-top: -30px;
    left: 50%;
    margin-left: -32.5px;
}

div#myCarouselDv img {
    width: inherit;
    /*max-height: 480px;
    min-height: 480px;
	height: 100%;
    object-fit: cover;*/
}
#myCarouse .img-responsive {
  max-height: 100px;
  min-height: 100px;
  object-fit: cover;
  cursor:pointer;
}
.singleTop img {
    cursor: pointer;
}

/*------|| BEGIN RESPONSIVE CSS ||-------*/
@media(max-width:1025px){
	#myCarouse .carousel-control {
		opacity: 0.9;
		width: 5%;
		background: none;
	}
	#myCarouselDv .carousel-control {
		width: 7%;
	}
	#sticky {
		max-width: 230px!important;
	}
}
@media(max-width:992px){
	div#myCarousel .carousel-inner{width:100%;}
	#myCarouseDv {
		display:none;
	}
	div#myCarouselDv img {
		height:auto;object-fit: unset;
		width: 100%;
	}
	#myCarouselDv .carousel-control {
		display:none !important;
	}
	div#mi-crousel-swipe{
		display: block;
	}
}
@media(max-width:769px){
	#myCarouselDv .carousel-control {
		top: 40%;
	}
	#myCarouselDv {
		top: 50px;
	}
	span#mi-crousel-close {
		font-size: 20px;
	}
	div#myCarousel{
		/*max-height: 250px;*/
	}
}
@media(max-width:480px){
	#myCarouselDv .carousel-control {
		top: 25%;
	}
	div#mi-crousel-swipe img {
		max-width: 150px;
	}
}
@media (max-width: 321px){
	div#myCarousel {
		max-height: 200px;
	}
	#myCarouselDv .carousel-control {
		top: 10%;
	}
}
/*------|| END RESPONSIVE CSS ||-------*/