Навушники Redmi Buds 8 Pro Obsidian Black (1188409) Xiaomi (399564459)

.tab .content.description-content { padding-right: 0px !important; } .tab .content { padding: 0px !important; } .l-img--full-width{ width: 100%; } .l-container { max-width: 1198px; /* max-width: 1400px; */ background-color: white; position: relative; overflow: hidden; /* border: 1px solid #e2e2e2; border-radius: 24px; */ } .l-container--sm{ max-width: 1000px; } .l-section { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; background-color: #fff; position: relative; } .br-2{ border-radius: 14px; } .l-section--no-title{ padding-top: 25px; } .l-img--shadow{ -webkit-box-shadow: 0px 0px 4px 0px rgba(34, 60, 80, 0.08); -moz-box-shadow: 0px 0px 4px 0px rgba(34, 60, 80, 0.08); box-shadow: 0px 0px 4px 0px rgba(34, 60, 80, 0.08); } @media screen and (max-width: 768px) { .l-section { max-height: none; height: auto; } .l-container { border: none; border-radius: 0px; } } .l-color-background-2 { background: #ffffff; } .l-color-background-2 { background-color: #F5FAFD; } .l-color-background-3 { /* background-image: url( */ background-color: #FCFBFC; } .l-color-background-4 { background-color: #D0E8F0; } .l-color-background-5 { background: #000000; } .l-color-background-6 { background-color: #111111; } .l-color-background-7 { background-color: #F7F7F7; } .l-color-background-8 { background-color: #40362a; } .l-color-background-9 { background-color: #1F1810; } .full-width{ width: 100%; } .l-color-background-10 { background-color: #101010; } .l-color-background-11 { background: linear-gradient(-130.94deg, rgb(1, 1, 1) 19.131%,rgb(88, 82, 146) 100%); } .main-wrap{ background: linear-gradient(180deg,rgba(36, 56, 68, 1) 2%, rgba(48, 84, 119, 1) 94%); } .l-color-background-12 { background: #CECECE; } .l-color-background-13 { background: rgb(40, 40, 40); } .l-color-background-14 { background: #E3E5E7; } .l-color-background-15 { background: #CFCFCF; } .l-color-background-16 { background: #F8FCFD; } /* bg */ .l-color-background-17 { background: #dddee6; } .l-color-background-19 { background-color: #EFEFEF; } .l-color-background-20 { background-color: #F0F9FF; } .l-color-background-21 { background-color: #F1F1F1; } .l-color-background-22 { background-color: #F0E7E8; } .l-color-background-23 { background-image: url( background-size: cover; background-position: center; background-repeat: no-repeat; } .l-color-background-24 { background: linear-gradient(-76.10deg, rgb(175, 203, 240) 0.794%,rgb(255, 255, 255) 97.106%); } .cut-img2.no-margin-top, .cut-img.no-margin-top{ margin-top: 12px; } .bottom-offset{ margin-bottom: 4%; } /* @media screen and (max-width: 900px) { .l-color-background-9 { background: #f1eeec; } } */ @media screen and (max-width: 768px) { /* .l-color-background- { background: #000 url( background-repeat: no-repeat; background-size: 100%; background-position: top; } .l-color-background-2 { background: url( no-repeat; background-size: cover; background-position: top; } .l-color-background-4 { background: url( no-repeat; background-size: cover; background-position: top; } .l-color-background-8 { background: url( no-repeat; background-size: cover; background-position: top; } */ /* .l-color-background-10 { background: url( no-repeat; background-size: cover; background-position: center; } */ } .logo-title-wrapper h2 { padding-left: 0 !important; font-size: 28px; } .l-half { width: 50%; position: relative; } @media screen and (max-width: 768px) { .l-half { width: 100%; height: 50%; } } .logo-title-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: flex-start; -ms-flex-align: flex-start; align-items: flex-start; padding-bottom: 30px; /* align-items: center; */ /* padding-top: 3%; */ /* padding-left: 8.35%; */ } .logo-title-wrapper2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-top: 3%; /* align-self: flex-start; */ /* margin-bottom: 4%; */ text-align: center; } .logo-title-wrapper3 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-bottom: 5%; font-size: 17px; align-self: flex-start; } @media screen and (max-width: 768px) { .logo-title-wrapper, .logo-title-wrapper2 { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-left: 0; /* align-self: center; */ align-items: center; padding-top: 3%; } .logo-title-wrapper3 { align-self: center; } } .l-logo { padding-right: 15px; align-self: flex-start; } @media screen and (max-width: 480px) { .logo-title-wrapper, .logo-title-wrapper2, .logo-title-wrapper3 { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .l-logo { padding-right: 15px; padding-bottom: 7px; align-self: center; } } .l-main-title { font-size: 29px !important; font-weight: bold; padding: 0; margin: 0; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } @media screen and (max-width: 768px) { .l-main