#avatar-pos-top-right .st-theme-menu .menu-toggle {
	text-align: center;
	cursor: pointer;
}
#avatar-pos-top-right .st-theme-menu .menu-toggle div {
	width: 21px;
	height: 19px;
	margin: auto;
}
#avatar-pos-top-right .st-theme-menu .menu-toggle span {
	width: 21px;
	height: 5px;
	margin: 2px auto;
	background: #fff;
	display: block;

	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
}
.st-menu-toggle-active #avatar-pos-top-right .st-theme-menu .menu-toggle span {
	opacity: 0;
	filter: alpha(opacity=0);
}
#avatar-pos-top-right .st-theme-menu .menu-toggle:hover span:last-child {
	transform: translate(0, 2px);
	-webkit-transform: translate(0, 2px);
	-moz-transform: translate(0, 2px);
	-ms-transform: translate(0, 2px);
	-o-transform: translate(0, 2px);
	opacity: 1;
	filter: alpha(opacity=1);
}
.st-menu-toggle-active #avatar-pos-top-right .st-theme-menu .menu-toggle span:last-child {
	transform: translate(0, -7px) rotate(45deg);
	-webkit-transform: translate(0, -7px) rotate(45deg);
	-moz-transform: translate(0, -7px) rotate(45deg);
	-ms-transform: translate(0, -7px) rotate(45deg);
	-o-transform: translate(0, -7px) rotate(45deg);
	opacity: 1;
	filter: alpha(opacity=1);
}
#avatar-pos-top-right .st-theme-menu .menu-toggle:hover span:first-child {
	transform: translate(0, -2px);
	-webkit-transform: translate(0, -2px);
	-moz-transform: translate(0, -2px);
	-ms-transform: translate(0, -2px);
	-o-transform: translate(0, -2px);
	opacity: 1;
	filter: alpha(opacity=1);
}
.st-menu-toggle-active #avatar-pos-top-right .st-theme-menu .menu-toggle span:first-child {
	transform: translate(0, 7px) rotate(135deg);
	-webkit-transform: translate(0, 7px) rotate(135deg);
	-moz-transform: translate(0, 7px) rotate(135deg);
	-ms-transform: translate(0, 7px) rotate(135deg);
	-o-transform: translate(0, 7px) rotate(135deg);
	opacity: 1;
	filter: alpha(opacity=1);
}
/*
 * CORE LAYOUT - Responsive
 */
@media (max-width: 1023px)
{
	body.avatar-responsive .avatar-wrapper {
		width: 100% !important;
	}
	/*
	 * Hidden position
	 */
	 body.avatar-responsive *[id*="avatar-position-stick"],
	 body.avatar-responsive *[id*="avatar-position-fixed"] {
	 	display: none;
	 }
}
@media (max-width: 768px)
{
	/*
	 * Module
	 */
	/*body.avatar-responsive #avatar-pos-main-body {
		padding: 0 10px;
		margin: 0 10px;
	}*/

	body.avatar-responsive .avatar-module {
		margin: 10px 10px 15px 10px;
	}
	/*
	 * 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-main-content,
	body.avatar-responsive #avatar-pos-inner-right {
		width: 100% !important;
		float: none !important;
	}

	/*
	  * 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: none !important;
	}
}