/* menu responsivo */


@media (max-width: 800px){

	
	/* Menu Hamburguer */

	.btn11 {
		position: absolute;
		width: 31px;
		height: 47px;
		top: -12px;
		right: 0px;
		-webkit-transition-duration: 0.5s;
		transition-duration: 0.5s;
	}

	.btn11 .icon-left {
		-webkit-transition-duration: 0.5s;
		transition-duration: 0.5s;
		position: absolute;
		height: 3px;
		width: 15px;
		top: 30px;
		background-color: #212121;
	}

	.btn11 .icon-left:before {
		-webkit-transition-duration: 0.5s;
		transition-duration: 0.5s;
		position: absolute;
		width: 15px;
		height: 3px;
		background-color: #212121;
		content: "";
		top: -10px;
	}

	.btn11 .icon-left:after {
		-webkit-transition-duration: 0.5s;
		transition-duration: 0.5s;
		position: absolute;
		width: 15px;
		height: 3px;
		background-color: #212121;
		content: "";
		top: 10px;
	}

	.btn11 .icon-left:hover {
		cursor: pointer;
	}

	.btn11 .icon-right {
		-webkit-transition-duration: 0.5s;
		transition-duration: 0.5s;
		position: absolute;
		height: 3px;
		width: 15px;
		top: 30px;
		background-color: #212121;
		left: 15px;
	}

	.btn11 .icon-right:before {
		-webkit-transition-duration: 0.5s;
		transition-duration: 0.5s;
		position: absolute;
		width: 15px;
		height: 3px;
		background-color: #212121;
		content: "";
		top: -10px;
	}

	.btn11 .icon-right:after {
		-webkit-transition-duration: 0.5s;
		transition-duration: 0.5s;
		position: absolute;
		width: 15px;
		height: 3px;
		background-color: #212121;
		content: "";
		top: 10px;
	}

	.btn11.open .icon-left {
		-webkit-transition-duration: 0.5s;
		transition-duration: 0.5s;
		background: transparent;
	}

	.btn11.open .icon-left:before {
		-webkit-transform: rotateZ(45deg) scaleX(1.4) translate(2px, 2px);
		transform: rotateZ(45deg) scaleX(1.4) translate(2px, 2px);
	}

	.btn11.open .icon-left:after {
		-webkit-transform: rotateZ(-45deg) scaleX(1.4) translate(2px, -2px);
		transform: rotateZ(-45deg) scaleX(1.4) translate(2px, -2px);
	}

	.btn11.open .icon-right {
		-webkit-transition-duration: 0.5s;
		transition-duration: 0.5s;
		background: transparent;
	}

	.btn11.open .icon-right:before {
		-webkit-transform: rotateZ(-45deg) scaleX(1.4) translate(-2px, 2px);
		transform: rotateZ(-45deg) scaleX(1.4) translate(-2px, 2px);
	}

	.btn11.open .icon-right:after {
		-webkit-transform: rotateZ(45deg) scaleX(1.4) translate(-2px, -2px);
		transform: rotateZ(45deg) scaleX(1.4) translate(-2px, -2px);
	}

	.btn11:hover {
		cursor: pointer;
	}

/*	#nav-icon4 {
		width: 30px;
		height: 25px;
		position: absolute;
		right: 10px;
		top: 14px;
		margin: 0;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .5s ease-in-out;
		-moz-transition: .5s ease-in-out;
		-o-transition: .5s ease-in-out;
		transition: .5s ease-in-out;
		cursor: pointer;
	}

	#nav-icon4 span {
		display: block;
		position: absolute;
		height: 4px;
		width: 100%;
		background: #ffcc00;
		border-radius: 9px;
		opacity: 1;
		left: 0;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .25s ease-in-out;
		-moz-transition: .25s ease-in-out;
		-o-transition: .25s ease-in-out;
		transition: .25s ease-in-out;
	}

	#nav-icon4 span:nth-child(1) {
		top: 0px;
		-webkit-transform-origin: left center;
		-moz-transform-origin: left center;
		-o-transform-origin: left center;
		transform-origin: left center;
	}

	#nav-icon4 span:nth-child(2) {
		top: 8px;
		-webkit-transform-origin: left center;
		-moz-transform-origin: left center;
		-o-transform-origin: left center;
		transform-origin: left center;
	}

	#nav-icon4 span:nth-child(3) {
		top: 16px;
		-webkit-transform-origin: left center;
		-moz-transform-origin: left center;
		-o-transform-origin: left center;
		transform-origin: left center;
	}

	#nav-icon4.open span:nth-child(1) {
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
		top: -3px;
		left: 8px;
	}

	#nav-icon4.open span:nth-child(2) {
		width: 0%;
		opacity: 0;
	}

	#nav-icon4.open span:nth-child(3) {
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);
		top: 18px;
		left: 8px;
	}
*/

	/* Menu */

/*	.scroll__sacola .header__topo__loja__carrinho__pedidos{
		position: relative;
		right: 40px;
	}*/

	.menu-principal-container{
		position: absolute;
		top: 48px;
		right: 0;
		/*width: 100%;*/
		width: 300px;
		background: #ededed;
	    overflow-y: auto;
	}

	.menu-principal-container ul li{
		display: block;
		padding: 10px;
	}

	.menu__scroll #menu-principal{
		width: 100%;
	}

	.menu__scroll #menu-principal a{
	    color: #603813;
	}

	.menu__scroll #menu-principal a, 
	.menu__scroll #menu-principal a:visited{
	  color: #000;
		font-weight: bold;
	}

	.menu-principal-container ul li .sub-menu {
		display: none;
		/*width: 100%;*/
		width: 260px;
		position: relative;
		background: #fff;
		margin-bottom: 40px;
		margin-top: -20px;
		margin-left: 10px;
	}

	.menu__scroll  .menu-principal-container ul li .sub-menu {
		background: #ededed;
		width: 100%;
	}


	.open-submenu{
		background: url(../images/seta_menu.png)no-repeat;
		background-position: center center;
		text-align: left;
		font-size: 13px;
		color: #603813;
		cursor: pointer;
		position: absolute;
		top: -2px;
		right: 10px;
		padding: 6px 10px;
		transition: 0.2 ease all;
		width: 40px;
		height: 40px;
		background-size: 10px;
		transform: rotate(-90deg);
	}

	.open-submenu.open-more{
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
	}

	.menu-principal-container ul li{
		background: none;
	}

	.menu__scroll #menu-principal li .sub-menu li{
		padding: 10px 0;
	}

	.header__topo__loja__carrinho__pedidos{
		padding-top: 4px;
	}

	.menu__scroll #menu-principal li#menu-item-252,
	.menu__scroll #menu-principal li{
		text-align: left;
		padding: 10px 10px;
		margin: 0;
	}

	.menu__scroll #menu-principal li a {
		padding: 0 10px;
		font-size: 19px;
		font-weight: normal;
	}

	.menu__scroll #menu-principal li .sub-menu li {
		padding: 7px 0;
	}

	.menu__scroll #menu-principal li .sub-menu li a {
		font-size: 15px;
	}
}

@media (max-width: 375px){

	.menu-principal-container{
		width: 100%;
	}
}