@media screen and (max-width:1439px) {

	.titulo.size1 {font-size: 40px;}

	.bellobagno .info {right: 60px;}

	.box-topo-interno .box {box-sizing: border-box; padding-left: 20px;}
	.box-topo-interno::before {width: calc(50% - 15px);}

	#header::after {width: 20%;}
	#header .logo {width: 260px;}
	#header .menu {max-width: 500px;}

	#footer .itens {padding-left: 120px;}

	#home .vantagem {padding: 50px 30px 0;}
	#home .vantagem .titulo {margin-bottom: 20px;}
	#home .vantagem .icone {height: 80px; width: 80px; bottom: calc(100% - 40px);}
	#home .vantagem:hover .icone {bottom: calc(100% - 20px);}
	#home .vantagem .icone img {height: 60px;}

	#produto .sobre .box {padding-left: 20px; box-sizing: border-box;}
	#produto .sobre::before {width: calc(50% - 15px);}
	#produto .valor {padding: 35px 40px 0 30px;}
	#produto .valor .titulo {margin-bottom: 15px;}
	
	#orcamento form .box-botao {flex-direction: column;}
	#orcamento form .box-botao .termos {margin: 0 0 15px 0;}

}

@media screen and (max-width:1260px) {

	.titulo.size1 {font-size: 38px;}
	.titulo.size2 {font-size: 34px;}

	.botao {height: 38px; padding: 0 24px;}
	.botao.grande {height: 42px; padding: 0 28px;}
	.botao.mini {height: 34px; padding: 0 18px;}
	.botao .numero {right: 2px; top: -14px; height: 22px; width: 22px; font-size: 12px;}

	.box-topo-interno .box {padding-left: 0;}
	.box-topo-interno::before {width: 50%; left: 0;}
	.box-topo-interno .textos {margin-left: 25px;}

	.info-produtos {padding: 60px 0 60px 25px;}
	.produtos .produto {height: 420px;}
	.produtos .produto .info {left: 30px; bottom: 30px;}

	.bellobagno {height: 480px;}
	.bellobagno .info {right: 0; max-width: 420px; bottom: 50px;}

	#header .logo {width: 220px;}
	#header .menu {max-width: 440px;}
	#header .menu-produtos {padding: 0 0 0 30px;}
	#header .menu-produtos.active {padding: 30px 0 15px 30px;}

	#home .vantagens .owl-stage {height: 340px;}
	#home .vantagem {padding: 40px 15px 0;} 
	#home .vantagem:hover {padding-top: 50px;}
	#home .vantagem .titulo {width: 100%;}
	#home .vantagem .icone {height: 70px; width: 70px; bottom: calc(100% - 35px);}
	#home .vantagem .icone img {height: 55px; width: 55px;}

	#produtos .produtos {padding-top: 40px;}

	#produto .sobre::before {width: 50%; left: 0; height: 460px;}
	#produto .sobre .box {padding-left: 0;}
	#produto .sobre .info {height: 460px; padding-top: 0;}
	#produto .sobre .botao:first-child {margin-right: 10px;}
	#produto .sobre .box-galeria {height: 460px;}
	#produto .sobre .textos {padding: 0 15px 0 10px;}
	#produto .valor {padding: 25px 0 30px 25px;}
	#produto .video {height: 500px;}
	#produto .video svg {height: 80px;}
	#produto .box-video .botoes {padding: 25px 0;}

	#contato .unidade .cidade {left: 25px; top: -35px; font-size: 60px;}
	#contato .unidade .info {padding: 40px 0 45px 25px;}
	#contato .unidade .titulo {margin-bottom: 15px;}

	#orcamento .carrinho {padding: 40px 0 60px;}
	#orcamento .carrinho .lista {width: calc(70% - 15px);}
	#orcamento .carrinho .produto {padding: 15px 20px;}

}

@media screen and (max-width:1030px) {

	form input[type="text"], 
	form input[type="email"], 
	form input[type="phone"], 
	form input[type="password"], 
	form input[type="search"], 
	form textarea, 
	form select {padding-left: 20px;}
	form .box .label {left: 20px;}

	.owl-dots {margin-top: 40px;}

	.titulo.size1 {font-size: 36px;}
	.titulo.size2 {font-size: 32px;}

	.produtos .produto {height: 340px;}
	.produtos .produto .info {left: 20px; bottom: 20px;}

	.box-topo-interno::before {width: calc(50% + 10px);}
	.box-topo-interno .info {padding: 80px 0 60px;}
	.box-topo-interno .botoes {flex-direction: column; margin: 25px 0 35px;}
	.box-topo-interno .botao:first-child {margin: 0 0 10px 0;}

	#header .menu-produtos li {margin-bottom: 20px;}
	#header .menu-produtos .link-produto .linha {margin-top: 10px;}

	#footer .itens {padding-left: 80px;}

	#produtos .produto {width: calc(50% - 5px); margin: 5px 0;}
	#produtos .produto:nth-child(odd) {margin-right: 10px;}
	#produtos .box-end {height: 80px;}
	
	#produto .sobre::before {width: calc(50% + 10px);}
	#produto .sobre .categoria {margin-bottom: 35px;}
	#produto .sobre .botoes {flex-direction: column;}
	#produto .sobre .botao:first-child {margin: 0 0 10px 0;}
	#produto .sobre .textos {padding-left: 0;}
	#produto .box-video {padding-top: 60px;}
	#produto .video {height: 450px;}
	#produto .video svg {height: 70px;}
	#produto .produtos {padding-bottom: 60px;}
	#produto .produtos::after {height: 140px;}

	#orcamento .box-end {height: 80px;}

}

@media screen and (max-width:960px) {

	html {position:relative;width:100%;min-width:315px;}
	body {position:relative;width:100%;}

	* {-webkit-overflow-scrolling:touch;}

	.wrapper {width:calc(100% - 20px)!important;}

	.ico-menu {display: flex;}

	form .small4 {width: calc(50% - 6px);}
	form .small2 {width: calc(50% - 6px);}

	.titulo.size1 {font-size: 34px;}
	.titulo.size2 {font-size: 30px;}

	.social li {margin-left: 5px;}
	.social a {height: 28px; width: 28px;}
	.social a svg {height: 14px; width: 14px;}
	.social a.ytb svg {height: 10px;}
	.social a.pin svg {height: 15px;}

	.info-produtos {padding: 60px 0 35px;}
	.produtos .bg {top: 40px;}
	.produtos .bg img {width: 120px; height: fit-content;}

	.bellobagno {height: 420px;}

	.box-topo-interno .textos {margin-left: 0;}
	.box-topo-interno .informacoes {width: 50%;}
	.box-topo-interno .informacoes .item svg {height: 20px; width: 20px; margin-right: 10px;}
	.box-topo-interno .informacoes .linha {margin-bottom: 20px;}

	.cookie-bar .conteudo {flex-direction: column; align-items: center;}
	.cookie-bar .box {width: 100%; margin: 0;}
	.cookie-bar .buttons {width: 100%; margin: 25px 0 0;}

	#header {height: auto;}
	#header::after {width: 30%;}
	#header .conteudo {padding: 30px 0;}
	#header .menu {display: none;}
	#header .social {padding-right: 40px;}

	#footer .conteudo {padding: 60px 0 40px;}

	#home .banner .img-banner {display: none;}
	#home .banner .img-banner-mobile {display: block;}
	#home .banner .info {width: 100%; left: 50%; transform: translateX(-50%); text-align: center; align-items: center;}
	#home .banner .botao {margin-top: 25px;}
	#home .banners .owl-dots {justify-content: center;}
	#home .banners .owl-dot:first-child {margin: 0 4px;}
	#home .promocao img {display:none;}
	#home .promocao .mobile {display:block;}
	#home .promocoes .bg  img {width: 140px; height: fit-content;}
	#home .vantagens .owl-stage {height: 260px;}
	#home .vantagem {height: 220px; margin-bottom: 0;}
	#home .vantagem:hover {height: 220px; background: #fff; padding-top: 40px;}
	#home .vantagem:hover .icone {bottom: calc(100% - 35px);}

	#produto .sobre::before {height: 380px;}
	#produto .sobre .info {height: 380px;}
	#produto .sobre .box-galeria {height: 380px;}
	#produto .sobre .galeria .owl-dots {left: 20px; bottom: 20px;}
	#produto .sobre .box-textos .titulo {margin-bottom: 20px;}
	#produto .valor {height: 150px;}
	#produto .box-video {padding-top: 50px;}
	#produto .video {height: 420px;}

	#contato .form {padding-top: 50px;}
	#contato .unidades {padding: 60px 0 45px;}

	#orcamento .carrinho {flex-direction: column;}
	#orcamento .carrinho .lista {width: 100%;}
	#orcamento .carrinho .botoes {margin-top: 5px;}
	#orcamento .form {width: 100%; padding-top: 50px;}
	#orcamento form .box-botao {flex-direction: row;}
	#orcamento form .box-botao .termos {margin: 0 15px 0 0;}

}

@media screen and (max-width:820px) {

	.titulo.size1 {font-size: 36px;}

	.botao {height: 36px; padding: 0 20px;}
	.botao.grande {height: 40px; padding: 0 22px;}
	.botao.mini {height: 32px; padding: 0 16px;}
	.botao .numero {right: 2px; top: -14px; height: 22px; width: 22px; font-size: 12px;}

	.box-topo-interno.pequeno .box {height: 200px;}

	.toolbar {display: none;}

	.bellobagno {height: auto; display: flex; flex-direction: column-reverse; background: #e0e0e0; padding-top: 100px;}
	.bellobagno img {position: relative; height: 250px;}
	.bellobagno .wrapper {height: auto;}
	.bellobagno .info {right: auto; max-width: none; position: relative; bottom: auto; padding-bottom: 20px;}

	#footer .selo {top: -22px;}
	#footer .selo svg {height: 45px;}
	#footer .logo {font-size: 15px;}
	#footer .itens {padding-left: 15px;}

	#produtos .produtos .produto {height: 280px;}

	#produto .sobre::before {width: 100%;}
	#produto .sobre .bg {top: 20%;}
	#produto .sobre .bg img {width: 200px;}
	#produto .sobre .box {flex-direction: column;}
	#produto .sobre .info {height: 320px; width: 100%;}
	#produto .sobre .galeria {margin-top: 20px; width: 100%;}
	#produto .sobre .box-textos {padding-top: 40px; flex-direction: column;}
	#produto .sobre .textos {width: 100%; padding: 0;}
	#produto .sobre .tabela {width: 100%; padding: 35px 0 0 0;}
	#produto .valores {padding-top: 40px;}
	#produto .video {height: 320px;}
	#produto .box-video .bg img {height: 100px; width: fit-content;}

}

@media screen and (max-width:620px) {

	.titulo.size1 {font-size: 34px;}
	.titulo.size2 {font-size: 28px;}
	.titulo.size3 {font-size: 24px;}

	.botao {height: 34px; padding: 0 18px;}
	.botao.grande {height: 36px; padding: 0 20px;}
	.botao.mini {height: 30px; padding: 0 12px;}
	.botao .numero {top: -12px; height: 18px; width: 18px; font-size: 11px;}

	form .small4 {width: 100%;}
	form .small2 {width: 100%;}
	form .box-botao {flex-direction: column; align-items: center;}
	form .box-botao .termos {margin: 0 0 15px 0;}

	.info-produtos {padding: 50px 0 35px; flex-direction: column;}
	.info-produtos .botao {margin-top: 15px;}
	.produtos .bg {top: 160px;}
	.produtos .produto {height: 280px;}
	.produtos .produto .info {left: 10px;}

	.bellobagno img {height: 160px;}
	.bellobagno .logo {font-size: 15px; margin-bottom: 25px;}
	
	.toolbar .texto {flex: 1;}

	.box-topo-interno::before {width: 100%;}
	.box-topo-interno .box {flex-direction: column; align-items: flex-start; height: auto; padding: 35px 0;}
	.box-topo-interno.pequeno .box {align-items: flex-start; height: auto;}
	.box-topo-interno .info {padding: 0;}
	.box-topo-interno .botoes {width: 100%; margin: 15px 0 25px;}
	.box-topo-interno.pequeno .botoes {width: 100%; margin-top: 25px;}
	.box-topo-interno .informacoes {width: 100%; margin-top: 35px; padding: 0;}

	#header::after {width: 20%;}
	#header .social {display: none;}

	#footer .conteudo {flex-direction: column;}
	#footer .box {flex-direction: column; align-items: center;}
	#footer .logo {margin-bottom: 25px;}
	#footer .itens {padding: 0; text-align: center; align-items: center;}	
	#footer .social {justify-content: center; margin-top: 30px;}
	#footer .menu li:first-child {margin-right: 15px;}

	#home .promocoes .bg {top: -70px;}
	#home .promocoes .bg img {width: 100px;}
	#home .promocoes .owl-dots {bottom: 10px;}

	#produtos .produtos {flex-direction: column;}
	#produtos .produto {margin: 15px 0 0 0; width: 100%;}
	#produtos .produto:nth-child(odd) {margin: 15px 0 0 0;}
	#produtos .produto:first-child {margin-top: 0;}

	#produto .sobre .info {height: auto; padding: 35px 0;}
	#produto .sobre .categoria {margin-bottom: 25px;}
	#produto .sobre .galeria {margin-top: 0;}
	#produto .sobre .box-galeria {height: 280px;}
	#produto .sobre table tr {height: 45px;}
	#produto .sobre table tr th {padding-left: 15px;}
	#produto .sobre table tr th:first-child {padding-right: 15px;}
	#produto .sobre table tr td {padding-left: 15px; font-size: 12px;}
	#produto .video {height: 260px;}
	#produto .video svg {height: 50px;}
	#produto .box-video .botoes {flex-direction: column; padding: 15px 0;}
	#produto .box-video .botao {margin: 0;}
	#produto .box-video .botao.verde {margin-bottom: 10px;}

	#contato .form {padding-top: 35px;}
	#contato .unidade .cidade {left: 15px; top: -30px; font-size: 50px;}
	#contato .unidade .info {padding: 30px 0 25px 15px;}
	#contato .unidade .titulo {margin-bottom: 5px;}
	#contato .unidade iframe {height: 160px;}
	#contato .bellobagno {padding-top: 35px;}

	#orcamento .carrinho .produto {padding: 10px;}
	#orcamento .carrinho .produto .box-img {width: 70px; height: 70px;}
	#orcamento .carrinho .produto .info {padding-left: 15px;}
	#orcamento .carrinho .produto .titulo {font-size: 16px;}
	#orcamento .carrinho .produto .texto {font-size: 13px;}
	#orcamento .carrinho .produto .quantidade {margin: 0 15px;}
	#orcamento .carrinho .produto .btn svg {width: 14px;}
	#orcamento .carrinho .produto .btn:first-child svg {height: 2px;}
	#orcamento .carrinho .botoes {margin: 0;}
	#orcamento form .box-botao {flex-direction: column; align-items: center;}
	#orcamento form .box-botao .termos {margin: 0 0 15px 0;}

}

@media screen and (max-width:375px) {

	.titulo.size1 {font-size: 30px;}
	.titulo.size2 {font-size: 26px;}
	.titulo.size3 {font-size: 22px;}
	.titulo.size4 {font-size: 18px;}

	.bellobagno .logo {font-size: 14px;}
	.bellobagno .logo svg {height: auto; width: 110px;}

	#footer .politicas {flex-direction: column; align-items: center;}
	#footer .menu {flex-direction: column; align-items: center; padding-bottom: 15px;}
	#footer .menu li:first-child {margin: 0 0 5px 0;}

	#orcamento .carrinho .produto {
        padding: 5px;
    } 
	#orcamento .carrinho .produto .box-img {
        width: 60px;
        height: 60px;
    }

}