/**********************
    - Transparent -
**********************/
.smart-carousel.transparent .sc-content-wrapper {
	position:absolute;
	text-align:center;	
	width:auto;
	top:81%;
	left:50%;
	z-index:4999;	
}

@media only screen and (min-width:480px) and (max-width:767px) {
	.smart-carousel.transparent .sc-overlay {
		width:160px !important;
	}
}

@media only screen and (max-width:479px) {
	.smart-carousel.transparent .sc-overlay {
		width:70px !important;
	}
}

/***********************
    - Square image -
***********************/
.smart-carousel.square-image .sc-content-wrapper {
	position:absolute;
	text-align:center;	
	width:auto;
	top:7%;
	left:50%;
	z-index:4999;
}

.smart-carousel.square-image .smart-carousel-container li img {
	display:block;
	max-width:none !important;
	background-color:#fff;
	border:1px solid #c9c9c9;
	padding:9px;
	-webkit-box-shadow:0px 2px 1px rgba(44, 44, 44, 0.07);
	   -moz-box-shadow:0px 2px 1px rgba(44, 44, 44, 0.07);
			box-shadow:0px 2px 1px rgba(44, 44, 44, 0.07);	
}

@media only screen and (min-width:480px) and (max-width:767px) {
	.smart-carousel.square-image .sc-overlay {
		width:88px !important;
	}
}

@media only screen and (max-width:479px) {
	.smart-carousel.square-image .sc-overlay {
		width:15px !important;
	}
	
	.smart-carousel.square-image .sc-nav-button.sc-next {
		right:5px !important;
	}
	
	.smart-carousel.square-image .sc-nav-button.sc-prev {
		left:5px !important;
	}
}

/**********************
    - Round image -
**********************/
.smart-carousel.round-image .sc-content-wrapper {
	position:absolute;
	text-align:center;	
	width:auto;
	top:9%;
	left:50%;
	z-index:4999;	
}

.smart-carousel.round-image .smart-carousel-container li {
	position:absolute;
	border:9px solid #fff;
	-webkit-border-radius:50%;
	   -moz-border-radius:50%;
			border-radius:50%;
	-webkit-box-shadow:0px 0px 3px rgba(44, 44, 44, 0.2);
	   -moz-box-shadow:0px 0px 3px rgba(44, 44, 44, 0.2);
			box-shadow:0px 0px 3px rgba(44, 44, 44, 0.2);
}

.smart-carousel.round-image .smart-carousel-container li img {
	display:block;
	max-width:none !important;
	border:0;
	-webkit-border-radius:50%;
	   -moz-border-radius:50%;
			border-radius:50%;
}

@media only screen and (min-width:480px) and (max-width:767px) {
	.smart-carousel.round-image .sc-overlay {
		width:88px !important;
	}
}

@media only screen and (max-width:479px) {
	.smart-carousel.round-image .sc-overlay {
		width:15px !important;
	}
	
	.smart-carousel.round-image .sc-nav-button.sc-next {
		right:5px !important;
	}
	
	.smart-carousel.round-image .sc-nav-button.sc-prev {
		left:5px !important;
	}
}