/*
 * CORE LAYOUT - Responsive
 */
@media (max-width: 1200px)
{
	body.avatar-responsive .avatar-wrapper {
		width: 100% !important;
	}
	/*
	 * Hidden position
	 */
	 body.avatar-responsive .avatar-module {
		margin-left:20px;
		margin-right:20px;
	}
	body.avatar-responsive.st-blog-version-1 .has-right-col{
		margin: auto auto auto 20px;
	}
	body.avatar-responsive.st-blog-version-2 .has-right-col{
		margin: auto auto auto 20px;
	}
	body.avatar-responsive.st-movies .has-right-col{
		margin: auto auto auto 20px;
	}
	body.avatar-responsive .has-right-col{
		margin: auto auto auto 20px;
	}
	
}
@media (max-width: 1024px)
{
	body.avatar-responsive .avatar-wrapper {
		width: 100% !important;
	}
	/*
	 * Hidden position
	 */
	 body.avatar-responsive .avatar-module {
		margin-left:20px;
		margin-right:20px;
	}
	body.avatar-responsive.st-blog-version-1 .has-right-col{
		margin: auto auto auto 20px;
	}
	body.avatar-responsive.st-blog-version-2 .has-right-col{
		margin: auto auto auto 20px;
	}
	body.avatar-responsive.st-movies .has-right-col{
		margin: auto auto auto 20px;
	}
	body.avatar-responsive .has-right-col{
		margin: auto auto auto 20px;
	}
}
@media (max-width: 768px)
{
	/*
	 * Module
	 */
	body.avatar-responsive #avatar-pos-main-body {
		padding: 0 10px;
		margin: 0 10px;
	}
	
	/*body.avatar-responsive .avatar-module {
		margin: 25px 25px 15px 25px;
	}*/
	/*
	 * main content to 1 cols
	 */
	body.avatar-responsive #avatar-left,
	body.avatar-responsive #avatar-content,
	body.avatar-responsive #avatar-right,
	body.avatar-responsive #avatar-pos-inner-left,
	body.avatar-responsive #avatar-pos-inner-right {
		width: 100% !important;
		float: none !important;
	}
	body.avatar-responsive #avatar-main-content{
		width:auto !important;
		float:none !important;
	}
	body.avatar-responsive .avatar-nav-responsive li>.st-mega-menu-row{
		display:none;
	}
	/*
	  * more than 3 cols -> to 1 cols
	  */
	 
	 /*body.avatar-responsive *[id*="avatar-pos-top"],
	 body.avatar-responsive *[id*="avatar-pos-promo-top"],
	 body.avatar-responsive *[id*="avatar-pos-user"],
	 body.avatar-responsive *[id*="avatar-pos-promo-bottom"],
	 body.avatar-responsive *[id*="avatar-pos-footer"] {
	 	float: none !important;
	 	width: 100% !important;
	 }*/
}
@media (max-width: 480px)
{
	/*
	 * 2 cols to 1 col
	 */
	body.avatar-responsive *[id*="avatar-pos-left-middle"],
	body.avatar-responsive *[id*="avatar-pos-right-middle"] {
		width: 100% !important;
		float: left !important;
	}		
}