@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url("https://use.typekit.net/hho4icq.css");


body{
	overflow-x: hidden;
	font-size: 1em;
	font-family: 'Roboto', sans-serif;
}



h1, h1 { font-size: 1.2rem; color: #4a4a49; font-weight: 300; }
h2, h2 { color: #4a4a49; font-weight: 400; }
h3, h3 { font-size: 2rem; font-weight: 300; }
h4, h4 { color: #757575; font-weight: 300; font-size: 1.8rem; }

.float-l { float: left; }
.float-r { float: right; }

.absolute{
	position: absolute;
}

/* You can remove this page div in your website */
#page{
	width:100%;
	height:100%;
	position: relative;
  }
  
  /* Our normalize css */
  *{
	margin:0;
	box-sizing: border-box;
  }
  
  /* Our wrapper */
  .wrapper{
	width: 100%;
    max-width: 782px;
    height: 515px;
    position: relative;
    left: 50%;
    top: 47%;
    transform: translate3d(-50%,-50%,0);
    overflow: hidden;
  }
  
  /* Our image information */
  .before,
  .after {
	width:100%;
	height:100%;
	background-repeat:no-repeat;
	background-size: cover;
	background-position: center;
	position: absolute;
	top:0;
	left:0;
	pointer-events:none;
	overflow: hidden;
  }
  
  .content-image{
	height:100%;
  }
  
  .after{
	width: 24.35rem;
  }

  .m-play { max-width: 150px !important;}
  .logos-entretenimento {     max-width: 190px;
    padding: 1.4rem; }

  .text-silver {  color: #494949;
    font-weight: 300;
    font-size: 1.2rem;
    line-height: 1.3;
    padding-top: 2px; }


  .after-label {   -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    z-index: 0;
    -webkit-user-select: none;
    -moz-user-select: none; }


  .text4 { text-align: center; max-width: 340px; }
  .text-titulo { text-align: left; padding-left: 3.7% }
  .float-l { float: left; }
  .float-r { float: right; }
  .pl-chr { padding-left: 8px !important; }
  .s { padding-left: 0px; margin-top: 13px; }
  
  .scroller {
	width: 80px;
    height: 80px;
    position: absolute;
    left: 368px;
    top: 44.9%;
    transform: translateY(-50%);
    border-radius: 50%;
    background-color: transparent;
    opacity: 0.9;
    pointer-events: auto;
    cursor: grab;
}
  
  .scroller:hover{
	opacity:1;
  }
  
  .scrolling{
	pointer-events: all;
	opacity:1;
	z-index: 1;
  }
  
  .scroller__thumb{
	width:100%;
	height:100%;
	padding:5px;
	margin-left: -17px;
  }
  
  .scroller:before,
  .scroller:after{
	content: " ";
    display: block;
    width: 3px;
    height: 230px;
    position: absolute;
    left: 27%;
    margin-left: 0.5px;
    z-index: 30;
    transition: 0.1s;
  }

  .scroller:before{
	top: 22%;
  }
  .scroller:after{
	bottom: 49%;
  }
  
  /* If you want to cahnge the colors, make sure you change the fill in the svgs to match */
  .scroller{
	border: 0px solid #fff;
  }
  .scroller:before,
  .scroller:after{
	background: #fff;
  }

.pos-intro { position: absolute;
    top: 5%;
    left: 0;
    right: 0;
    margin: auto;
	width: 100%;
 }

 .col-intro { text-align: right; max-width: 61%; }

#infos-android {     height: 350px;
    margin-top: -315px; }

/* .max-tela {max-width: 840px;} */


#cores {   padding-top: 60px; }


#informacoes .max-tela { padding-left: 0%; }


/*-------------------------------------------------------------------------------*/

#page-tv {
	max-width: 1220px;
	margin: 0px auto;
	position: relative;
	overflow: hidden;
}

.max-logo { max-width: 210px; }
.max-logo2 {max-width: 280px; }
.mt-n {     margin-top: -5px; }

.commonninja-ribbon {     display: none!important; }

.relative {
	position: relative;
}

.img-bg {
	width: 100%;
	height: auto;
}

.asterisco {
	font-size: 0.3em;
	    margin-top: -15px;
}

header {
	background-size: cover;
	width: 100%;
	padding: 0px;
}

.logos-tv {
	margin-top: -8px;
	text-align: right !important;
}

#intro {
	padding: 40px 0px 0px 0px;
	border-bottom:20px solid #afca0b;
}

.infos-intro {
	font-weight: 900;
	color: #9d9d9c;
	text-align: center;
	font-size: 1.4em;
	line-height: 1em;
}

.modelo {
	font-weight: 100;
}

.bg-intro {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: -1;
	top: 0px;
}

.fluxo1 {
	animation: fluxoone 2s ease infinite;
	position: relative;
}

@keyframes fluxoone {
	0% {
		right: -100%;
	}
	100% {
		right: 180%;
	}
}

.fluxo2 {
	animation: fluxotwo 2s ease infinite;
	position: relative;
}

@keyframes fluxotwo {
	0% {
		right: -100%;
	}
	100% {
		right: 150%;
	}
}

.fluxo3 {
	animation: fluxothree 2s ease infinite;
	position: relative;
}

@keyframes fluxothree {
	0% {
		right: -100%;
	}
	100% {
		right: 200%;
	}
}

#resposta {
	background: #FFF;
	z-index: 6;
	padding: 50px 0px 0px 0px;
}

.fluxo-resposta-left {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 292px;
	height: 100%;
	background: url('../img/bg-fluxo-left.png') repeat-y;
}

.fluxo-resposta-right {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 292px;
	height: 100%;
	background: url('../img/bg-fluxo-right.png') repeat-y;
}

.velo-element {
	position: absolute;
	top: 0px;
	left: 0px;
}

.forward-velo {
	animation: fadeInOut 2s ease-in-out infinite;
}

.forward-up-2 {
 	animation-delay: 0.2s;
}

.forward-bottom-1 {
 	animation-delay: 0.5s;
}

.forward-bottom-2{
 	animation-delay: 0.7s;
}

@keyframes fadeInOut {
  0%, 40%, 100% {
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
}

#resposta .nota {
	color: #9d9d9c;
	font-size: 0.4em;
}

#sala .nota {
	color: #fff;
	font-size: 0.4em;
}

#cores .nota {
	color: #494949;
    font-weight: 300;
    font-size: 1.2rem;
    line-height: 1.4;
    max-width: 930px;
}


.mt-borda { margin-top: 19%; }
 

 .pos-dimensoes  { 
    position: relative;
    padding: 80px 0px 55px 120px; }


#cores .z-index { z-index: 1; }
#cores .index-0 { z-index: 1; }

#cores p {     padding-bottom: 15px; }

#cores .tit-cores {     line-height: 1em;
    color: #494949;
    font-weight: 600;
    font-size: 55px;    
	padding-bottom: 10px;     
	text-align: center;
 }


#borda .z-index { z-index: 1; }
#borda .index-0 { z-index: 1; }

#borda p {     padding-bottom: 15px; }

#borda h3 {  line-height: 1em;
    color: #494949;
    font-weight: 600;
    font-size: 55px;
    padding-bottom: 10px;
    text-align: right;  }

#borda h4 {      line-height: 1.4em;
    color: #494949;
    font-weight: 300;
    font-size: 20px;
    padding-bottom: 10px;
    text-align: right;
    padding-top: 10px;
    max-width: 395px; }	

#borda .tit-borda {     line-height: 1em;
    color: #494949;
    font-weight: 600;
    font-size: 55px;    
	padding-bottom: 10px;     
	text-align: center;
 }


#resposta .processador {
	font-weight: 900;
	text-transform: uppercase;
	text-align: center;
	color: #9d9d9c;
	font-size: 1.5em;
	line-height: 1em;	
	margin: 40px 0px 20px 0px;
}

#sala .aplicativos {
	font-weight: 900;
    text-transform: uppercase;
    text-align: center;
    color: #9d9d9c;
	font-size: 1.8em;
    line-height: 1.1em;
    margin: 0px 0px 20px 0px;
}

#resposta .info-velocidade {
	font-weight: 300;
	text-align: center;
	color: #9d9d9c;
	font-size: 1.2em;
	line-height: 1em;
}

.foto-processador {
	position: relative;
	z-index: 5;
}

.info-som {
	position: absolute;
	bottom: 0px;
	left: 0px;
	height: 40%;
	width: 100%;
	background: rgba(0,0,0,0.7);
	color: #FFF;
	font-weight: 300 !important;
	text-transform: uppercase;
	font-size: 1.5em;
	line-height: 1em;
}

#dolby { background: #000000; margin-top: -50px; overflow: hidden; }
#dolby h3 { color: #fff; font-weight: 600; padding-top: 30px; }
#dolby p { color: #fff; font-weight: 300;font-size: 1.2rem; line-height: 1.3; }
.dolby { padding-top: 50px !important; z-index: 9; }


 #dolby .selo { padding-left: 12%;
    padding-top: 25%; }

#dolby h2 { line-height: 1.2em;
    color: #fff;
    font-weight: 600;
    font-size: 55px;
    padding-bottom: 19px;
    padding-left: 75px; }

#dolby h4 {       font-weight: 300;
    font-size: 1.2rem;
    line-height: 1.6;
    color: #fff;
    padding-top: 8px;
    padding-left: 110px;
    text-align: center;
    padding-right: 30px; }	


/* #informacoes { padding-top: 150px; padding-bottom: 150px; } */
#informacoes .back {  background: url(../img/hex_01.webp) no-repeat;
    background-size: cover;
    width: 569px;
    position: relative;
    height: 662px;
    padding-left: 110px;
    padding-right: 0px;
    padding-top: 85px; }
#informacoes h1 { color: #4a4a49;
    font-weight: bold;
    font-size: 52px;
    text-align: center;
    padding-right: 10px; }

#informacoes h3 { color: #4a4a49;
    font-weight: bold;
    font-size: 94px;
    text-align: center; padding-bottom: 55px;  line-height: 2rem; }

#informacoes span { font-size: 25px; font-weight: 300; color: #494949; }

#informacoes hr { margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
    border: 0;
    border-top: 1px solid #b1b1b1;
    max-width: 33%;
    text-align: center;
    margin: 0 auto; }

#informacoes .img-info { padding-left: 60px; padding-top: 100px; }	
#informacoes strong { font-weight: bold; }
#informacoes .pos-infos { position: absolute;}

.texto-informacoes{
	padding: 30px 0 0 50px;
}


.texto-informacoes_tittle {
	font-size: 2.5em;
	font-weight: 800;
}

.tv-informacoes p{
	font-size: 1.5em;
	padding-top: 20px;
}

.spec-container{
	font-size: 1.1em;
	line-height: 2em;
}

.spec-info_tittle{
	font-size: 1.7em;
	font-weight: 800; color: #494949;
}

.spec-info_txt{
	font-weight: 300;
}

.spec-info_txt strong{
	font-weight: 800;color: #494949;
}

#cores-tecno {     padding-top: 40px; padding-bottom: 125px; }
#cores-tecno .pos-led{ padding: 60px 0px 20px 120px; }

#cores-tecno h2 { color: #494949;
    font-weight: 600;
    font-size: 55px;
    text-align: right;
    padding: 10px 60px 10px 30px; line-height: 3.8rem; }

#cores-tecno h4 { color: #494949;
    font-weight: 300;
    font-size: 18px;
    text-align: right;
    padding: 25px 60px 15px 70px;
    line-height: 1.7rem; }

.pos-cores-tecno { position: absolute;
    right: 0%;
    top: 8%; }


#voz {     background: #fff;
    margin-top: -10px;
    min-height: 630px;
	padding-top: 30px;
    padding-bottom: 70px; }

#voz p { color: #494949;
    font-weight: 300;
    font-size: 1.2rem;
    line-height: 1.3;
	padding: 15px 10px 10px 10px; }

#voz h3 {     color: #494949;
    font-weight: bold;
    font-size: 35px;
    line-height: 1.2;
    padding-top: 40px; }


#mundo { background: #fff; background: #fff;
	margin-top: 35px;
    margin-bottom: 50px; }

#mundo p { color: #494949;
    font-weight: 300;
    font-size: 1.2rem;
    line-height: 1.3;
}

.content-video {     width: 103%;
    margin-left: -2px;
    margin-right: -3px; }

#mundo h3 { color: #494949;
    font-weight: bold;
    font-size: 50px;
    text-align: left;
    max-width: 475px;
    padding-left: 115px; line-height: 3.5rem;}

#mundo h4 { text-align: left;
    font-size: 20px;
    line-height: 1.9rem; padding-left: 45px; padding-top: 10px; }

.pos-mundo { position: absolute; padding-top: 45px; }	

.chrome-log { max-width: 270px; }


.small_02 { font-size: 0.6rem; line-height: 0.8rem; }

.mt-20 {margin-top: -20px;}

.video-dolby { position: absolute;
max-width: 640px;
right: -151px;
bottom: -178px;
z-index: 1; }


span.cinema {
	width: 100%;
	display: block;
	font-weight: 700;
	font-size: 1.2em;
}

#roku {
	background: url('../img/bg-roku.jpg') #000 no-repeat top center;
	background-size: 100% auto;
	padding: 50px 0px 20px 0px;
	color: #FFF;
	font-weight: 300;
}

.streaming-roku {
	color: #FFF;
	padding: 25px 20px 10px 20px;
	background: url(../img/bg-border.png) no-repeat center center;
    background-size: auto 100%;
	margin: 25px 0px
}


.streaming-roku p {
	text-transform: uppercase;
	font-weight: 300;
	font-size: 1.5em;
	line-height: 1.1em;
	margin: 0px;
}

.z-9 { z-index: 9; }

.pos-tecno { position: absolute;
    top: 8%;
    z-index: 9;
    right: 5%; }
.pos-qualidade { position: absolute; bottom: 3%; z-index: 9; }

.streaming-roku .one {
	font-size: 1.8em;
	font-weight: 800;
	text-transform: uppercase;
	line-height: 1em;
	margin: 25px 0px;
}

.streaming-roku .one .number {
	font-size: 2em;
}

.streaming-roku .nota {
	font-size: 0.47em;
    padding-top: 10px;
}

.numeros-roku {
	margin: 70px 0px 25px 0px;
	text-align: center;
}

.numeros-roku .numero {
	color: #925abd;
	font-weight: 900;
	font-size: 6.5em;
	line-height: 0.9em;
	margin-top: 20px;
}

.numeros-roku .categoria {
	text-transform: uppercase;
	font-size: 1.9rem;
	padding-right: 6px;
}

.canais .numero {
	padding-right: 5px;
}

.numeros-roku .nota {
	font-size: 0.77em;
    padding-right: 6px !important;
}

.numeros-roku .episodios .numero {
	font-size: 7.6em;
}


.directv .frase-small {     
	font-size: 0.6rem;
    color: #fff;
    padding-top: 30px;
    position: absolute;
    bottom: -35px; 
}

#sala {
	background: #000;
	border-top: 20px solid #afca0b;
}

.bg-canais {
	position: absolute;
	z-index: 0;
	max-height: 750px;
	top: 0px;
}

.bg-sala {
	position: relative;
	z-index: 1;
}

.info-busca {
	position: relative;
	top: 35px;
	left: 0px;
	z-index: 1;
	line-height: 1em;
	font-size: 0.7em;
}

.pos-tit-cores {
	position: absoliut;
	top: 35px;
	left: 0px;
	z-index: 1;
	line-height: 1em;
	font-size: 0.7em;
}

.text-white { font-weight: 300; font-size: 2.2rem; line-height: 1.3; padding-top: 45px; max-width: 580px; }
.text-small { color: #9d9d9d; font-size: 0.75rem; padding-top: 10px; }


#busca {
	background: url('../img/bg-busca.jpg');
	background-size: cover;
	color: #FFF;
	padding-top: 30px;
}

#busca .telas img {
	padding: 5px 0px;
}

#busca .title-busca {
	font-size: 1.5em;
	text-transform: uppercase;
	font-weight: 300;	
	margin-bottom: 30px;
}


#compativel {
	background-size: cover;
	color: #FFF;
	 min-height: 608px;
}

#controle {
	background-size: cover;
	background: url('../img/bg-control.png');
	 min-height: 600px;
}

#compativel .telas img {
	padding: 5px 0px;
}

#compativel .title-compativel {
	color: #4b4b4b;
    font-size: 2.2em;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 10px;
    line-height: 1.1;
    text-align: center;
    max-width: 490px;
    padding-left: 20px;
}


#compativel hr {     
	border-top: 2px solid #9d9d9d;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem; }


.pos-compativel {  position: absolute; left: 0px; top: -103px; z-index: 8; }
.pos-control {  position: absolute; right: 0px; bottom: 0px; z-index: 8; }

#compativel .small { color: #9d9d9c;
    font-size: 0.6rem;
    line-height: 1.3; }


#compativel .text-compativel { 
	color: #9d9d9c;
    font-weight: 400;
    font-size: 1.5rem;
    line-height: 1.3;
	text-align: center;
}


.infos-box { max-width: 285px; text-align: center; padding-bottom: 80px; }


.text-color {
	font-weight: 800;
	color: #afca0b;
}

#streaming {
	background: url('../img/bg-streaming.png') bottom center no-repeat #000;
	background-size: 100% auto;
	padding: 50px 0px;
}

.title-streaming {
	color: #FFF;
	font-weight: 800;
	font-size: 1.2em;
	text-transform: uppercase;
	margin-bottom: 50px;
	text-align: center;
}

.icone-streaming {
	padding: 5px;
}

.directv {
	padding: 30px 0px 0px 0px;
}


.resolucao {  font-size: 2.5rem; }
.detalhes { font-size: 2.5rem; }
.selo-4k {  padding-top: 15px; padding-bottom: 15px; }
.pb-100 { padding-bottom: 100px; }
.tit-hdr {  font-size: 3rem; font-weight: 500; }
.p-app { padding: 2rem!important; }


.info-directv {
	color: #FFF;
	font-weight: 300;
	padding: 0px 15px 30px 15px;
}

.text-orange {
	font-weight: 900;
	color: #ff9942;
}

#quatrok {
	background: url('../img/bg-4k.jpg') no-repeat;
	background-size: cover;
	padding: 50px 0px;
	color: #FFF;
	font-weight: 300;
	line-height: 3em;
	border-top: 18px solid #afca0b;
}

#smart55 {
	padding: 50px 0px;
	color: #FFF;
	font-weight: 300;
	line-height: 3em;
}

#processador {
	color: #FFF;
    font-weight: 300;
    line-height: 3em;
	margin-top: -30px !important;
    z-index: -1;
}


#back-proc {     background: #aeca0d;
    background-size: cover;
    height: 200px;
    color: #fff; }


#back-proc02 { 
		background-size: cover;
		height: 225px;
		 color: #fff;     
		 margin-top: -225px;
	}
	
	

.sub-text-entret { color: #494949;
    font-size: 1.7rem;
    font-weight: 600; line-height: 75px; }


.pos-tit-proc { position: absolute; top: 33px; }
.pos-img-proc { position: absolute; bottom: 35px; }

.use { position: absolute; z-index: -1; }

#hdr {
	background: url('../img/bg-hdr.webp') no-repeat;
	background-size: 100% auto;
	padding: 32px 0px 160px 0px;
	color: #FFF;
	font-weight: 300;
	font-size: 0.8em;
	line-height: 1em;
	margin-top: 35px !important;
}

#hdr .title {
	font-size: 3em;
	padding-bottom: 10px;
	line-height: 1em;
}

#hdr .title .hdr {
	font-weight: 900;
}

#hdr .info-design {
	color: #000;
    text-align: center;
    text-transform: uppercase;
    font-size: 1.22em;
    border-top: 5px solid #000;
    padding-top: 20px;
    line-height: 1.2em;
    margin-top: 0px;
    padding-bottom: 30px;
}

#app {
	z-index: 5;
	color: #FFF;
}

.info-app {
	position: absolute;
	width: 90%;
	top: 50px;	
	text-align: center;
}

.title-app {
	font-size: 1.8em;
	line-height: 1em;
	text-transform: uppercase;
	font-weight: 700;
}

.info-app p, #audicao p {
	font-weight: 300;
	font-size: 0.8em;
	line-height: 1.2em;
	margin-top: 0px;
}

.nota-app {
	font-size: 0.4em;
	position: absolute;
	text-align: center;
	bottom: 20px;
	width: 80%;
}

#entretenimento {
	background: #fff;
    background-size: auto 100%;
}

#entretenimento .aplicativos {
	font-weight: 700;
    text-align: left;
    color: #494949;
	font-size: 1.8em;
    line-height: 1em;
    margin: 0px 0px 10px 0px;
}

#entretenimento .nota {
	color: #757575;
	font-size: 0.6em;
    line-height: 16px;
}

#entretenimento .testa {
	position: relative;
	margin-top: 0px;
}


#audicao {
	background: url('../img/bg-audicao.jpg') no-repeat;
	background-size: cover;
	z-index: 5;
	color: #FFF;
	text-align: center;
	padding: 30px 0px;
}

#audicao h5 {
	color: #925abd;
    text-transform: uppercase;
    font-size: 1.9em;
    font-weight: 700;
    margin: 0px;
    line-height: 0.9;
	padding-top: 79px;
}

.info-fone {
	text-align: left;
}

.info-fone p {
	margin: 0px !important;
    font-size: 0.7em !important;
    padding-top: 8px;
    max-width: 280px;
}

.fone-app {
	margin-bottom: -186px;
}

#features {
	padding: 50px 10px 10px 10px;
}

#features_topo {
	padding: 10px 5px 5px 5px;
    position: absolute;
    bottom: 0%;
    width: 90%;    
}

#android {   position: absolute;
    bottom: 64%; }

.feature {
	margin-bottom: 30px;
	text-align: center;
}

.feature_topo {
	margin-bottom: 30px;
	text-align: center;
}


.app-store {
	margin-bottom: 30px;
	text-align: center;
}


#sala .testa {
	position: relative;
	margin-top: 0px;
}

.google-assistente p {
	font-size: 0.8em;
	line-height: 1em;
}

.icones-app {
	margin-top: 50px;
}

.icone-app {
	margin-bottom: 40px;
}

footer {
	width: 100%;
	padding: 0px 0px;
	position: relative;
	z-index: 10;
	background: #000;
}

.footer-logo { position: absolute; bottom: 5px; }

.bg-sala {
	position: relative;
	z-index: 1;
}

.bg-sala {
	position: relative;
	z-index: 1;
}

.bg-entretenimento {
	position: absolute;
    z-index: 1;
    top: 40px;
    right: 0px;
}

/*------------------------------------------------------------------
---------------------------- RESPONSIVO ----------------------------
--------------------------------------------------------------------*/


@media (max-width: 1099px)  {
    #features_topo { background: #fff !important;}
}


@media (max-width: 767px)  {
	#informacoes .max-tela {
		margin-left: -15%;
		max-width: 127% !important;
	}

	.col-spec { -ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;}

	#informacoes .img-info {
		padding-left: 0px;
		padding-top: 40px;
	}
	#informacoes h1 { font-size: 34px;    padding-right: 1px;
		padding-bottom: 0px;
		text-align: right; }
	#informacoes {
		padding-top: 0px;
	}
	.col-info { -ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%; }

	#voz { padding-top: 50px;
		padding-bottom: 10px; }
	#mundo {     margin-bottom: 20px !important; }
	.text-white { font-size: 1rem; font-weight: 300; padding-top: 20px; }
	.text-siver { font-size: 1rem; font-weight: 300; padding-top: 20px; }
	.logo-chromecast {max-width: 215px;}
	.info-busca { top: 30px; }
	.display-hdr { display: none; }
}



@media (min-width: 768px) and (max-width: 1099px)  {

	#cores { padding-top: 0px; }

}


@media (min-width: 992px) and (max-width: 1198px)  {
.spec-info_txt {
	line-height: 1.4;
}
.spec-container li {padding-bottom: 5px;}

.spec-info {
    max-height: 642px;
    padding-top: 6%;
    padding-left: 7%;
}
 
}


@media (min-width: 1100px) and (max-width: 1199px)  {

	#dolby h2 {     font-size: 53px; }

	#dolby .selo {
		padding-left: 14%;
		padding-top: 18%;
	}
	
	#cores-tecno h2 {
		font-size: 53px;
		padding: 19px 30px 10px 30px;
		line-height: 3.6rem;
	}
	#cores-tecno h4 { padding: 20px 30px 10px 80px; }

	.pos-mundo {
		padding-top: 30px;
	}
	#mundo h4 { line-height: 1.8rem; }
	#voz h3 {
		font-size: 34px;
		padding-top: 24px;
	}
	#voz p { padding: 8px 10px 2px 10px; }
}

@media (min-width: 768px) and (max-width: 1199px)  {
	.info-directv { font-size: 1.6em !important; padding: 0px 0px !important; }
	.logo-chromecast {max-width: 200px;}
	.text-white { font-size: 1.5rem; padding-top: 25px; max-width: 480px; }
	.text-silver {  font-size: 1rem; padding-top: 5px; max-width: 100%; }
}

@media (min-width: 340px) and (max-width: 767px)  {
	.wrapper { height: 435px; max-width: 659px; }
	.after { width: 23.35rem; }
	.scroller { left: 304px; }
	.scroller:before, .scroller:after { height: 161px; }
	#hdr { padding: 80px 0px; }
	#hdr .info-design { padding-bottom: 0px; padding-top: 25px; }
    .pb-hdr { padding-bottom: 25px; }
}


@media (min-width: 960px) and (max-width: 1100px)  {

	#informacoes .max-tela {    margin-left: -1%;}

	.img-spec {     max-width: 240%; }

	#informacoes .img-info {
		padding-left: 15px;
		padding-top: 100px;
	}

	#informacoes {
		padding-top: 0px;
	}

	#dolby h2 {
		line-height: 1.2em;
		font-size: 48px;
		padding-bottom: 10px;
	}

	#dolby h4 {     font-size: 1.2rem;
		line-height: 1.3; }

		#dolby .selo {
			padding-left: 12%;
			padding-top: 12%;
			max-width: 260px;
		}


	#cores-tecno .pos-led {     max-width: 280px; }

	#voz h3 { margin-top: 18px; }
	#cores-tecno {
		padding-top: 70px;
		padding-bottom: 260px;
	}

	#cores .tit-cores { font-size: 48px; }

	#cores-tecno h2 {
		font-size: 48px;
		padding: 15px 30px 10px 30px;
		line-height: 3.6rem;
	}
	#cores-tecno h4 { padding: 20px 30px 10px 80px; }

	#voz p {
		font-size: 1rem;
		line-height: 1.3;
		padding: 0px 10px 0px 10px;
	}

	#voz h3 {
		font-size: 27px;
		line-height: 1.2;
		padding-top: 10px;
	}
	#mundo .content-video { padding-top: 110px; }
	.pos-mundo {
		padding-top: 0px;
		padding-left: 0px;
        padding-right: 0px;
	}
	#mundo h4 {  
		font-size: 19px;
		padding-left: 15px;
		padding-top: 5px; }
	#mundo h3 {  font-size: 48px; padding-left: 100px; }
}


@media (min-width: 768px) and (max-width: 959px)  {

	

	.img-spec {
		max-width: 265%;
		margin-left: -35px;
	}

	.spec-info_tittle {    font-size: 20px;}

	.spec-container {
		font-size: 15px;
		line-height: 1.6rem;
	}

	.max-tela {
		max-width: 90% !important;
	}

	#informacoes .img-info {
		padding-left: 15px;
		padding-top: 100px;
	}

	#informacoes h1 { font-size: 46px; }

	#informacoes {
		padding-top: 0px;
	}

	#informacoes .back {
		width: 569px;
		padding-left: 140px;
		padding-right: 0px;
		padding-top: 91px;
		padding-bottom: 40px;
	}

	.pos-tecno { top: 7%; right: 3%; }
	#borda h3 { font-size: 37px; padding-bottom: 5px; }
	#borda h4 { max-width: 330px; line-height: 1.6rem; max-width: 330px; padding-top: 0px !important; }
	#dolby {     margin-top: -20px; }
	.dolby { padding-top: 33px !important; z-index: 9;}

	#dolby h2 {
		line-height: 1.2em;
    font-size: 37px;
    padding-bottom: 5px;
	}

	#dolby h2 {     padding-left: 20px; }
	#dolby h4 {
		font-size: 16px;
		line-height: 1.3;
		padding-left: 50px;
	}

	#dolby .selo {
		padding-left: 9%;
    padding-top: 6%;
    max-width: 166px;
	}

	#cores .tit-cores {     font-size: 37px; }

	#cores-tecno {
		padding-top: 35px;
		padding-bottom: 280px;
	}

	#voz h3 { padding-top: 2px;
		margin-top: 25px; }

	.p-voz {     padding-left: 0px;
		padding-right: 0px; }

	#voz p {
		font-size: 1rem;
		line-height: 1.3;
		padding: 0px 0px 0px 0px;
	}

	.img-voz {   max-width: 185px;    margin-bottom: 45px; }

	#mundo .content-video { padding-top: 110px; }
	.pos-mundo {
		padding-top: 0px;
		padding-left: 0px;
        padding-right: 0px;
	}
	#mundo h4 {  
		font-size: 17px !important;
		padding-left: 0px;
		padding-top: 0px; line-height: 1.5rem !important; }
	#mundo h3 { font-size: 38px;
		padding-left: 65px;
		line-height: 2.9rem; }

	#voz h3 {
		color: #494949;
		font-weight: bold;
		font-size: 20px;
		line-height: 1.2;
		padding-top: 0px;
	}
}


@media (min-width: 768px) and (max-width: 1100px)  {
	.spec-info_tittle {    padding-left: 5% !important;}
	#mundo h4 { line-height: 1.8rem; }
	#sala .aplicativos { font-size: 1.6em; margin: 0px 0px 5px 0px; }
	.wrapper { height: 435px; max-width: 659px; }
	.after { width: 20.57rem; }
	.scroller { left: 304px; }
	.scroller:before, .scroller:after { height: 161px; }
	#hdr { padding: 80px 0px; }
	#hdr .info-design { padding-bottom: 0px; padding-top: 25px; }
    .pb-hdr { padding-bottom: 25px; }
	.info-busca { top: 40px; }

	#android {
		position: absolute;
		bottom: 53%;
		padding: 0px;
		max-width: 40%;
	}

	#infos-android {
		height: 370px;
		margin-top: -290px;
	}

	#features_topo {
		padding: 5px 5px 0px 5px;
		position: absolute;
		bottom: 0%;
		width: 100%;
	}
}


@media (min-width: 768px) and (max-width: 991px)  {

	.spec-info {
		max-height: 580px;
		padding-top: 4%;
	}

	.spec-info {padding-left: 11%;}
	.spec-info_txt {
		line-height: 1.4;
	}

	.spec-container li {padding-bottom: 5px;}
	.pos-img-proc { bottom: 15px; }
	.max-logo { max-width: 30%; }
	.pos-intro { top: 5%; }
	.col-intro { padding-right: 11px; }
	#processador { margin-top: 0px !important; } 

	#cores-tecno h2 {     font-size: 37px;
		padding: 10px 16px 10px 30px;
		line-height: 2.6rem; }
	
	#cores-tecno h4 { font-size: 16px;
		padding: 20px 18px 15px 70px;
		line-height: 1.6rem; }
	
	#cores-tecno .pos-led { padding: 30px 15px 20px 75px;
			max-width: 230px; }
}



@media (min-width: 610px) and (max-width: 767px)  {
	.spec-info {        margin-top: -22%;
		padding-bottom: 7%;}
	.max-tela {
		max-width: 90% !important;
	}

	#informacoes hr { margin-top: 1rem !important; margin-bottom: 1rem !important; }
	#informacoes h3 { color: #4a4a49;
		font-weight: bold;
		font-size: 91px;
		text-align: center;
		padding-bottom: 35px;
		line-height: 1.8rem; }

	#informacoes .img-info { padding-top: 10px; }
	#informacoes .back { background: url(../img/hex_01.webp) no-repeat right;
		background-size: contain;
		width: 100%;
		position: relative;
		height: 540px;
		padding-left: 35%;
		padding-right: 0px;
		padding-top: 65px;
		text-align: right; }

	#borda h3 {
		line-height: 1em;
		font-size: 28px;
		padding-bottom: 0px;
	}

	#borda h4 {     line-height: 1.4em;
		padding-bottom: 10px;
		padding-top: 5px;
		max-width: 270px;
		font-size: 15px !important; }

	.pos-tecno	{     position: absolute;
		top: 6%;
		z-index: 9;
		right: 1%; }

	#dolby { margin-top: 20px; }
	.dolby { padding-top: 30px !important; z-index: 9; }

	#dolby h2 {
	    line-height: 1.1em;
		font-size: 26px;
		padding-bottom: 2px;
	}

	#dolby h2 {     padding-left: 20px; }
	#dolby h4 {
		font-size: 15px !important;
		line-height: 1.3;
		padding-left: 19px;
		padding-right: 0px;
	}

	#dolby .selo {
		padding-left: 6%;
		padding-top: 14%;
		max-width: 145px;
	}

	#cores-tecno {
		padding-top: 15px;
		padding-bottom: 115px;
	}

	#cores .tit-cores {     font-size: 28px; }
	.pos-cores-tecno { top: 10%; }

	#cores .nota {
		font-size: 15px;
		line-height: 1.3;
		text-align: right;
	}

	#cores-tecno h2 {
		font-size: 28px;
		padding: 10px 5px 0px 25px;
		line-height: 2rem;
	}
	
	#cores-tecno h4 { font-size: 15px !important;
		padding: 15px 10px 5px 25px;
		line-height: 1.3rem; }
	
	#cores-tecno .pos-led { padding: 30px 15px 20px 75px;
			max-width: 230px; }

	#mundo {
		margin-bottom: 60px !important;
	}

	#voz h3 {
		color: #494949;
		font-weight: bold;
		font-size: 20px;
		line-height: 1.2;
		padding-top: 0px;
	}

	.p-voz {  padding-left: 0px; padding-right: 0px; }

	#voz p {
		font-size: 0.9rem;
		line-height: 1.3;
		padding: 0px 0px 0px 0px;
	}

	.voz-0 {  padding: 0px; }
	.img-voz {   max-width: 160px; }

	#mundo {
		margin-top: -50px;
		z-index: -2;
	}

	#mundo .content-video {
		padding-top: 100px;
		width: 126%;
		margin-left: -13%; }
	.pos-mundo {
		padding-top: 117px;
		padding-left: 0px;
		padding-right: 0px;
	}
	#mundo h4 {  
		font-size: 15px !important;
		padding-left: 0px;
		padding-top: 0px;
		line-height: 1.4rem !important; }
	#mundo h3 {   font-size: 28px;
		padding-left: 21px;
		line-height: 2.3rem;
		max-width: 280px; }
}



@media (min-width: 510px) and (max-width: 609px)  {
	.img-spec {
		max-width: 201% !important;
	}

	.spec-info {        margin-top: -22%;
		padding-bottom: 9%;}

	#cores-tecno .max-row {margin-top: 240px;
		max-width: 160% ;
		margin-left: 75%;}

	.max-tela {
		max-width: 90% !important;
	}

	#dolby { margin-top: 35px; }

	#informacoes hr { margin-top: 1rem !important; margin-bottom: 1rem !important; }

	.dolby {
		padding-top: 30px !important;
		z-index: 9;
		padding-right: 70px;
		padding-left: 70px;
		padding-bottom: 25px !important;
	}

	#dolby h2 {
	    line-height: 1.3em;
		font-size: 26px;
		padding-bottom: 2px;
	}

	#dolby h2 { padding-left: 0px; }

	#dolby h4 {
		font-size: 15px !important;
		line-height: 1.5;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 10px;
	}

	#dolby .selo {
		padding-left: 0%;
		padding-top: 7%;
		max-width: 149px;
	}

	#cores-tecno .content-video {
		width: 181%;
    margin-left: 389px;
    margin-right: -3px;
    margin-top: 244px;
	}

	#cores-tecno h2 { text-align: center; }

	#cores-tecno {
		padding-top: 15px;
		padding-bottom: 50px;
	}

	#cores-tecno h4 {  text-align: center; }

	#cores .tit-cores {     font-size: 28px; }
	.pos-cores-tecno { top: 4%;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	} 

	#cores .nota {
		font-size: 15px;
		line-height: 1.3;
	}

	#cores-tecno h2 {
		font-size: 28px;
		padding: 10px 5px 0px 25px;
		line-height: 2rem;
	}
	
	#cores-tecno h4 { font-size: 15px !important;
		padding: 15px 10px 5px 25px;
		line-height: 1.3rem; }
	
	#cores-tecno .pos-led { padding: 25px 50px 20px 50px;
		max-width: 210px; }
			

	.col-voz { -ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%; padding-top: 30px !important; }

	#voz h3 {
		color: #494949;
		font-weight: bold;
		font-size: 24px;
		line-height: 1.2;
		padding-top: 30px;
		padding-left: 10%;
		padding-right: 10%;
	}

	.p-voz {  padding-left: 0px; padding-right: 0px; }

	#voz p {
		font-size: 1rem;
		line-height: 1.5;
		padding: 0px 20% 0px 20%;
	}

	.voz-0 {  padding: 0px; }
	.img-voz {
		max-width: 240px;
	}

	#mundo {
		margin-top: -25px;
		z-index: -2;
	}

	#mundo .content-video {
		padding-top: 100px;
		width: 126%;
		margin-left: -13%; }
	.pos-mundo {
		padding-top: 70px;
		padding-left: 0px;
		padding-right: 0px;
	}
	#mundo h4 {  
		font-size: 15px !important;
		padding-left: 0px;
		padding-top: 0px;
		line-height: 1.4rem !important; }
	#mundo h3 {     font-size: 24px;
		padding-left: 21px;
		line-height: 1.8rem;
		max-width: 280px; }
}


@media (min-width: 510px) and (max-width: 767px)  {

	#cores {
		padding-top: 18%;
	}

	.canais-hei {margin-top: 125px;}

	.img-spec {max-width: 240%;}

	.spec-info_tittle {    padding-top: 35px;}

	.spec-container { padding-top: 5px;
		padding-bottom: 30px;}

	.pos-img-proc {
		bottom: 15px;
	}
	.video_p { width: 150%; }
	#processador { margin-top: 0px !important; }
	.pos-tit-proc { top: 15px; }
	#back-proc { height: 141px; }
	#back-proc h3 { font-size: 1.6rem; }
	.max-logo { max-width: 32%; }
	.pos-intro {  top: 5%; }
	.col-intro {     max-width: 60%;
		padding-right: 6px; }
	.resolve-max {     width: 135%; }

	#infos-android {
		height: 585px;
		margin-top: -255px;
	}

	#features_topo {
		padding: 45px 5px 15px 0px;
		width: 100%;
	}

	#android {
		position: absolute;
		bottom: 65%;
		max-width: 53%;
	}
	
}


@media (min-width: 308px) and (max-width: 408px)  {

	#cores {
		padding-top: 28%;
	}

	#informacoes .max-tela {
		padding-left: 0% !important;
	}

	.max-tela {
		max-width: 94% !important;
	}

	#informacoes .img-info {
		padding-top: 30px !important;
	}

	#informacoes h1 { font-size: 30px !important; }

	#informacoes h3 {
		font-size: 50px !important;
		padding-bottom: 20px !important;
		line-height: 1.5rem !important;
	}

	#informacoes hr {
		margin-top: 0.6rem !important;
		margin-bottom: 0.6rem !important;
	}

	#informacoes .back {     padding-top: 65px !important; }

	#informacoes p {
		font-size: 22px !important;
		line-height: 1.4rem !important;
	}

	#informacoes span {
		font-size: 17px !important; }

	#informacoes .back { height: 400px !important;margin-top: -25px; }

	#dolby { margin-top: 0px; }

	.dolby {
		padding-top: 25px !important;
		z-index: 9;
		padding-right: 15px;
		padding-left: 15px;
		padding-bottom: 20px !important;
	}

	#dolby h2 {
	    line-height: 1.3em;
		font-size: 20px;
		padding-bottom: 2px;
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	#dolby h2 { padding-left: 0px; }

	#hdr { padding: 32px 0px 80px 0px; }

	#dolby h4 {
		font-size: 14px !important;
		line-height: 1.2;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 5px;
	}

	#dolby .selo {
		padding-left: 0%;
		padding-top: 8%;
		max-width: 115px;
	}


	#voz p {
		font-size: 0.9rem !important;
		line-height: 1.3 !important;
		padding: 2px 4% 15px 4% !important;
	}

	#cores .p3-cores { padding-left: 20px;
    padding-right: 20px;}

	#cores .nota { font-size: 14px !important;
		line-height: 1.2 !important; }

	#cores-tecno h2 {
		padding: 10px 15px 0px 15px !important;
		line-height: 1.7rem !important; 
	}

	.cores-p2 { padding-left: 0px;
		padding-right: 0px; }

	#cores-tecno {
		padding-top: 10px !important;
		padding-bottom: 90px !important;margin-top: -60px;
	}

	.pos-cores-tecno {  top: 15% !important; }
	.cores-p { padding: 0px; }

	#cores-tecno .content-video {
		width: 180% !important;
		margin-left: 228px !important;
		margin-right: -3px;
		margin-top: 380px !important;
	}

	#cores-tecno h2 { text-align: center; }
	#cores-tecno {
		padding-top: 15px;
		padding-bottom: 235px;
	}

	#cores-tecno h4 {  text-align: center; }
	#cores .tit-cores {     font-size: 28px; padding-bottom: 5px !important; }
	.pos-cores-tecno { top: 3%;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	} 

	#cores .nota {
		font-size: 15px;
		line-height: 1.3;
	}

	#cores-tecno h2 {
		font-size: 20px;
    padding: 0px 35px 0px 35px;
    line-height: 1.5rem;
	}
	
	#cores-tecno h4 {
		font-size: 14px !important;
    padding: 10px 10px 5px 10px  !important;
    line-height: 1.2rem !important;
	}
	
	#cores-tecno .pos-led { padding: 25px 50px 20px 50px;
		max-width: 210px; }


	.col-mundo {-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;}

	#mundo {
		margin-top: 80px;
		z-index: -2;
	}

	#mundo .content-video {
		padding-top: 100px;
		width: 126%;
		margin-left: -13%; }
	.pos-mundo {
		padding-top: 0px;
		padding-left: 0px;
		padding-right: 0px;
		margin-top: -10px;
	}
	#mundo h4 {  
		font-size: 14px !important;
		padding-left: 0px;
		padding-top: 0px;
		line-height: 1.2rem !important; }
	#mundo h3 {        font-size: 19px;
		padding-left: 16px;
		line-height: 1.5rem;
		max-width: 260px;
		padding-bottom: 6px; }
}


@media (min-width: 409px) and (max-width: 509px)  {
	#cores-tecno .max-row {
		margin-top: 310px;
		max-width: 160%;
		margin-left: 75%;
	}

    .spec-info {	margin-top: -22%;
		padding-bottom: 14%;  padding-top: 80px;}


	.texto-informacoes {
		padding: 45px 0 0 15px;
	}

	#cores {
		padding-top: 37%;
	}


	.canais-hei {margin-top: 140px !important;}

	.img-spec {max-width: 208%;}

	.spec-info_tittle {
		padding-top: 20px;
		font-size: 28px;
		padding-left: 4%;
		padding-right: 10px;
	}

	.spec-info_txt {
		font-weight: 300;
		font-size: 16px;
		line-height: 22px;
	}

	.spec-container { padding-top: 5px;
		padding-bottom: 30px; -ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;}

	.max-tela {
		max-width: 90% !important;
	}

	#informacoes .img-info {
		padding-top: 30px !important;
	}

	#informacoes h3 {
		font-size: 50px !important;
		padding-bottom: 20px !important;
		line-height: 1.5rem !important;
	}

	#informacoes hr { margin-top: 1rem !important; margin-bottom: 1rem !important; }

	#informacoes .back {     padding-top: 55px !important; }

	#informacoes p {
		font-size: 22px !important;
		line-height: 1.4rem !important;
	}

	#informacoes span {
		font-size: 17px !important; }

	#informacoes .back { height: 400px !important; }

	#dolby { margin-top: 35px; }

	.dolby {
		padding-top: 30px !important;
		z-index: 9;
		padding-right: 70px;
		padding-left: 70px;
		padding-bottom: 25px !important;
	}

	#dolby h2 {
	    line-height: 1.3em;
		font-size: 26px;
		padding-bottom: 2px;
	}

	#dolby h2 { padding-left: 0px; }

	#dolby h4 {
		font-size: 15px !important;
		line-height: 1.5;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 10px;
	}

	#dolby .selo {
		padding-left: 0%;
		padding-top: 7%;
		max-width: 149px;
	}

	.cores-p {     padding-left: 0px;
		padding-right: 0px; }
	#cores-tecno .content-video {
		width: 180%;
		margin-left: 306px;
		margin-right: -3px;
		margin-top: 290px;
	}

	#cores-tecno h2 { text-align: center; }

	#cores-tecno {
		padding-top: 15px;
    padding-bottom: 0px;
	}

	#cores-tecno h4 {  text-align: center; }

	#cores .tit-cores {     font-size: 28px;     padding-left: 0px;
		padding-right: 0px;}
	.pos-cores-tecno { top: 3%;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	} 

	#cores .nota {
		font-size: 15px;
		line-height: 1.3;
	}

	#cores-tecno h2 {
		font-size: 28px;
		padding: 10px 5px 0px 25px;
		line-height: 2rem;
	}
	
	#cores-tecno h4 { font-size: 15px !important;
		padding: 15px 10px 5px 25px;
		line-height: 1.3rem; }
	
	#cores-tecno .pos-led { padding: 25px 50px 20px 50px;
		max-width: 210px; }

	.col-voz { -ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%; padding-top: 30px !important; }

	#voz h3 {
		color: #494949;
		font-weight: bold;
		font-size: 24px;
		line-height: 1.2;
		padding-top: 0px;
		padding-left: 10%;
		padding-right: 10%;
		padding-bottom: 25px;
	}

	.p-voz {  padding-left: 0px; padding-right: 0px; }

	#voz p {
		font-size: 0.9rem;
		line-height: 1.3;
		padding: 0px 10% 0px 10%;
	}

	.voz-0 {  padding: 0px; }
	.img-voz {
		max-width: 175px;
	}

	#mundo {
		margin-top: 0px;
		z-index: -2;
	}

	#mundo .content-video {
		padding-top: 100px;
		width: 126%;
		margin-left: -13%; }
	.pos-mundo {
		padding-top: 42px;
		padding-left: 0px;
		padding-right: 0px;
	}
	#mundo h4 {  
		font-size: 14px !important;
		padding-left: 0px;
		padding-top: 0px;
		line-height: 1.2rem !important; }
	#mundo h3 {        font-size: 19px;
		padding-left: 10px;
		line-height: 1.5rem;
		max-width: 305px; }

	.pos-img-proc {
		bottom: 15px;
	}
	.video_p { width: 150%; }
    #processador { margin-top: 0px !important; }
	.pos-tit-proc { top: 15px; }
	#back-proc { height: 125px; }
	#back-proc h3 { font-size: 1.2rem; }

	.resolve-max { width: 135%; }
	.max-logo { max-width: 36%;
		margin-right: 4px; }
	.pos-intro {
		top: 3%;
		max-width: 393px;
	}
	.col-intro {        max-width: 64%;
		padding-right: 0px;
		padding-top: 2px;
		text-align: center; }

	#infos-android {
		height: 580px;
    margin-top: -300px;
	}

	#features_topo {
		padding: 45px 5px 15px 0px;
		width: 100%;
	}

	#android {
		position: absolute;
		bottom: 57%;
		max-width: 53%;
	}
}


@media (max-width: 609px) {
	#informacoes  { padding-top: 0px !important; }
	#informacoes hr { margin-top: 1rem; margin-bottom: 1rem; }
	#informacoes h3 { color: #4a4a49;
		font-weight: bold;
		font-size: 91px;
		text-align: center;
		padding-bottom: 35px;
		line-height: 1.8rem; }
	
	#informacoes h1 {       font-size: 32px;  font-weight: 600 !important; }

	#informacoes .img-info { padding-top: 10px; }
	#informacoes .back { background: url(../img/hex_01.webp) no-repeat right;
		background-size: contain;
		width: 100%;
		position: relative;
		height: 540px;
		padding-left: 35%;
		padding-right: 0px;
		padding-top: 65px;
		text-align: right; }

	.pos-tecno { 
		right: 0% ;
		padding-top: 12px;
	 }
	.pos-tecno { padding-top: 12px;    position: relative; }
	.display-mobile { display: none !important; }
	.col-dolby { -ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%; }
	.pl-d { padding-left: 0px; }

	#borda h3 {
		line-height: 1em;
		font-size: 28px;
		padding-bottom: 0px;
	}

	#borda h4 {
		line-height: 1.4em;
		padding-bottom: 10px;
		padding-top: 5px;
		max-width: 400px;
		font-size: 15px !important;
	}

}


@media (min-width: 610px) {
	.display-desk { display: none !important; }
}


@media (max-width: 307px) {

	#cores {
		padding-top: 75%;
	}

	#infos-android {
		height: 515px !important;
		margin-top: -295px !important;
	}

	#informacoes .max-tela {
		padding-left: 0% !important;
	}

	.max-tela {
		max-width: 96% !important;
	}

	#informacoes .img-info {
		padding-top: 40px !important;
	}

	#informacoes h1 { font-size: 30px !important; }

	#informacoes h3 {
		font-size: 45px !important;
		padding-bottom: 12px !important;
		line-height: 1.2rem !important;
	}

	#informacoes hr {
		margin-top: 0.3rem !important;
		margin-bottom: 0.3rem !important;
	}

	#informacoes .back { padding-top: 79px !important; }

	#informacoes p {
		font-size: 17px !important;
		line-height: 1.4rem !important;
	}

	#informacoes span {
		font-size: 17px !important; }

	#informacoes .back { height: 400px !important;margin-top: -30px; }

	#hdr { margin-top: 10px !important; }

	#dolby { margin-top: 0px; }

	.dolby {
		padding-top: 25px !important;
		z-index: 9;
		padding-right: 15px;
		padding-left: 15px;
		padding-bottom: 20px !important;
	}

	#dolby h2 {
	    line-height: 1.3em;
		font-size: 20px;
		padding-bottom: 2px;
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	#dolby h2 { padding-left: 0px; }

	#hdr { padding: 32px 0px 50px 0px; }

	#dolby h4 {
		font-size: 14px !important;
		line-height: 1.2;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 5px;
	}

	#dolby .selo {
		padding-left: 0%;
		padding-top: 8%;
		max-width: 115px;
	}
    
	.cores-p2 { padding-left: 0px;
		padding-right: 0px; }
	.cores-p { padding-left: 0px;
		padding-right: 0px; }

	#cores-tecno h4 {
		font-size: 14px !important;
		padding: 15px 5px 5px 5px !important;
		line-height: 1.2rem !important;
	} 

	#cores-tecno .content-video {   margin-top: 350px !important;     width: 180% !important;
		margin-left: 200px !important;
		margin-right: -3px;
		margin-top: 310px !important; }


	#cores-tecno { padding-bottom: 40px!important; }

	#cores .nota {
		font-size: 14px !important;
		line-height: 1.2 !important;
	} 

	.col-mundo {-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;}

	#mundo {
		margin-top: 80px;
		z-index: -2;
	}

	#mundo .content-video {
		padding-top: 100px;
		width: 126%;
		margin-left: -13%; }
	.pos-mundo {
		padding-top: 0px;
		padding-left: 0px;
		padding-right: 0px;
		margin-top: -33px;
	}
	#mundo h4 {  
		font-size: 14px !important;
		padding-left: 0px;
		padding-top: 0px;
		line-height: 1.2rem !important; }
	#mundo h3 {   font-size: 17px;
		padding-left: 16px;
		line-height: 1.3rem;
		max-width: 260px;
		padding-bottom: 3px; }
}



@media (max-width: 408px) {

	.spec-info {    margin-top: -20%;
		padding-bottom: 45px;         padding-top: 45px;}

	.texto-informacoes {
		padding: 30px 0 0 10px;
	}

	#cores-tecno .max-row {
		margin-top: 375px;
		max-width: 180%;
		margin-left: 84%;
	}


	.canais-hei {
		margin-top: 120px !important;
		max-width: 130%;
		margin-left: -13%;
	}
	.col-intro {
		max-width: 50% !important;
		padding-right: 0px;
		padding-top: 1px;
		text-align: center;
		padding-left: 0px;        margin-left: -116px;
	}

	.max-logo {
		max-width: 50%;
		margin-right: 0px;
	}

	.img-spec {      max-width: 207%;
		margin-left: 0px;}

		.spec-info_tittle {
			padding-top: 35px;
			font-size: 27px;
			padding-left: 15px;
			line-height: 1.1;
		}

	.spec-info_txt {
		font-weight: 300;padding-left: 20px;
		font-size: 15px;
		line-height: 22px;
	}

	.spec-container { padding-top: 5px;
		padding-bottom: 30px; -ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;     padding-left: 0px;
		padding-right: 0px;}

	#cores-tecno .content-video {
		width: 180%;
		margin-left: 306px;
		margin-right: -3px;
		margin-top: 290px;
	}

	#cores-tecno h2 { text-align: center; }

	#cores-tecno {
		padding-top: 15px;
		padding-bottom: 40px;
	}

	#cores-tecno h4 {  text-align: center; }

	#cores .tit-cores {     font-size: 28px; }
	.pos-cores-tecno { top: 3%;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	} 

	#cores .nota {
		font-size: 15px;
		line-height: 1.3;
	}

	#cores-tecno h2 {
		font-size: 26px;
		padding: 10px 5px 0px 5px;
		line-height: 1.8rem;
	}
	
	#cores-tecno h4 { font-size: 14px !important;
		padding: 15px 5px 5px 5px;
		line-height: 1.2rem; }
	
	#cores-tecno .pos-led { padding: 25px 50px 20px 50px;
		max-width: 210px; }

	#hdr {min-height: 275px;}

	#cores-tecno .content-video {
		width: 180%;
		margin-left: 306px;
		margin-right: -3px;
		margin-top: 290px;
	}

	#cores-tecno h2 { text-align: center; }

	#cores-tecno {
		padding-top: 15px;
		padding-bottom: 40px;
	}

	#cores-tecno h4 {  text-align: center; }

	#cores .tit-cores {     font-size: 28px; }
	.pos-cores-tecno { top: 3%;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	} 

	#cores .nota {
		font-size: 15px;
		line-height: 1.3;
	}
	
	#cores-tecno h4 { font-size: 14px !important;
		padding: 15px 10px 5px 25px;
		line-height: 1.3rem; }
	
	#cores-tecno .pos-led {     padding: 15px 50px 20px 50px;
		max-width: 190px; }

	.col-voz { -ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%; padding-top: 10px !important; }

	#voz h3 {
		color: #494949;
		font-weight: bold;
		font-size: 20px;
		line-height: 1.2;
		padding-top: 30px;
		padding-left: 2%;
		padding-right: 2%;
	}

	.p-voz {  padding-left: 0px; padding-right: 0px; }

	#voz p {
		font-size: 0.9rem;
		line-height: 1.3;
		padding: 0px 2% 0px 2%;
	}

	.voz-0 {
		padding: 0px;
		padding-bottom: 20px;
	}
	.img-voz {
		max-width: 175px;
	}

	
	.pos-img-proc { bottom: 14px; }
	.video_p { width: 150%; }
	#processador { margin-top: 0px !important; }
	.pos-tit-proc { top: 20px; }
	#back-proc { height: 125px; }
	#back-proc h3 { font-size: 1rem; }

	.resolve-max {  width: 145%; }
	.max-logo { max-width: 47%; margin-right: -10px; }
	.pos-intro { top: 7%; }
	.col-intro {  max-width: 85%; padding-right: 0px; }

	#infos-android {
		height: 560px;
		margin-top: -315px;
	}

	#features_topo {
		padding: 45px 0px 0px 0px;
		width: 100%;
	}

	#android {
		position: absolute;
    bottom: 50%;
    max-width: 57%;
	}

	.col-android { padding: 0; }

	.feature_topo {
		margin-bottom: 20px;
	}
}

@media (max-width: 991px) {
   .tit-hdr { font-size: 1.79rem; }
   .text-silver { font-size: 1.3rem; }
   .h1, h1 { font-size: 1.3rem; }
}


@media (max-width: 768px) {
	
	.justify-sala {   -ms-flex-pack: left!important; justify-content: left!important; }
	.desk-mobile { display: none; }
	#sala .aplicativos {  font-size: 1.6em; }
	.text-silver { padding-top: 0px; }
	.directv .frase-small { bottom: -50px; }
	.tit-hdr {  font-size: 1.4rem; line-height: 2rem; }
	#hdr .info-design { font-size: 1.44em; }
	.fone-app {  margin-bottom: -99px; }
	#features { padding: 50px 10px 10px 10px; }
	.pb-100 { padding-bottom: 30px; }
	.p-app { padding: 1rem!important; }
	.layer8 { max-width: 130px !important; }
	.text4 { max-width: 135px !important; }
	h4, h4 { font-size: 1.2rem !important; }
	.pos-control { max-width: 175px !important; }
	#controle { min-height: 410px !important; }
}

@media (max-width: 580px) {

	#bloco_04 p {    padding-left: 30px !important;
		padding-right: 30px !important; }
	#sala .aplicativos { font-size: 1.3em; }
	#compativel .title-compativel { font-size: 1rem; line-height: 1.2; }
	.tit-hdr { font-size: 1.2rem !important; }
	#hdr .info-design { font-size: 1.22em !important; }
	#audicao h5 { font-size: 1.6em !important; }
	.fone-app { margin-bottom: -68px !important; }
	.text-small { font-size: 0.6rem; padding-top: 20px; line-height: 0.9rem; text-align: center; }
	.logo-chromecast {  max-width: 120px; }
	.text-white { padding-top: 8px; margin-bottom: 5px; max-width: 220px; line-height: 1.2; }
	.text-silver { padding-top: 0px; margin-bottom: 0px; max-width: 100%; line-height: 1.2; font-size: 1rem; }
	.info-busca { top: 15px; }
	.infos-box { padding-bottom: 60px; }
	.p-app { padding: 0.7rem!important; }
	.mt-app { margin-top: 10px; }
	#sala .aplicativos { margin: 0px 0px 15px 0px; }
	.p-small { padding: 0.4rem!important; } 

	#informacoes .max-info {
		width: 165%;
		margin-left: -25%;
	}
}


@media (max-width: 380px) {
   .text-silver { font-size: 0.8rem; }
   #sala .aplicativos {  margin: 0px 0px 5px 0px; }
   .p-app { padding: 0.5rem!important; } 
   .p-small { padding: 0.4rem!important; } 
}

@media (max-width: 420px) {
	.layer8 { max-width: 120px !important; }
	.pos-control { max-width: 140px !important; right: -35px; }
	.infos-intro { font-size: 1.2em; }
	.pos-tv { padding-top: 10px; }
	#compativel .title-compativel { padding-top: 36px !important; }
	.numeros-roku .nota { font-size: 0.67em !important; max-width: 205px !important; }
	.logo-chromecast { max-width: 110px; }
	h4, h4 { font-size: 1.1rem !important; }
}

@media (min-width: 280px) {
	.numeros-roku .episodios .numero { font-size: 3.5em; width: 100%; text-align: right; }
	.numeros-roku .categoria { font-size: 1rem; }
	.numeros-roku .numero { font-size: 3.3em; }
	.numeros-roku .nota {  font-size: 0.6em;  }
}


@media (min-width: 400px) {

	.episodios, .canais {
		padding-right: 0px !important;
	}

	.info-busca {
		font-size: 0.9em;
	}

}


@media (min-width: 768px) {
	.desk-google { display: none; }
	.shadow {  padding-top: 10px; padding-bottom: 10px; }
    .pt-text-video { padding-top: 38%; }
	.p-velocidade { padding-top: 28%; }
	.video_pos {  z-index: -2; position: absolute; top: -160px; }
	.processador_pos {  z-index: -2; position: absolute; top: -30px; }
	.p-app { padding: 3rem; }
	.display-hdr-video { display: none; }
	.numeros-roku .episodios .numero { font-size: 7.6em; }
	.numeros-roku .categoria { font-size: 1.5rem; }
	.numeros-roku .numero {  font-size: 6.5em; }
	.numeros-roku .nota { font-size: 0.73em;  }

	header {
		padding: 0px;
	}

	.logos-tv {
		margin-top: -8px;
	}

	.tv-intro {
		margin-top: -150px;
	}

	#intro {
		background: url('../img/bg-fluxo.png') repeat-y;
		background-size: 50% auto;
	}

	.bg-intro {
		background: url('../img/bg-fluxo-right.png') bottom right no-repeat;
		background-size: auto 100%;
	}

	.infos-intro {
		text-align: left;
		font-size: 1.8em;
		padding-bottom: 40px;		
	}

	#resposta .nota {
		font-size: 0.6em;
	}

	#sala .nota {
		font-size: 0.6em;
	}

	#resposta .processador {
		font-size: 2em;
	}
    
	#sala .aplicativos { font-size: 1.8em; }
	
	#resposta .info-velocidade {
		font-size: 1.2em;
	}

	.info-som { 
		font-size: 2.5em;
	}

	.nota-features {
		font-size: 0.6em;
	}

	.centralconteudo {
		font-size: 1.5em;
		line-height: 1.3;
	
	}

	.info-busca {
		font-size: 1.2em;
	}

	#busca {
		padding-top: 0px;
	}

	#busca .title-busca {
		font-size: 2em;
		line-height: 1.3;
	}

	.title-streaming {
		font-size: 2.5em;
	}

	.info-directv {
		font-size: 2.5em;
		padding: 0px 15px;
	}

	#quatrok {
		font-size: 1.5em;
	}

	#smart55 {
		font-size: 1.5em;
	}

	#processador {
		font-size: 1.5em;
	}

	#hdr {
		font-size: 1.2em;
	}

	.title-app {
		font-size: 3em;
	}

	.info-app p, #audicao p {
		font-size: 1.2em;
	}

	.nota-app {
		font-size: 0.6em;
	}

	.fone-app {
		margin-bottom: -186px;
	}

	.info-fone {
		font-size: 1.8em;
	}

}

@media (min-width: 992px) {

	.numeros-roku .episodios .numero { font-size: 6em; }

	.infos-intro {
		font-size: 2em;	
	}

	#resposta .processador {
		font-size: 2.8em;
	}

	#sala .aplicativos {  font-size: 2em;  }

	#resposta .info-velocidade {
		font-size: 2em;
	}

	.info-som { 
		font-size: 4em;
	}

	.streaming-roku {
		font-size: 1.5em;
		padding: 40px;
	}

	.centralconteudo {
		text-align: left;
	}

	.info-busca {
		line-height: 1.2em;
	}

	.info-directv {
		font-size: 2.5em;
		padding: 0px 15px 50px 0px;
		line-height: 1.1em;
	}

	.directv {
		padding-bottom: 80px;
	}

	#hdr {
		font-size: 2em;
	}

	#hdr p {
		line-height: 1.2em;
		padding-bottom: 30px;
	}

	.title-app {
		font-size: 4em;
		margin: 35px 9px 15px 10px;
	}

	.info-app p, #audicao p {
		font-size: 1.2em;
        line-height: 1.6em;
		max-width: 625px;
	}

	.feature {
		max-width: 35% !important;
	}

	.feature_topo {
		max-width: 35% !important;
	}

	.app-store {
		max-width: 35% !important;
	}

}




@media (min-width: 1100px) {
	.voz-20 { padding-top: 20px !important; }
	.p-app { padding: 3rem !important; }
	.infos-intro { font-size: 2.0em; }
	.numeros-roku .episodios .numero { font-size: 6.5em; }
	.centralconteudo { font-size: 1.3em; }
	.info-busca { top: 35px; }
}

@media (max-width: 999px) {
	.footer-logo { position: relative; bottom: 5px;}
	#controle { min-height: 530px; }
	h4, h4 { font-size: 1.5rem; }
	.layer8 { max-width: 280px; }
	.text4 { text-align: left; max-width: 400px; }
	.content-left { justify-content: left!important; }
	.pos-control { max-width: 330px; }
	.infos-box { max-width: 100%; margin-left: 0px; }
    .pos-compativel {  display: none; }
    .display-compativel { display: table-cell !important; }
    .col-compativel { flex: 0 0 100%; max-width: 100%; margin-top: 35px; }
	.col-control { flex: 0 0 100%; max-width: 100%; margin-top: 35px; }
	#compativel .title-compativel { max-width: 100%; padding-top: 20px; }
}

@media (min-width: 1199px) {
    .mt-app { margin-top: 1.5rem!important; }
	.p-app { padding: 3rem!important; }
	.centralconteudo  { font-size: 1.5em; }
	.numeros-roku .categoria { font-size: 1.6rem; }

	.spec-info_tittle {
		font-size: 41px;
		font-weight: 900;
		line-height: 1.2;
	}
	.spec-info_txt {font-size: 22px;}
	.spec-container {padding-right: 0px;}
  


	.spec-info {    max-height: 697px;
		padding-top: 4%;}

	
}