/* ================== CSS MEDIA - CONFIGURACAO ================== */ @media screen and (max-width: 1280px) { #page-home #sce span.box.q1 { left: 0px !important; } #page-home #sce span.box.q2 { left: 475px !important; } #page-home #sce span.box.q3 { left: 820px !important; } #page-home #print .sinal { right: 415px !important; } #page-home #rodape ul.lista li.logos { padding: 0 76px !important; } } @media screen and (max-width: 375px) { #page-home #t100 { background-position: -200px 0 !important; height: 100% !important; max-height: 100%; } #page-home #t100 .img-t100 { max-width: 280px; margin-top: 500px !important; } #page-home #t100 .canon-rebel { left: 15px !important; top: 245px !important; } #page-home #t100 .cam { position: relative !important; left: 50% !important; top: 30px !important; max-width: 320px; text-align: center; transform: translateX(-50%); } #page-home #t100 .iso { right: 15px !important; top: 15px !important; display: none; } #page-home #t100 .selos { width: auto !important; margin-top: 60px !important; margin-bottom: 30px !important; } #page-home #t100 .selos .row > [class*='col']:nth-child(3) { display: block !important; } #page-home #eos {} #page-home #eos p.label { float: none !important; width: 100% !important; font-size: 23px !important; padding: 0 15px; padding-top: 60px !important; } #page-home #eos .canon-rebel { position: relative !important; margin-top: 60px !important; right: auto !important; left: 50%; transform: translateX(-50%); } #page-home #eos .boxcam { position: relative !important; margin-top: 60px !important; left: 50% !important; transform: translateX(-50%); } #page-home #lentes {} #page-home #lentes p.label { font-size: 20px !important; float: none !important; text-align: left !important; width: auto !important; margin-right: auto !important; padding: 0 15px; } #page-home #lentes .img-t100 { position: relative !important; margin-top: 30px !important; right: auto !important; left: 30px; } #page-home #lentes .vermelho { position: relative !important; margin-top: 45px !important; width: 350px !important; background-size: contain; } #page-home #lentes .camera { position: relative !important; margin-top: 90px !important; left: 0 !important; margin-left: 15px; } #page-home #lentes .camera img { } #page-home #lentes .camera img.corpo { width: 180px; } #page-home #lentes .camera img.lente { margin-top: 66px !important; width: 140px; } #page-home #lcd {} #page-home #lcd p.label { margin-right: auto !important; width: 100% !important; font-size: 23px !important; float: none !important; text-align: left !important; padding: 0 15px; padding-top: 15px !important; } #page-home #lcd img.cam { position: relative !important; } #page-home #lcd span.borda { position: relative !important; margin-top: -141px !important; left: 62px !important; width: 143px !important; height: 108px !important; border: 4px solid #16AF0B !important; } #page-home #flash {} #page-home #flash p.label { position: relative !important; left: 0 !important; width: 100% !important; margin-top: 0 !important; padding: 0 15px; padding-top: 30px; } #page-home #flash img.mpx { position: relative !important; margin-top: 30px !important; left: 15px !important; } #page-home #flash img.cam { position: relative !important; right: auto !important; margin-top: 45px !important; padding: 0 15px; } #page-home #flash .flashin { background-size: contain !important; background-position: -60px 450px !important; } #page-home #iso {} #page-home #iso p.label { position: relative !important; margin-top: 0 !important; width: 100% !important; font-size: 20px !important; right: auto !important; padding: 0 15px; padding-top: 30px; } #page-home #iso img.iso { margin-left: 15px !important; } #page-home #iso .camera { margin-left: 0 !important; margin-top: 30px !important; width: auto !important; height: 280px !important; background-size: contain !important; background-position: 0 0 !important; } #page-home #iso .camera .display { margin-top: 130px !important; margin-left: 47px !important; width: 144px; } #page-home #sce { background-size: auto !important; background-position: -560px 0 !important; height: 100% !important; max-height: 100%; } #page-home #sce p.label { position: relative !important; font-size: 23px !important; margin-top: 0 !important; right: auto !important; width: auto !important; padding: 0 15px; padding-top: 30px; } #page-home #sce img.amais { margin-top: 45px !important; } #page-home #sce img.camera { position: relative !important; margin-top: 35px !important; left: 0 !important; } #page-home #sce span.box.q1 { margin-top: 235px !important; left: -50px !important; } #page-home #sce span.box.q2 { margin-top: 140px !important; left: 280px !important; } #page-home #sce span.box.q2 { border-left: 6px solid #16AF0B !important; border-top: 6px solid #16AF0B !important; border-bottom: 6px solid #16AF0B !important; border-right: none !important; width: 94px !important; } #page-home #sce span.box.q3 { display: none; } #page-home #conect {} #page-home #conect p.label { position: relative !important; font-size: 23px !important; margin-top: 0 !important; width: auto !important; right: auto !important; padding: 0 15px; padding-top: 30px; } #page-home #conect img.wifi { margin-top: 30px !important; margin-left: 15px !important; width: 150px; } #page-home #conect .dispositivos { margin-top: 0 !important; } #page-home #conect .dispositivos img { padding: 0 !important; } #page-home #conect .dispositivos img.camera { margin-top: 220px; } #page-home #conect .dispositivos img.sinal { position: absolute; margin-top: -398px; left: 125px; width: 25%; } #page-home #conect .dispositivos img.cel { position: absolute; margin-top: -620px; left: 210px; width: 35%; } #page-home #wifi {} #page-home #wifi p.label { position: relative !important; margin-top: 0 !important; right: auto !important; width: auto !important; font-size: 23px !important; padding: 0 15px; padding-top: 30px; } #page-home #wifi .wifi { position: relative !important; margin-top: 30px !important; left: 15px !important; width: 30%; } #page-home #wifi .sinal { margin-top: 345px !important; left: auto !important; right: 100px; width: 25%; } #page-home #wifi .cam1 { position: relative !important; margin-top: 320px !important; left: 0 !important; width: 75%; } #page-home #wifi .cam2 { position: relative !important; margin-top: -860px !important; left: 80px; right: auto !important; width: 75%; } #page-home #print {} #page-home #print p.label { margin-top: 180px !important; right: auto !important; width: auto !important; font-size: 23px !important; padding: 0 15px; } #page-home #print .logo { position: relative !important; margin-top: 15px !important; left: 15px !important; width: 50%; } #page-home #print .cam { position: relative !important; margin-top: 415px !important; left: 0 !important; padding: 0 15px; } #page-home #print .sinal { position: relative !important; margin-top: -615px !important; left: 225px; right: auto !important; width: 20%; } #page-home #print .box { position: relative !important; margin-top: -570px !important; right: auto !important; left: 30px; width: 90%; } #page-home #print .box .imp { } #page-home #print .box .folha { /*top: 110px !important; left: -20px !important;*/ width: 80%; } #page-home #app {} #page-home #app p.label { position: relative !important; font-size: 23px !important; margin-top: 0 !important; right: auto !important; width: auto !important; } #page-home #app .cel { position: relative !important; margin-top: 327px !important; left: 15px !important; width: 35%; } #page-home #app .cam { position: relative !important; margin-top: -245px !important; right: auto !important; width: 63%; } #page-home #app .mao { position: relative !important; left: 75px !important; /*margin-top: -61px !important;*/ width: 28%; } #page-home #rodape {} #page-home #rodape ul.lista { padding-top: 30px !important; } #page-home #rodape ul.lista li.logos { padding-bottom: 60px !important; } #page-home #rodape ul.lista li.logos:last-child { padding-bottom: 30px !important; } } @media screen and (max-width: 360px) { #page-home #t100 { background-position: -200px 0 !important; height: 100% !important; max-height: 100%; } #page-home #t100 .img-t100 { max-width: 280px; margin-top: 500px !important; } #page-home #t100 .canon-rebel { left: 15px !important; top: 245px !important; } #page-home #t100 .cam { position: relative !important; left: 50% !important; top: 30px !important; max-width: 320px; text-align: center; transform: translateX(-50%); } #page-home #t100 .iso { right: 15px !important; top: 15px !important; display: none; } #page-home #t100 .selos { width: auto !important; margin-top: 60px !important; margin-bottom: 30px !important; } #page-home #t100 .selos .row > [class*='col']:nth-child(3) { display: block !important; } #page-home #eos {} #page-home #eos p.label { float: none !important; width: 100% !important; font-size: 23px !important; padding: 0 15px; padding-top: 60px !important; } #page-home #eos .canon-rebel { position: relative !important; margin-top: 60px !important; right: auto !important; left: 50%; transform: translateX(-50%); } #page-home #eos .boxcam { position: relative !important; margin-top: 60px !important; left: 50% !important; transform: translateX(-50%); } #page-home #lentes {} #page-home #lentes p.label { font-size: 20px !important; float: none !important; text-align: left !important; width: auto !important; margin-right: auto !important; padding: 0 15px; } #page-home #lentes .img-t100 { position: relative !important; margin-top: 30px !important; right: auto !important; left: 30px; } #page-home #lentes .vermelho { position: relative !important; margin-top: 45px !important; width: 350px !important; background-size: contain; } #page-home #lentes .camera { position: relative !important; margin-top: 90px !important; left: 0 !important; margin-left: 15px; } #page-home #lentes .camera img { } #page-home #lentes .camera img.corpo { width: 180px; } #page-home #lentes .camera img.lente { margin-top: 66px !important; width: 140px; } #page-home #lcd {} #page-home #lcd p.label { margin-right: auto !important; width: 100% !important; font-size: 23px !important; float: none !important; text-align: left !important; padding: 0 15px; padding-top: 15px !important; } #page-home #lcd img.cam { position: relative !important; } #page-home #lcd span.borda { position: relative !important; margin-top: -139px !important; left: 54px !important; width: 143px !important; height: 108px !important; border: 4px solid #16AF0B !important; } #page-home #flash {} #page-home #flash p.label { position: relative !important; left: 0 !important; width: 100% !important; margin-top: 0 !important; padding: 0 15px; padding-top: 30px; } #page-home #flash img.mpx { position: relative !important; margin-top: 30px !important; left: 15px !important; } #page-home #flash img.cam { position: relative !important; right: auto !important; margin-top: 45px !important; padding: 0 15px; } #page-home #flash .flashin { background-size: contain !important; background-position: -60px 450px !important; } #page-home #iso {} #page-home #iso p.label { position: relative !important; margin-top: 0 !important; width: 100% !important; font-size: 20px !important; right: auto !important; padding: 0 15px; padding-top: 30px; } #page-home #iso img.iso { margin-left: 15px !important; } #page-home #iso .camera { margin-left: 0 !important; margin-top: 30px !important; width: auto !important; height: 280px !important; background-size: contain !important; background-position: 0 0 !important; } #page-home #iso .camera .display { margin-top: 130px !important; margin-left: 47px !important; width: 144px; } #page-home #sce { background-size: auto !important; background-position: -560px 0 !important; height: 100% !important; max-height: 100%; } #page-home #sce p.label { position: relative !important; font-size: 23px !important; margin-top: 0 !important; right: auto !important; width: auto !important; padding: 0 15px; padding-top: 30px; } #page-home #sce img.amais { margin-top: 45px !important; } #page-home #sce img.camera { position: relative !important; margin-top: 35px !important; left: 0 !important; } #page-home #sce span.box.q1 { margin-top: 235px !important; left: -50px !important; } #page-home #sce span.box.q2 { margin-top: 140px !important; left: 280px !important; } #page-home #sce span.box.q2 { border-left: 6px solid #16AF0B !important; border-top: 6px solid #16AF0B !important; border-bottom: 6px solid #16AF0B !important; border-right: none !important; width: 79px !important; } #page-home #sce span.box.q3 { display: none; } #page-home #conect {} #page-home #conect p.label { position: relative !important; font-size: 23px !important; margin-top: 0 !important; width: auto !important; right: auto !important; padding: 0 15px; padding-top: 30px; } #page-home #conect img.wifi { margin-top: 30px !important; margin-left: 15px !important; width: 150px; } #page-home #conect .dispositivos { margin-top: 0 !important; } #page-home #conect .dispositivos img { padding: 0 !important; } #page-home #conect .dispositivos img.camera { margin-top: 220px; } #page-home #conect .dispositivos img.sinal { position: absolute; margin-top: -390px; left: 125px; width: 25%; } #page-home #conect .dispositivos img.cel { position: absolute; margin-top: -620px; left: 210px; width: 35%; } #page-home #wifi {} #page-home #wifi p.label { position: relative !important; margin-top: 0 !important; right: auto !important; width: auto !important; font-size: 23px !important; padding: 0 15px; padding-top: 30px; } #page-home #wifi .wifi { position: relative !important; margin-top: 30px !important; left: 15px !important; width: 30%; } #page-home #wifi .sinal { margin-top: 330px !important; left: auto !important; right: 100px; width: 25%; } #page-home #wifi .cam1 { position: relative !important; margin-top: 320px !important; left: 0 !important; width: 75%; } #page-home #wifi .cam2 { position: relative !important; margin-top: -860px !important; left: 80px; right: auto !important; width: 75%; } #page-home #print {} #page-home #print p.label { margin-top: 180px !important; right: auto !important; width: auto !important; font-size: 23px !important; padding: 0 15px; } #page-home #print .logo { position: relative !important; margin-top: 15px !important; left: 15px !important; width: 50%; } #page-home #print .cam { position: relative !important; margin-top: 415px !important; left: 0 !important; padding: 0 15px; } #page-home #print .sinal { position: relative !important; margin-top: -615px !important; left: 200px; right: auto !important; width: 20%; } #page-home #print .box { position: relative !important; margin-top: -570px !important; right: auto !important; left: 30px; width: 90%; } #page-home #print .box .imp { } #page-home #print .box .folha { /*top: 110px !important; left: -20px !important;*/ width: 80%; } #page-home #app {} #page-home #app p.label { position: relative !important; font-size: 23px !important; margin-top: 0 !important; right: auto !important; width: auto !important; } #page-home #app .cel { position: relative !important; margin-top: 327px !important; left: 15px !important; width: 35%; } #page-home #app .cam { position: relative !important; margin-top: -245px !important; right: auto !important; width: 63%; } #page-home #app .mao { position: relative !important; left: 75px !important; /*margin-top: -61px !important;*/ width: 28%; } #page-home #rodape {} #page-home #rodape ul.lista { padding-top: 30px !important; } #page-home #rodape ul.lista li.logos { padding-bottom: 60px !important; } #page-home #rodape ul.lista li.logos:last-child { padding-bottom: 30px !important; } }