Mavic Mini 2 / Mavic Mini Lens Hood Online now

Mavic Mini 2 / Mavic Mini Lens Hood
img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
display: block;
max-width: 100%;
height: auto;
}

h2 {
font-size: 30px;
}

p {
margin: 0;
}

.list-unstyled {
padding-left: 0;
list-style: none;
}

.center-block {
display: block;
margin-right: auto;
margin-left: auto;
}

.container-fluid {
margin-right: auto;
margin-left: auto;
}

.container {
margin-right: auto;
margin-left: auto;
}

ul, ol {
list-style: unset;
}

@media (min-width: 768px) {
.container {
width: 750px;
}
}

@media (min-width: 992px) {
.container {
width: 970px;
}
}

@media (min-width: 1200px) {
.container {
width: 1024px;
}
}

.banner {
position: relative;
width: 100%;
}

.banner-font {
position: absolute;
right: 2rem;
bottom: 2rem;
text-align: right;
}

.banner-font h2 {
text-transform: uppercase;
}

.banner-font h2, .banner-font p {
color: #fff;
}

.banner-font p {
width:28rem;
}

.info-group {
margin-bottom: 1rem;
}

.info-bk {
background-color: #eeeeee;
display: flex;
margin: 0 !important;
padding: 1rem;
border-bottom: 1px solid #bfbfbf;
}

.info-bk.top {
border-bottom: unset;
}

.info-bk li {
width: 33.3333%;
padding: 1rem;
border-right: 1px solid #bfbfbf;
}

.info-bk li:nth-child(3n) {
border: unset;
}

.pic {
position: relative;
margin-bottom: 1rem;
}

.pic-font {
bottom: 2rem;
text-align: center;
position: absolute;
width: 100%;
}

.pic-font h2::after {
content: “”;
display: block;
margin-top: 0.5rem;
margin-bottom: 0.5rem;
width: 16px;
height: 4px;
border-radius: 2px;
background-color: #c11920;
}

.white h2, .white p {
color: #fff;
margin: 0;
}

.black h2, .black p {
color: #000;
margin: 0;
}

.center h2::after {
margin-left: auto;
margin-right: auto;
}

.right {
width: unset;
}

.right h2, .right p {
text-align: right;
}

.right h2::after {
margin-left: auto;
}

.left h2, .left p {
text-align: left;
}

.left h2::after {
margin-right: auto;
}

.last-title {
display: flex;
}

.last-title li {
width: 50%;
}

.list-bk {
padding-left: 10px;
background-color: #333333;

}

.list-bk h2 {
color: #fff;
line-height: 70px;
font-weight: lighter;
}

.list-info {
display: flex;
margin: 0;
}

.list-info b {
font-size: 30px;
color: #666565;
line-height: 70px;
}

.list-info p {
font-size: 24px;
color: #999999;
line-height: 100px;
}

.list-info .num {
text-align: center;
}

.list-info li {
border-bottom: 1px solid #c4c4c4;
}

.list-info li:nth-child(1) {
width: 20%;
}

.list-info li:nth-child(2) {
width: 55%;
}

.list-info li:nth-child(3) {
width: 25%;
}

.warning {
position: absolute;
right: 2rem;
bottom: 9rem;
text-align: right;
}

.pic-group .pic:nth-child(1) .left {
margin-left: 2rem;
margin-bottom: 11rem;
}

.pic-group .pic:nth-child(1) p {
width:28rem;
}

.pic-group .pic:nth-child(3) .center {
position: unset;
margin-top: 2rem;
margin-bottom: 2rem;
border-bottom: 1px #7d7d7d dashed;
padding-bottom: 2rem;
}

.note {
font-size: 24px;
color: #00a0e9;
text-align: center;
font-weight: lighter;
margin-bottom: 2rem;
margin-top: 2rem;
}

@media (max-width: 992px) {

.banner-font {
right: 0.5rem;
bottom: 0.5rem;
}

.banner-font h2 {
font-size: 1rem;
margin-bottom: 0.5rem;
}

.banner-font p {
width:unset;
font-size: 0.7rem;
line-height:1rem;
}

.info-group h2 {
font-size: 1.2rem;
}

.info-bk {
padding: 0;
border-bottom: unset;
}

.info-bk li {
padding: 0.25rem;
border: unset;
}

.info-bk b {
font-size: 0.9rem;
}

.info-bk p {
font-size: 0.7rem;
}

.white h2 {
font-size: 1rem;
}

.white p {
font-size: 0.7rem;
}

.black h2 {
font-size: 1rem;
}

.black p {
font-size: 0.7rem;
}

.pic-font p {
line-height: 1rem;
}

.last-title h2 {
font-size: 1.2rem;
}

.list-bk h2 {
font-size: 1.2rem;
line-height: 3rem;
}

.list-info b {
font-size: 1rem;
line-height: 3rem;
}

.list-info .name {
font-size: 1rem;
line-height: 2rem;
}

.list-info .name.guide {
font-size: 1rem;
line-height: 4rem;
}

.list-info .num {
font-size: 1rem;
line-height: 4rem;
}

.list-info .line-one {
font-size: 1rem;
line-height: 4.3rem;
}

.pic-group .pic:nth-child(1) .left {
position: unset;
margin: 1rem 0;
}

.pic-group .pic:nth-child(1) .left h2 {
text-align: center;
}

.pic-group .pic:nth-child(1) .left p {
text-align: center;
}

.pic-group .pic:nth-child(1) .left h2::after {
margin-left: auto;
margin-right: auto;
}

.pic-group .pic:nth-child(2) .center {
position: unset;
margin: 1rem auto;
}

.pic-group .pic:nth-child(1) p {
width:unset;
}

.note {
font-size: 1rem;
margin: 0;
}

}
–>