/**
 * @version    $Id$
 * @package    JSN_PageBuilder
 * @author     JoomlaShine Team <support@joomlashine.com>
 * @copyright  Copyright (C) 2012 JoomlaShine.com. All Rights Reserved.
 * @license    GNU/GPL v2 or later http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Websites: http://www.joomlashine.com
 * Technical Support:  Feedback - http://www.joomlashine.com/contact-us/get-support.html
 */
/* ============================================================
	SMARTPHONE LAYOUT (240 - 480)
=============================================================*/
@media only screen and (max-width: 480px), (max-device-width: 480px) {
	#fancybox-wrap,
	#fancybox-content,
	.progress-info {
		width: 100%;
	}
	.mejs-container.mejs-audio,
	.local_file {
		max-width: 100%;
	}
	#fancybox-wrap,
	#fancybox-content {
		left: 0;
	}
	.btn {
		margin: 5px;
	}
	.btn-group .btn {
		margin: 0;
	}
}
/* ============================================================
	TABLET LAYOUT (481 - 960)
=============================================================*/
@media only screen and (min-width: 481px) and (max-width: 960px), (min-device-width: 481px) and (max-device-width: 960px) {
	.row {
		margin: 0;
	}
	#fancybox-wrap,
	#fancybox-content {
		width: 100%;
		left: 0;
	}
	.mejs-container.mejs-audio,
	.local_file {
		max-width: 100%;
	}
	.btn {
		margin: 5px;
	}
	.btn-group .btn {
		margin: 0;
	}
}