<!-- start Simple Custom CSS and JS -->
<style type="text/css">
/* .can_slide {
     position: relative;
     width: 100%;
     max-width: 996px;
     margin: 0 auto 0;
}
 .can_slide .can-next, .can_slide .can-prev {
    position: absolute;
    top: 50%;
    line-height: 45px;
    text-align: center;
    cursor: pointer;
    color: #fff;
    transition: all 0.6s;
    font-size: 30px;
}
.can_slide .can-next i,
.can_slide .can-prev i {
  line-height: 45px;
  font-size: 20px;
  background-color: #cb3836;
  border: 1px solid #cb3836;  
  top: 50%;
  width: 45px;
  height: 45px;
  margin-top:40px;
  border-radius: 50px;
}

 .can_slide .can-prev {
     left: -80px;
}
 .can_slide .can-next {
     right: -80px;
}
 .can_slide > .gallery {
     list-style: none;
     position: relative;
     width: 100%;
     max-width: 996px;
     margin: 0;
     padding: 0;
     padding-top: 51.9%;
}
 #mobile-scroller .can_slide > .gallery > .gallery-item {
     overflow: hidden;
     position: absolute;
     z-index: 0;
     left: 50%;
     bottom: 0px;
     width: 0;
     height: 0;
     margin: 0;
     padding: 0;
     border: 0px solid #fff;
     border-radius: 0px;
     background-color: transparent;
     cursor: pointer;
     max-width: initial !important;
}
 .can_slide > .gallery > .gallery-item img {
     width: 100%;
     height: 100%;
} */
.can_slide {
     position: relative;
     width: 100%;
     max-width: 996px;
     margin: 0 auto 0;
}
 .can_slide .can-next, .can_slide .can-prev {
    position: absolute;
    top: 50%;
    line-height: 21px;
    text-align: center;
    cursor: pointer;
    color: #fff;
    transition: all 0.6s;
    font-size: 30px;
}
.can_slide .can-next i,
.can_slide .can-prev i {
  line-height: 45px;
  font-size: 15px;
  background-color: #cb3836; 
  border: 1px solid #cb3836;  
  top: 50%;
  width: 45px;
  height: 45px;
  margin-top:40px;
  border-radius: 50px;
}

 .can_slide .can-prev {
     left: -80px;
}
 .can_slide .can-next {
     right: -80px;
}
 .can_slide > .gallery {
     list-style: none;
     position: relative;
     width: 100%;
     height: 110px;
     max-width: 996px;
     margin: 0;
     padding: 0;
	 padding-top: 50.9%;
     padding-bottom: 12%;
	 margin-left: 5%;
	 margin-right: 5%;
}
 #mobile-scroller .can_slide > .gallery > .gallery-item {
     position: absolute;
     z-index: 0;
     left: 50%;
     bottom: 0px;
     width: 0;
     height: 0;
     margin: 0;
     padding: 0;
     border: 0px solid #fff;
     border-radius: 0px;
     background-color: transparent;
     cursor: pointer;
     max-width: initial !important;
}
.can_slide > .gallery > .gallery-item img {
     width: 75%;
     height: 100%;
}
/*-------------------------------------------Mobile Media Query Start-----------------------------------------------------------------*/
@media only screen and (min-width:320px) and (max-width: 374px)
{
	.can_slide {
		position: relative;
		width: 95%;
		max-width: 996px;
		margin: 0 auto 0;
	}
	.can_slide .can-next {
		right: -56px;
		display:none;		
	}
	.can_slide .can-prev {
		left: -56px;
		display:none;
	}
	.can_slide .can-next i, .can_slide .can-prev i {
		line-height: 38px;
		font-size: 16px;
		background-color: #cb3836;
		border: 1px solid #cb3836;
		top: 50%;
		width: 40px;
		height: 40px;
		margin-top: 40px;
		border-radius: 50px;
	}
}
@media only screen and (min-width:375px) and (max-width: 405px)
{	
	.can_slide {
		position: relative;
		width: 95%;
		max-width: 996px;
		margin: 0 auto 0;
	}
	.can_slide .can-next {
		right: -56px;
		display:none;
	}
	.can_slide .can-prev {
		left: -56px;
		display:none;
	}
	.can_slide .can-next i, .can_slide .can-prev i {
		line-height: 38px;
		font-size: 16px;
		background-color: #cb3836;
		border: 1px solid #cb3836;
		top: 50%;
		width: 40px;
		height: 40px;
		margin-top: 40px;
		border-radius: 50px;
	}
}
@media only screen and (min-width:406px) and (max-width: 459px)
{
	.can_slide {
		position: relative;
		width: 95%;
		max-width: 996px;
		margin: 0 auto 0;
	}
	.can_slide .can-next {
		right: -56px;		
		display:none;
	}
	.can_slide .can-prev {
		left: -56px;
		display:none;
	}
	.can_slide .can-next i, .can_slide .can-prev i {
		line-height: 38px;
		font-size: 16px;
		background-color: #cb3836;
		border: 1px solid #cb3836;
		top: 50%;
		width: 40px;
		height: 40px;
		margin-top: 40px;
		border-radius: 50px;
	}
}
@media only screen and (min-width: 460px) and (max-width: 540px)
{
	.can_slide {
		position: relative;
		width: 95%;
		max-width: 996px;
		margin: 0 auto 0;
	}
	.can_slide .can-next {
		right: -56px;		
		display:none;
	}
	.can_slide .can-prev {
		left: -56px;
		display:none;
	}
	.can_slide .can-next i, .can_slide .can-prev i {
		line-height: 38px;
		font-size: 16px;
		background-color: #cb3836;
		border: 1px solid #cb3836;
		top: 50%;
		width: 40px;
		height: 40px;
		margin-top: 40px;
		border-radius: 50px;
	}
}
@media only screen and (min-width: 541px)  and (max-width: 767px)
{
	.can_slide {
		position: relative;
		width: 95%;
		max-width: 996px;
		margin: 0 auto 0;
	}
	.can_slide .can-next {
		right: -56px;		
		display:none;
	}
	.can_slide .can-prev {
		left: -56px;		
		display:none;
	}
	.can_slide .can-next i, .can_slide .can-prev i {
		line-height: 38px;
		font-size: 16px;
		background-color: #cb3836;
		border: 1px solid #cb3836;
		top: 50%;
		width: 40px;
		height: 40px;
		margin-top: 40px;
		border-radius: 50px;
	}
}
/*-----------------------------------------------Mobile Media Query End---------------------------------------------------------------*/

</style>
<!-- end Simple Custom CSS and JS -->
