@media screen and (max-width: 1100px) {

	.container{
			width: 100%;
	}

	header {
		width: 100%;
		background-size: cover;
		position: relative;
	}


        /*  Texto do Menu esquerdo*/
	nav#menu #menuanchor{
		width: auto;
		float: left;
		margin: 0 25px;
		height: 60px;
		cursor: pointer;
		position: relative;
		overflow: hidden;
		font-size: 14px;
		color: #fff;
		font-weight: 700;
		line-height: 60px;
		padding: 0 0 0 42px;
	}

    /*  Listras Horizontais do Menu esquerdo*/
	nav#menu #menuanchor span{
		width: 30px;
		height: 4px;
		position: absolute;
		top: 18px;
		left: 0;
		background: #fff;
		border-radius: 20px;
		display: inline-block;
		-webkit-transition: all .25s linear;
		-moz-transition: all .25s linear;
		-ms-transition: all .25s linear;
		transition: all .25s linear;
	}
	nav#menu #menuanchor span:nth-child(2){
		top: 27px;
	}
	nav#menu #menuanchor span:nth-child(3){
		top: 36px;
	}



      /*  Texto do Menu Direito*/
	nav#menu #catanchor {

        width: auto;
        float: right;
		margin: 0 25px;
		height: 60px;
		cursor: pointer;
		position: relative;
		overflow: hidden;
		font-size: 14px;
		color: #ccc;
		font-weight: 700;
		line-height: 60px;
		padding: 0 42px 0 0;
	}

    /*  Listras Horizontais do Menu Direito*/
	nav#menu #catanchor span {
  		width: 30px;
		height: 4px;
		position: absolute;
		top: 18px;
		right: 0;
		background: #ccc;
		border-radius: 20px;
		display: inline-block;
		-webkit-transition: all .25s linear;
		-moz-transition: all .25s linear;
		-ms-transition: all .25s linear;
		transition: all .25s linear;
	}
	nav#menu #catanchor span:nth-child(2) {
		top: 27px;
	}
	nav#menu #catanchor span:nth-child(3) {
		top: 36px;
	}


	nav#menu .menu-topo,
	nav#menu .menu-category {
		position: fixed;
		top: 0;
		left: 0;
		width: 70%;
		height: 100%;
		background: #151515;
		box-shadow: 0 0 20px rgba(0,0,0,0.3);
		z-index: 90;
		overflow-y: auto;
		transform: translateX(-120%);
		-o-transform: translateX(-120%);
		-ms-transform: translateX(-120%);
		-moz-transform: translateX(-120%);
		-webkit-transform: translateX(-120%);
	}


    /* Alinhamento Vertical de Itens do Menu */
	nav#menu .menu-topo li,
	nav#menu .menu-category li {
		width: 100%;
		border-right: 0;
		border-left: 0;
		border-bottom: 1px dotted #777;
		text-align: center;
	}

     /* Espaçamento Vertical de Itens do Menu */
	nav#menu .menu-topo a,
	nav#menu .menu-category a {
		width: 100%;
		padding: 30px;
		display: inline-block;
		vertical-align: top;
	}


    /* Abrir Menu Dropdrow ao clicar */
	.menuopen nav#menu .menu-topo,
	.catopen nav#menu .menu-category {

		transform: translateX(auto);
		-webkit-transform: translateX(0%);
	}

      /* Fechar Menu Dropdrow ao clicar */
	#closemenu {
		display: inline-block;
		width: 100%;
		height: 100%;
		position: fixed;
		z-index: 8;
		background: rgba(0,0,0,0.7);
		top: 0;
		left: 0;
		visibility: hidden;
		filter: opacity(0%);
		-webkit-filter: opacity(0%);
	}
	.menuopen #closemenu,
	.catopen #closemenu {
		visibility: visible;
		filter: opacity(100%);
		-webkit-filter: opacity(100%);
	}


    /* Menu de Pesquisa */
	nav#menu .primary .search_ {
		width: 90%;
		margin: 0 5%;
		position: absolute;
		bottom: -45px;
        font-family: sans-serif;
        font-size: 14px;;
	}
	nav#menu .primary .search_ input {
		height: 36px;
        font-family: sans-serif;
        font-size: 14px;;
    }

}


    /* Menu Superior do Carrinho e Tamanho dos Produtos */
    nav#menu .menu-category-top {
        width: 100%;
        margin: 0 auto;
        display: inline-block;
        text-align: center;
        position: relative;
        z-index: 4
    }
    nav#menu .menu-category-top ul {
        width: auto;
        margin: 0 auto;
        display: inline-block;
        padding: 0px 15px 3px;
        position: relative;
        z-index: 999;
    }
    nav#menu .menu-category-top li {
        font-size: 15px;
        text-transform: uppercase;
        position: relative;
        z-index: 5
    }
    nav#menu .menu-category-top a {
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 0px;
        bottom: auto;
        position: relative;
        color: #ffffff
    }
    nav#menu .menu-category-top a:hover {
        color: #14f903
    }
    nav#menu .menu-category-top ul:before {
        content: '';
        width: 55%;
        background-color: rgb(32, 32, 32);
        height: 100%;
        position: absolute;
        bottom: -5px;
        left: 15px;
        border-radius: 36px 14px 0 0;
        z-index: 1;
    }
    nav#menu .menu-category-top ul:after {
        content: '';
        width: 55%;
        background-color: rgb(32, 32, 32);
        height: 100%;
        position: absolute;
        bottom: -5px;
        right: 15px;
        border-radius: 14px 36px 0 0;
        z-index: 1;
    }