#AreaGeralProduto {position: relative; background: #FFF; width: 100%; display: block; max-width: 900px; font-family: 'Open Sans', sans-serif; font-size: 16px; color: #444242;} #AreaGeralProduto br {display: block; clear: both;} .BackgroundGeral {width: 100%; height: 100%; min-height: 540px; display: block;} #AreaGeralProduto p {width: 340px; z-index: 999; display: block; clear: both; text-align: justify;} #AreaGeralProduto h3 {color: #f58229; font-size: 22px; width: 340px; margin: 0;} .ConteudoBloco {padding: 0 50px; box-sizing: border-box; top: 0; width: 100%; z-index: 9;} #AreaMultilaser {box-sizing: border-box; display: block; clear: both; width: 100%; float: left;} #AreaMultilaser img {width: 100%; display: block; clear: both; float: left;} #LogoDaMultilaser {max-width: 288px; margin: 0 0 20px; padding-left: 40px;} #ColorsMultilaser {height: 5px;} #BlocoUm {} #BlocoUm .ConteudoBloco {position: absolute;} #BlocoUm p {padding: 30px 0;} #ImagemLogo {float: left; display: block; clear: both; margin: 150px 0 0;} #ImagemPrimeiroBloco {position: absolute; top: 180px;} #BlocoDois {position: relative; clear: both; display: block; margin-top: 200px;} .Pright {} .Pright p {float: right;} .Pright h3 {float: right; text-align: center;} #BlocoDois .ConteudoBloco {position: absolute; top: 0;} #ImagensIconsBlocoDois {list-style: none; margin: 0; padding: 0; width: 363px; float: right; clear: both;} #ImagensIconsBlocoDois li {float: left; width: 33%; box-sizing: border-box; padding: 0 15px; color: #f58229; text-align: center; font-size: 13px; font-weight: bold;} #ImagensIconsBlocoDois li img {display: block; clear: both; width: 100%; margin-bottom: 10px;} #BlocoTres {position: relative; clear: both; display: block; margin-top: 80px;} #BlocoTres .ConteudoBloco {position: absolute; top: 0; padding: 30px 0 0;} #ImagensIconsBlocoTres {list-style: none; margin: 0; padding: 0; width: 242px; float: right; clear: both;} #ImagensIconsBlocoTres li {float: left; width: 50%; box-sizing: border-box; padding: 0 15px; color: #f58229; text-align: center; font-size: 13px; font-weight: bold;} #ImagensIconsBlocoTres li img {display: block; clear: both; width: 100%; margin-bottom: 10px;} #BlocoQuatro {position: relative;} #BlocoQuatro > img {float: right;} #BlocoQuatro iframe {width: 100%; max-width: 560px;} #BlocoQuatro .ConteudoBloco {position: absolute; top: 0; padding: 30px 50px;} #ImagensIconsBlocoQuatro {list-style: none; margin: 0; padding: 0; width: 363px; clear: both;} #ImagensIconsBlocoQuatro li {float: left; width: 33%; box-sizing: border-box; padding: 0 15px; color: #f58229; text-align: center; font-size: 13px; font-weight: bold;} #ImagensIconsBlocoQuatro li img {display: block; clear: both; width: 100%; margin-bottom: 10px;} @media screen and (max-width: 800px) { #ImagemPrimeiroBloco {display: none;} #BlocoUm p {width: 100%;} #ImagemLogo {float: none;} #BlocoTres > img {width: 100%;} } @media screen and (max-width: 770px) { #BlocoDois > img {display: none;} #BlocoDois .ConteudoBloco {position: initial;} #BlocoDois {margin-top: 0; padding: 50px 0 0;} #BlocoDois h3 {width: 100%;} #BlocoDois p {width: 100%;} #ImagensIconsBlocoDois {margin: 0 auto; float: none;} } @media screen and (max-width: 680px) { #BlocoTres > img {} #BlocoTres .ConteudoBloco {position: initial; padding: 0 50px;} #BlocoTres {margin-top: 0; padding: 30px 0 0;} #BlocoTres h3 {width: 100%;} #BlocoTres p {width: 100%;} #ImagensIconsBlocoTres {margin: 0 auto; float: none;} #BlocoQuatro {padding: 20px 0; display: block; clear: both;} #BlocoQuatro > img {display: none;} #BlocoQuatro .ConteudoBloco {position: initial; padding: 0 50px;} #BlocoQuatro {margin-top: 0; padding: 30px 0 0;} #BlocoQuatro h3 {width: 100%;} #BlocoQuatro p {width: 100%;} #ImagensIconsBlocoQuatro {margin: 0 auto; float: none;} } @media screen and (max-width: 590px) { #LogoMultilaser img {position: inherit;} } @media screen and (max-width: 440px) { #ImagensIconsBlocoDois {width: 100%;} #ImagensIconsBlocoQuatro {width: 100%;} } @media screen and (max-width: 370px) { .BackgroundGeral {min-height: 630px;} }