Backpack For DJI Ronin 4D
.ronnin-4d{
display:block;
font-family: Open Sans;
}
.ronnin-4d-mobile{
display:none;
}
@media screen and (max-width:980px) {
.ronnin-4d{
display:none;
}
.ronnin-4d-mobile{
display:block;
}
}
.ronnin-4d h2,h3{
letter-spacing:1px;
font-family: Open Sans;
}
/***Banner**/
.first-banner {
display:block;
position:relative;
min-height:400px;
height:auto;
overflow:hidden;
}
.first-banner .banner-image{
width:100%;
}
.first-banner .box-ratio {
background-color: unset;
}
.first-banner .box-ratio img{
background-color: unset;
}
.first-banner .text-block{
position:absolute;
left: 17.5%;
top: 30%;
text-align: left;
}
.first-banner .text-block .title{
color: #fff;
font-size: 4.5rem;
line-height: 5.5rem;
}
.first-banner .text-block .title div{
font-weight:normal;
}
.first-banner .text-block .content{
color: #ddd;
font-size: 1.75rem;
line-height: 1.75rem;
margin-top: 3.5rem;
}
/**************** Simple features *************************/
.simple-features{
width: 100%;
margin: auto;
position: absolute;
left: 0;
bottom: 5%;
padding:0 15%;
}
.simple-features .list-unstyled {
padding-left: 0;
list-style: none;
}
.icon-group {
display: flex;
}
.icon-group li {
width: 20%;
position: relative;
flex:1;
}
.icon-group li .icon {
width: 100px;
height: 100px;
margin: 0 auto 0.25rem auto;
background-size:contain;
}
.icon-group li span {
text-align: center;
display: block;
font-size: 1.25rem;
color: #eeeeee;
}
.icon-group li:nth-child(1) .icon {
background: url(https://cdn.shopifycdn.net/s/files/1/0252/2395/4525/files/DJI_Ronin_4D_Backpack_icon_1.png?v=1677827657) 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/DJI_Ronin_4D_Backpack_icon_2.png?v=1677827657) 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/DJI_Ronin_4D_Backpack_icon_3.png?v=1677827657) no-repeat;
background-size: contain;
}
.icon-group li:nth-child(4) .icon {
background: url(https://cdn.shopifycdn.net/s/files/1/0252/2395/4525/files/DJI_Ronin_4D_Backpack_icon_4.png?v=1677827657) no-repeat;
background-size: contain;
}
.shoulderbag-banner1 .banner-image{
position:relative;
}
.video-btn {
position:absolute;
top:43.5%;
left:47%;
width:70px;
height:70px;
background: url(https://cdn.shopify.com/s/files/1/0252/2395/4525/files/presell_play.png?v=1614324743) no-repeat;
background-size: auto;
filter: drop-shadow(0 0 8px rgba(0,0,0,.12));
perspective: 1000px;
backface-visibility: hidden;
transform: translateZ(0);
background-size: contain;
}
.shoulderbag-banner1 .banner-image{
cursor:pointer;
background-color:#000;
}
.shoulderbag-banner1 .banner-image .box-ratio{
line-height:0;
}
.shoulderbag-banner1 .banner-image-mobile{
}
.shoulderbag-banner1 .banner-image .youtube{
display:none;
width: 65%;
margin:auto;
padding:5% 0;
}
.shoulderbag-banner1 .banner-image .youtube .youtube-inner{
width: 100%;
}
.shoulderbag-banner1 .banner-image .youtube .youtube-inner iframe{
width: 100%;
}
.youtube iframe,.youtube-mobile iframe{
width:100%;
max-width:100%;
}
.shoulderbag-banner1 .banner-image .la-close{
display:none;
width: 28px;
height: auto;
position: absolute;
font-size: 2.5rem;
right: 15%;
top: 5%;
color: #fff;
line-height: 38px;
}
.shoulderbag-banner1 .banner-image .video_overlay{
width: 100%;
height: 100%;
position: absolute;
z-index: 9;
color: #000;
top: 0;
left: 0;
background: #000;
opacity: 0.2;
}
/**************** Statisfy Needs *************************/
.statisfy-needs {
width:100%;
padding: 1% 0 0 0;
clear: both;
position: relative;
background: #000;
}
.statisfy-needs .text-block{
position:absolute;
top:3%;
left:0;
width:100%;
display:block;
padding:2.5% 1.5%;
text-align: center;
}
.statisfy-needs .text-block .title{
color: #fff;
font-size: 4.25rem;
line-height: 5.25rem;
}
.statisfy-needs .text-block .content{
color: #fefefe;
font-size: 1.75rem;
line-height: 2rem;
font-weight: bold;
}
.statisfy-needs .text-block1{
top:unset;
left:0;
bottom: 0;
width:42.5%;
}
.statisfy-needs .text-block2{
top:unset;
left:57.5%;
bottom:0;
width:42.5%;
}
/***m-station**/
.m-station {
width:100%;
min-height:400px;
padding-bottom:2%;
background: #000;
}
.m-station .banner-image{
width:66%;
margin:auto;
}
.m-station .banner-image video{
width:100%;
height:auto;
}
.m-station .box-ratio {
background-color: unset;
}
.m-station .box-ratio img{
background-color: unset;
}
.m-station .text-block{
width:100%;
text-align: center;
padding:6% 2% 3.5% 2%;
}
.m-station .text-block .title{
color: #fff;
font-size: 4.25rem;
line-height: 5.25rem;
}
.m-station .text-block .content{
color: #ddd;
font-size: 1.5rem;
line-height: 2.15rem;
margin-top: 0.75rem;
}
#m-station-desktop.m-station{
position: relative;
}
#m-station-desktop.m-station .banner-image{
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: center;
position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 4;
overflow: hidden;
}
#m-station-desktop.m-station .text-block1{
width: 100%;
opacity: 1;
z-index: 99;
display: flex;
height: 100vh;
justify-content: center;
position: -webkit-sticky;
position: sticky;
top: 0;
padding-top: 192px;
margin: -100vh auto 0;
}
#m-station-desktop.m-station .text-block-inner{
}
#m-station-desktop.m-station .video-intro__inner{
width:100%;
}
#m-station-video .text-block{
opacity:0;
-webkit-transition: opacity 1s ease;
-moz-transition: opacity 1s ease;
transition: opacity 1s ease;
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
}
/***adjustable strap**/
.adjustable {
position:relative;
min-height:400px;
}
.adjustable .banner-image{
width:100%;
}
.adjustable .box-ratio {
background-color: unset;
}
.adjustable .box-ratio img{
background-color: unset;
}
.adjustable .gif-image{
position:absolute;
width:55%;
left: 45%;
top: 15%;
text-align: left;
}
.adjustable .gif-image video{
width:100%;
height:auto;
}
.adjustable .text-block{
position:absolute;
width:45%;
left: 12.5%;
top: 35%;
text-align: left;
}
.adjustable .text-block .title{
color: #fff;
font-size: 4.5rem;
line-height: 5.75rem;
}
.adjustable .text-block .content{
color: #ddd;
font-size: 1.6rem;
line-height: 2.35rem;
margin-top: 2rem;
}
/***neat**/
.neat {
position:relative;
width:100%;
min-height:400px;
padding-bottom:7.5%;
background: #000;
}
.neat .banner-image{
width:72%;
margin:auto;
}
.neat .box-ratio {
background-color: unset;
}
.neat .box-ratio img{
background-color: unset;
}
.neat .text-block{
width:100%;
text-align: center;
padding:5% 2% 4% 2%;
}
.neat .text-block .title{
color: #fff;
font-size: 4.25rem;
line-height: 5.25rem;
}
.neat .text-block .content{
color: #eee;
font-size: 1.5rem;
line-height: 2.15rem;
margin-top: 0.5rem;
}
/***neat**/
.sidetop {
position:relative;
width:100%;
min-height:400px;
padding-bottom:5%;
background: #000;
}
.sidetop .banner-image{
width: 33%;
margin: 0 0 0 57.5%;
}
.sidetop .box-ratio {
background-color: unset;
}
.sidetop .box-ratio img{
background-color: unset;
}
.sidetop .text-block{
position:absolute;
width: 50%;
left: 20%;
top: 27.5%;
text-align: left;
z-index:1;
}
.sidetop .text-block .title{
color: #fff;
font-size: 4.5rem;
line-height: 5.75rem;
}
.sidetop .text-block .content{
color: #ddd;
font-size: 1.6rem;
line-height: 2.35rem;
margin-top: 2rem;
}
/***neat**/
.strap-pockets {
width:100%;
min-height:400px;
height:auto;
overflow:hidden;
background:#000;
}
.strap-pockets .rows{
width:100%;
height:auto;
}
.strap-pockets .row{
width:100%;
display:flex;
height:auto;
}
.strap-pockets .box-ratio {
background-color: unset;
}
.strap-pockets .box-ratio img{
background-color: unset;
}
.strap-pockets .row .two-column{
width:50%;
display:flex;
height:auto;
position:relative;
}
.strap-pockets .text-block{
display:table;
position:absolute;
width: 85%;
height: 100%;
left: 15%;
top: 0;
text-align: left;
z-index:1;
}
.strap-pockets .text-block .text-block-inner{
display:table-cell;
vertical-align:middle;
}
.strap-pockets .row:nth-child(even) .text-block{
left:unset;
right:15%;
text-align: right;
}
.strap-pockets .text-block .title{
color: #fff;
font-size: 4.25rem;
line-height: 5.5rem;
}
.strap-pockets .text-block .content{
color: #ddd;
font-size: 1.5rem;
line-height: 1.75rem;
margin-top:2rem;
}
/***optimal**/
.optimal {
position:relative;
width:100%;
min-height:400px;
background: #000;
padding: 7.5% 0 5% 0;
}
.optimal .banner-image{
width: 30%;
margin: 0 1% 0 54%;
}
.optimal .box-ratio {
background-color: unset;
}
.optimal .box-ratio img{
background-color: unset;
}
.optimal .text-block{
position:absolute;
width: 50%;
left: 17.5%;
top: 30%;
text-align: left;
z-index:1;
}
.optimal .text-block .title{
color: #fff;
font-size: 4.5rem;
line-height: 5.5rem;
}
.optimal .text-block .content{
color: #ddd;
font-size: 1.5rem;
line-height: 2.25rem;
margin-top: 2rem;
}
.multi-handles {
width: 100%;
background: #000;
height: auto;
display: block;
overflow: hidden;
}
.multi-handles .multi-handles-inner {
display:flex;
width:80%;
margin:2.5% auto 7.5% auto;
column-gap: 0.7%;
}
.multi-handles .multi-handles-inner .collection-image .box-ratio{
border: solid 1px #333;
}
.multi-handles .multi-handles-inner .left-image{
position:relative;
width:49.65%;
}
.multi-handles .multi-handles-inner .right-images{
width:49.65%;
display:flex;
column-gap:1.2%;
row-gap:1%;
flex-wrap:wrap;
}
.multi-handles .multi-handles-inner .right-images .collection-image{
width:49.4%;
position:relative;
display: table;
}
.multi-handles .multi-handles-inner .right-images .collection-image:nth-child(1){
width:100%;
}
.multi-handles .multi-handles-inner .right-images .collection-image .box-ratio{
vertical-align: middle;
display: table-cell;
background-color: unset;
}
.multi-handles .multi-handles-inner .collection-image .caption{
position:absolute;
left:5%;
width:95%;
text-align:left;
bottom:1.5rem;
color:#fff;
font-size:1.4rem;
line-height:1.75rem;
font-weight:bold;
}
/*** splash-proof **/
.freedom {
position:relative;
min-height:400px;
background:#000;
padding-bottom:5%;
}
.freedom .banner-image{
width:100%;
}
.freedom .box-ratio {
background-color: unset;
}
.freedom .box-ratio img{
background-color: unset;
}
.freedom .text-block{
position:absolute;
width: 60%;
right: 7.5%;
top: 17.5%;
text-align: right;
}
.freedom .text-block .title{
color: #fff;
font-size: 4.75rem;
line-height: 6rem;
}
.freedom .text-block .content{
color: #ccc;
font-size: 1.6rem;
line-height: 2.35rem;
margin-top: 2rem;
}
.freedom .imgs {
display:flex;
width:100%;
margin-top:1%;
column-gap: 1%;
}
.freedom .imgs .collection-image{
width:47.8%;
position:relative;
}
.freedom .imgs .collection-image:first-child{
width:52.2%;
}
.freedom .imgs .collection-image .caption{
position:absolute;
left:5%;
width:95%;
text-align:left;
bottom:1.5rem;
color:#fff;
font-size:1.4rem;
line-height:1.75rem;
font-weight:bold;
}
@media screen and (max-width:1800px) {
.shape-block .text-block .content br {
display:none;
}
}
@media screen and (max-width:1660px) {
.adjustable .text-block {
left: 12%;
top: 37.5%;
}
.strap-pockets .text-block .title {
font-size: 3.5rem;
line-height: 4.5rem;
}
}
@media screen and (max-width:1550px) {
.first-banner .text-block .title {
font-size: 3.5rem;
line-height: 4.25rem;
}
.first-banner .text-block .content {
font-size: 1.5rem;
line-height: 1.5rem;
margin-top: 2rem;
}
.simple-features {
bottom: 4%;
padding: 0 10%;
}
.icon-group li .icon {
width: 80px;
height: 80px;
}
.icon-group li span {
font-size: 1rem;
}
.statisfy-needs .text-block .title {
font-size: 3.5rem;
line-height: 4.25rem;
}
.statisfy-needs .text-block .content {
font-size: 1.5rem;
line-height: 1.5rem;
}
.m-station .text-block .title {
font-size: 3.5rem;
line-height: 4.25rem;
}
.m-station .text-block .content {
font-size: 1.25rem;
line-height: 1.5rem;
}
.adjustable .text-block .title {
font-size: 3.35rem;
line-height: 4rem;
}
.adjustable .text-block .content {
font-size: 1.125rem;
line-height: 1.75rem;
margin-top: 1.5rem;
}
.neat .text-block .title {
font-size: 3.5rem;
line-height: 4.25rem;
}
.sidetop .text-block .title {
font-size: 3.5rem;
line-height: 4.25rem;
}
.sidetop .text-block .content {
font-size: 1.125rem;
line-height: 1.75rem;
margin-top: 1.5rem;
}
.strap-pockets .text-block .title {
font-size: 2.75rem;
line-height: 3.5rem;
}
.strap-pockets .text-block .content {
font-size: 1.125rem;
line-height: 1.5rem;
margin-top: 1rem;
}
.strap-pockets .text-block .content {
font-size: 1.125rem;
line-height: 1.5rem;
margin-top: 1rem;
}
.optimal .text-block .title {
font-size: 3.5rem;
line-height: 4.5rem;
}
.optimal .text-block .content {
font-size: 1.125rem;
line-height: 1.75rem;
margin-top: 1.5rem;
}
.multi-handles-inner .collection-image .caption {
font-size: 1rem;
line-height: 1.35rem;
}
.freedom .text-block .title {
font-size: 3.5rem;
line-height: 4.5rem;
}
.freedom .text-block .content {
font-size: 1.125rem;
line-height: 1.75rem;
}
.freedom .imgs .collection-image .caption {
font-size: 1rem;
line-height: 1.35rem;
}
}
@media screen and (max-width:1420px) {
}
@media screen and (max-width:1320px) {
}
@media screen and (max-width:1220px) {
.first-banner .text-block .title {
font-size: 2.75rem;
line-height: 3.25rem;
}
.first-banner .text-block .content {
font-size: 1.25rem;
line-height: 1.25rem;
margin-top: 2rem;
}
.simple-features {
bottom: 4%;
padding: 0 10%;
}
.icon-group li .icon {
width: 55px;
height: 55px;
}
.icon-group li span {
font-size: 0.95rem;
}
.statisfy-needs .text-block .title {
font-size: 2.75rem;
line-height: 3.25rem;
}
.statisfy-needs .text-block .content {
font-size: 1.125rem;
line-height: 1.5rem;
}
.m-station .text-block .title {
font-size: 2.75rem;
line-height: 3.25rem;
}
.m-station .text-block .content {
font-size: 1.125rem;
line-height: 1.5rem;
}
.adjustable .text-block .title {
font-size: 2.75rem;
line-height: 3.25rem;
}
.adjustable .text-block .content {
font-size: 1rem;
line-height: 1.5rem;
margin-top: 1.5rem;
}
.neat .text-block .title {
font-size: 2.75rem;
line-height: 3.25rem;
}
.sidetop .text-block .title {
font-size: 2.75rem;
line-height: 3.25rem;
}
.sidetop .text-block .content {
font-size: 1.125rem;
line-height: 1.75rem;
margin-top: 1.5rem;
}
.strap-pockets .text-block .title {
font-size: 2.25rem;
line-height: 2.75rem;
}
.strap-pockets .text-block .content {
font-size: 1.05rem;
line-height: 1.5rem;
margin-top: 1rem;
}
.optimal .text-block .title {
font-size: 2.75rem;
line-height: 3.25rem;
}
.optimal .text-block .content {
font-size: 1.05rem;
line-height: 1.65rem;
margin-top: 1.25rem;
}
.multi-handles-inner .collection-image .caption {
font-size: 1rem;
line-height: 1.25rem;
}
.freedom .text-block .title {
font-size: 2.25rem;
line-height: 2.75rem;
}
.freedom .text-block .content {
font-size: 1.05rem;
line-height: 1.65rem;
}
.freedom .imgs .collection-image .caption {
font-size: 1rem;
line-height: 1.25rem;
}
}
@media screen and (max-width:980px) {
.first-banner .text-block {
top: 15%;
}
.first-banner .text-block .title {
font-size: 3.5rem;
line-height: 3.75rem;
}
.first-banner .text-block .title span{
font-weight:normal;
}
.first-banner .text-block .content {
font-size: 1.25rem;
line-height: 1.35rem;
margin-top: 2rem;
}
.simple-features {
padding: 0 5%;
}
.video-btn {
display: block;
width: 60px;
height: 60px;
}
.shoulderbag-banner1{
background: #000;
min-width: 360px;
padding-top:2%;
min-height: 360px;
}
.shoulderbag-banner1 .banner-image-mobile{
display:block;
position:relative;
}
.shoulderbag-banner1 .banner-image-mobile .la-close{
display:none;
width: 28px;
height: auto;
position: absolute;
font-size: 2.2rem;
right: 5px;
top: 5px;
color: #eee;
line-height: 30px;
}
.shoulderbag-banner1 .banner-image-mobile .youtube-mobile{
display:none;
width: 100%;
height: 100%;
}
.banner-image-mobile{
background:#000;
color: #fff;
width:100%;
height:auto;
position:relative;
}
.youtube-mobile iframe{
width:100%;
}
/***mobile-static-block**/
.static-block-m {
min-height:300px;
position:relative;
background: #000;
padding-bottom: 0;
}
.static-block-m .banner-image{
position:relative;
width:100%;
}
.static-block-m .box-ratio {
background-color: unset;
}
.static-block-m .box-ratio img{
background-color: unset;
}
.static-block-m .text-block{
position: unset;
width:100%;
text-align: left;
margin-top:0;
padding:12.5% 2% 7.5% 5%;
}
.static-block-m .text-block .title{
color: #fff;
font-size: 3.25rem;
line-height: 3.85rem;
margin-bottom: 0.5rem;
}
.static-block-m .text-block .content{
color: #ddd;
font-size: 1.35rem;
line-height: 1.75rem;
margin-top: 1.25rem;
}
.static-block-m .caption{
color: #fff;
font-size: 1rem;
line-height: 1.25rem;
position: absolute;
width:92.5%;
text-align: left;
top: unset;
left:5%;
bottom:5%;
}
.m-station .text-block {
padding-top:3%;
}
.adjustable .text-block .content {
font-size: 1.35rem;
}
.statisfy-needs .caption {
font-size: 1.2rem;
line-height: 1.5rem;
}
.statisfy-needs .text-block {
position: absolute;
width: 100%;
text-align: left;
margin-top: 0;
padding: 12.5% 2% 5% 5%;
top: 0;
left: 0;
}
.neat .text-block {
padding-bottom: 0;
}
.sidetop .text-block {
padding-bottom: 0;
}
.optimal {
padding-top:2.5%;
}
.optimal .text-block {
padding-bottom: 0;
}
.optimal .banner-image {
width: 100%;
margin:0;
}
.sidetop .banner-image {
width: 100%;
margin-left:0;
}
.multi-handles-m {
width: 100%;
background: #000;
height: auto;
display: block;
overflow: hidden;
}
.multi-handles-m .multi-handles-inner {
width:100%;
margin:2% auto 5% auto;
}
.multi-handles-m .multi-handles-inner .left-image{
position:relative;
width:100%;
}
.multi-handles-m .multi-handles-inner .right-images{
width:100%;
display:flex;
column-gap:1.2%;
row-gap:1%;
flex-wrap:wrap;
}
.multi-handles-m .multi-handles-inner .right-images .collection-image{
width:49.4%;
position:relative;
display: table;
}
.multi-handles-m .multi-handles-inner .right-images .collection-image:nth-child(3){
width:100%;
}
.multi-handles-m .multi-handles-inner .right-images .collection-image .box-ratio{
vertical-align: middle;
display: table-cell;
background-color: unset;
}
.multi-handles-m .multi-handles-inner .collection-image .caption{
position:absolute;
left:5%;
width:95%;
text-align:left;
bottom:1.5rem;
color:#fff;
font-size:1.25rem;
line-height:1.5rem;
}
.freedom .text-block {
padding-top:10%;
}
.freedom .banner-image .caption {
bottom: 4%;
font-size: 1.25rem;
line-height: 1.5rem;
}
.freedom .imgs .collection-image .caption {
font-weight:normal;
font-size: 1.25rem;
line-height: 1.5rem;
}
}
@media screen and (max-width:500px) {
.first-banner .text-block {
left: 0;
top: 10%;
text-align: center;
width: 100%;
}
.first-banner .text-block .title {
font-size: 2.5rem;
line-height: 2.75rem;
}
.first-banner .text-block .title span{
font-weight:normal;
}
.first-banner .text-block .content {
font-size: 1.05rem;
line-height: 1.35rem;
margin-top: 1rem;
color: #eee;
}
.simple-features {
display:none;
}
.video-btn {
display: block;
width: 40px;
height: 40px;
}
/***mobile-static-block**/
.static-block-m {
min-height:300px;
position:relative;
background: #000;
padding-bottom: 0;
}
.static-block-m .banner-image{
position:relative;
width:100%;
}
.static-block-m .box-ratio {
background-color: unset;
}
.static-block-m .box-ratio img{
background-color: unset;
}
.static-block-m .text-block{
position: unset;
width:100%;
text-align: left;
margin-top:0;
padding:12.5% 2% 7.5% 5%;
}
.static-block-m .text-block .title{
color: #fff;
font-size: 2.55rem;
line-height: 3rem;
margin-bottom: 0.5rem;
}
.static-block-m .text-block .content{
color: #ccc;
font-size: 1.05rem;
line-height: 1.35rem;
margin-top: 1rem;
}
.static-block-m .caption{
color: #fff;
font-size: 1rem;
line-height: 1.25rem;
position: absolute;
width:92.5%;
text-align: left;
top: unset;
left:5%;
bottom:5%;
}
.m-station .text-block {
padding-top:3%;
}
.adjustable .text-block .content {
font-size: 1.05rem;
}
.statisfy-needs .caption {
font-size: 1.3rem;
line-height: 1.5rem;
}
.statisfy-needs .text-block {
position: absolute;
width: 100%;
text-align: left;
margin-top: 0;
padding: 12.5% 2% 5% 5%;
top: 0;
left: 0;
}
.neat .text-block {
padding-bottom: 0;
}
.sidetop .text-block {
padding-bottom: 0;
}
.optimal {
padding-top:2.5%;
}
.optimal .text-block {
padding-bottom: 0;
}
.optimal .banner-image {
width: 100%;
margin:0;
}
.sidetop .banner-image {
width: 100%;
margin-left:0;
}
.multi-handles-m {
width: 100%;
background: #000;
height: auto;
display: block;
overflow: hidden;
}
.multi-handles-m .multi-handles-inner {
width:100%;
margin:2% auto 5% auto;
}
.multi-handles-m .multi-handles-inner .left-image{
position:relative;
width:100%;
}
.multi-handles-m .multi-handles-inner .right-images{
width:100%;
display:flex;
column-gap:1.2%;
row-gap:1%;
flex-wrap:wrap;
}
.multi-handles-m .multi-handles-inner .right-images .collection-image{
width:49.4%;
position:relative;
display: table;
}
.multi-handles-m .multi-handles-inner .right-images .collection-image:nth-child(3){
width:100%;
}
.multi-handles-m .multi-handles-inner .right-images .collection-image .box-ratio{
vertical-align: middle;
display: table-cell;
background-color: unset;
}
.multi-handles-m .multi-handles-inner .collection-image .caption{
position:absolute;
left:5%;
width:95%;
text-align:left;
bottom:1.5rem;
color:#fff;
font-size:0.85rem;
line-height:1.2rem;
}
.freedom .text-block {
padding-top:10%;
}
.freedom .banner-image .caption {
bottom: 4%;
font-size: 0.9rem;
line-height: 1.25rem;
}
.freedom .imgs .collection-image .caption {
font-weight:normal;
font-size: 0.9rem;
line-height: 1.15rem;
}
}
@media screen and (max-width:380px) {
.first-banner .text-block .title {
font-size: 2.15rem;
line-height: 2.5rem;
}
.first-banner .text-block .title span{
font-weight:normal;
}
.first-banner .text-block .content {
font-size: 1.05rem;
line-height: 1.35rem;
margin-top: 1rem;
color: #eee;
}
.simple-features {
display:none;
}
.video-btn {
display: block;
width: 40px;
height: 40px;
}
/***mobile-static-block**/
.static-block-m {
min-height:300px;
position:relative;
background: #000;
padding-bottom: 0;
}
.static-block-m .banner-image{
position:relative;
width:100%;
}
.static-block-m .box-ratio {
background-color: unset;
}
.static-block-m .box-ratio img{
background-color: unset;
}
.static-block-m .text-block{
position: unset;
width:100%;
text-align: left;
margin-top:0;
padding:12.5% 2% 5% 5%;
}
.static-block-m .text-block .title{
color: #fff;
font-size: 2.25rem;
line-height: 2.5rem;
margin-bottom: 0.5rem;
}
.static-block-m .text-block .content{
color: #ddd;
font-size: 1rem;
line-height: 1.25rem;
margin-top: 0;
}
.static-block-m .caption{
color: #fff;
font-size: 1rem;
line-height: 1.25rem;
position: absolute;
width:92.5%;
text-align: left;
top: unset;
left:5%;
bottom:5%;
}
.m-station .text-block {
padding-top:3%;
}
.adjustable .text-block .content {
font-size: 0.95rem;
}
.statisfy-needs .caption {
font-size: 1.15rem;
line-height: 1.25rem;
}
.statisfy-needs .text-block {
position: absolute;
width: 100%;
text-align: left;
margin-top: 0;
padding: 9.5% 2% 7.5% 5%;
top: 0;
left: 0;
}
.neat .text-block {
padding-bottom: 0;
}
.sidetop .text-block {
padding-bottom: 0;
}
.optimal {
padding-top:2.5%;
}
.optimal .text-block {
padding-bottom: 0;
}
.optimal .banner-image {
width: 100%;
margin:0;
}
.sidetop .banner-image {
width: 100%;
margin-left:0;
}
.multi-handles-m {
width: 100%;
background: #000;
height: auto;
display: block;
overflow: hidden;
}
.multi-handles-m .multi-handles-inner {
width:100%;
margin:2% auto 5% auto;
}
.multi-handles-m .multi-handles-inner .left-image{
position:relative;
width:100%;
}
.multi-handles-m .multi-handles-inner .right-images{
width:100%;
display:flex;
column-gap:1.2%;
row-gap:1%;
flex-wrap:wrap;
}
.multi-handles-m .multi-handles-inner .right-images .collection-image{
width:49.4%;
position:relative;
display: table;
}
.multi-handles-m .multi-handles-inner .right-images .collection-image:nth-child(3){
width:100%;
}
.multi-handles-m .multi-handles-inner .right-images .collection-image .box-ratio{
vertical-align: middle;
display: table-cell;
background-color: unset;
}
.multi-handles-m .multi-handles-inner .collection-image .caption{
position:absolute;
left:5%;
width:95%;
text-align:left;
bottom:1.5rem;
color:#fff;
font-size:0.85rem;
line-height:1.2rem;
}
.freedom .text-block {
padding-top:10%;
}
.freedom .banner-image .caption {
bottom: 4%;
font-size: 0.9rem;
line-height: 1.25rem;
}
.freedom .imgs .collection-image .caption {
font-weight:normal;
font-size: 0.9rem;
}
}
Satisfy Both Working
and Storing Needs
Satisfy Both
Working and
Storing Needs
Your Mobile
Workstation
to the back panel through a Beetle camera clip.
Adjustable
Camera Strap
used flexibly and easily in front of your body.
Everything
Neatly Organized
Side+Top Heat
Outlets
the front flap, it is perfect for year-round use.
Shoulder
Strap Stores
Smartphone
Front Pocket
Stores Accessories
Optimal
Load Transfer
carrying system of OneMo2, which features a
highly-engineered back panel as well as
multiple straps for even weight distribution.
Freedom to Work
Everywhere
Satisfy Both Working
and Storing Needs
Adjustable
Camera Strap
used flexibly and easily in front of your body.
Everything Neatly Organized
Side+Top Heat
Outlets
the front flap, it is perfect for year-round use.
Shoulder Strap
Stores Smartphone
Front Pocket
Stores Accessories
Optimal Load
Transfer
carrying system of OneMo2, which features a
highly-engineered back panel as well as multiple
straps for even weight distribution.
Freedom to Work
Everywhere
perfect backpack for a day outdoors.