/* ============================================================
	SMARTPHONE LAYOUT (240 - 480)
=============================================================*/
@media only screen and (max-width: 480px), (max-device-width: 480px) {
	#fancybox-wrap,
	#fancybox-content,
	.jsn-bootstrap .progress-info,
	.jsn-bootstrap .ig-element-pricingtable[class*="table-"] > div {
		width: 100% !important;
	}
	.jsn-bootstrap .carousel .carousel-image,
	.mejs-container.mejs-audio,
	.local_file {
		max-width: 100%;
	}
	#fancybox-wrap,
	#fancybox-content {
		left: 0 !important;
	}
	.jsn-bootstrap .btn {
		margin: 5px;
	}
	.jsn-bootstrap .btn-group .btn {
		margin: 0;
	}
	.jsn-bootstrap .carousel-caption {
		position: absolute;
	}
	.testimonial .testimonial-item {
		margin-bottom: 20px;
	}
	.jsn-bootstrap .row-fluid.ig_fullwidth {
		padding: 10px !important;
	}
	.jsn-bootstrap .ig-element-pricingtable {
		display: inline-block;
	}
	.jsn-bootstrap .ig-pricingtable .ig-prtbl-cols-featured {
		margin-top: 35px;
	}
	.jsn-bootstrap .contentclips-item {
		margin-bottom: 15px;
	}
	.jsn-bootstrap .ig-pricingtable .ig-prtbl-cols {
		border-left: 1px solid #E4E4E4;
	}
}
/* ============================================================
	TABLET LAYOUT (481 - 960)
=============================================================*/
@media only screen and (min-width: 481px) and (max-width: 960px), (min-device-width: 481px) and (max-device-width: 960px) {
	.jsn-bootstrap .row {
		margin: 0;
	}
	#fancybox-wrap,
	#fancybox-content {
		width: 100% !important;
		left: 0 !important;
	}
	.jsn-bootstrap .carousel .carousel-image,
	.mejs-container.mejs-audio,
	.local_file {
		max-width: 100%;
	}
	.jsn-bootstrap .btn {
		margin: 5px;
	}
	.jsn-bootstrap .btn-group .btn {
		margin: 0;
	}
	.testimonial .testimonial-item {
		margin-bottom: 20px;
	}
}