Protector For DJI RC Pro Fashion

Protector For DJI RC Pro
.tabcontent{
text-align:center;
}
.pdp{
margin:auto;
}
.pdp img[data-sizes=”auto”] {
width: unset;
margin:auto;
}
.pdp .pic-wrapper{
position:relative;
width:100%;
color:#333;
}
.pdp .pic-wrapper .text-block h2::after {
content: “”;
display: none;
width:4%;
height: 0.15rem;
margin-left:auto;
margin-right:auto;
margin-top: 1.25rem;
margin-bottom: 1rem;
border-radius: 2px;
background-color: #d0121b;
}
.pdp .pic-wrapper .text-block h2{
color:#222;
font-size:1.75rem;
line-height: 2.25rem;
margin: 2.25% 0;
text-transform: capitalize;
}
.pdp .pic-wrapper .text-block p{
color:#333;
font-size:1.25rem;
line-height: 2rem;
margin-top: 1rem;
}
.pdp .pic-wrapper .text-block{
width:100%;
position:absolute;
text-align:center;
max-width:1024px;
margin-left:calc((100% – 1024px)/2);
}
.pdp .pic-wrapper:nth-child(1) .text-block{
width: 100%;
text-align: left;
left:5%;
top:30%;
}
.pdp .pic-wrapper:nth-child(1) .text-block h2{
font-size:2rem;
line-height: 3rem;
color:#333;
font-weight: 300;
margin-bottom: 0;
}
.pdp .pic-wrapper:nth-child(1) .text-block h2 strong{
color:#333;
font-weight: bold;
text-transform: capitalize;
}
.pdp .pic-wrapper:nth-child(1) .text-block h2 span{
font-weight:bold;
}
.pdp .pic-wrapper:nth-child(1) .text-block h2:after{
margin-left:0;
}
.pdp .pic-wrapper:nth-child(1) .text-block p{
color:#444;
font-weight: normal;
font-size: 1.375rem;
line-height: 1.875rem;
}
.pdp .pic-wrapper:nth-child(3){
margin-top:15px;
}
.pdp .pic-wrapper:nth-child(3) .text-block{
width: 96%;
text-align: center;
top:8%;
margin-top:15px;
}
.pdp .pic-wrapper:nth-child(3) .text-block h2 {
font-size:1.875rem;
line-height: 2.75rem;
margin:2% 0 ;
color:#fff;
text-transform: capitalize;
}
.pdp .pic-wrapper:nth-child(3) .text-block p{
width:90%;
padding:0 5%;
color:#eee;
font-size: 1.25rem;
line-height: 2rem;
margin:auto;
}

.pdp .pic-wrapper:nth-child(4) .imgs{
display:flex;
max-width:1024px;
margin-left:calc((100% – 1024px)/2);
}
.pdp .pic-wrapper:nth-child(4) .box-ratio{
width: 49%;
margin:2% 2% 2% 0;
}
.pdp .pic-wrapper:nth-child(4) .box-ratio:last-child{
margin-right:0;
}
.pdp .pic-wrapper:nth-child(4) .text-block h2 {
font-size:2rem;
line-height: 2.5rem;
margin:10px 0 0 0;
color:#333;
padding: 0 5%;
}
.pdp .pic-wrapper:nth-child(4) .text-block p{
color:#666;
font-size: 1.075rem;
line-height: 1.75rem;
padding: 0 5%;
}
.pdp .pic-wrapper:nth-child(5) .text-block{
width: 100%;
text-align: center;
top:7%;
}
.pdp .pic-wrapper:nth-child(5) .text-block h2 {
font-size:1.875rem;
line-height: 2.5rem;
margin:10px 0 0 0;
color:#fff;
padding:1.5% 3%;
}
.pdp .pic-wrapper:nth-child(5) .text-block p{
color:#eee;
font-size: 1.25rem;
line-height: 2rem;
width: 96%;
margin-left: 2%;
}
.pdp .pic-wrapper:nth-child(6){
margin-top:5px;
}
.pdp .pic-wrapper:nth-child(6) .text-block{
width:96%;
left:0;
top:7%;
text-align:center;
margin-left:calc((100% – 1024px)/2);
}
.pdp .pic-wrapper:nth-child(6) .text-block h2 {
font-size:2rem;
line-height: 3rem;
margin:0;
color:#222;
letter-spacing:1px;
padding:2% 3%;
}
.pdp .pic-wrapper:nth-child(6) .text-block h2:after {
width:5%;
margin-left:95%;
}
.pdp .pic-wrapper:nth-child(6) .text-block p {
font-size:1.25rem;
line-height: 2rem;
color:#444;
width: 92%;

margin-left: auto;
margin-right: auto;
}
.mt_15{
margin-top:15px;
}
.info-bk li{
text-align: left;
}
@media screen and ( max-width: 1024px ) {
.pdp img[data-sizes=”auto”] {
width: 100%;
}
.pdp .pic-wrapper .text-block{
margin-left:unset;
margin-right:unset;
margin-top:0;
margin-bottom:0;
}
.pdp .pic-wrapper .text-block h2{
font-size:1.5rem;
line-height:2.25rem;
}
.pdp .pic-wrapper .text-block p{
font-size:1rem;
line-height:1.5rem;
}
.pdp .pic-wrapper:nth-child(1) .text-block {
top:45%;
}
.pdp .pic-wrapper:nth-child(1) .text-block h2{
font-size:1.375rem;
line-height:1.875rem;
}
.pdp .pic-wrapper:nth-child(1) .text-block p{
font-size: 1rem;
line-height: 1.5rem;
width: 98%;
margin: 1% 0;
}
.pdp .pic-wrapper:nth-child(n+2) .text-block h2::after {
width: 5%;
height:2px;
margin-left: 46%;
margin-top:1.25rem;
margin-bottom:1.25rem;
}
.pdp .pic-wrapper:nth-child(3){
margin-top:0;
}
.pdp .pic-wrapper:nth-child(3) .text-block{
width: 100%;
text-align:center;
padding: 5% 0;
}
.pdp .pic-wrapper:nth-child(n+2) .text-block{
position:unset;
padding: 5% 0 4% 0;
}
.pdp .pic-wrapper:nth-child(n+2) .text-block h2{
color:#222;
padding: 0 10px;
}
.pdp .pic-wrapper:nth-child(n+2) .text-block p{
color:#333;
padding: 0 10px;
}
.pdp .pic-wrapper:nth-child(n+2) .text-block br{
display:none;
}
.pdp .pic-wrapper:nth-child(3) .text-block h2 {
color: #000;
font-size:1.5rem;
line-height:2.25rem;
}
.pdp .pic-wrapper:nth-child(3) .text-block p {
color: #666;
font-size:1rem;
line-height:1.5rem;
}

.pdp .pic-wrapper:nth-child(4) .imgs{
max-width:unset;
margin-left:unset;
}
.pdp .pic-wrapper:nth-child(4) .text-block {
width: 100%;
text-align: center;
position: unset;
}
.pdp .pic-wrapper:nth-child(4) .text-block h2 {
font-size:1.5rem;
line-height:2.25rem;
color: #000;
}
.pdp .pic-wrapper:nth-child(4) .text-block p {
color: #333;
font-size:1rem;
line-height:1.5rem;
padding: 0 2%;
}
.pdp .pic-wrapper:nth-child(5) .text-block{
text-align:center;
width:100%;
}
.pdp .pic-wrapper:nth-child(5) .text-block h2 {
font-size:1.5rem;
line-height:2.25rem;
}
.pdp .pic-wrapper:nth-child(5) .text-block p {
font-size:1rem;
line-height:1.5rem;
padding: 0 2%;
}
.pdp .pic-wrapper:nth-child(6) .text-block{
margin-left:2%;
}
.pdp .pic-wrapper:nth-child(6) .text-block h2 {
font-size:1.5rem;
line-height:2.25rem;
}
.pdp .pic-wrapper:nth-child(6) .text-block p {
font-size:1rem;
line-height:1.5rem;
}
.pdp .pic-wrapper:nth-child(7){
margin-top: 0;
}
.pdp .pic-wrapper:nth-child(7) .text-block{
position:unset;
text-align:center;
width:100%;
margin-top: 0;
}
.pdp .pic-wrapper:nth-child(7) .text-block h2 {
color: #000;
font-size: 1.5rem;
}
.pdp .pic-wrapper:nth-child(7) .text-block p {
color: #333;
}
}