CapLock MantisPod Power on Sale

CapLock MantisPod Power
.onemo-2{
display:block;
font-family: Open Sans;
}
.onemo-2-mobile{
display:none;
}
@media screen and (max-width:980px) {
.onemo-2{
display:none;
}
.onemo-2-mobile{
display:block;
}
}
.onemo-2 h2,h3{
text-transform:capitalize;
letter-spacing:1px;
}
/***Banner**/
.first-banner {
position:relative;
min-height:400px;
}
.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: 10.5%;
top: 20.5%;
text-align: left;
}
.first-banner .text-block .title{
color: #fff;
font-size: 2.35rem;
line-height: 5rem;
text-transform: capitalize;
}
.first-banner .text-block .title div{
font-weight:normal;
}
.first-banner .text-block .content{
color: #eee;
font-size: 1.5rem;
line-height: 1.5rem;
margin-top: 2rem;
}
.stable-strong .bgimg video {
width: 73%;
margin-left: 6%;
margin-top: 11%;
}

/**************** 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.shopify.com/s/files/1/0252/2395/4525/files/1_35931dc9-dad9-4b04-9f6e-444065cdf04f.png?v=1692754376) no-repeat;
background-size: contain;
}
.icon-group li:nth-child(2) .icon {
background: url(https://cdn.shopify.com/s/files/1/0252/2395/4525/files/2_18ce7c0b-995c-44dc-b577-ecaf8703fbe6.png?v=1692754382) no-repeat;
background-size: contain;
}
.icon-group li:nth-child(3) .icon {
background: url(https://cdn.shopify.com/s/files/1/0252/2395/4525/files/3_8ad4618b-3698-455b-9a98-8f2c1dde25a9.png?v=1692754384) no-repeat;
background-size: contain;
}
.icon-group li:nth-child(4) .icon {
background: url(https://cdn.shopify.com/s/files/1/0252/2395/4525/files/4_8c8c5fa4-00eb-41f4-ab3a-07e4e098f22a.png?v=1692754387) no-repeat;
background-size: contain;
}

.shoulderbag-banner1 .banner-image{
position:relative;
}

.video-btn {
display: none;
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-mobile{
display:none;
}
.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%;
}
.shoulderbag-banner1 .banner-image .la-close{
display:none;
width: 28px;
height: auto;
position: absolute;
font-size: 2.5rem;
right: 5%;
top: 15%;
color: #fff;
line-height: 38px;
}

/**************** Used For *************************/
.used-for {
width:100%;
padding:3% 0 5% 0;
clear:both;
}
.used-for .used-for-items{
display: flex;
width: 95%;
margin: auto;
column-gap: 1.5%;
}
.used-for .used-for-item{
position:relative;
margin-left:5px;
margin-right:5px;
width:33%;
}
.used-for .used-for-item .used-for-title{
position: absolute;
bottom: 5%;
font-size: 1.75rem;
line-height: 2.8rem;
color: #fefefe;
font-weight: 700;
left: 0;
width: 100%;
text-align: center;
}
.used-for .used-for-item .waterprint{
display:none;
position: absolute;
right: 10%;
bottom: 6%;
width:80%;
height:100px;
}
.used-for .used-for-item .waterprint1{
background:url(//cdn.shopify.com/s/files/1/0252/2395/4525/files/presell_10.png?v=9725499307615314414) no-repeat;
background-size: contain;
}
.used-for .used-for-item .waterprint2{
background:url(//cdn.shopify.com/s/files/1/0252/2395/4525/files/presell_11.png?v=4842570502991314152) no-repeat;
background-size: contain;
}
.used-for .used-for-item .waterprint3{
background:url(//cdn.shopify.com/s/files/1/0252/2395/4525/files/presell_12.png?v=9461965891800967621) no-repeat;
background-size: contain;
}
.used-for .text-block{
display:block;
padding:2.5% 1.5%;
text-align: center;
text-transform:uppercase;
}
.used-for .text-block .title{
color: #222;
font-size: 4.5rem;
line-height: 5.25rem;
text-transform: capitalize;
}
.used-for .text-block .content{
color: #444;
font-size: 1.5rem;
line-height: 2rem;
font-weight: bold;
}

/***flexible-front**/
.flexible-front {
position:relative;
min-height:400px;
}
.flexible-front .banner-image{
width:100%;
}
.flexible-front .box-ratio {
background-color: unset;
}
.flexible-front .box-ratio img{
background-color: unset;
}
.flexible-front .text-block{
position:absolute;
width:45%;
left: 12.5%;
top: 32.5%;
text-align: left;
}
.flexible-front .text-block .title{
color: #fff;
font-size: 2.75rem;
line-height: 5.5rem;
}
.flexible-front .text-block .content{
color: #ddd;
font-size: 1.5rem;
line-height: 2.15rem;
margin-top: 1.5rem;
}

/*** Shapes **/
.shapes {
display:flex;
column-gap: 0.6%;
min-height: 400px;
margin: 0.625rem 0;
}
.shapes .shape-block {
position:relative;
min-height:400px;
width: 49.7%;
}
.shape-block .banner-image{
width:100%;
}
.shape-block .box-ratio {
background-color: unset;
}
.shape-block .box-ratio img{
background-color: unset;
}
.shape-block .text-block{
position:absolute;
width:50%;
height:100%;
left: 50%;
top: 0;
text-align: left;
padding: 7.5% 0;
display:table;
}
.shape-block .text-block-inner{
display:table-cell;
vertical-align:middle;
}
.shape-block .text-block .title{
color: #333;
font-size: 2.25rem;
line-height: 2.3rem;
}
.shape-block .text-block .capacity{
margin: 2rem 0;
}
.shape-block .text-block .capacity p{
font-size: 1.5rem;
color: #666;
line-height: 2rem;
margin-bottom: 0;
}
.shape-block .text-block .content{
color: #777;
font-size: 1.4rem;
line-height: 2rem;
margin-top: 1.5rem;
}

/***clamshell-opening**/
.clamshell-opening {
position:relative;
min-height:400px;
}
.clamshell-opening .banner-image{
width:100%;
}
.clamshell-opening .box-ratio {
background-color: unset;
}
.clamshell-opening .box-ratio img{
background-color: unset;
}
.clamshell-opening .text-block{
position:absolute;
width: 40%;
left: 12.5%;
bottom: 10%;
text-align: left;
}
.clamshell-opening .text-block .title{
color: #fff;
font-size: 4.75rem;
line-height: 5.5rem;
}
.clamshell-opening .text-block .content{
color: #ddd;
font-size: 1.5rem;
line-height: 2.25rem;
margin-top: 3rem;
}

/*** clamshell-opening-capacities **/
.clamshell-opening-capacities {
display:flex;
column-gap: 0.5%;
min-height: 400px;
margin: 0.625rem 0;
}
.clamshell-opening-capacities .clamshell-opening-capacity {
position:relative;
min-height:400px;
width: 49.75%;
}
.clamshell-opening-capacity .banner-image{
width:100%;
}
.clamshell-opening-capacity .box-ratio {
background-color: unset;
}
.clamshell-opening-capacity .box-ratio img{
background-color: unset;
}
.clamshell-opening-capacity .text-block{
position:absolute;
width:60%;
left: 5%;
top: 0;
text-align: left;
padding: 20% 0;
}
.clamshell-opening-capacity .text-block .title{
color: #fff;
font-size: 4.5rem;
line-height: 5rem;
}
.clamshell-opening-capacity .text-block .content{
color: #fff;
font-size: 1.875rem;
line-height: 3.25rem;
margin-top: 2rem;
font-weight: bold;
}

/*** Upgraded Back Panel **/
.upgraded-back-panel {
position:relative;
min-height:400px;
}
.upgraded-back-panel .banner-image{
width:100%;
}
.upgraded-back-panel .box-ratio {
background-color: unset;
}
.upgraded-back-panel .box-ratio img{
background-color: unset;
}
.upgraded-back-panel .text-block{
position:absolute;
width: 40%;
left: 17.5%;
top: 25%;
text-align: left;
}
.upgraded-back-panel .text-block .title{
color: #fff;
font-size: 4.75rem;
line-height: 5.5rem;
}
.upgraded-back-panel .text-block .content{
color: #ddd;
font-size: 1.45rem;
line-height: 2.25rem;
margin-top: 2.5rem;
}
.upgraded-back-panel .text-block1{
position:absolute;
width: 40%;
right: 13%;
bottom: 8.5%;
text-align: center;
}
.upgraded-back-panel .text-block1 .content{
color: #ffffff;
font-size: 1.45rem;
line-height: 2rem;
font-weight: bold;
}

/*** Upgraded Back Panel Features**/
.upgraded-features {
display:flex;
column-gap: 0.6%;
min-height: 400px;
padding: 0.625rem 0;
background: #1d1d1d;
}
.upgraded-features .upgraded-feature {
position:relative;
min-height:400px;
width: 49.7%;
}
.upgraded-features .upgraded-feature:last-child {
width: 50.3%;
}
.upgraded-feature .banner-image{
width:100%;
}
.upgraded-feature .box-ratio {
background-color: unset;
}
.upgraded-feature .box-ratio img{
background-color: unset;
}
.upgraded-feature .text-block{
position:absolute;
width:60%;
left: 5%;
top: 0;
text-align: left;
padding: 12.5% 0;
}
.upgraded-feature .text-block .title{
color: #fff;
font-size: 4.5rem;
line-height: 5rem;
}
.upgraded-feature .text-block .content{
color: #fff;
font-size: 1.875rem;
line-height: 3rem;
margin-top: 2rem;
font-weight: bold;
}

.upgraded-features-list {
display:block;
width:100%;
height:auto;
min-height:400px;
overflow:hidden;
background-color:#1d1d1d;
}
.upgraded-features-list-inner {
display:flex;
width:72.5%;
margin:auto;
margin-top: 7%;
margin-bottom: 7%;
column-gap:0.7%;
}
.upgraded-features-list .left-image{
position:relative;
width:50%;

}
.upgraded-features-list .right-images{
width:50%;
display: flex;
flex-wrap: wrap;
}
.upgraded-features-list .right-images .collection-image{
float:left;
position:relative;
}
.upgraded-features-list .right-images .collection-image:first-child{
width:100%;
}
.upgraded-features-list .right-images .collection-image:nth-child(2){
width:49.3%;
margin-right:1.4%;
margin-top: 1.45%;
}
.upgraded-features-list .right-images .collection-image:nth-child(3){
width:49.3%;
margin-top: 1.45%;
}
.upgraded-features-list .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;
}

/**************** infinate access *************************/
.customizable-organization {
position:relative;
text-align:center;
min-height: 500px;
margin-top: 4%;
display:block;
overflow: hidden;
margin-bottom: 5%;
}
.customizable-organization .text-block{
position: absolute;
width: 70%;
height: 100%;
margin-left: 8%;
}
.customizable-organization .text-block-inner{
position: relative;
width: 100%;
height: 100%;
text-align: left;
display: table;
}
.customizable-organization .waterprint-customized{
display:block;
position:absolute;
background:url(https://cdn.shopify.com/s/files/1/0252/2395/4525/files/OneMo_2_Backpack_Customizable_Organization_waterprint.png?v=1676345403) no-repeat;
background-size: contain;
width: 80px;
height: 100%;
margin: auto;
left: 2.5%;
top: 0;
}
.customizable-organization .text-block-inner .title-text{
width: 64%;
display: table-cell;
vertical-align: middle;
height: 100%;
text-align:right;
}
.customizable-organization .text-block .text-block-inner .title-text {
display: table-cell;
vertical-align: middle;
}
.customizable-organization .title-text .title{
font-size: 4.5rem;
font-weight: bold;
color: #333;
text-transform: capitalize;
line-height: 5.25rem;
text-align: left;
}
.customizable-organization .title-text .text{
font-size: 1.45rem;
color: #666;
margin-top: 2.5rem;
line-height: 2.25rem;
text-align: left;
}
.customizable-organization .video-intro{
float: right;
background: #eee;
width: 75.5%;
}
.customizable-organization .video-intro .box-ratio {
height: auto;
width: 77%;
float: right;
}
.customizable-organization .video-intro video {
height: auto;
width: 77%;
float: right;
}
.customizable-organization .title-text h4{
margin-top:1rem;
margin-bottom:1.5rem;
}

/*** highlights **/
.highlights {
position:relative;
min-height:400px;
}
.highlights .banner-image{
width:100%;
}
.highlights .box-ratio {
background-color: unset;
}
.highlights .box-ratio img{
background-color: unset;
}
.highlights .text-block{
position:absolute;
width: 40%;
left: 15%;
top: 30%;
text-align: left;
}
.highlights .text-block .title{
color: #fff;
font-size: 4.75rem;
line-height: 5.5rem;
}
.highlights .text-block .content{
color: #ccc;
font-size: 1.45rem;
line-height: 2.25rem;
margin-top: 2.5rem;
}

/**************** access-block *************************/
.access-block {
position:relative;
text-align:center;
height: auto;
display:block;
overflow: hidden;
}
.access-block .full-access-block{
position: absolute;
width: 73%;
top: 10%;
left: 13.5%;
display:table;
}
.access-block .full-access-block .full-access-inner{
position: relative;
width:61%;
overflow: hidden;
display: table-cell;
}
.access-block .full-access-block .dual-side-text-box{
width:39%;
text-align:left;
display: table-cell;
vertical-align: middle;
}
.access-block .full-access-block .dual-side-text-box h2{
color:#333;
text-transform: capitalize;
font-size: 3.75rem;
line-height: 4.5rem;
}
.access-block .full-access-block .dual-side-text-box .text{
clear:both;
color: #555;
font-size: 1.45rem;
line-height: 2.25rem;
margin-top: 5%;
width: 100%;
}
.access-block .quick-access-block{
position: absolute;
width: 73%;
top:53%;
left: 13.5%;
display:table;
}
.access-block .quick-access-block .quick-access-inner{
position: relative;
width:61%;
overflow: hidden;
display: table-cell;
}
.access-block .quick-access-block .dual-side-text-box{
width:39%;
text-align:right;
display: table-cell;
vertical-align: middle;
padding-left: 2%;
}
.access-block .quick-access-block .dual-side-text-box h2{
color:#333;
font-size: 3.75rem;
line-height: 4.5rem;
text-transform: capitalize;
}
.access-block .quick-access-block .dual-side-text-box .text{
clear:both;
color: #555;
font-size: 1.45rem;
line-height: 2.25rem;
margin-top: 5%;
width: 100%;
margin-left: 0;
}

/*** splash-proof **/
.splash-proof {
position:relative;
min-height:400px;
}
.splash-proof .banner-image{
width:100%;
}
.splash-proof .box-ratio {
background-color: unset;
}
.splash-proof .box-ratio img{
background-color: unset;
}
.splash-proof .text-block{
position:absolute;
width: 69%;
right: 20%;
top: 32.5%;
text-align: right;
}
.splash-proof .text-block .title{
color: #fff;
font-size: 4.75rem;
line-height: 5.5rem;
}
.splash-proof .text-block .content{
color: #ccc;
font-size: 1.45rem;
line-height: 2.25rem;
margin-top: 2.5rem;
}

/*** magic **/
.magic{
width:100%;
padding:0.5% 0;
display: block;
overflow: hidden;
height: auto;
}
.magic .img-text-row{
display:flex;
}
.magic .img-text-row2{
flex-direction: row-reverse;
}
.magic .img-text-row .half-block{
display:table;
position:relative;
}
.magic .img-text-row .half-block .text-block{
display: table-cell;
vertical-align: middle;
}
.magic .img-text-row .half-block .text-block h2{
font-size: 3.75rem;
line-height: 4.5rem;
}
.magic .img-text-row .half-block .content{
color: #777;
font-size: 1.45rem;
line-height: 2.25rem;
margin-top: 1rem;
}
.magic .img-text-row1 .left-block{
width:50%;
padding-left: 12.5%;
}
.magic .img-text-row1 .right-block{
width:50%;
display: block;
}
.magic .img-text-row1 .right-block .video_block{
width:100%;
height:auto;
}
.magic .img-text-row1 .right-block .video_block video{
width:100%;
}
.magic .img-text-row2 .left-block{
width:50%;
}
.magic .img-text-row2 .right-block{
width:50%;
padding-right: 12.5%;
text-align:right;
}
.magic .img-text-row .half-block .waterprint{
position:absolute;
}
.magic .img-text-row .half-block .waterprint .box-ratio {
background-color: unset;
}
.magic .img-text-row .half-block .waterprint .box-ratio img{
background-color: unset;
}
.magic .img-text-row .half-block .waterprint1{
left: 14%;
top: 10%;
width: 70%;
}
.magic .img-text-row .half-block .waterprint2{
right: 20%;
top: 15%;
width: 57.5%;
}
/*** neatly-stowed **/
.neatly-stowed {
display:block;
width:100%;
height:auto;
min-height:400px;
overflow:hidden;
background-color:#222;
}
.neatly-stowed .text-block {
padding: 5% 2% 4% 2%;
text-align: center;
}
.neatly-stowed .text-block .title{
color: #fff;
font-size: 4.5rem;
line-height: 5.5rem;
}
.neatly-stowed-inner {
display:flex;
width:72.5%;
margin:auto;
margin-bottom:6%;
column-gap: 0.8%;
}

.neatly-stowed .left-image{
position:relative;
width:46.7%;
}
.neatly-stowed .right-images{
width:52.7%;
display:flex;
column-gap:1.2%;
row-gap:1.2%;
flex-wrap:wrap;
}
.neatly-stowed .right-images .collection-image{
width:49.4%;
position:relative;
display: table;
}
.neatly-stowed .right-images .collection-image .box-ratio{
vertical-align: middle;
display: table-cell;
background-color: unset;
line-height: 0;
vertical-align: bottom;
}

.neatly-stowed .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;
}

/**************** access-block *************************/
.more-details-block {
position:relative;
text-align:center;
height: auto;
display:block;
overflow: hidden;
background-color:#111;
background: url(https://cdn.shopify.com/s/files/1/0252/2395/4525/files/OneMo_2_Backpack_More_Details_bg.jpg?v=1676345438) no-repeat;
background-size: cover;
}
.more-details {
width:100%;
padding:3% 0 5% 0;
clear:both;
}
.more-details .more-details-items{
display: flex;
width: 72.5%;
margin: auto;
column-gap: 0.75%;
}
.more-details .more-details-item{
position:relative;
width:33%;
}
.more-details .more-details-item .used-for-title{
bottom: 5%;
position: absolute;
font-size: 1.5rem;
line-height: 2rem;
color: #fefefe;
font-weight: 700;
left: 5%;
width: 90%;
text-align: left;
}
.more-details .more-details-item .waterprint{
display:none;
position: absolute;
right: 10%;
bottom: 6%;
width:80%;
height:100px;
}
.more-details .text-block{
display:block;
padding:2.5% 1.5%;
text-align: center;
text-transform:uppercase;
}
.more-details .text-block .title{
color: #222;
font-size: 4.5rem;
line-height: 5.25rem;
text-transform: capitalize;
}
.more-details .text-block .content{
color: #222;
font-size: 2.25rem;
line-height: 4rem;
font-weight: bold;
}

.multi-handles .text-block {
padding: 0 2% 4% 2%;
text-align: center;
}
.multi-handles .text-block .content{
color: #222;
font-size: 2.25rem;
line-height: 3rem;
font-weight: bold;
}
.multi-handles-inner {
display:flex;
width:100%;
margin:auto;
margin-bottom:6%;
column-gap: 0.7%;
}

.multi-handles {
width:72.5%;
margin:auto;
margin-bottom:6%;
column-gap: 0.7%;
}

.multi-handles .left-image{
position:relative;
width:49.65%;
}
.multi-handles .right-images{
width:49.65%;
display:flex;
column-gap:1.2%;
row-gap:1%;
flex-wrap:wrap;
}
.multi-handles .right-images .collection-image{
width:49.4%;
position:relative;
display: table;
}
.multi-handles .right-images .collection-image:nth-child(1){
width:100%;
}
.multi-handles .right-images .collection-image .box-ratio{
vertical-align: middle;
display: table-cell;
background-color: unset;
}
.multi-handles .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;
}

/*** static-block **/
.static-block {
min-height:400px;
}
.static-block .banner-image{
width:100%;
}
.static-block .box-ratio {
background-color: unset;
}
.static-block .box-ratio img{
background-color: unset;
}
/*** irregular-imgs **/
.irregular-imgs {
width:100%;
margin:auto;
margin-bottom:6%;
column-gap: 0.8%;
}
.irregular-imgs-inner {
display:flex;
width:100%;
margin:auto;
margin-bottom:6%;
column-gap: 0.6%;
margin-top: 0.75rem;
margin-bottom: 0.75rem;
}
.irregular-imgs .left-image{
position:relative;
width:49.75%;
}
.irregular-imgs .right-images{
width:49.75%;
display:flex;
column-gap:1%;
row-gap:1%;
flex-wrap:wrap;
}
.irregular-imgs .right-images .collection-image{
width:49.4%;
position:relative;
display: table;
}
.irregular-imgs .right-images .collection-image:nth-child(1){
width:100%;
}
.irregular-imgs .right-images .collection-image .box-ratio{
vertical-align: middle;
display: table-cell;
background-color: unset;
}
.irregular-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;
}
/*** static-block **/
.comparison-block {
min-height: 400px;
margin-bottom: 5%;
}
.comparison-block .banner-image{
width: 60%;
margin: auto;
}
.comparison-block .box-ratio {
background-color: unset;
}
.comparison-block .box-ratio img{
background-color: unset;
}
@media screen and (max-width:1800px) {
.shape-block .text-block .content br {
display:none;
}
}
@media screen and (max-width:1660px) {
.flexible-front .text-block .stitle{
color: #fff;
position: absolute;
font-size: 1.25rem;
line-height: 2.75rem;
width: 20%;
right: -7%;
text-align: center;
top: -34%;
}
.flexible-front .text-block .scontent{
color: #fff;
position: absolute;
font-size: 0.8rem;
line-height: 2.75rem;
width: 20%;
right: -7%;
text-align: center;
top: -32%;
}
.first-banner .text-block {
top: 30%;
}
.icon-group li .icon {
width: 80px;
height: 80px;
}
.flexible-front .text-block {
top: 40%;
}
.used-for .text-block .title {
font-size: 4rem;
line-height: 4.75rem;
}
.used-for .used-for-item .used-for-title {
font-size: 1.5rem;
line-height: 2rem;
}
.flexible-front .text-block .title {
font-size: 2.25rem;
line-height: 2rem;
}
.flexible-front .text-block .content {
font-size: 0.8rem;
line-height: 1rem;
margin-top: 11rem;
}
.shapes {
min-height: unset;
}
.shapes .shape-block {
min-height: unset;
}
.shape-block .text-block .title {
font-size: 2rem;
line-height: 2rem;
}
.shape-block .text-block .capacity {
margin: 1.25rem 0;
}
.shape-block .text-block .capacity p {
font-size: 1.35rem;
line-height: 1.75rem;
}
.shape-block .text-block .capacity {
margin: 1.25rem 0 1rem 0;
}
.clamshell-opening .text-block .title {
font-size: 4rem;
line-height: 4.75rem;
}
.clamshell-opening .text-block .content {
font-size: 1.35rem;
line-height: 1.875rem;
margin-top: 2rem;
}
.clamshell-opening-capacity .text-block .title {
font-size: 4rem;
line-height: 4.5rem;
}
.clamshell-opening-capacity .text-block .content {
font-size: 1.75rem;
line-height: 2.75rem;
margin-top: 1.5rem;
}
.upgraded-back-panel .text-block {
width: 45%;
left: 12.5%;
top: 20%;
}
.customizable-organization .title-text .title {
font-size: 4rem;
line-height: 4.5rem;
}
.customizable-organization .title-text .text {
font-size: 1.35rem;
margin-top: 2rem;
line-height: 1.95rem;
}
.highlights .text-block {
left: 12.5%;
}
.highlights .text-block .title {
font-size: 4rem;
line-height: 4.75rem;
}
.access-block .full-access-block .dual-side-text-box h2 {
font-size: 3.5rem;
line-height: 4rem;
}
.access-block .full-access-block .dual-side-text-box .text {
font-size: 1.35rem;
line-height: 2rem;
}
.access-block .quick-access-block .dual-side-text-box h2 {
font-size: 3.5rem;
line-height: 4rem;
}
.access-block .quick-access-block .dual-side-text-box .text {
font-size: 1.35rem;
line-height: 2rem;
}
.splash-proof .text-block {
right: 15%;
top: 30%;
}
.splash-proof .text-block .title {
font-size: 4rem;
line-height: 4.75rem;
}
.splash-proof .text-block .content {
font-size: 1.35rem;
line-height: 2rem;
margin-top: 2rem;
}
.magic .img-text-row .half-block .text-block h2 {
font-size: 3rem;
line-height: 3.75rem;
}
.magic .img-text-row .half-block .content {
font-size: 1.35rem;
line-height: 2rem;
margin-top: 1rem;
}
.magic .img-text-row .half-block .text-block h2 {
font-size: 3rem;
line-height: 3.75rem;
}
.neatly-stowed .text-block .title {
font-size: 4rem;
line-height: 4.75rem;
}
.neatly-stowed .collection-image .caption {
font-size: 1.35rem;
}
.more-details .more-details-item .used-for-title {
font-size: 1.325rem;
line-height: 1.875rem;
}
.multi-handles .text-block .content {
font-size: 2rem;
line-height: 2.75rem;
}
}
@media screen and (max-width:1550px) {
.first-banner .text-block {
top: 25%;
}
.upgraded-features {
min-height: unset;
}
.upgraded-features .upgraded-feature {
min-height: unset;
}
}
@media screen and (max-width:1420px) {
.first-banner .text-block {
top: 30%;
}
.first-banner .text-block .title {
font-size: 3.25rem;
line-height: 4rem;
}
.first-banner .text-block .content {
font-size: 1.25rem;
line-height: 1.25rem;
margin-top: 1rem;
}
.icon-group li .icon {
width: 70px;
height: 70px;
}
.icon-group li span {
font-size: 1rem;
}
.flexible-front .text-block {
top: 25%;
}
.used-for .text-block .title {
font-size: 3.5rem;
line-height: 4.25rem;
}
.used-for .used-for-item .used-for-title {
font-size: 1.25rem;
line-height: 1.75rem;
}
.flexible-front .text-block .title {
font-size: 3.5rem;
line-height: 4.25rem;
}
.flexible-front .text-block .content {
font-size: 1.15rem;
line-height: 1.75rem;
margin-top: 1.25rem;
}
.shape-block .text-block .title {
font-size: 1.75rem;
line-height: 1.75rem;
}
.shape-block .text-block .capacity {
margin: 1rem 0;
}
.shape-block .text-block .capacity p {
font-size: 1.25rem;
line-height: 1.75rem;
}
.shape-block .text-block .capacity {
margin: 1rem 0;
}
.shape-block .text-block .content {
font-size: 1rem;
line-height: 1.5rem;
margin-top: 0.5rem;
}
.clamshell-opening .text-block .title {
font-size: 3.5rem;
line-height: 4.25rem;
}
.clamshell-opening .text-block .content {
font-size: 1.15rem;
line-height: 1.65rem;
margin-top: 1.5rem;
}
.clamshell-opening-capacity .text-block .title {
font-size: 3.5rem;
line-height: 4.25rem;
}
.clamshell-opening-capacity .text-block .content {
font-size: 1.5rem;
line-height: 2.25rem;
margin-top: 1rem;
}
.upgraded-back-panel .text-block {
width: 45%;
left: 12.5%;
top: 20%;
}
.upgraded-back-panel .text-block .title {
font-size: 3.75rem;
line-height: 4.5rem;
}
.upgraded-back-panel .text-block .content {
font-size: 1.15rem;
line-height: 2rem;
margin-top: 1.5rem;
}
.upgraded-back-panel .text-block1 .content {
font-size: 1.25rem;
line-height: 1.5rem;
}
.upgraded-feature .text-block .content {
font-size: 1.5rem;
line-height: 2.25rem;
margin-top: 1rem;
}
.upgraded-features-list .collection-image .caption {
font-size: 1.15rem;
line-height: 1.5rem;
}
.customizable-organization .waterprint-customized {
left: 4%;
}
.customizable-organization .text-block {
margin-left: 10%;
}
.customizable-organization .title-text .title {
font-size: 3rem;
line-height: 3.75rem;
}
.customizable-organization .title-text .text {
font-size: 1.15rem;
margin-top: 1.5rem;
line-height: 1.75rem;
}
.highlights .text-block {
left: 12.5%;
}
.highlights .text-block .title {
font-size: 3.5rem;
line-height: 4.25rem;
}
.highlights .text-block .content {
font-size: 1.25rem;
line-height: 2rem;
margin-top: 1.5rem;
}
.access-block .full-access-block {
width: 78%;
top: 10%;
left: 11%;
}
.access-block .full-access-block .dual-side-text-box h2 {
font-size: 3rem;
line-height: 3.5rem;
}
.access-block .full-access-block .dual-side-text-box .text {
font-size: 1.15rem;
line-height: 1.75rem;
}
.access-block .quick-access-block {
width: 78%;
top: 55%;
left: 11%;
}
.access-block .quick-access-block .dual-side-text-box h2 {
font-size: 3rem;
line-height: 3.5rem;
}
.access-block .quick-access-block .dual-side-text-box .text {
font-size: 1.15rem;
line-height: 1.75rem;
}
.splash-proof .text-block {
right: 15%;
top: 30%;
}
.splash-proof .text-block .title {
font-size: 3.5rem;
line-height: 4.25rem;
}
.splash-proof .text-block .content {
font-size: 1.15rem;
line-height: 1.75rem;
margin-top: 1.5rem;
}
.magic .img-text-row .half-block .text-block h2 {
font-size: 3rem;
line-height: 3.75rem;
}
.magic .img-text-row .half-block .content {
font-size: 1.15rem;
line-height: 1.75rem;
margin-top: 1rem;
}
.neatly-stowed .text-block .title {
font-size: 3.5rem;
line-height: 4.25rem;
}
.neatly-stowed .collection-image .caption {
font-size: 1.05rem;
bottom: 1rem;
}
.more-details .text-block .title {
font-size: 3.5rem;
line-height: 4.25rem;
}
.more-details .more-details-item .used-for-title {
font-size: 1.05rem;
line-height: 1.5rem;
}
.multi-handles .text-block .content {
font-size: 2rem;
line-height: 2.75rem;
}
}
@media screen and (max-width:1320px) {
.upgraded-features-list-inner {
width: 80%;
}
.access-block .full-access-block {
width: 80%;
top: 8%;
left: 10%;
}
.access-block .quick-access-block {
width: 80%;
top: 53%;
left: 10%;
}
.neatly-stowed-inner {
width: 80%;
}
.more-details .more-details-items {
width: 80%;
}
.multi-handles {
width: 80%;
}
.comparison-block .banner-image {
width: 80%;
}
}
@media screen and (max-width:1220px) {
.first-banner .text-block {
top: 27.5%;
}
.first-banner .text-block .title {
font-size: 2.5rem;
line-height: 2.75rem;
}
.first-banner .text-block .content {
font-size: 1rem;
line-height: 1rem;
margin-top: 1rem;
}
.icon-group li .icon {
width: 55px;
height: 55px;
}
.icon-group li span {
font-size: 0.925rem;
}
.flexible-front .text-block {
top: 25%;
}
.used-for .text-block .title {
font-size: 2.5rem;
line-height: 2.75rem;
}
.used-for .used-for-item .used-for-title {
font-size: 1rem;
line-height: 1.5rem;
}
.flexible-front .text-block .title {
font-size: 2.5rem;
line-height: 2.75rem;
}
.flexible-front .text-block .content {
font-size: 1rem;
line-height: 1.5rem;
margin-top: 1rem;
}
.shape-block .text-block .title {
font-size: 1.5rem;
line-height: 1.5rem;
}
.shape-block .text-block .capacity {
margin: 0.75rem 0;
}
.shape-block .text-block .capacity p {
font-size: 1.25rem;
line-height: 1.75rem;
}
.shape-block .text-block .capacity {
margin: 1rem 0;
}
.shape-block .text-block .content {
font-size: 1rem;
line-height: 1.25rem;
margin-top: 0;
}
.clamshell-opening .text-block .title {
font-size: 2.5rem;
line-height: 2.75rem;
}
.clamshell-opening .text-block .content {
font-size: 1rem;
line-height: 1.5rem;
margin-top: 1rem;
}
.clamshell-opening-capacity .text-block .title {
font-size: 2.5rem;
line-height: 2.75rem;
}
.clamshell-opening-capacity .text-block .content {
font-size: 1.25rem;
line-height: 1.75rem;
margin-top: 1rem;
}
.upgraded-back-panel .text-block {
width: 45%;
left: 12.5%;
top: 20%;
}
.upgraded-back-panel .text-block .title {
font-size: 2.5rem;
line-height: 2.75rem;
}
.upgraded-back-panel .text-block .content {
font-size: 1rem;
line-height: 1.5rem;
margin-top: 1rem;
}
.upgraded-back-panel .text-block1 .content {
font-size: 1rem;
line-height: 1.5rem;
}
.upgraded-feature .text-block .content {
font-size: 1.25rem;
line-height: 1.75rem;
margin-top: 1rem;
}
.upgraded-features-list .collection-image .caption {
font-size: 1rem;
line-height: 1.25rem;
}
.customizable-organization .title-text .title {
font-size: 2.5rem;
line-height: 2.75rem;
}
.customizable-organization .title-text .text {
font-size: 1rem;
margin-top: 1.25rem;
line-height: 1.5rem;
}
.highlights .text-block {
left: 12.5%;
}
.highlights .text-block .title {
font-size: 2.5rem;
line-height: 2.75rem;
}
.highlights .text-block .content {
font-size: 1rem;
line-height: 1rem;
margin-top: 1.5rem;
}
.access-block .full-access-block {
width: 78%;
top: 10%;
left: 11%;
}
.access-block .full-access-block .dual-side-text-box h2 {
font-size: 2rem;
line-height: 2.5rem;
}
.access-block .full-access-block .dual-side-text-box .text {
font-size: 1rem;
line-height: 1.5rem;
}
.access-block .quick-access-block {
width: 78%;
top: 55%;
left: 11%;
}
.access-block .quick-access-block .dual-side-text-box h2 {
font-size: 2rem;
line-height: 2.5rem;
}
.access-block .quick-access-block .dual-side-text-box .text {
font-size: 1rem;
line-height: 1.5rem;
}
.splash-proof .text-block {
right: 15%;
top: 30%;
}
.splash-proof .text-block .title {
font-size: 2.5rem;
line-height: 2.75rem;
}
.splash-proof .text-block .content {
font-size: 1rem;
line-height: 1.5rem;
margin-top: 1.25rem;
}
.magic .img-text-row .half-block .text-block h2 {
font-size: 2rem;
line-height: 2.5rem;
}
.magic .img-text-row .half-block .content {
font-size: 1rem;
line-height: 1.5rem;
margin-top: 1rem;
}
.neatly-stowed .text-block .title {
font-size: 2.5rem;
line-height: 2.75rem;
}
.neatly-stowed .collection-image .caption {
font-size: 1.05rem;
bottom: 1rem;
}
.more-details .text-block .title {
font-size: 2.5rem;
line-height: 2.75rem;
}
.more-details .more-details-item .used-for-title {
font-size: 0.925rem;
line-height: 1.35rem;
}
.multi-handles .text-block .content {
font-size: 1.5rem;
line-height: 2rem;
}
}

@media screen and (max-width:980px) {
.onemo-2-mobile .text-block{
padding: 9% 5px 3% 5px;
margin: 5% 0 2% 0;
}
.onemo-2-mobile h2,.onemo-2-mobile h3{
letter-spacing:0;
}
/***Banner**/
.first-banner {
position:relative;
min-height:unset;
}
.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: 0;
top: 8%;
text-align: center;
padding: 5px;
width: 98%;
margin: auto;
}
.first-banner .text-block .title{
color: #fff;
font-size: 2.4rem;
line-height: 3rem;
text-transform: capitalize;
margin-bottom: 5px;
}
.first-banner .text-block .title span{
font-weight:normal;
}
.first-banner .text-block .content{
color: #eee;
font-size: 1.125rem;
line-height: 1.5rem;
margin-top: 0.2rem;
}

/**************** Simple features *************************/
.simple-features{
width: 100%;
margin: auto;
position: absolute;
left: 0;
bottom: 2%;
padding:0 2%;
}
.simple-features .list-unstyled {
padding-left: 0;
list-style: none;
}
.icon-group {
display: flex;
}
.icon-group li {
width: 25%;
position: relative;
flex:1;
}
.icon-group li .icon {
width: 50px;
height: 50px;
margin: 0 auto 0.25rem auto;
background-size:contain;
}
.icon-group li span {
text-align: center;
display: block;
font-size: 0.9rem;
color: #fefefe;
line-height: 1rem;
}
.icon-group li:nth-child(1) .icon {
background: url(https://cdn.shopify.com/s/files/1/0252/2395/4525/files/OneMo_2_Backpack_Icon_Efficient_Organization.png?v=1676345578) no-repeat;
background-size: contain;
}
.icon-group li:nth-child(2) .icon {
background: url(https://cdn.shopify.com/s/files/1/0252/2395/4525/files/OneMo_2_Backpack_Icon_Backpack_Plus_Shoulder_Bag.png?v=1676345578) no-repeat;
background-size: contain;
}
.icon-group li:nth-child(3) .icon {
background: url(https://cdn.shopify.com/s/files/1/0252/2395/4525/files/OneMo_2_Backpack_Icon_Wide_Rear_Opening.png?v=1676345578) no-repeat;
background-size: contain;
}
.icon-group li:nth-child(4) .icon {
background: url(https://cdn.shopify.com/s/files/1/0252/2395/4525/files/OneMo_2_Backpack_Icon_Double_Quick_Accesses.png?v=1676345577) no-repeat;
background-size: contain;
}

.shoulderbag-banner1 .text-block{
width: 98%;
text-align: left;
padding: 5% 5px 2% 5%;
margin: 5% 0 2% 0;
}
.shoulderbag-banner1 .text-block .title{
color: #333;
font-size: 2.25rem;
line-height: 2.65rem;
margin-bottom:5px;
}
.shoulderbag-banner1 .text-block .subtitle{
color: #333;
font-size: 1.275rem;
line-height: 2rem;
margin-bottom:5px;
}
.shoulderbag-banner1 .text-block .content{
color: #555;
font-size: 1rem;
line-height: 1.25rem;
}
.shoulderbag-banner1 .banner-image-mobile{
display:block;
position:relative;
}
.video-btn {
display:block;
position:absolute;
top: 40%;
left: 43%;
width: 40px;
height: 40px;
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-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%;
}

/**************** Used For *************************/
.meets-shoulderbag {
width:100%;
padding:2% 0;
clear:both;
}
.meets-shoulderbag .meets-shoulderbag-items{
display: flex;
width:100%;
margin:auto;
flex-wrap: wrap;
column-gap: 2%;
row-gap: 2%;
}
.meets-shoulderbag .meets-shoulderbag-item{
position:relative;
width:49%;
}
.meets-shoulderbag .meets-shoulderbag-item:nth-child(1){
position:relative;
width: 100%;
margin-bottom: 1.65%;
}
.meets-shoulderbag .meets-shoulderbag-item .title{
display: block;
position: absolute;
bottom: 1rem;
font-size: 1.05rem;
line-height: 1.25rem;
color: #f1f1f1;
font-weight: 700;
left: 5%;
text-align: left;
width: 100%;
}
.meets-shoulderbag .text-block{
display:block;
padding: 4% 5px 5% 5%;
margin: 5% 0 2% 0;
text-align: left;
text-transform:uppercase;
}
.meets-shoulderbag .text-block .title{
color: #333;
font-size: 2.25rem;
line-height: 2.5rem;
margin-bottom: 0;
}
.meets-shoulderbag .text-block .content{
color: #555;
font-size: 0.9rem;
line-height: 1.25rem;
}
/***mobile-static-block**/
.static-block-m {
min-height:300px;
position:relative;
}
.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-left:5%;
}
.static-block-m .text-block .title{
color: #333;
font-size: 2.25rem;
line-height: 2.75rem;
}
.static-block-m .text-block .content{
color: #555;
font-size: 1rem;
line-height: 1.35rem;
}
.static-block-m .text-block1{
position: absolute;
top:5%;
left:5%;
width:90%;
text-align: left;
margin-top:0;
padding-left:5%;
}
.static-block-m .text-block1 .title{
color: #fff;
font-size: 1.75rem;
line-height: 2rem;
}
.static-block-m .text-block1 .content{
color: #eee;
font-size: 1.15rem;
line-height: 1.25rem;
}

/***flexible-front**/
.flexible-front {
min-height:200px;
}
.flexible-front .banner-image{
width:100%;
}
.flexible-front .box-ratio {
background-color: unset;
}
.flexible-front .box-ratio img{
background-color: unset;
}
.flexible-front .text-block{
position: unset;
width:100%;
text-align: left;
margin-top:0;
padding-left:5%;
}
.flexible-front .text-block .title{
color: #333;
font-size: 2.25rem;
line-height: 2.5rem;
}
.flexible-front .text-block .content{
color: #555;
font-size: 1rem;
line-height: 1.35rem;
}

/***shapes**/
.shapes {
position:relative;
min-height:400px;
margin:0;
}
.shapes .banner-image{
width:100%;
}
.shapes .box-ratio {
background-color: unset;
}
.shapes .box-ratio img{
background-color: unset;
}
.shapes .text-block{
position:absolute;
margin-top:0;
color: #444;
padding-top: 5%;
}
.shapes .text-block .title{
color: #333;
font-size: 1.5rem;
line-height: 1.5rem
}
.shapes .text-block .capacity{
margin:5% 0;
}
.shapes .text-block .capacity p{
color: #444;
font-size: 1.125rem;
line-height: 1.5rem;
margin-bottom: 0;
}
.shapes .text-block .content{
color: #444;
font-size: 1rem;
line-height: 1.3rem;
}
.shapes .text-block1{
top:4%;
right:0;
width:47%;
text-align: left;
}
.shapes .text-block2{
top:51%;
left:4%;
width:49%;
text-align: left;
}

/***clamshell-opening**/
.clamshell-opening {
position:relative;
min-height:400px;
}
.clamshell-opening .banner-image{
width:100%;
}
.clamshell-opening .box-ratio {
background-color: unset;
}
.clamshell-opening .box-ratio img{
background-color: unset;
}
.clamshell-opening .text-block{
position: unset;
width:100%;
text-align: left;
margin-top:0;
padding-left:5%;
}
.clamshell-opening .text-block .title{
color: #333;
font-size: 2.25rem;
line-height: 2.5rem;
}
.clamshell-opening .text-block .content{
color: #555;
font-size: 1rem;
line-height: 1.35rem;
margin-top: 1rem;
}
/*** clamshell-opening-capacities **/
.clamshell-opening-capacities {
display:block;
min-height: 400px;
margin: 0;
}
.clamshell-opening-capacities .text-block{
position: unset;
width: 100%;
text-align: left;
margin-top: 0;
padding-left: 5%;
}
.stable-strong .bgimg video {
width: 45%;
margin-left: 6%;
margin-top: 2%;
}
.clamshell-opening-capacities .text-block .title{
color: #333;
font-size: 2.25rem;
line-height: 2.5rem;
}
.clamshell-opening-capacities .clamshell-opening-capacity {
position:relative;
min-height:300px;
width: 100%;
margin-bottom: 1%;
}
.clamshell-opening-capacities .clamshell-opening-capacity:last-child {
margin-bottom: 0;
}
.clamshell-opening-capacity .banner-image{
width:100%;
}
.clamshell-opening-capacity .box-ratio {
background-color: unset;
}
.clamshell-opening-capacity .box-ratio img{
background-color: unset;
}

.clamshell-opening-capacity .text-block-on{
position:absolute;
width: 97%;
left: 5%;
top: 0;
text-align: left;
padding: 10% 3%;
}
.clamshell-opening-capacity .text-block-on .title{
color: #fff;
font-size: 2rem;
line-height:2.25rem;
}
.clamshell-opening-capacity .text-block-on .content{
color: #fefefe;
font-size: 1.05rem;
line-height: 1.35rem;
margin-top: 0;
font-weight: bold;
}

/*** Upgraded Back Panel **/
.upgraded-back-panel {
position:relative;
min-height:200px;
background: #000;
}
.upgraded-back-panel .banner-image{
width:100%;
}
.upgraded-back-panel .box-ratio {
background-color: unset;
}
.upgraded-back-panel .box-ratio img{
background-color: unset;
}
.upgraded-back-panel .text-block{
width:100%;
text-align: left;
padding: 0;
margin: 0;
top: 7.5%;
left: 7.5%;
}
.upgraded-back-panel .text-block .title{
color: #fff;
font-size: 2.275rem;
line-height: 2.5rem;
}
.upgraded-back-panel .text-block .content{
color: #eee;
font-size: 1rem;
line-height: 1.35rem;
margin-top: 1rem;
}
.upgraded-back-panel .text-block1{
position:absolute;
width: 100%;
right: 0;
bottom: 5%;
text-align: center;
}
.upgraded-back-panel .text-block1 .content{
color: #fefefe;
font-size: 1.125rem;
line-height: 1.65rem;
font-weight: bold;
}

/*** Upgraded Back Panel Features**/
.upgraded-features {
display:block;
min-height: 200px;
padding: 0;
background: #1d1d1d;
}
.upgraded-features .upgraded-feature {
position:relative;
min-height:120px;
width: 100%;
}
.upgraded-features .upgraded-feature:last-child {
width: 100%;
}
.upgraded-feature .banner-image{
width:100%;
}
.upgraded-feature .box-ratio {
background-color: unset;
}
.upgraded-feature .box-ratio img{
background-color: unset;
}
.upgraded-feature .text-block{
position:absolute;
width:80%;
left: 5%;
top: 15%;
text-align: left;
padding: 0;
}
.upgraded-feature .text-block .content{
color: #fff;
font-size: 1.05rem;
line-height: 1.5rem;
margin-top: 0;
font-weight: bold;
}
.upgraded-features .upgraded-feature:last-child .text-block{
left: unset;
right:5%;
top: 15%;
text-align: right;
}
.upgraded-features-list {
display:block;
width:100%;
height:auto;
min-height:300px;
overflow:hidden;
background-color:#1d1d1d;
}
.upgraded-features-list-inner {
display:flex;
width:100%;
margin:auto;
margin-top: 0;
margin-bottom: 10%;
row-gap:0.7%;
column-gap:0.7%;
flex-wrap:wrap;
}
.upgraded-features-list .left-image{
position:relative;
width:100%;
}
.upgraded-features-list .right-images{
width:100%;
display: flex;
flex-wrap: wrap;
column-gap: 1.2%;
row-gap: 1%;
}
.upgraded-features-list .right-images .collection-image{
float:unset;
position:relative;
}
.upgraded-features-list .right-images .collection-image:nth-child(1){
width:49.3%;
margin:0;
}
.upgraded-features-list .right-images .collection-image:nth-child(2){
width:49.3%;
margin:0;
}
.upgraded-features-list .right-images .collection-image:nth-child(3){
width:100%;
margin:0;
}
.upgraded-features-list .collection-image .caption{
position:absolute;
left:5%;
width:95%;
text-align:left;
bottom:1rem;
color:#fff;
font-size: 1.05rem;
line-height:1.1rem;
font-weight:bold;
}
.upgraded-features-list .left-image .collection-image .caption{
text-align:center;
}
.customizable-organization-m .text-block {
padding: 12% 5% 4% 5%;
}
.customizable-organization-m .text-block .title {
color: #333;
font-size: 2.25rem;
line-height: 2.75rem;
margin-bottom: 1rem;
}
.highlights-m .text-block1 {
top: 10%;
left:7.5%;
text-align: left;
padding-left: 5%;
}
.highlights-m .text-block1 .text{
color: #fefefe;
}
.customizable-storage-m .text-block .title {
color: #111;
font-size: 1.7rem;
line-height: 2.75rem;
}
.accessories-storage-m .text-block .title {
color: #111;
font-size: 1.65rem;
line-height: 2.75rem;
}
.splash-proof-m {
margin-top: 1%;
}
.splash-proof-m .text-block {
position: absolute;
top: 2.5%;
left: 2%;
z-index: 1;
}
.splash-proof-m .text-block .title{
color: #fff;
font-size: 2.25rem;
line-height: 2.875rem;
}
.splash-proof-m .text-block .content{
color: #fefefe;
font-size: 1rem;
line-height: 1.35rem;
}
/*** magic **/
.magic{
width:100%;
padding:0.5% 0;
display: block;
overflow: hidden;
height: auto;
margin-top: 1%;
}
.magic .img-text-row{
display:flex;
background: #eee;
}
.magic .img-text-row1{
flex-direction: row-reverse;
}
.magic .img-text-row2{
flex-direction: unset;
}
.magic .img-text-row .half-block{
display:table;
position:relative;
}
.magic .img-text-row .half-block .text-block{
display: table-cell;
vertical-align: middle;
padding-top: 5%;
}
.magic .img-text-row .half-block .text-block h2{
font-size: 1.5rem;
line-height: 1.75rem;
}
.magic .img-text-row .half-block .content{
color: #777;
font-size: 0.95rem;
line-height: 1.15rem;
margin-top: 0;
}
.magic .img-text-row1 .left-block{
width:50%;
padding-left:0;
}
.magic .img-text-row1 .left-block .text-block{
text-align:right;
padding: 5% 9% 5% 5%;
}
.magic .img-text-row1 .right-block{
width:50%;
display: block;
}
.magic .img-text-row1 .right-block .video_block{
width:100%;
height:auto;
}
.magic .img-text-row1 .right-block .video_block video{
width:100%;
}
.magic .img-text-row2 .left-block{
width:50%;
}
.magic .img-text-row2 .right-block{
width:50%;
text-align:left;
padding-right:0;
}
.magic .img-text-row2 .half-block .text-block {
padding: 9% 5px 3% 8%;
}
.magic .img-text-row .half-block .waterprint{
position:absolute;
}
.magic .img-text-row .half-block .waterprint .box-ratio {
background-color: unset;
}
.magic .img-text-row .half-block .waterprint .box-ratio img{
background-color: unset;
}
.magic .img-text-row .half-block .waterprint1{
left: 14%;
top: 7.5%;
width: 70%;
}
.magic .img-text-row .half-block .waterprint2{
right: 20%;
top: 15%;
width: 57.5%;
}

/*** neatly-stowed **/
.neatly-stowed {
display:block;
width:100%;
height:auto;
min-height:200px;
overflow:hidden;
background: unset;
}
.neatly-stowed .text-block {
position: unset;
width:100%;
text-align: left;
margin-top:0;
padding: 9% 2% 1% 5%;
}
.neatly-stowed .text-block .title{
color: #333;
font-size: 2.25rem;
line-height: 2.75rem;
}
.neatly-stowed-inner {
display:flex;
width:100%;
margin:auto;
column-gap: 1.2%;
row-gap: 1.2%;
flex-wrap: wrap;
margin-top: 1.15%;
}
.neatly-stowed .left-image{
position:relative;
width:100%;
}
.neatly-stowed .right-images{
width:100%;
display:flex;
column-gap:1.2%;
row-gap:1.2%;
flex-wrap:wrap;
margin-top: 0.25rem;
}
.neatly-stowed .right-images .collection-image{
width:49.4%;
position:relative;
display: table;
}
.neatly-stowed .right-images .collection-image .box-ratio{
vertical-align: middle;
display: table-cell;
background-color: unset;
line-height: 0;
vertical-align: bottom;
}

.neatly-stowed .collection-image .caption{
position:absolute;
left:5%;
width:95%;
text-align:left;
bottom: 1rem;
color:#fff;
font-size:1rem;
line-height:1rem;
font-weight:bold;
}

/**************** access-block *************************/
.more-details-block {
position:relative;
text-align:center;
height: auto;
display:block;
overflow: hidden;
background-color:#111;
background: none;
background-size: cover;
}
.more-details {
width:100%;
padding:3% 0 5% 0;
clear:both;
}
.more-details .more-details-items{
display: flex;
width: 100%;
margin: auto;
column-gap: 0.75%;
flex-wrap: wrap;
}
.more-details .more-details-item{
position:relative;
width:100%;
}
.more-details .more-details-item .used-for-title{
position: absolute;
bottom:1.25rem;
font-size:1rem;
line-height:1.25rem;
font-weight: 700;
color: #fefefe;
left: 5%;
width: 90%;
text-align: left;
}
.more-details .text-block{
position: unset;
width:100%;
text-align: left;
margin-top:0;
padding-left:5%;
}
.more-details .text-block .title{
color: #222;
font-size: 2.25rem;
line-height: 2.5rem;
}
.more-details .more-details-item.two-columns{
display:flex;
background:#eee;
}
.more-details .more-details-item.two-columns:nth-child(even){
flex-direction: row-reverse;
}
.more-details .more-details-item.two-columns .used-for-title{
display:table;
position: unset;
color: #222;
text-align: center;
width: 50%;
}
.more-details .more-details-item.two-columns .box-ratio{
width: 50%;
}
.more-details .more-details-item.two-columns .used-for-title .title{
display:table-cell;
vertical-align:middle;
text-align:center;
font-size: 1.125rem;
line-height: 1.5rem;
}

.multi-handles .text-block {
padding: 0 2% 4% 5%;
text-align: center;
}
.multi-handles .text-block .content{
font-size: 1.35rem;
line-height: 1.85rem;
text-align: left;
font-weight: bold;
}
.multi-handles-inner {
display:flex;
width:100%;
margin:auto;
margin-bottom:0;
column-gap: 0.7%;
flex-wrap: wrap;
}

.multi-handles {
width:100%;
margin:auto;
margin-bottom:0;
column-gap: 0.7%;
}

.multi-handles .left-image{
position:relative;
width:100%;
}
.multi-handles .right-images{
width:100%;
display:flex;
column-gap:1.2%;
row-gap:1%;
margin-top: 1.25%;
}
.multi-handles .right-images .collection-image{
width:32.9%;
position:relative;
display: table;
}
.multi-handles .right-images .collection-image:nth-child(1){
width:32.9%;
}
.multi-handles .right-images .collection-image:nth-child(3){
width:31.5%;
}
.multi-handles .right-images .collection-image .box-ratio{
vertical-align: middle;
display: table-cell;
background-color: unset;
}

/*** static-block **/
.static-block {
min-height:200px;
}
.static-block .banner-image{
width:100%;
}
.static-block .box-ratio {
background-color: unset;
}
.static-block .box-ratio img{
background-color: unset;
}

/*** irregular-imgs **/
.irregular-imgs {
width:100%;
margin:auto;
margin-bottom:6%;
column-gap: 0.8%;
row-gap: 0.8%;
}
.irregular-imgs-inner {
display:flex;
width:100%;
margin:auto;
margin-bottom:6%;
column-gap: 0.6%;
margin-top: 0.75rem;
margin-bottom: 0.75rem;
flex-wrap: wrap;
}
.irregular-imgs .left-image{
position:relative;
width:100%;
}
.irregular-imgs .right-images{
width:100%;
display:flex;
column-gap:1%;
row-gap:1%;
flex-wrap:wrap;
margin-top: 1.5%;
}
.irregular-imgs .right-images .collection-image{
width:49.5%;
position:relative;
display: table;
}
.irregular-imgs .right-images .collection-image:nth-child(1){
width:49%;
}
.irregular-imgs .right-images .collection-image:nth-child(2){
width:50%;
}
.irregular-imgs .right-images .collection-image:last-child{
width:100%;
}
.irregular-imgs .right-images .collection-image .box-ratio{
vertical-align: middle;
display: table-cell;
background-color: unset;
}

/*** static-block **/
.comparison-block {
min-height: 400px;
margin-bottom: 5%;
}
.comparison-block .banner-image{
width: 100%;
margin: auto;
}
.comparison-block .box-ratio {
background-color: unset;
}
.comparison-block .box-ratio img{
background-color: unset;
}

}
@media screen and (max-width:380px) {
.first-banner .text-block .title{
font-size: 2rem;
line-height: 2.5rem;
margin-bottom: 5px;
}
.first-banner .text-block .content{
font-size: 0.95rem;
line-height: 1.5rem;
margin-top: 0.4rem;
}

/**************** Simple features *************************/

.icon-group li .icon {
width: 50px;
height: 50px;
margin: 0 auto 0.25rem auto;
}
.icon-group li span {
text-align: center;
display: block;
font-size: 0.75rem;
color: #fefefe;
line-height: 1rem;
}

.shoulderbag-banner1 .text-block .title{
color: #333;
font-size: 2.125rem;
line-height: 2.65rem;
margin-bottom:5px;
}
.shoulderbag-banner1 .text-block .subtitle{
color: #333;
font-size: 1.25rem;
line-height: 2rem;
margin-bottom:5px;
}
.shoulderbag-banner1 .text-block .content{
color: #555;
font-size: 0.9rem;
line-height: 1.25rem;
}

.meets-shoulderbag .meets-shoulderbag-item .title{
display: block;
position: absolute;
bottom: 1rem;
font-size: 0.9rem;
line-height: 1rem;
color: #f1f1f1;
font-weight: 700;
left: 5%;
text-align: left;
width: 100%;
}
.meets-shoulderbag .text-block .title{
color: #333;
font-size: 2.125rem;
line-height: 2.5rem;
margin-bottom: 0;
}
.meets-shoulderbag .text-block .content{
color: #555;
font-size: 0.9rem;
line-height: 1.25rem;
}

.static-block-m .text-block .title{
color: #333;
font-size: 2.125rem;
line-height: 2.75rem;
}
.static-block-m .text-block .content{
color: #555;
font-size: 0.9rem;
line-height: 1.25rem;
}

.static-block-m .text-block1 .title{
color: #fff;
font-size: 1.5rem;
line-height: 2rem;
}
.static-block-m .text-block1 .content{
color: #fefefe;
font-size: 0.9rem;
line-height: 1.25rem;
}
.flexible-front .text-block .title{
color: #333;
font-size: 2.125rem;
line-height: 2.5rem;
}
.flexible-front .text-block .content{
color: #555;
font-size: 0.9rem;
line-height: 1.25rem;
}

/***shapes**/
.shapes .text-block .title{
color: #333;
font-size: 1.2rem;
line-height: 1.25rem;
}
.shapes .text-block .capacity p{
color: #444;
font-size: 1rem;
line-height: 1.5rem;
margin-bottom: 0;
}
.shapes .text-block .content{
color: #444;
font-size: 0.875rem;
line-height: 1.1rem;
}
/***clamshell-opening**/
.clamshell-opening .text-block .title{
color: #333;
font-size: 2.125rem;
line-height: 2.5rem;
}
.clamshell-opening .text-block .content{
color: #555;
font-size: 0.9rem;
line-height: 1.25rem;
margin-top: 1rem;
}
/*** clamshell-opening-capacities **/
.clamshell-opening-capacities .text-block .title{
color: #333;
font-size: 2.125rem;
line-height: 2.5rem;
}
.clamshell-opening-capacities .clamshell-opening-capacity {
position:relative;
min-height:300px;
width: 100%;
margin-bottom: 1%;
}
.clamshell-opening-capacity .text-block-on .title{
color: #fff;
font-size: 1.875rem;
line-height:2rem;
}
.clamshell-opening-capacity .text-block-on .content{
color: #fefefe;
font-size: 0.9rem;
line-height: 1.25rem;
margin-top: 0;
font-weight: bold;
}

/*** Upgraded Back Panel **/
.upgraded-back-panel .text-block .title{
color: #fff;
font-size: 2.125rem;
line-height: 2.5rem;
}
.upgraded-back-panel .text-block .content{
color: #eee;
font-size: 0.9rem;
line-height: 1.25rem;
margin-top: 1rem;
}
.upgraded-back-panel .text-block1{
position:absolute;
width: 100%;
right: 0;
bottom: 5%;
text-align: center;
}
.upgraded-back-panel .text-block1 .content{
color: #fefefe;
font-size: 1rem;
line-height: 1.5rem;
font-weight: bold;
}

/*** Upgraded Back Panel Features**/
.upgraded-feature .text-block .content{
color: #fff;
font-size: 1rem;
line-height: 1.5rem;
margin-top: 0;
font-weight: bold;
}
.upgraded-features .upgraded-feature:last-child .text-block{
left: unset;
right:5%;
top: 15%;
text-align: right;
}
.upgraded-features-list .collection-image .caption{
position:absolute;
left:5%;
width:95%;
text-align:left;
bottom:1rem;
color:#fff;
font-size:0.9rem;
line-height:1.1rem;
font-weight:bold;
}
.upgraded-features-list .left-image .collection-image .caption{
text-align:center;
}
.customizable-organization-m .text-block .title {
color: #333;
font-size: 2.125rem;
line-height: 2.75rem;
margin-bottom: 1rem;
}
.customizable-storage-m .text-block .title {
color: #111;
font-size: 1.65rem;
line-height: 2.75rem;
}
.accessories-storage-m .text-block .title {
color: #111;
font-size: 1.65rem;
line-height: 2.75rem;
}
.splash-proof-m .text-block .title{
color: #fff;
font-size: 2.25rem;
line-height: 2.875rem;
}
.splash-proof-m .text-block .content{
color: #fefefe;
font-size: 0.9rem;
line-height: 1.25rem;
}
/*** magic **/
.magic .img-text-row .half-block .content{
color: #777;
font-size: 0.85rem;
line-height: 1.15rem;
margin-top: 0;
}
/*** neatly-stowed **/
.neatly-stowed .text-block .title{
color: #333;
font-size: 2.125rem;
line-height: 2.75rem;
}

.neatly-stowed .collection-image .caption{
position:absolute;
left:5%;
width:95%;
text-align:left;
bottom:0.75rem;
color:#fff;
font-size:0.9rem;
line-height:1rem;
font-weight:bold;
}

/**************** access-block *************************/

.more-details .more-details-item .used-for-title{
position: absolute;
bottom:1.25rem;
font-size:1rem;
line-height:1.25rem;
font-weight: 700;
color: #fefefe;
left: 5%;
width: 90%;
text-align: left;
}
.more-details .text-block{
position: unset;
width:100%;
text-align: left;
margin-top:0;
padding-left:5%;
}
.more-details .text-block .title{
color: #222;
font-size: 2.25rem;
line-height: 2.5rem;
}
.more-details .more-details-item.two-columns .used-for-title{
display:table;
position: unset;
color: #222;
text-align: center;
width: 50%;
}
.more-details .more-details-item.two-columns .used-for-title .title{
display:table-cell;
vertical-align:middle;
text-align:center;
}

.multi-handles .text-block .content{
font-size: 1.125rem;
line-height: 1.65rem;
text-align: left;
font-weight: bold;
}

}