Smartfon Poco F4 6/128Gb Nebula Green

Opis

 /* =============== POCO F4 =============== */#poco_f4 { font-size: 16px; overflow: hidden; color: #ffffff; background-color: #020100; }#poco_f4 ul, #poco_f4 ol { list-style: none; padding-left: 0; }#poco_f4 video, #poco_f4 img { vertical-align: middle; }#poco_f4 video { width: 100%; height: auto; } #poco_f4.xiaomi_container { max-width: 2560px; }#poco_f4 .section { line-height: 1.2; }#poco_f4 .section-bg { background-size: cover; background-position: center center; background-repeat: no-repeat; }#poco_f4 .font-bold { font-weight: 900; }#poco_f4 .font-light { font-weight: 300; }#poco_f4 .text-box { text-align: center; color: #191919; padding: 5% 12.5%; }#poco_f4 .text-box.text-box--left { text-align: left; }#poco_f4 .text-box--white { color: #ffffff; }#poco_f4 .font-color { color: #ffd200; }#poco_f4 .text-box .title, #poco_f4 .text-box .desc, #poco_f4 .text-box .text { display: block; }#poco_f4 .text-box .title { font-size: 32px; line-height: 1.2; }#poco_f4 .text-box .title.title--big { font-size: 42px; margin-bottom: 20px; }#poco_f4 .text-box .desc { font-size: 22px; line-height: 1.5; margin-top: 25px; font-weight: 700; }#poco_f4 .text-box .text { font-size: 15px; line-height: 1.5; margin-top: 25px; font-weight: 300; }#poco_f4 .text-box .text.text--small { font-size: 14px; opacity: .5; }#poco_f4 .video-box, #poco_f4 .image-box { padding: 0 12.5%; }#poco_f4 .video-box video { width: 100%; height: auto; }#poco_f4 .video a, #poco_f4 .video .video-link { position: relative; z-index: 1; display: block; overflow: hidden; cursor: pointer; }#poco_f4 .video a img, #poco_f4 .video .video-link img { transition: 0.3s ease-in-out transform; }#poco_f4 .video a:hover img, #poco_f4 .video .video-link:hover img { transform: scale(1.1); }#poco_f4 .video a::after, #poco_f4 .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-f4/play-btn.png') no-repeat center center / contain; left: 50%; top: 50%; z-index: 2; }@media (max-width: 991.98px) { #poco_f4 .text-box { padding: 5%; } #poco_f4 .text-box .title { font-size: 26px; } #poco_f4 .text-box .title.title--big { font-size: 36px; } #poco_f4 .video-box, #poco_f4 .image-box { padding: 0 5%; } }@media (max-width: 767.98px) { #poco_f4 .text-box .title { font-size: 22px; } #poco_f4 .text-box .title.title--big { font-size: 28px; } #poco_f4 .text-box .desc { font-size: 18px; margin-top: 10px; } #poco_f4 .text-box .text { margin-top: 15px; } }@media only screen and (max-width: 575.98px) { #poco_f4 .text-box { padding: 10% 5%; } #poco_f4 .text-box .title { font-size: 20px; } #poco_f4 .text-box .title.title--big { font-size: 24px; } #poco_f4 .text-box .desc { font-size: 16px; } #poco_f4 .text-box .text { font-size: 14px; } }@media (min-width: 1200px) { #poco_f4 .text-box .text { padding-left: 10%; padding-right: 10%; } #poco_f4 .text-box .title { font-size: 36px; } #poco_f4 .text-box .text { font-size: 18px; } #poco_f4 .text-box.text-box--left .text { padding-left: 0; padding-right: 0; } }@media (min-width: 1400px) { #poco_f4 .text-box .title { font-size: 42px; } }/* =============== Floating text-box =============== */#poco_f4 .section.section-float { position: relative; z-index: 1; height: 520px; } #poco_f4 .section.section-float--big { height: 680px; }#poco_f4 .section .text-box.text-box-float { padding: 0; position: absolute; z-index: 2; top: 50%; width: 40%; transform: translateY(-50%); }#poco_f4 .section .text-box.text-box-float--left { left: 5%; }#poco_f4 .section .text-box.text-box-float--right { left: 55%; width: 40%; }@media (max-width: 991.98px) { #poco_f4 .section.section-float { height: 420px; } #poco_f4 .section.section-float--big { height: 560px; } #poco_f4 .section .text-box.text-box-float--right { left: 55%; width: 40%; } }@media (max-width: 767.98px) { #poco_f4 .section.section-float { height: auto; background-position: center bot