POCO X4 Pro 5G — 8/256GB / Laser Blue

/* =============== POCO X4 Pro 5G =============== */ #poco_x4_pro_5g { font-size: 16px; overflow: hidden; color: #191919; background-color: #ffffff; } #poco_x4_pro_5g ul, #poco_x4_pro_5g ol { list-style: none; padding-left: 0; } #poco_x4_pro_5g video, #poco_x4_pro_5g img { vertical-align: middle; } #poco_x4_pro_5g video { width: 100%; height: auto; } #poco_x4_pro_5g.xiaomi_container { max-width: 2560px; } #poco_x4_pro_5g .section { line-height: 1.2; } #poco_x4_pro_5g .section-bg { background-size: cover; background-position: center center; background-repeat: no-repeat; } #poco_x4_pro_5g .font-bold { font-weight: bold; } #poco_x4_pro_5g .font-light { font-weight: 300; } #poco_x4_pro_5g .text-box { text-align: center; color: #191919; padding: 5% 12.5%; } #poco_x4_pro_5g .text-box.text-box--left { text-align: left; } #poco_x4_pro_5g .text-box--white { color: #ffffff; } #poco_x4_pro_5g .text-box .title, #poco_x4_pro_5g .text-box .desc, #poco_x4_pro_5g .text-box .text { display: block; } #poco_x4_pro_5g .text-box .title { font-size: 36px; line-height: 1.2; } #poco_x4_pro_5g .text-box .title.title--big { font-size: 42px; margin-bottom: 20px; } #poco_x4_pro_5g .text-box .desc { font-size: 22px; line-height: 1.5; margin-top: 25px; font-weight: 700; } #poco_x4_pro_5g .text-box .text { font-size: 15px; line-height: 1.5; margin-top: 25px; font-weight: 300; } #poco_x4_pro_5g .text-box .text.text--small { font-size: 14px; opacity: .5; } #poco_x4_pro_5g .video-box, #poco_x4_pro_5g .image-box { padding: 0 12.5%; } #poco_x4_pro_5g .video-box video { width: 100%; height: auto; } #poco_x4_pro_5g .video a, #poco_x4_pro_5g .video .video-link { position: relative; z-index: 1; display: block; overflow: hidden; cursor: pointer; } #poco_x4_pro_5g .video a img, #poco_x4_pro_5g .video .video-link img { transition: 0.3s ease-in-out transform; } #poco_x4_pro_5g .video a:hover img, #poco_x4_pro_5g .video .video-link:hover img { transform: scale(1.1); } #poco_x4_pro_5g .video a::after, #poco_x4_pro_5g .video .video-link::after { content: ''; position: absolute; transform: translateX(-50%) translateY(-50%); width: 56px; height: 56px; background: url('https://media.mi-home.pl/products/poco-x4-pro-5g/play-btn.png') no-repeat center center / contain; left: 50%; top: 50%; z-index: 2; } @media (max-width: 991.98px) { #poco_x4_pro_5g .text-box { padding: 5%; } #poco_x4_pro_5g .text-box .title { font-size: 26px; } #poco_x4_pro_5g .text-box .title.title--big { font-size: 36px; } #poco_x4_pro_5g .video-box, #poco_x4_pro_5g .image-box { padding: 0 5%; } } @media (max-width: 767.98px) { #poco_x4_pro_5g .text-box .title { font-size: 22px; } #poco_x4_pro_5g .text-box .title.title--big { font-size: 28px; } #poco_x4_pro_5g .text-box .desc { font-size: 18px; margin-top: 10px; } #poco_x4_pro_5g .text-box .text { margin-top: 15px; } } @media only screen and (max-width: 575.98px) { #poco_x4_pro_5g .text-box { padding: 10% 5%; } #poco_x4_pro_5g .text-box .title { font-size: 20px; } #poco_x4_pro_5g .text-box .title.title--big { font-size: 24px; } #poco_x4_pro_5g .text-box .desc { font-size: 16px; } #poco_x4_pro_5g .text-box .text { font-size: 14px; } } @media (min-width: 1200px) { #poco_x4_pro_5g .text-box .text { padding-left: 10%; padding-right: 10%; } #poco_x4_pro_5g .text-box .text { font-size: 18px; } #poco_x4_pro_5g .text-box.text-box--left .text { padding-left: 0; padding-right: 0; } } /* =============== Section 01 =============== */ #poco_x4_pro_5g .section-01 { background-image: url('https://media.mi-home.pl/products/poco-x4-pro-5g/section-01.jpg'); height: 680px; } #poco_x4_pro_5g .section-01 .text-box { padding-left: 60%; padding-top: 15%; } #poco_x4_pro_5g .section-01 .text-box .title { font-weight: 500; color: #ffd300; } #poco_x4_pro_5g .section-01 .text-box .title img { width: 360px; display: inline-block; margin-bottom: 25px; } #poco_x4_pro_5g .section-01 .text-box .text { margin-top: 25px; font-size: 16px; font-weight: normal; } @media (max-width: 991.98px) { #poco_x4_pro_5g .section-01 { height: 440px; } #poco_x4_pro_5g .section-01 .text-box { padding-left: 55%; padding-top: 12.5%; } #poco_x4_pro_5g .section-01 .text-box .title img { width: 280px; margin-bottom: 15px; } #poco_x4_pro_5g .section-01 .text-box .text { font-size: 15px; margin-top: 15px; } } @media (max-width: 767.98px) { #poco_x4_pro_5g .section-01 { height: 380px; } #poco_x4_pro_5g .section-01 .text-box .text { font-size: 14px; } #poco_x4_pro_5g .section-01 .text-box .title img { width: 240px; } } @media only screen and (max-width: 575.98px) { #poco_x4_pro_5g .section-01 { height: auto; background-size: 150% auto; background-position: left bottom; padding-bottom: 300px; background-color: #120B00; } #poco_x4_pro_5g .section-01 .text-box { padding: 10% 5%; text-align: center; background-color: #120B00; } } @media only screen and (max-width: 363.98px) { #poco_x4_pro_5g .section-01 { padding-bottom: 220px; } } @media (min-width: 1200px) { #poco_x4_pro_5g .section-01 { height: 780px; } #poco_x4_pro_5g .section-01 .text-box .text { font-size: 19px; } } @media (min-width: 1600px) { #poco_x4_pro_5g .section-01 { height: 880px; } } /* =============== Section 03 =============== */ #poco_x4_pro_5g .section-03 { position: relative; z-index: 1; } #poco_x4_pro_5g .section-03 .text-box { position: absolute; z-index: 2; width: 100%; left: 0; top: 0; } #poco_x4_pro_5g .section-03 .text-box:first-of-type .title { font-weight: 900; } #poco_x4_pro_5g .section-03 .text-box--left { padding-right: 50%; padding-top: 17.5%; } #poco_x4_pro_5g .section-03 .list { display: flex; flex-wrap: wrap; padding-top: 30px; } #poco_x4_pro_5g .section-03 .list .item { flex: 0 0 100%; width: 100%; padding: 10px 10px 10px 0; color: #191919; } #poco_x4_pro_5g .section-03 .list .title { font-weight: bold; font-size: 28px; } #poco_x4_pro_5g .section-03 .list .text { margin-top: 0; } @media (max-width: 991.98px) { #poco_x4_pro_5g .section-03 .list .title { font-size: 24px; } #poco_x4_pro_5g .section-03 .list { padding-top: 20px; } } @media (max-width: 767.98px) { #poco_x4_pro_5g .section-03 { padding-top: 30%; background-color: #FFC700; } } @media only screen and (max-width: 575.98px) { #poco_x4_pro_5g .section-03 { padding-top: 0; } #poco_x4_pro_5g .section-03 .text-box { position: static; padding: 5%; text-align: center; } #poco_x4_pro_5g .section-03 .list .title { font-size: 20px; } #poco_x4_pro_5g .section-03 .list .item { flex: 0 0 50%; width: 50%; padding: 10px; } } @media (min-width: 1200px) { #poco_x4_pro_5g .section-03 .text-box:first-of-type .title { font-size: 44px; } #poco_x4_pro_5g .section-03 .list .item { flex: 0 0 50%; width: 50%; } #poco_x4_pro_5g .section-03 .list .title { font-size: 36px; } #poco_x4_pro_5g .section-03 .list .item { padding: 20px 20px 20px 0; } } /* =============== Section 04 =============== */ #poco_x4_pro_5g .section-04 { position: relative; z-index: 1; } #poco_x4_pro_5g .section-04 .text-box { position: absolute; z-index: 2; width: 100%; left: 0; top: 0; padding: 1% 20%; } #poco_x4_pro_5g .section-04 .text-box .title { color: #f3cf32; font-size: 24px; } @media (max-width: 991.98px) { #poco_x4_pro_5g .section-04 .text-box .title { font-size: 18px; } } @media (max-width: 767.98px) { #poco_x4_pro_5g .section-04 { padding-bottom: 100px; background-color: #FFAE02; } #poco_x4_pro_5g .section-04 .text-box { padding-top: 20px; text-align: center; } #poco_x4_pro_5g .section-04 .text-box .text { padding-top: 290px; } } @media only screen and (max-width: 575.98px) { #poco_x4_pro_5g .section-04 { padding-bottom: 0; } #poco_x4_pro_5g .section-04 .text-box { padding: 10% 5%; position: static; color: #191919; } #poco_x4_pro_5g .section-04 .text-box .text { padding-top: 0; } #poco_x4_pro_5g .section-04 .text-box .title { color: #191919; font-size: 20px; } } @media (min-width: 1400px) { #poco_x4_pro_5g .section-04 .text-box .title { font-size: 36px; } } /* =============== Section 05 =============== */ #poco_x4_pro_5g .section-05 { background-image: url('https://media.mi-home.pl/products/poco-x4-pro-5g/section-05.jpg'); height: 680px; } #poco_x4_pro_5g .section-05 .text-box .title { color: #f3cf32; padding: 0 10%; } @media (max-width: 991.98px) { #poco_x4_pro_5g .section-05 { height: 560px; } } @media (max-width: 767.98px) { #poco_x4_pro_5g .section-05 { height: 520px; } } @media only screen and (max-width: 575.98px) { #poco_x4_pro_5g .section-05 { height: auto; background-size: 150% auto; background-position: center bottom; padding-bottom: 300px; background-color: #010101; } #poco_x4_pro_5g .section-05 .text-box { padding: 10% 5%; text-align: center; } } @media only screen and (max-width: 363.98px) { #poco_x4_pro_5g .section-05 { padding-bottom: 250px; } } @media (min-width: 1200px) { #poco_x4_pro_5g .section-05 { height: 780px; } } @media (min-width: 1620px) { #poco_x4_pro_5g .section-05 { height: 880px; } } @media (min-width: 2080px) { #poco_x4_pro_5g .section-05 { height: 980px; } } /* =============== Section 06 =============== */ #poco_x4_pro_5g .section-06 { background-image: url('https://media.mi-home.pl/products/poco-x4-pro-5g/section-06.jpg'); height: 680px; } #poco_x4_pro_5g .section-06 .text-box { padding-right: 45%; padding-top: 10%; } #poco_x4_pro_5g .section-06 .list { display: flex; flex-wrap: wrap; padding-top: 30px; } #poco_x4_pro_5g .section-06 .list .item { flex: 0 0 33.3333%; width: 33.3333%; padding: 20px 20px 20px 0; color: #ffffff; } #poco_x4_pro_5g .section-06 .list .item img { width: 64px; } #poco_x4_pro_5g .section-06 .list .item-text { display: block; margin-top: 10px; font-weight: 900; font-size: 16px; } @media (max-width: 991.98px) { #poco_x4_pro_5g .section-06 { height: 560px; } #poco_x4_pro_5g .section-06 .list .item-text { font-size: 15px; } #poco_x4_pro_5g .section-06 .text-box { padding-right: 40%; } } @media only screen and (max-width: 575.98px) { #poco_x4_pro_5g .section-06 { height: auto; background-size: 140% auto; background-position: right bottom; padding-bottom: 300px; background-color: #170E08; } #poco_x4_pro_5g .section-06 .text-box { padding: 10% 5%; text-align: center; } #poco_x4_pro_5g .section-06 .list .item-text { font-size: 14px; } } @media only screen and (max-width: 363.98px) { #poco_x4_pro_5g .section-06 { padding-bottom: 200px; } #poco_x4_pro_5g .section-06 .list .item { flex: 0 0 100%; width: 100%; padding: 20px 10px; } } @media (min-width: 1200px) { #poco_x4_pro_5g .section-06 { height: 760px; } #poco_x4_pro_5g .section-06 .text-box { padding-right: 50%; } #poco_x4_pro_5g .section-06 .list .item-text { font-size: 20px; } } @media (min-width: 1620px) { #poco_x4_pro_5g .section-06 { height: 860px; } } @media (min-width: 2080px) { #poco_x4_pro_5g .section-06 { height: 960px; } } /* =============== Section 07 & 13 & 21 =============== */ #poco_x4_pro_5g .section-label { background-image: url('https://media.mi-home.pl/products/poco-x4-pro-5g/section-07.jpg'); } #poco_x4_pro_5g .section-label .text-box { padding-top: 7.5%; padding-bottom: 7.5%; } #poco_x4_pro_5g .section-label .text-box .title { font-weight: 900; } @media (min-width: 1200px) { #poco_x4_pro_5g .section-label .text-box .title { font-size: 46px; } } /* =============== Section 08 =============== */ #poco_x4_pro_5g .section-08 { background-image: url('https://media.mi-home.pl/products/poco-x4-pro-5g/section-08.jpg'); height: 680px; } #poco_x4_pro_5g .section-08 .text-box .title { color: #f3cf32; padding: 0 10%; } @media (max-width: 991.98px) { #poco_x4_pro_5g .section-08 { height: 560px; } } @media (max-width: 767.98px) { #poco_x4_pro_5g .section-08 { height: 480px; } } @media only screen and (max-width: 575.98px) { #poco_x4_pro_5g .section-08 { height: auto; background-size: 150% auto; background-position: center bottom; padding-bottom: 250px; background-color: #010101; } #poco_x4_pro_5g .section-08 .text-box { padding: 10% 5%; text-align: center; } } @media only screen and (max-width: 363.98px) { #poco_x4_pro_5g .section-08 { padding-bottom: 200px; } } @media (min-width: 1200px) { #poco_x4_pro_5g .section-08 { height: 780px; } } @media (min-width: 1620px) { #poco_x4_pro_5g .section-08 { height: 880px; } } @media (min-width: 2080px) { #poco_x4_pro_5g .section-08 { height: 980px; } } /* =============== Section 09 =============== */ #poco_x4_pro_5g .section-09 { background-image: url('https://media.mi-home.pl/products/poco-x4-pro-5g/section-09.jpg'); height: 860px; } #poco_x4_pro_5g .section-09 .text-box { padding: 7.5% 10%; } #poco_x4_pro_5g .section-09 .text-box .title { color: #ffd400; } #poco_x4_pro_5g .section-09 .list { display: flex; flex-wrap: wrap; padding-top: 60px; width: 70%; } #poco_x4_pro_5g .section-09 .list .item { flex: 0 0 50%; width: 50%; padding: 20px 10px 20px 0; color: #ffffff; } #poco_x4_pro_5g .section-09 .list .title { font-weight: bold; font-size: 28px; color: #ffd400; } #poco_x4_pro_5g .section-09 .list .text { margin-top: 0; } @media (max-width: 991.98px) { #poco_x4_pro_5g .section-09 { height: 760px; } #poco_x4_pro_5g .section-09 .text-box { padding: 7.5% 5%; } #poco_x4_pro_5g .section-09 .list .item { flex: 0 0 100%; width: 100%; padding: 10px 10px 10px 0; } } @media (max-width: 767.98px) { #poco_x4_pro_5g .section-09 { height: 640px; } #poco_x4_pro_5g .section-09 .list { padding-top: 30px; } #poco_x4_pro_5g .section-09 .list .title { font-size: 24px; } } @media only screen and (max-width: 575.98px) { #poco_x4_pro_5g .section-09 { height: 560px; padding-top: 5%; } #poco_x4_pro_5g .section-09 .list .title { font-size: 20px; } } @media (min-width: 1200px) { #poco_x4_pro_5g .section-09 { height: 980px; } #poco_x4_pro_5g .section-09 .list .title { font-size: 36px; } #poco_x4_pro_5g .section-09 .list { padding-top: 80px; } #poco_x4_pro_5g .section-09 .text-box { padding: 7.5% 20%; } } @media (min-width: 1620px) { #poco_x4_pro_5g .section-09 { height: 1180px; } } @media (min-width: 2080px) { #poco_x4_pro_5g .section-09 { height: 1360px; } } /* =============== Section 10 =============== */ #poco_x4_pro_5g .section-10 { background-image: url('https://media.mi-home.pl/products/poco-x4-pro-5g/section-10.jpg'); height: 860px; } #poco_x4_pro_5g .section-10 .text-box { padding-left: 15%; padding-right: 15%; } @media (max-width: 991.98px) { #poco_x4_pro_5g .section-10 { height: 760px; } #poco_x4_pro_5g .section-10 .text-box { padding-left: 5%; padding-right: 5%; } } @media (max-width: 767.98px) { #poco_x4_pro_5g .section-10 { height: 660px; } } @media only screen and (max-width: 575.98px) { #poco_x4_pro_5g .section-10 { height: 560px; } #poco_x4_pro_5g .section-10 .text-box { padding-top: 2.5%; } } @media (min-width: 1200px) { #poco_x4_pro_5g .section-10 { height: 980px; } } @media (min-width: 1620px) { #poco_x4_pro_5g .section-10 { height: 1180px; } } @media (min-width: 2080px) { #poco_x4_pro_5g .section-10 { height: 1360px; } } /* =============== Section 11 =============== */ #poco_x4_pro_5g .section-11 { padding-top: 10%; padding-bottom: 5%; position: relative; z-index: 1; } #poco_x4_pro_5g .section-11 .text-box { position: absolute; z-index: 2; top: 10%; left: 0; width: 100%; padding: 0 55% 0 15%; } #poco_x4_pro_5g .section-11 .image-wrapper { max-width: 1080px; width: 90%; margin: 0 auto; } #poco_x4_pro_5g .section-11 .list { width: 75%; margin: 0 auto; padding: 50px; display: flex; flex-wrap: wrap; justify-content: space-between; background: #ffd504; /* Old browsers */ background: -moz-linear-gradient(-45deg, #ffd504 0%, #f9af02 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, #ffd504 0%,#f9af02 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg, #ffd504 0%,#f9af02 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd504', endColorstr='#f9af02',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ border: 2px solid #E6C93F; } #poco_x4_pro_5g .section-11 .list .item { color: #191919; flex: 0 0 30%; width: 30%; font-size: 16px; } #poco_x4_pro_5g .section-11 .list .item .title { display: inline-block; margin-right: 10px; font-weight: 900; font-size: 28px; } #poco_x4_pro_5g .section-11 .list .item .bar { height: 8px; border-radius: 5px; background-color: #666666; margin-top: 20px; position: relative; z-index: 1; } #poco_x4_pro_5g .section-11 .list .item .bar::after { content: ''; position: absolute; left: 0; top: 0; border-radius: 5px; height: 100%; background-color: #F25F00; width: 30%; } #poco_x4_pro_5g .section-11 .list .item-2 .bar::after { width: 70%; } #poco_x4_pro_5g .section-11 .list .item-3 .bar::after { width: 90%; } @media (max-width: 991.98px) { #poco_x4_pro_5g .section-11 .text-box { width: 100%; padding: 0 55% 0 5%; } #poco_x4_pro_5g .section-11 .list { width: 90%; } #poco_x4_pro_5g .section-11 .list .item .title { display: block; } } @media (max-width: 767.98px) { #poco_x4_pro_5g .section-11 .text-box { top: 2.5%; padding-right: 50%; } #poco_x4_pro_5g .section-11 .list .item .title { font-size: 24px; } } @media only screen and (max-width: 575.98px) { #poco_x4_pro_5g .section-11 .text-box { position: static; text-align: center; padding: 0 5% 10% 5%; } #poco_x4_pro_5g .section-11 .list .item { flex: 0 0 100%; width: 100%; margin-bottom: 20px; } #poco_x4_pro_5g .section-11 .list .item .title { font-size: 20px; } } @media (min-width: 1200px) { #poco_x4_pro_5g .section-11 .list { padding: 50px 80px; } #poco_x4_pro_5g .section-11 .list .item { font-size: 18px; } #poco_x4_pro_5g .section-11 .list .item .title { font-size: 36px; } } @media (min-width: 1400px) { #poco_x4_pro_5g .section-11 .list .item .title { font-size: 42px; } } /* =============== Section 12 =============== */ @media only screen and (max-width: 575.98px) { #poco_x4_pro_5g .section-12 .text-box { text-align: center; } } /* =============== Section 14 =============== */ #poco_x4_pro_5g .section-14 { padding: 5% 0 7.5%; background-color: #1D1D1D; } #poco_x4_pro_5g .section-14 .text-box .title { color: #ffd400; } #poco_x4_pro_5g .section-14 .slider-box { max-width: 1080px; margin: 0 auto; width: 90%; } #poco_x4_pro_5g .section-14 .slider-item { text-align: center; } #poco_x4_pro_5g .section-14 .slider-item .text { font-weight: bold; font-size: 21px; color: #ffffff; display: inline-block; margin-top: 15px; } #poco_x4_pro_5g .section-14 .slick-slider .slick-dots li button { opacity: 1; width: 18px; height: 18px; } #poco_x4_pro_5g .section-14 .slick-slider .slick-dots li.slick-active button, #poco_x4_pro_5g .section-14 .slick-slider .slick-dots li button:hover { border: 1px solid #ffffff; } #poco_x4_pro_5g .section-14 .slick-slider .slick-dots li:nth-child(1) button { background: linear-gradient(to top left,#000,#fff); } #poco_x4_pro_5g .section-14 .slick-slider .slick-dots li:nth-child(2) button { background: linear-gradient(to top left,#fceb55,#fff); } #poco_x4_pro_5g .section-14 .slick-slider .slick-dots li:nth-child(3) button { background: linear-gradient(to top left,#4584d8,#fff); } @media (max-width: 767.98px) { #poco_x4_pro_5g .section-14 .slick-slider .slick-dots { bottom: 25px; } #poco_x4_pro_5g .section-14 .slider-item .text { font-size: 18px; } } @media only screen and (max-width: 575.98px) { #poco_x4_pro_5g .section-14 .slick-slider .slick-dots li button { width: 14px; height: 14px; } } /* =============== Section 15 =============== */ #poco_x4_pro_5g .section-15 { background-image: url('https://media.mi-home.pl/products/poco-x4-pro-5g/section-15.jpg'); height: 1080px; } #poco_x4_pro_5g .section-15 .text-box { padding-bottom: 30px; } #poco_x4_pro_5g .section-15 .title.title--big { font-weight: 900; margin-bottom: 30px; } #poco_x4_pro_5g .section-15 .list { width: 75%; margin: 0 auto; display: flex; flex-wrap: wrap; } #poco_x4_pro_5g .section-15 .list .item { flex: 0 0 40%; width: 40%; padding: 20px 20px 20px 0; color: #191919; display: flex; align-items: center; font-size: 16px; font-weight: 300; } #poco_x4_pro_5g .section-15 .list .item-img { flex: 0 0 64px; width: 64px; padding-right: 10px; } #poco_x4_pro_5g .section-15 .list .item-img img { width: 54px; } #poco_x4_pro_5g .section-15 .list .item .title { display: block; font-weight: 900; font-size: 22px; } @media (max-width: 991.98px) { #poco_x4_pro_5g .section-15 { height: 980px; } #poco_x4_pro_5g .section-15 .list { width: 90%; } #poco_x4_pro_5g .section-15 .list .item { font-size: 15px; } #poco_x4_pro_5g .section-15 .list .item .title { font-size: 18px; } } @media (max-width: 767.98px) { #poco_x4_pro_5g .section-15 { height: 880px; background-position: bottom center; background-size: 100% auto; background-color: #ffdf0c; } } @media only screen and (max-width: 575.98px) { #poco_x4_pro_5g .section-15 .text-box { text-align: center; } #poco_x4_pro_5g .section-15 .list { width: 100%; } #poco_x4_pro_5g .section-15 .list .item { flex: 0 0 50%; width: 50%; padding: 20px; } #poco_x4_pro_5g .section-15 .list .item .title { font-size: 16px; } } @media only screen and (max-width: 363.98px) { #poco_x4_pro_5g .section-15 .list .item { flex: 0 0 100%; width: 100%; padding: 10px; } #poco_x4_pro_5g .section-15 .list .item .title { font-size: 15px; } } @media (min-width: 1200px) { #poco_x4_pro_5g .section-15 { height: 1180px; } #poco_x4_pro_5g .section-15 .list .item .title { font-size: 28px; } } @media (min-width: 1620px) { #poco_x4_pro_5g .section-15 { height: 1280px; } } @media (min-width: 2080px) { #poco_x4_pro_5g .section-15 { height: 1360px; } } /* =============== Section 16 & 17 & 18 & 20 =============== */ #poco_x4_pro_5g .section-16, #poco_x4_pro_5g .section-17, #poco_x4_pro_5g .section-18, #poco_x4_pro_5g .section-20 { padding: 5% 0 7.5%; background-color: #1D1D1D; } #poco_x4_pro_5g .section-20 { padding: 2.5% 0 7.5%; } #poco_x4_pro_5g .section-16 .text-box--left, #poco_x4_pro_5g .section-17 .text-box--left { display: flex; align-items: center; padding: 0; margin-top: 25px; } #poco_x4_pro_5g .section-16 .text-box--left .title, #poco_x4_pro_5g .section-17 .text-box--left .title { flex: 0 0 50%; width: 50%; } #poco_x4_pro_5g .section-16 .text-box--left .text, #poco_x4_pro_5g .section-17 .text-box--left .text { flex: 0 0 50%; width: 50%; text-align: right; margin-top: 0; } #poco_x4_pro_5g .section-16 .text-box .title, #poco_x4_pro_5g .section-17 .text-box .title, #poco_x4_pro_5g .section-18 .text-box .title, #poco_x4_pro_5g .section-20 .text-box .title { color: #ffd400; } #poco_x4_pro_5g .section-16 .image-wrapper, #poco_x4_pro_5g .section-17 .image-wrapper, #poco_x4_pro_5g .section-18 .slider-box, #poco_x4_pro_5g .section-20 .video-box { max-width: 1080px; margin: 0 auto; width: 90%; padding: 0; } #poco_x4_pro_5g .section-18 .slider-item .text { font-weight: bold; font-size: 36px; color: #ffd400; display: inline-block; margin-top: 25px; } #poco_x4_pro_5g .section-18 .slick-dots { text-align: right; bottom: 10px; } #poco_x4_pro_5g .section-18 .slick-slider .slick-dots li.slick-active button, #poco_x4_pro_5g .section-18 .slick-slider .slick-dots li button:hover { background-color: #ffd400; } @media (max-width: 991.98px) { #poco_x4_pro_5g .section-18 .slider-item .text { font-size: 26px; } } @media (max-width: 767.98px) { #poco_x4_pro_5g .section-18 .slider-item .text { font-size: 22px; } } @media only screen and (max-width: 575.98px) { #poco_x4_pro_5g .section-18 .slider-item .text { font-size: 20px; } } /* =============== Section 19 =============== */ #poco_x4_pro_5g .section-19 { background-image: url('https://media.mi-home.pl/products/poco-x4-pro-5g/section-19.jpg'); padding: 5% 0; background-color: #1D1D1D; } #poco_x4_pro_5g .section-19 .section-wrapper { max-width: 1080px; margin: 0 auto; width: 90%; padding: 0; display: flex; flex-wrap: wrap; } #poco_x4_pro_5g .section-19 .section-wrapper .item { flex: 0 0 50%; width: 50%; } #poco_x4_pro_5g .section-19 .section-wrapper .item-2 img { position: relative; z-index: 1; left: -50px; } #poco_x4_pro_5g .section-19 .text-box { padding: 20%; } #poco_x4_pro_5g .section-19 .text-box .title { color: #ffd400; } @media (max-width: 767.98px) { #poco_x4_pro_5g .section-19 .section-wrapper .item-2 img { left: -30px; } } @media only screen and (max-width: 575.98px) { #poco_x4_pro_5g .section-19 .text-box { padding: 20% 10%; } #poco_x4_pro_5g .section-19 .section-wrapper .item-2 img { left: -10px; } } @media only screen and (max-width: 363.98px) { #poco_x4_pro_5g .section-19 .section-wrapper .item { flex: 0 0 100%; width: 100%; } } /* =============== Section 22 =============== */ #poco_x4_pro_5g .section-22 { background-image: url('https://media.mi-home.pl/products/poco-x4-pro-5g/section-22.jpg'); height: 680px; } #poco_x4_pro_5g .section-22 .text-box .title { color: #f3cf32; } @media (max-width: 991.98px) { #poco_x4_pro_5g .section-22 { height: 560px; } } @media (max-width: 767.98px) { #poco_x4_pro_5g .section-22 { height: 480px; } } @media only screen and (max-width: 575.98px) { #poco_x4_pro_5g .section-22 { height: auto; background-size: 120% auto; background-position: center bottom; padding-bottom: 200px; background-color: #000000; } #poco_x4_pro_5g .section-22 .text-box { padding: 10% 5%; text-align: center; } } @media only screen and (max-width: 363.98px) { #poco_x4_pro_5g .section-22 { padding-bottom: 150px; } } @media (min-width: 1200px) { #poco_x4_pro_5g .section-22 { height: 780px; } } @media (min-width: 1620px) { #poco_x4_pro_5g .section-22 { height: 880px; } } @media (min-width: 2080px) { #poco_x4_pro_5g .section-22 { height: 980px; } } /* =============== Section 22 =============== */ #poco_x4_pro_5g .section-23 { background-image: url('https://media.mi-home.pl/products/poco-x4-pro-5g/section-23.jpg'); height: 560px; } #poco_x4_pro_5g .section-23 .text-box { padding-top: 7.5%; padding-left: 15%; padding-right: 55%; } #poco_x4_pro_5g .section-23 .text-box .title { color: #f3cf32; } @media (max-width: 991.98px) { #poco_x4_pro_5g .section-23 { height: 480px; } } @media (max-width: 767.98px) { #poco_x4_pro_5g .section-23 { height: 380px; } #poco_x4_pro_5g .section-23 .text-box { padding-left: 10%; } } @media only screen and (max-width: 575.98px) { #poco_x4_pro_5g .section-23 { height: 320px; } #poco_x4_pro_5g .section-23 .text-box { padding-left: 5%; } } @media only screen and (max-width: 363.98px) { #poco_x4_pro_5g .section-23 .text-box { padding-right: 40%; padding-top: 15%; } } @media (min-width: 1200px) { #poco_x4_pro_5g .section-23 { height: 680px; } #poco_x4_pro_5g .section-23 .text-box { padding-top: 10%; padding-left: 20%; } } @media (min-width: 1620px) { #poco_x4_pro_5g .section-23 { height: 880px; } } @media (min-width: 2080px) { #poco_x4_pro_5g .section-23 { height: 1080px; } } /* =============== Section 24 =============== */ #poco_x4_pro_5g .section-24 { padding-bottom: 5%; background: #ffd504; /* Old browsers */ background: -moz-linear-gradient(-45deg, #ffd504 0%, #f9af02 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, #ffd504 0%,#f9af02 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg, #ffd504 0%,#f9af02 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd504', endColorstr='#f9af02',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } #poco_x4_pro_5g .section-24 .list { max-width: 1080px; width: 90%; margin: 0 auto; display: flex; flex-wrap: wrap; } #poco_x4_pro_5g .section-24 .list .item { flex: 0 0 25%; width: 25%; padding: 20px; text-align: center; color: #191919; font-size: 16px; } #poco_x4_pro_5g .section-24 .list .item img { width: 96px; } #poco_x4_pro_5g .section-24 .list .item .text { display: block; margin-top: 20px; } @media (max-width: 767.98px) { #poco_x4_pro_5g .section-24 .list .item { font-size: 15px; } #poco_x4_pro_5g .section-24 .list .item img { width: 80px; } #poco_x4_pro_5g .section-24 .list .item .text { margin-top: 10px; } } @media only screen and (max-width: 575.98px) { #poco_x4_pro_5g .section-24 .list .item { font-size: 14px; } #poco_x4_pro_5g .section-24 .list .item { flex: 0 0 50%; width: 50%; } } @media (min-width: 1200px) { #poco_x4_pro_5g .section-24 .list .item { font-size: 18px; } } /* =============== Section 26 =============== */ #poco_x4_pro_5g .section-26 { background-color: #000000; } /* =============== Section spec =============== */ #poco_x4_pro_5g .section-notes { padding: 3.5% 12.5%; margin: 0 auto; } #poco_x4_pro_5g .section-notes ul { margin: 0; padding: 0; list-style: none; } #poco_x4_pro_5g .section-notes ul li { color: #ffffff; font-size: 13px; line-height: 1.5; font-weight: 300; opacity: .5; padding-bottom: 5px; } @media (max-width: 991.98px) { #poco_x4_pro_5g .section-notes { padding: 5%; } #poco_x4_pro_5g .section-notes ul li { font-size: 13px; } } @media (min-width: 1200px) { #poco_x4_pro_5g .section-notes { padding: 3.5% 0; max-width: 1164px; } } /* =============== Slider =============== */ #poco_x4_pro_5g .slick-dots { bottom: 35px; } #poco_x4_pro_5g .slick-dots li button::before { font-size: 15px; color: #ffffff; transition: 0.3s ease-in-out opacity; font-family: 'slick'; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #poco_x4_pro_5g .slick-dots li.slick-active button::before, #poco_x4_pro_5g .slick-dots li:hover button::before { opacity: 1; } #poco_x4_pro_5g .slick-dotted.slick-slider { margin-bottom: 0; padding: 0; } #poco_x4_pro_5g .slick-slider > .slider-item { display: none; } #poco_x4_pro_5g .slick-slider > .slider-item:first-child { display: block; } #poco_x4_pro_5g .slick-slider .slick-dots li button { border-radius: 30px; } #poco_x4_pro_5g .slick-slider .slick-dots li button { background: #fff; transition: 0.3s ease-in-out opacity; opacity: .25; width: 15px; height: 15px; } #poco_x4_pro_5g .slick-slider .slick-dots li.slick-active button, #poco_x4_pro_5g .slick-slider .slick-dots li button:hover { background: #fff; opacity: 1; } #poco_x4_pro_5g .slick-dots li button::before { content: none; } @media (max-width: 767.98px) { #poco_x4_pro_5g .slick-dots { bottom: 15px; } } /* If you're copying, you are a very bad person. Very. */ require( ['aos'], function (AOS) { AOS.init({ once: true }); } ); require( ['jquery'], function ($) { function videoPopUp1() { var iframe = document.getElementById("poco-x4-pro-5g-pop-up-video"); iframe.src = "//i02.appmifile.com/product/videos/PC-Telemacro.mp4" } $('#poco-x4-pro-5g-pop-up-video-2').click(function(){ videoPopUp1(); }); } ); require( [ 'jquery', 'Amasty_Base/vendor/slick/slick.min' ], function ($) { $('.slider-fade').slick({ infinite: true, arrows: false, autoplay: true, dots: true, fade: true, cssEase: 'linear' }); $('.slider-standard').slick({ infinite: true, arrows: false, autoplay: true, dots: true, }); } ); Wszechstronny as 120Hz AMOLED. Potrójny aparat 108MP. Turboładowanie 67W. POTĘŻNY WYŚWIETLACZ TO COŚ WIĘCEJ NIŻ TYLKO ATRAKCYJNY WYGLĄD Ekran AMOLED 6,67" Seria POCO X została wyposażona w wyświetlacz AMOLED i obsługuje standard DCI-P3. Rozszerzony zakres kolorów pozwala uzyskać bogate szczegóły, co przekłada się na kinowy wygląd i wrażenia. Przysłona przedniej kamery wynosi tylko 2,96 mm, co zwiększa pole widzenia. DCI-P3 Obsługa 4,500,000:1 Współczynnik kontrastu 1200 nitów Jasność szczytowa FHD+ 2400 × 1080 Wyświetlacz charakteryzuje się błyskawiczną częstotliwością odświeżania 120 Hz, zapewniając wyjątkową płynność obrazu. Bez względu na to, czy przeglądasz strony internetowe, czy grasz w gry, wysoka częstotliwość odświeżania 120 Hz pozwoli Ci cieszyć się niepowtarzalnymi wrażeniami. Szybsza praca z zastosowaniem częstotliwości próbkowania dotyku 360 Hz Ultraszybka częstotliwość próbkowania dotyku na poziomie 360 Hz znacznie redukuje opóźnienia podczas korzystania z ekranu i reaguje na każde działanie z czułością i precyzją, pozwalając Ci być o krok przed innymi. Adaptacyjna jasność to komfort dla Twoich oczu nawet późną nocą Adaptacyjna jasność dostosowuje ustawienia wyświetlacza do otaczającego go światła, redukując zmęczenie oczu. Niezależnie od tego, czy przebywasz w jasnym, ciemnym czy podświetlonym otoczeniu, zauważysz subtelne zmiany jasności, które zapewnią komfort Twoim oczom. Tryb czytania 3.0 Wyświetlanie w świetle słonecznym Certyfikat SGS Eye Care DOSKONAŁA WYDAJNOŚĆ WYKRACZAJĄCA POZA WYOBRAŹNIĘ Zwiedzaj świat z ultraszybką siecią 5G Wysokowydajny procesor Snapdragon® 5G charakteryzuje się doskonałą wydajnością energetyczną i zapewnia maksymalną szybkość pobierania danych na poziomie 2,5 gb/s. Jest kompatybilny z głównymi pasmami 5G używanymi na całym świecie i obsługuje zarówno tryby sieci NSA, jak i SA. Korzystaj z 5G z dowolnego miejsca na świecie i zasmakuj nowej ery szybkiego Internetu. Potężny Snapdragon® 695 Wiodący w branży proces produkcyjny 6 nm oraz jeden z najnowocześniejszych rdzeni procesora Cortex-A78 oferują flagowe wrażenia użytkownika. Nie lekceważ mocy tego procesora - z łatwością poradzi sobie z każdym zadaniem, od dużych gier po aplikacje SI! 6nm Zaawansowany proces produkcji A78 Rdzeń o najwyższej wydajności LPDDR4x Do 8 GB pamięci RAM UFS2.2 Do 256 GB pamięci ROM Utrzymuj urządzenie w niskiej temperaturze dzięki technologii LiquidCool 1.0 Plus POCO X4 Pro 5G wyposażono w duży miedziany przewód LiquidCool i wiele warstw grafitu, co umożliwia szybkie rozpraszanie ciepła i długotrwałe chłodzenie, dzięki czemu urządzenie pracuje dłużej z większą wydajnością. Bardziej zaawansowana i wytrzymała bateria z turboładowaniem o mocy 67 W Ładowarka turbo o mocy 67 W jest w stanie zapewnić ogromną moc. Dzięki zaawansowanej technologii MMT baterię o pojemności 5000 mAh można naładować do 100% w 41 minut!*. 8 min 30% ładowania 22 min 70% ładowania 31 min 90% ładowania Smukły i lekki o niezwykłej zawartości Cienką konstrukcję o grubości 8,12 mm i wadze 205 g wyposażono w potężną baterię o pojemności 5000 mAh. Niezwykła moc w zasięgu ręki. EMANUJE CHARAKTEREM I STYLEM POD KAŻDYM KĄTEM Unikalna estetyka Urządzenie jest delikatne w dotyku i ma dynamiczny połysk. Dzięki innowacyjnej koncepcji mieniącego się wzoru i precyzyjnemu grawerowaniu na jego powierzchni, staje się wyjątkowym promieniem światła rozświetlającym nocne niebo. Laser Black POCO Yellow Laser Blue RÓB OSZAŁAMIAJĄCE ZDJĘCIA Profesjonalna rozdzielczość 108 MP dla dużych rozmiarów matrycy Po raz pierwszy POCO zastosowało flagowy aparat 108 MP, aby zdjęcia były oszałamiające i bogate w szczegóły! Super matryca może pochwalić się doskonałą czułością na światło, podwójnym natywnym ISO i większym zakresem dynamicznym, co pozwala uzyskać jaśniejsze światła jak również ciemniejsze cienie; a także technologią łączenia pikseli 9 w 1, w której piksele po przetworzeniu osiągają rozmiar zaledwie 2,1 μm. Odkryj swój wewnętrzny potencjał i uchwyć najpiękniejsze chwile. Aparat główny 108 MP Bardzo wysoka rozdzielczość 1/1,52" Dużych rozmiarów matryca 9 w 1 Technologia łączenia pikseli Podwójne natywne ISO Wysoka czułość, mniejsze szumy Odkryj niezwykłe widoki 108 MP Dostrzeż jeszcze więcej szczegółów Nocna sceneria Bardziej jaskrawe i żywe kolory Ultraszeroki kąt Kamera makro Tryb portretowy Zobacz siebie na nowo z przednią kamerą 16 MP Zacznij tworzyć tylko jednym kliknięciem DOŚWIADCZENIE NA NAJWYŻSZYM POZIOMIE POD KAŻDYM WZGLĘDEM Podwójne głośniki zapewniają lepsze doznania podczas słuchania Trójwymiarowe pole dźwiękowe tworzone przez dwa głośniki zapewnia bardziej wyrafinowany i złożony dźwięk. Ciesz się pełnią doznań podczas oglądania filmów i grania, niezależnie od tego gdzie jesteś. Silnik liniowy w osi Z dla prawdziwego zaskoczenia Zapewnij opuszkom palców żywsze wrażenia wibracyjne, dzięki czemu każdy dotyk będzie bardziej realistyczny. Jeszcze więcej mocy Wielofunkcyjne NFC Radio Gniazdo słuchawkowe 3,5 mm Boczny czytnik linii papilarnych Uwagi: * Zdjęcia na tej stronie są ilustracją, a wygląd rzeczywistego produktu może się różnić. * Wszystkie dane dotyczące ładowania i czasu pracy baterii podane na tej stronie pochodzą z laboratoriów POCO. Rzeczywiste wyniki mogą się różnić w zależności od różnic w wersji oprogramowania, środowiska i konfiguracji telefonu i mogą nie odzwierciedlać rzeczywistego produktu. * 5G wymaga wsparcia ze strony lokalnych operatorów telekomunikacyjnych i może nie być dostępne we wszystkich regionach.