/**
*	@package	STARTER Joomla! Template
*	@copyright	Copyright (C) 2009 - 2014 Omegatheme. All rights reserved.
*	@license	GNU/GPL version 2, or later
*	@website:	http://www.omegatheme.com
*	Support Forum - http://www.omegatheme.com/forum/
*	@version	$Id$
*/

/* 
* In this file we define layout such as: dimensions, position, padding, margin, etc. 
* We also define COMMON typography (color, font) - JUST ONLY common style. 
* If template has many preset styles, define typography in preset-style-x.css appropriate each design
*/

/*========================= RESPONSIVE =======================*/

/*======= LARGE RESOLUTION =======*/

@media (min-width: 1200px) {
	.col-lg-reset {
		left: auto;
		right: auto;
	}
}

/*======= MEDIUM RESOLUTION =======*/

@media (min-width: 992px) and (max-width: 1199px) {
	.col-md-reset {
		left: auto;
		right: auto;
	}
}

/*======= SMALL RESOLUTION =======*/

@media (min-width: 768px) and (max-width: 991px) {
	.col-sm-reset {
		left: auto;
		right: auto;
	}
}

/*======= EXTRA SMALL RESOLUTION =======*/

@media (max-width: 767px) {
    .col-xs-reset {
        left: auto;
		right: auto;
    }
	.custom_products .col-xs-reset
	{
		margin:10px 0px;
	}
	
	/* fixed the modal popup width in small screen */
	#sbox-overlay {
		min-width: 100% !important;
	}
	#sbox-window {
		left: auto !important;
		padding: 0;
		width: 90% !important;
	}
	#sbox-window .sbox-content-iframe > iframe {
		max-width: 100% !important;
	}
	
	/* fixed facebox pop up in small screen (Virtuemart) */
	#facebox { max-width: 90% !important; left: auto !important; }
	#facebox .content { display: block !important; }
	#facebox iframe { max-width: 100% !important; }
	
}