@media (max-width: 1024px) {
	section.palavras ul {
		grid-template-columns: 1fr 1fr 1fr;
	}
	section.conteudo ul.regioes {
		column-count: 2;
	}
	section.conteudo .grid {
		grid-template-columns: 1fr;
	}
	header ul {
		grid-gap: 20px;
	}	
	section.banner .rotativo .item img {
		max-width: 90%;
	}
	section.newsletter .grid {
	    grid-template-columns: 400px 200px 1fr;
	}	
	section.newsletter .grid > img {
		bottom: 191px;
	}
	footer .atendimento ul li:nth-child(1), footer .atendimento ul li:nth-child(2) {
	    font-size: 45px;
	}
	footer h6 span {
		display: none;
	}	
	footer h6 strong {
		display: unset;
	}
	footer > .grid {
	    grid-template-columns: 1fr 150px 1fr;
	    grid-gap: 50px;
	}	
	footer .atendimento ul li:nth-child(3) {
	    font-size: 27.5px;
	}	
	footer .creditos .info p {
		font-size: 14px;
		text-align: center;
	}
	footer .creditos .grid > p span {
		display: none;
	}
	footer .creditos .grid > p {
		justify-self:  right;
	}
	footer .creditos .grid {
	    grid-template-columns: 200px 1fr 150px;
	}	
	section.produtos .subgrid, section.jogar .subgrid {
		padding: 0 60px;
	}
	section.jogar .item img:last-child {
		max-width: 180px;
	}
	section.banner .subgrid {
		padding: 0 20px;
	}
	section.visite img {
		display: none;
	}
	section.visite .grid {
		grid-template-columns: 1fr;
		background: none;
		height: unset;
	}
	section.visite {
		padding: 30px 0;
	}
	section.visite h2 {
	    max-width: 800px;
	    margin: 0 auto 15px;
	}	
}


@media (max-width: 480px) {
	section.sobre img {
	    float: unset;
	    width: 100%;
	    margin-bottom: 45px;
	}	
	section.sobre h2 {
		font-size: 38px;
	}
	a#whatsapp {
		bottom: 80px;
	}
	section.palavras h2 {
		font-size: 38px;
	}
	section.palavras h2 span {
		display: block;
	}
	section.palavras ul {
		display: unset;
		overflow-x: scroll;
	    column-count: 1;
	    padding-bottom: 10px;		
	}
	section.palavras ul li {
		margin-bottom: 15px;
	}
	section.conteudo {
		padding-top: 165px;
	}
	section.conteudo h2 {
		font-size: 38px;
	}
	header .menu {
		display: unset;
		background-image: url('../img/marcomp-pc-gamer-computador-santa-ifigenia-menu.png');
	    position: absolute;
	    right: 30px;
	    top: 15px;		
		background-size: 100%;
	    background-repeat: no-repeat;		
	    width: 50px;
	    height: 38px;	    
	}
	header .fechar {
		display: unset;
		background-image: url('../img/marcomp-pc-gamer-computador-santa-ifigenia-fechar.png');
	    width: 40px;
	    height: 50px;
	    background-size: 100%;
	    background-repeat: no-repeat;
	    position: absolute;
	    top: 14px;
	    right: 34px;
	    opacity: 0;
	    visibility: hidden;
	    transition: .3s;
	    transform: scale(0);
	}
	header .fechar.abrir {
		opacity: 1;
		visibility: visible;
		z-index: 2;
		transform: scale(1);
	}
	header ul {
		position: fixed;
	    left: 0;
	    top: 0;
	    display: unset;
	    background-color: #110f1a;
	    width: 100%;
	    height: 100%;
	    z-index: 2;
	    text-align: center;
		padding: 40px 30px 0;
	    visibility: hidden;
	    opacity: 0;
	    transition: .3s;		
	}
	header ul.abrir {
		visibility: visible;
		opacity: 1;
	}
	header ul li {
		display: block;
	    margin-bottom: 15px;
	    font-size: 22px;
	    padding-bottom: 10px;
	}
	header ul li:first-child, header ul li:last-child, header ul li:last-child strong {
		display: block;
	}
	header ul li:last-child img {
		float: left;
	    margin: 4px 8px 0 0;	
	}
	header ul li > img {
		width: 120px;
		margin-bottom: 25px;
	}
	header ol {
		display: none;
	}
	section.banner .rotativo .item img:nth-child(1) {
		display: none;
	}
	section.banner .rotativo .item img:nth-child(2) {
		display: unset;
	}
	section.banner .rotativo .item img {
	    max-width: 100%;
	}
	section.info .grid {
	    grid-template-columns: repeat(2, 1fr);
	}
	section.info h2 {
		font-size: 26px;
		margin: 10px 0;		
	}	
	section.info img {
		max-width: 45px;
	}
	section.jogar {
		display: none;
	}
	section.produtos, section.review {
	    padding-top: 0;
	}	
	section.depoimentos {
		padding-top: 10px;
		padding-bottom: 20px;
	}
	section.review h2, section.depoimentos h2, section.visite h2 {
		font-size: 38px;
	}
	section.visite h3 {
		font-size: 28px;
	}
	section.review h3 {
		margin-bottom: 60px;
	}
	section.review .grid, section.depoimentos .grid.avaliacoes {
		grid-template-columns: 1fr;
	}
	section.review .item {
		display: none;
	}	
	section.review .item:nth-child(1),
	section.review .item:nth-child(2) {
		display: unset;
	}	
	section.depoimentos h2, section.depoimentos h3,
	section.review h2, section.review h3 {
		padding: 0 30px;
	}
	section.depoimentos article p {
		margin-left: 0;
		font-size: 20px;
	}
	section.depoimentos article {
	    padding-bottom: 50px;
	    margin-bottom: 35px;
	}	
	section.depoimentos .esq {
		display: none;
	}
	section.depoimentos h3 {
		margin-bottom: 45px;
	}
	section.review .video img {
		width: 100%;
		top: -35px;
	}
	section.review h4 {
		text-align: center;
	}
	section.newsletter .grid > img {
		display: none;
	}
	section.newsletter {
		margin-top: 0;
		padding-top: 40px;
		margin-bottom: 50px;
		text-align: center;
	}
	section.newsletter .grid {
		grid-template-columns: 1fr;
	}
	section.newsletter .siga {
		margin-bottom: 10px;
	}
	section.newsletter .siga h6 {
		display: none;
	}
	footer > .grid {
		text-align: center;
		grid-template-columns: 1fr;
	}
	footer .acesso {
		display: none;
	}
	footer .creditos .grid > a {
		display: block;
		margin: 0 auto;
	}	 
	footer .creditos .grid > a img {
		width: 100px;
	}
	footer .creditos .grid {
		grid-template-columns: 1fr;
		grid-gap: 20px;
	}
	section.banner .cursor:after {
		right: -160px;
		width: 150px;
	}
	section.banner .cursor:before {
		left: -160px;
		width: 150px;		
	}
	footer .creditos {
		padding: 40px 0;
		margin-bottom: 110px;
	}
	footer .creditos .grid > p {
	    justify-self: center;
		top: 25px;
	}	
	footer .creditos .grid > p span {
		display: unset;
		font-size: 14px;
	}
	footer .creditos .grid > p img {
		width: 85px;
		top: 15px;
	}
	footer .atendimento ul li:nth-child(1), footer .atendimento ul li:nth-child(2) {
	    font-size: 38px;
	}
	footer .atendimento ul li:nth-child(3) {
	    font-size: 26px;
	}
	section.banner .bloco {
		left: 0!important;
		right: 0!important;
		bottom: 45px!important;
	}
	section.banner .bloco .de-por, section.banner .bloco a {
		width: 100%;
	    padding: 10px 15px;
	    height: 62px;	
	    text-align: center;	
	}
	section.banner .bloco a, section.banner .bloco .de-por p {
		font-size: 14px;
	}
	section.banner .bloco a strong, section.banner .bloco .de-por p strong {
		font-size: 19px;
	}
	section.banner .bloco .de-por span {
		bottom: -38px;
	}
	section.depoimentos article:last-child {
		border: none;
		padding-bottom: 0;
	}
	section.banner .rotativo button.slick-arrow {
		top: 175px;
	}	
	footer > .grid:first-child {
		grid-template-columns: repeat(5, 1fr);
		grid-gap: 20px;
		margin-bottom: 50px;
	} 	
	section.visite {
		padding-bottom: 80px;
	}
	section.banner h1 {
		font-size: 38px;
	}
	section.banner iframe {
		height: 236px;
	}
	section.banner a {
		max-width: 100%;
		padding: 20px;
		font-size: 22px;
	}
	.chat, .saida {
		display: none;
	}
	a#whatsapp {
		display: unset;
	}	
}


@media (max-width: 428px) {
	section.conteudo h2 {
	    font-size: 32px;
	    line-height: 34px;
	}
	section.conteudo ul.regioes {
		column-count: 1;
	}
	section.review h2, section.depoimentos h2, section.visite h2, section.banner h1 {
	    font-size: 32px;
	    line-height: 34px;
	}	
	section.banner .bloco a strong, section.banner .bloco .de-por p strong {
	    font-size: 16px;
	}	
	section.banner .bloco a, section.banner .bloco .de-por p {
	    font-size: 13px;
	}	
	section.banner .bloco .de-por, section.banner .bloco a {
		height: unset;
	}
	section.depoimentos article figure figcaption {
		line-height: 18px;
	}
	section.depoimentos article h5 {
		font-size: 20px;
		margin-top: 2px;
	}
	section.depoimentos article figure img {
		width: 100px;
		float: unset;
	}
	section.depoimentos article p, section.info .item p {
		font-size: 18px;
		font-weight: 300;
	}
	section.info h2 {
		font-size: 22px;
		margin: 3px 0;
	}
	section.info figure {
		height: 50px;
	}
	section.info .grid {
		grid-template-columns: 1fr;
		grid-gap: 25px;
	}
	section.review h3, section.depoimentos h3 {
		margin-bottom: 50px;
		font-size: 18px;
	}
	section.produtos ul li:first-child {
		font-size: 18px;
	}
	section.banner .rotativo button.slick-arrow {
		top: 150px;
	}
	section.produtos .item {
		margin: 0;
	}	
	footer .creditos .grid {
	    grid-gap: 10px;
	}	
	footer .creditos .info p {
		font-size: 13px;
	}
	footer .creditos .grid > p {
		top: 50px;
	}
	section.visite {
	    padding-bottom: 60px;
	    padding-top: 0;
	}	
	section.banner iframe {
		height: 200px;
	}
	section.banner a {
		font-size: 20px;
	}
}


@media (max-width: 400px) {
	footer .creditos .grid > p {
	    top: 35px;
	}	
	section.banner a {
	    font-size: 18px;
	}	
}

@media (max-width: 380px) {
	section.banner .bloco a, section.banner .bloco .de-por p {
	    font-size: 12px;
	}	
	section.banner .bloco a strong, section.banner .bloco .de-por p strong {
	    font-size: 15px;
	}	
	section.produtos ul li:first-child {
		font-size: 16px;
	}
	footer .creditos .info p {
	    font-size: 12px;
	}	
	footer .creditos .grid > p {
	    top: 50px;
	}	
	section.banner a {
	    font-size: 17px;
	}		
	section.banner p {
		margin-bottom: 25px;
	}
}


@media (max-width: 360px) {
	footer .creditos .info p {
	    font-size: 11px;
	}	
	footer .creditos .grid > p {
	    top: 55px;
	}		
	section.banner .bloco a strong, section.banner .bloco .de-por p strong {
	    font-size: 14px;
	}	
	section.banner .bloco a, section.banner .bloco .de-por p {
	    font-size: 11px;
	}	
	section.produtos ul li:first-child {
	    font-size: 15px;
	}	
	footer .atendimento ul li:nth-child(3) {
		font-size: 23px;
	}
	section.produtos .item {
		padding: 15px;
	}
	section.banner iframe {
		height: 168px;
	}
	section.banner a {
	    font-size: 16px;
	}	
}