@media (max-width: 1024px) {

	header ul {
	    background-image: url(../img/bg-banner.png);
	    background-size: cover;		
		position: absolute;
        flex-direction: column;
        position: fixed;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        opacity: 0;
        visibility: hidden;
        z-index: 1;
        justify-content: center; 
		border: 15px solid var(--branco);
        border-radius: 55px;     
        transition: .3s;         
	}
	header bee-grid > a:last-child, header span, section.banner figure, section.contato ul {
		display: none;
	}
	header nav {
		display: flex;
		position: relative;
	}
	header.abrir ul {
		opacity: 1;
		visibility: visible;
	}
	header.abrir nav {
		z-index: 2;
		position: fixed;
		right: 60px;
	}
	section.banner bee-grid, section.sobre bee-grid, section.servicos div, section.chamada bee-grid, section.blog bee-grid:nth-child(2), section.contato bee-grid,
	section.categoria bee-grid {
		grid-template-columns: 1fr;
	}
	section.banner, section.sobre {
		text-align: center;
	}
	section.banner cite, section.sobre cite, section.banner ul, section.sobre ul, section.blog article em, footer strong, footer bee-grid div:nth-child(2) div,
	section.trabalhe cite, section.servicos.conteudo cite {
		justify-content: center;
	}
	section.servicos div, section.contato form h2, section.trabalhe p {
		text-align: center;
	}
	section.servicos article cite {
		justify-self: center;
	}
	section.portfolio .controle {
		right: 60px;
	}
	section.chamada bee-grid {
		gap: 30px;
	}
	section.chamada h2, section.blog article h3, footer {
		text-align: center;
	}
	section.chamada a, section.contato form button, footer bee-grid div:nth-child(1) a, section.trabalhe a {
		margin: 0 auto;
	}
	footer bee-grid {
		grid-template-columns: 1fr;
	}
	footer bee-grid div:nth-child(3) ul {
		align-items: center;
	}
	header ul li ol {
	    position: unset;
	    background: no-repeat;
	    border: 0;		
	    display: none;
	}
	header ul li a {
		justify-content: center;
	}
	header ul li ol li a {
		border: unset;
	}
}


@media (max-width: 480px) {
	.creditos bee-grid p {
	    flex-direction: column;
	    margin-top: 20px;		
	}	
	section.servicos.conteudo blockquote img {
		float: unset;
		margin-right: unset;
	}
	section.servicos.conteudo h3 {
		text-align: center;
	}
	footer {
		margin-top: 50px;
	}
	section {
		padding: 50px 0;
	}
	section.banner.sub-banner {
		padding-bottom: 50px;
	}
	header {
		top: 30px;
	}
	header ul li {
		padding: 8px 0;
	}
	section.banner {
		padding-top: 150px;
	}
	section.banner h1 {
	    font-size: 32px;
	    line-height: 42px;
	}
	section.banner h1 br {
	    display: none;
	}
	section.banner ul {
		flex-direction: column;
	}
	section.banner cite {
		flex-direction: column;
	}
	section.sobre ul {
		flex-direction: column;
	}
	h2, section.chamada h2 {
		font-size: 28px;
		line-height: 38px;
	}
	section.portfolio .controle {
		position: unset;
		margin: 0 auto 40px;
	}
	section.portfolio h2 {
		margin-bottom: 30px;
		text-align: center;
	}
	section.portfolio cite {
		justify-content: center;
	}
	section.chamada a {
		text-align: center;
	}
	section.contato form div {
		flex-direction: column;
	}
	.creditos {
		text-align: center;
	}
	.creditos bee-grid {
		flex-direction: column;
	}
	bee-grid {
		padding: 0 30px;
	}
	section.contato bee-grid, body {
		padding: 0;
	}
	section.banner {
	    border-radius: 0 0 40px 40px;		
	}
	section.portfolio .rotativo {
		width: unset;
	}
	section.portfolio article {
		padding: 0;
		gap: 0;
		grid-template-columns: 1fr;
		text-align: center;
	}
	section.portfolio article picture {
		height: 400px;
		width: 100%;
	}
	section.portfolio article b, section.portfolio article em img {
		display: none;
	}
	section.portfolio article em {
		justify-content: center;
	}
	footer bee-grid div:nth-child(2) div {
		gap: 20px;
		flex-direction: column;
	}
	header nav {
		right: 0;
	}
	header ul {
		border: 0;
		border-radius: 0;
		gap: 10px;
	}
	header ul li:last-child {
		display: unset;
	}
	section.clientes.conteudo bee-grid:nth-child(2) {
        grid-template-columns: repeat(2, 1fr);
        gap: 30px;
	}	
	section.clientes.conteudo bee-grid:nth-child(2) img {
		margin: 0 auto;
	}
	header.abrir nav {
		right: 30px;
	}
	a.whatsapp {
		right: 15px;
		bottom: 15px;
	}
	footer bee-grid div ul li img {
		display: none;
	}
	section.sobre.conteudo picture {
		grid-template-columns: 1fr 1fr;
	}
	section.trabalhe figure, section.sobre.conteudo figure, section.servicos.conteudo figure {
		float: unset;
		margin-right: 0;
		width: 100%;
		margin-bottom: 30px;
	}
	section.trabalhe h2, section.servicos.conteudo h2 {
		text-align: center;
	}
	section.servicos.conteudo p {
		text-align: center;
	}
	section.blog.conteudo.single figure picture, section.blog.conteudo.single figure {
		height: 300px;
	}
	section.categoria article h3 {
		text-align: center;
	}
}


@media (max-width: 360px) {



}