Action Camera Adhesive Mount Online

Action Camera Adhesive Mount
.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);
margin-top:2%;
margin-bottom:1%;
}
.pdp .pic-wrapper:nth-child(1) .text-block{
width: 100%;
left:0;
top:2%;
text-align: center;
}
.pdp .pic-wrapper:nth-child(1) .text-block h2{
font-size:2rem;
line-height: 2.75rem;
color:#fefefe;
font-weight: 300;
margin-bottom: 0;
}
.pdp .pic-wrapper:nth-child(1) .text-block h2 strong{
color:#fff;
font-weight: bold;
text-transform: uppercase;
}
.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:#fefefe;
font-weight: normal;
font-size: 1.25rem;
line-height: 1.875rem;
margin-top: 0.5rem;
}

.icons-wrapper{
width:100%;
display:block;
height:auto;
overflow:hidden;
}
.icons {
width: 100%;
text-align:center;
max-width:1024px;
background:#ddd;
margin-left:calc((100% – 1024px)/2);
padding: 1% 0 2.5% 0;
}
.list-unstyled {
padding-left: 0;
list-style: none;
}
.icon-group {
display: flex;
flex-wrap: wrap;
width:88%;
margin:auto !important;
}
.icon-group li {
width: 33.3%;
position: relative;
margin-top:3%;
}
.icon-group li:nth-child(4){
width: 12%;
}
.icon-group li:nth-child(7){
width: 12%;
}
.icon-group li:nth-child(5) {
width: 35%;
}
.icon-group li:nth-child(6) {
width: 35%;
}
.icon-group li .icon {
width:130px;
height: 130px;
margin: 0 auto 0 auto;
}
.icon-group li .text {
color:#777;
font-size:1rem;
line-height: 1.55rem;
text-align: center;
font-weight: 400;
}
.icon-group li:nth-child(1) .icon {
background: url(https://cdn.shopifycdn.net/s/files/1/0252/2395/4525/files/action-camera-adhesive-mount-loading-icon.png?v=1660123912) no-repeat;
background-size:contain;
}
.icon-group li:nth-child(2) .icon {
background: url(https://cdn.shopifycdn.net/s/files/1/0252/2395/4525/files/action-camera-adhesive-mount-360-degree-view-icon.png?v=1660123912) no-repeat;
background-size:contain;
}
.icon-group li:nth-child(3) .icon {
background: url(https://cdn.shopifycdn.net/s/files/1/0252/2395/4525/files/action-camera-adhesive-mount-widely-usage-icon.png?v=1660123912) no-repeat;
background-size:contain;
}
.icon-group li:nth-child(5) .icon {
background: url(https://cdn.shopifycdn.net/s/files/1/0252/2395/4525/files/action-camera-adhesive-mount-quick-release-pin-icon.png?v=1660123912) no-repeat;
background-size:contain;
}
.icon-group li:nth-child(6) .icon {
background: url(https://cdn.shopifycdn.net/s/files/1/0252/2395/4525/files/action-camera-adhesive-mount-aluminum-material-icon.png?v=1660123912) no-repeat;
background-size:contain;
}
.pdp .pic-wrapper:nth-child(3) .text-block{
width: 96%;
text-align: center;
top:1%;
}
.pdp .pic-wrapper:nth-child(3) .text-block h2 {
font-size:1.875rem;
line-height: 2.75rem;
margin:0 ;
color:#333;
}
.pdp .pic-wrapper:nth-child(3) .text-block p{
width:90%;
padding:0 5%;
color:#eeeeee;
font-size: 1.25rem;
line-height: 2rem;
margin:auto;
}
.pdp .pic-wrapper:nth-child(4) .text-block{
position: unset;
width: 100%;
text-align: center;
top:10%;
}
.pdp .pic-wrapper:nth-child(4) .text-block h2 {
font-size:1.875rem;
line-height: 2.5rem;
margin:10px 0 0 0;
color:#333;
padding:0 3%;
}
.pdp .pic-wrapper:nth-child(4) .text-block p{
color:#444;
font-size: 1.25rem;
line-height: 2rem;
width: 96%;
margin-left: 2%;
}
.pdp .pic-wrapper:nth-child(5) .imgs{
display:flex;
max-width:1024px;
margin-left:calc((100% – 1024px)/2);
}
.pdp .pic-wrapper:nth-child(5) .box-ratio{
margin:2% 0;
}
.pdp .pic-wrapper:nth-child(5) .box-ratio:last-child{
margin-right:0;
}
.pdp .pic-wrapper:nth-child(5) .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(5) .text-block p{
color:#666;
font-size: 1.075rem;
line-height: 1.75rem;
padding: 0 5%;
}
.pdp .pic-wrapper:nth-child(6) .text-block{
width: 100%;
text-align: center;
top:3%;
}
.pdp .pic-wrapper:nth-child(6) .text-block h2 {
font-size:1.875rem;
line-height: 2.5rem;
margin:10px 0 0 0;
color:#fff;
padding:0 3%;
}
.pdp .pic-wrapper:nth-child(6) .text-block p{
color:#eee;
font-size: 1.25rem;
line-height: 2rem;
width: 96%;
margin-left: 2%;
}
.pdp .pic-wrapper:nth-child(7){
margin-top:5px;
}
.pdp .pic-wrapper:nth-child(7) .text-block{
width:96%;
left:0;
top:2%;
text-align:center;
margin-left:calc((100% – 1024px)/2);
}
.pdp .pic-wrapper:nth-child(7) .text-block h2 {
font-size:2rem;
line-height: 3rem;
margin:0;
color:#fff;
letter-spacing:1px;
}
.pdp .pic-wrapper:nth-child(7) .text-block h2:after {
width:5%;
margin-left:95%;
}
.pdp .pic-wrapper:nth-child(7) .text-block p {
font-size:1.25rem;
line-height: 2rem;
color:#eee;
width: 92%;
margin-left: auto;
margin-right: auto;
}
.pdp .pic-wrapper:nth-child(8){
margin-top:5px;
}
.pdp .pic-wrapper:nth-child(8) .text-block{
width:96%;
position:unset;
text-align:center;
}
.pdp .pic-wrapper:nth-child(8) .text-block h2 {
font-size:2rem;
line-height: 3rem;
margin:0;
color:#333;
letter-spacing:1px;
}
.pdp .pic-wrapper:nth-child(8) .text-block p {
font-size:1.25rem;
line-height: 2rem;
color:#555;
width: 92%;
margin-left: auto;
margin-right: auto;
}
.pdp .pic-wrapper:nth-child(9) .imgs{
display:flex;
max-width:1024px;
margin-left:calc((100% – 1024px)/2);
}
.pdp .pic-wrapper:nth-child(9) .box-ratio{
width: 49%;
margin:2% 2% 2% 0;
}
.pdp .pic-wrapper:nth-child(9) .box-ratio:last-child{
margin-right:0;
}
.pdp .pic-wrapper:nth-child(9) .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(9) .text-block p{
color:#666;
font-size: 1.075rem;
line-height: 1.75rem;
padding: 0 5%;
}
.pdp .pic-wrapper:nth-child(10) .text-block{
width: 100%;
text-align: center;
top:3%;
}
.pdp .pic-wrapper:nth-child(10) .text-block h2 {
font-size:1.875rem;
line-height: 2.5rem;
margin:10px 0 0 0;
color:#fff;
padding:0 3%;
}
.pdp .pic-wrapper:nth-child(10) .text-block p{
color:#eee;
font-size: 1.25rem;
line-height: 2rem;
width: 96%;
margin-left: 2%;
}
.mt_15{
margin-top:15px;
}

@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 {
bottom:7.5%;
}
.pdp .pic-wrapper:nth-child(1) .text-block h2{
font-size:1.375rem;
line-height:2rem;
}
.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;
}
.icons{
min-width: auto;
margin-left: unset;
}
.icon-group {
width: 96%;
}
.pdp .pic-wrapper:nth-child(3) .text-block{
width: 100%;
text-align:center;
padding: 1% 0;
top:0;
}
.pdp .pic-wrapper:nth-child(n+4) .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(5) .imgs{
max-width:unset;
margin-left:unset;
}
.pdp .pic-wrapper:nth-child(5) .text-block {
width: 100%;
text-align: center;
position: unset;
}
.pdp .pic-wrapper:nth-child(5) .text-block h2 {
font-size:1.5rem;
line-height:2.25rem;
color: #000;
}
.pdp .pic-wrapper:nth-child(5) .text-block p {
color: #333;
font-size:1rem;
line-height:1.5rem;
}
.pdp .pic-wrapper:nth-child(6) .text-block{
text-align:center;
width:100%;
}
.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;
padding: 0 2%;
}
.pdp .pic-wrapper:nth-child(7) .text-block{
margin-left:unset;
}
.pdp .pic-wrapper:nth-child(7) .text-block h2 {
font-size:1.5rem;
line-height:2.25rem;
}
.pdp .pic-wrapper:nth-child(7) .text-block p {
font-size:1rem;
line-height:1.5rem;
margin-left:unset;
}
.pdp .pic-wrapper:nth-child(8){
margin-top: 0;
}
.pdp .pic-wrapper:nth-child(8) .text-block{
position:unset;
text-align:center;
width:100%;
margin-top: 0;
margin-left:unset;
}
.pdp .pic-wrapper:nth-child(8) .text-block h2 {
color: #000;
font-size: 1.5rem;
line-height:2.25rem;
}
.pdp .pic-wrapper:nth-child(8) .text-block p {
color: #333;
font-size:1rem;
line-height:1.5rem;
}
.pdp .pic-wrapper:nth-child(9) .imgs{
margin-left: unset;
width: 100%;
}
.pdp .pic-wrapper:nth-child(10) .text-block h2 {
font-size:1.5rem;
line-height:2.25rem;
}
.pdp .pic-wrapper:nth-child(10) .text-block p {
font-size:1rem;
line-height:1.5rem;
margin-left:unset;
}
}