

@media only screen and (max-width: 950px) {

	/* Padrão */

	#header .container::after,
	#header .container::before {
		display: none;
	}

	/* Link Contato */

	#header .linkContato {
		display: none;
	}

	/* Botão Menu Mobile */

	#header #botaoMenuMobile {
		display: block;
	}

	/* Menu */

	#header .menuPrincipal {
		position: fixed;
		top: 0;
		left: -100%;
		bottom: 0;
		z-index: 999999;
		background: #fff;
		padding: 0;
		width: 90%;
		transition: all 0.2s linear;
		border-right: solid 5px #fed700;
	}

	#header .menuPrincipal.active {
		left: 0;
	}

	#header .menuPrincipal .menuPrincipal {
		float: left;
		width: 100%;
	}

	#header .boxMenu .menuPrincipal #fechaMenuMobile img {
		width: 30px;
	}

	#header .boxMenu .menuPrincipal ul {
		float: left;
		width: 100%;
		margin-top: 40px!important;
	}

	#header .boxMenu .menuPrincipal ul li {
		float: left;
		width: 100%;
		margin: 0!important;
		border: 0!important;
	}

	#header .boxMenu .menuPrincipal ul li + li {
		border-top: solid 1px #dfdfdf!important;
	}

	#header .boxMenu .menuPrincipal ul li a {
		color: #020100 !important;
		padding: 15px!important;
		border: 0 !important;
		font-weight: 400 !important;
		background: none;
		display: inline-block;
		width: 100%;
		letter-spacing: 1px;
	}

	#header .boxMenu .menuPrincipal ul li a:hover, 
	#header .boxMenu .menuPrincipal ul li.current-menu-item a {
    	color: #020100;
	}

	#header .boxMenu .menuPrincipal ul.menu li a:after {
		display: none!important;
	}

}

@media only screen and (max-width: 600px) {

	#header .topHeader {
		padding: 0 15px;
	}

	#header .topHeader #logo img {
		max-width: 80px !important;
	}

	#header .topHeader .redesSociais {
		width: 25%;
	}

	#header .topHeader .redesSociais span {
		display: none;
	}

	#header .topHeader .redesSociais a i {
		font-size: 26px;
	}

	#header .topHeader #logo {
		width: 50%;
	}

	#header .topHeader .carrinhoEBusca {
		width: 25%;
	}

	#header .topHeader .carrinhoEBusca #carrinhoheader {
		margin-left: 0;
	}

	#header .topHeader .carrinhoEBusca .botaoBusca {
		display: none;
	}

}