
MantisPod 2.0
.gridlock-fluid .row { width:100%; } .tabcontent { border:none; } .colorful-bags .box-ratio { background-color: unset; } .colorful-bags .box-ratio img{ background-color: unset; } .colorful-bags .text-block{ position:absolute; width: 50%; right: 17%; top: 31.5%; text-align: right; } .colorful-bags .text-block .title{ color: #fff; font-size: 2.55rem; line-height: 3rem; } .colorful-bags .text-block .content{ margin-top:2.35rem; color: #ededed; font-size: 1.15rem; line-height: 2rem; } .colorful-bags .text-block .note{ margin-top:35%; color: #0999F6; font-size: 1rem; line-height: 1.65rem; text-transform:uppercase; } .colorful-bags .text-block1{ position:absolute; width:60%; height:7.5%; text-align: right; z-index:9; top: 90%; } .colorful-bags .text-block1 .note{ margin-top: 0; color: #0999F6; font-size: 1rem; line-height: 1.5rem; text-transform:uppercase; font-weight: 600; } /***wireless1**/ .colorful-bags .img-container2 .text-block{ position: absolute; width: 50%; left: unset; right: 15%; text-align: right; height: 10%; z-index: 9; top: 29.5%; } .colorful-bags .img-container2 .text-block .note{ margin-top:0; color: #eee; font-size: 1.15rem; line-height: 2rem; text-transform:capitalize; } .colorful-bags { background-color: #131313; } .colorful-bags .box-ratio { display: block; height: 0; width: 100%; overflow: hidden; background-color: #f1f1f1; height:auto; } .colorful-bags .banner-spacer { order: 2; width: 0; animation: banner-spacer-in 1.6s .6s forwards } .colorful-bags .bagContainer { width: 100% !important; height: 100%; overflow: hidden; position: relative } .colorful-bags section { height: auto; margin-bottom: 200px } .colorful-bags .color-img { font-size: 0; display: block; width: 100%; height: 100% } .colorful-bags .color-img-mobile { display: none } .colorful-bags .detail1 { position: relative; display: flex; align-items: center; justify-content: center; height: 680px; margin-bottom: 200px } .colorful-bags .detail1-text > .supplement { color: #fff; max-width: 980px; text-align: center; font-size: 20px; line-height: 140%; margin-top: 24px } .colorful-bags .detail1-video { width: 100%; height: 100%; object-fit: cover } .colorful-bags .img-container { position: absolute; overflow: hidden; height: 100%; width: 100%; background-repeat: no-repeat transition: opacity 1s; -moz-transition: opacity 1s; /* Firefox 4 */ -webkit-transition: opacity 1s; /* Safari 和 Chrome */ -o-transition: opacity 1s; /* Opera */ } .colorful-bags .img-container1 { z-index: 4; background-color: #fff; background-color: #bebebe; } .colorful-bags .img-container2 { z-index: 3; /**background-image: url(//cdn.shopify.com/s/files/1/0252/2395/4525/files/test-pink.jpg?v=15195403675914779607);*/ background-color:#dde4ef } .colorful-bags .img-container3 { z-index: 2; /**background-image: url(//cdn.shopify.com/s/files/1/0252/2395/4525/files/test-yellow.jpg?v=9345812061879920379);*/ background-color:#e5e5e5; } .colorful-bags .img-container4 { z-index: 1; /**background-image: url(//cdn.shopify.com/s/files/1/0252/2395/4525/files/test-blue.jpg?v=2093569408388560994);*/ background-color:#faf7eb; } .colorful-bags .img-box { width: 100%; } .colorful-bags .img-box { display: flex; flex-direction: column; justify-content: center; align-items: center; margin: 0 auto; } .colorful-bags .description { width: 96%; max-width: 980px; margin: 0 auto 54px; text-align:center; text-transform: uppercase; font-size: 1.5rem; font-weight:bold; } .colorful-bags .description-pin { margin-top: 100px; width: 100% } .colorful-bags .color-toggle-box { display: flex; align-self: baseline; margin:0 auto; } .colorful-bags .color-toggle-item { margin-right: 30px; display: flex; align-items: center; flex-direction: column } .colorful-bags .color-toggle-item-color { width: 80%; height: 80%; background-color: #faebd7; border-radius: 21px; border: 1px solid #828282 } .colorful-bags .trigger1 { transform: translateY(100vh) } .colorful-bags .trigger2 { transform: translateY(200vh) } .colorful-bags .trigger3 { transform: translateY(300vh) } .colorful-bags .color-toggle-item-p { overflow: hidden; white-space: nowrap; color: #424242; font-size: 16px } .colorful-bags .color-black { background: #151515; box-shadow: inset 1px 1px 1px rgba(0, 0, 0, .25) } .colorful-bags .color-box { border: 1.5px solid; border-color: rgba(79, 79, 79, 0); width: 30px; height: 30px; display: flex; justify-content: center; align-items: center; border-radius: 40px; margin-bottom: 12px } .colorful-bags .color-blue { background-color: #3a537f; box-shadow: inset 1px 1px 1px #3a537f } .colorful-bags .color-grey { background-color: #909090; box-shadow: inset 1px 1px 1px #909090 } .colorful-bags .color-yellow { background-color: #e6bd18; box-shadow: inset 1px 1px 1px #e6bd18 } .mantispod2{ display:block; font-family: Open Sans; background-color:#D6D6D6; } .mantispod2-mobile{ display:none; font-family: Open Sans; } .mantispod2 h2,.mantispod2 h3{ font-family: Open Sans; } .mantispod2-mobile h2,.mantispod2-mobile h3{ font-family: Open Sans; } @media screen and (max-width:980px) { .mantispod2{ display:none; } .mantispod2-mobile{ display:block; font-family: Open Sans; } } .mantispod2 h2,h3{ text-transform:uppercase; font-family: Open Sans; } /***Banner**/ .first-banner { position:relative; min-height:400px; display: block; height: auto; width: 100%; 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: 20%; top: 35%; text-align: left; } .first-banner .text-block .title{ color: #fff; font-size: 3.125rem; line-height: 4.5rem; text-transform: uppercase; } .first-banner .text-block .title span{ font-weight:normal; } .first-banner .text-block .content{ color: #fefefe; font-size: 1.45rem; line-height: 1.75rem; } /**************** Simple features *************************/ .simple-features{ width: 100%; margin: auto; position: absolute; left: 0; bottom: 5%; padding:0 22.5%; } .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; background-size:contain; } .icon-group li span { text-align: center; display: block; font-size: 1.125rem; color: #fefefe; } .icon-group li:nth-child(1) .icon { background: url(https://cdn.shopify.com/s/files/1/0252/2395/4525/files/Mantispod_V2_icon_Mantis_mode.png?v=1666270389) 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/Mantispod_V2_Full_Shooting_Versatility.png?v=1666270387) 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/Mantispod_V2_Wireless_Control.png?v=1666270388) 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/Mantispod_V2_nhanced_Flexibility.png?v=1666270669) no-repeat; background-size: contain; } /***love-mantis-mode**/ .love-mantis-mode { position:relative; min-height:400px; background:#ffffff; padding-top:0; } .love-mantis-mode .banner-image{ width:100%; height: auto; overflow: hidden; font-size: 0; line-height: 0; } .love-mantis-mode .box-ratio { background-color: unset; } .love-mantis-mode .box-ratio img{ background-color: unset; } .love-mantis-mode .text-block{ position:absolute; width:97%; left: 1.5%; top: 15%; text-align: center; opacity:0; -moz-transition: opacity 2s cubic-bezier(0.0,0.0,0.2,1); -webkit-transition: opacity 2s cubic-bezier(0.0,0.0,0.2,1); transition: opacity 2s cubic-bezier(0.0,0.0,0.2,1); } .love-mantis-mode .text-block.loaded{ opacity:1; } .love-mantis-mode .text-block .title{ color: #111; font-size: 2.75rem; line-height: 3rem; margin-bottom: 1.65rem; } .love-mantis-mode .text-block .content{ color: #333; font-size: 1.175rem; line-height: 2.25rem; } .love-mantis-mode .text-block .note{ color: #666; font-size: 0.875rem; line-height: 1.65rem; margin-top: 0.3rem; } .collections-gallery { width:100%; display:block; height:auto; overflow:hidden; background-image: url(https://cdn.shopify.com/s/files/1/0252/2395/4525/files/Mantispod_V2_full_shooting_background_image.jpg?v=1666270401); background-size:cover; padding-bottom: 6%; background-repeat: no-repeat; } .collections-gallery .text-block{ width:98%; margin: 6.75% auto 3.75% auto; text-align: center; } .collections-gallery .text-block .title{ color: #111; font-size:2.55rem; line-height:3rem; } .collections-gallery .text-block .content{ color: #333; font-size: 1rem; line-height: 1.5rem; } .collections-gallery .collection-image-column .collection-image{ position: relative; margin-bottom:2%; cursor:pointer; } .collections-gallery .collection-image-column .collection-image .caption { margin-top: 5%; font-size: 1.45rem; position: absolute; left: 4.5%; bottom: 1.35rem; color: #fff; font-weight: bold; } .collection-images{ display:flex; width: 68%; margin: auto; } .collections-gallery .collection-image-column{ margin-right: 0.58%; } .collection-images .column_left{ width:33.1%; } .collection-images .column_center{ width:33%; } .collection-images .column_right{ width:32.84%; margin-right: 0; } /***wireless**/ .wireless { position:relative; min-height:400px; } .wireless .banner-image{ width:100%; } .wireless .box-ratio { background-color: unset; } .wireless .box-ratio img{ background-color: unset; } .wireless .text-block{ position:absolute; width:40%; right: 15%; top: 35%; text-align: right; } .wireless .text-block .title{ color: #fff; font-size: 2.55rem; line-height: 3rem; } .wireless .text-block .content{ margin-top:2.35rem; color: #ededed; font-size: 1.15rem; line-height: 2rem; } .wireless .text-block .note{ margin-top:35%; color: #0999F6; font-size: 1rem; line-height: 1.65rem; text-transform:uppercase; } .wireless .text-block1{ position:absolute; width:60%; height:7.5%; bottom:0; text-align: right; z-index:9; top: unset; } .wireless .text-block1 .note{ margin-top: 0; color: #0999F6; font-size: 1rem; line-height: 1.5rem; text-transform:uppercase; } /***wireless**/ .wireless1 { position:relative; min-height:400px; } .wireless1 .banner-image{ width:100%; } .wireless1 .box-ratio { background-color: unset; } .wireless1 .box-ratio img{ background-color: unset; } .wireless1 .text-block{ position:absolute; width:70%; left: 15%; bottom: 10%; text-align: center; } .wireless1 .text-block .note{ color: #0999F6; font-size: 1.25rem; line-height: 1.65rem; text-transform:capitalize; } /***mant**/ .mant { position:relative; min-height:400px; display:block; height:auto; overflow:hidden; font-family: Open Sans; } .mant .banner-image{ position:absolute; top:17.5%; left:29%; width:40%; } .mant .box-ratio { background-color: unset; } .mant .box-ratio img{ background-color: unset; } .mant .text-block{ position:absolute; width:40%; right: 15%; top: 33%; text-align: right; } .mant .text-block .title{ color: #fff; font-size: 1.25rem; line-height: 3rem; } /***wireless**/ .flexibilities { display:block; height:auto; overflow:hidden; min-height:400px; background: #D6D6D6; } .flexibilities .text-block:first-child { padding:6% 0 3% 0; } .flexibilities .text-block:first-child .title{ color: #111; font-size: 2.55rem; line-height: 3rem; text-align:center; } .flexibilities .flexibility { position:relative; margin-top:1rem; width:68%; margin:auto; } .flexibility .banner-image{ width:100%; } .flexibility .box-ratio { background-color: unset; } .flexibility .box-ratio img{ background-color: unset; } .flexibility .text-block{ width:100%; text-align: left; margin-top: 2%; margin-bottom: 5.5%; } .flexibility .text-block .title{ color: #111; font-size: 2.2rem; line-height: 2.75rem; margin-bottom: 0.3rem; } .flexibility .text-block .content{ color: #222; font-size: 1.125rem; line-height: 2rem; } /**************** Magnetic Bage *************************/ .magnetic_section{ width:100%; position: relative; color: #303233; padding-top:0; background: #D6D6D6; overflow: hidden; } .magnetic { position: relative; width: 68%; height: auto; z-index: 2; background: unset; margin: auto; min-height: 350px; } .magnetic_section .waterprint-magnetic_bage { position:absolute; background:url(//cdn.shopify.com/s/files/1/0252/2395/4525/files/Mantispod_V2_waterprint_1.png?v=4733446593732371083) no-repeat; background-size: contain; margin: auto; width: 20.5%; height: 25%; right: 16%; top: 19%; z-index: 3; } .magnetic .img-block{ height: 100%; width: 100%; } .magnetic .img-block .box-ratio{ height: auto; background:#ccc; width: 71%; } .magnetic .img-block .box-ratio img{ width: 80%; float: left; } .magnetic .text-block{ width: 100%; margin: 0 auto; position: absolute; z-index: 5; right: 0; top: 0; display: table; height: 100%; } .magnetic .text-block .text-box{ width: 55%; color: #333; text-align: center; display: table-cell; vertical-align: middle; } .magnetic .text-block .text-box .title{ color: #222; padding: 0; font-size: 2.5rem; line-height: 3rem; text-transform: uppercase; text-align:right; font-weight: bold; } .magnetic .text-block .text-box h3::after{ content: ''; position: absolute; background: #666; width: 4.5%; height: 1px; display: block; margin-left:95.5%; margin-top: 1.75rem; margin-bottom: 1rem; } .magnetic .text-block .text-box .text{ color: #333; font-size: 1.125rem; text-align:right; width: 100%; margin-left: 0; line-height: 1.75rem; margin-top: 4rem; } /**************** Protective Slider *************************/ .protective-slide-section{ width:100%; width: 100%; overflow: hidden; color: #303233; margin-top: 0; margin-top: 5%; background:#D6D6D6; position: relative; } .protective_slide { display: block; position: relative; margin: 0px auto auto; box-sizing: content-box; width: 68%; height: auto; margin-bottom: 6%; } .protective-slide-section .waterprint-protective { position:absolute; background:url(//cdn.shopify.com/s/files/1/0252/2395/4525/files/Mantispod_V2_waterprint_2.png?v=6999953515415480118) no-repeat; background-size: contain; width: 27%; height: 20%; margin: auto; left: 16%; top: 10%; z-index: 5; } .protective_slide .img-block{ height: 100%; width: 100%; } .protective_slide .img-block .box-ratio{ height: auto; width: 71%; margin-left: 29%; background: #ccc; } .protective_slide .img-block .box-ratio video{ width: 80%; float: right; } .protective_slide .text-block{ height: 100%; width: 100%; margin: 0 auto; position: absolute; z-index:3; display: table; } .protective_slide .text-box{ width: 34%; top: 0; left: 0; color: #aaa; font-weight: bold; margin-top: 0; margin-left:16%; z-index:21; display: table-cell; vertical-align: middle; } .protective_slide .text-box h3{ color:#333; font-size:2.5rem; text-transform: uppercase; line-height: 3rem; } .protective_slide .text-block .text-box h3::after{ content: ''; position: absolute; background: #333; width: 3.5%; height: 1px; display: block; margin-left: 0; margin-top: 1.75rem; margin-bottom: 1rem; } .protective_slide .text-block .text-box p{ color: #222; margin-top: 3.75rem; font-weight: normal; font-size: 1.125rem; line-height: 2rem; } .protective_slide .text-box .text{ color:#666; margin-top:3rem; font-weight: normal; font-size:1.125rem; line-height:1.8rem; } .protective_slide .img-block .box-ratio video{ width: 80%; float: right; } /***wireless**/ .stability { position:relative; min-height:400px; } .stability .banner-image{ width:100%; } .stability .box-ratio { background-color: unset; } .stability .box-ratio img{ background-color: unset; } .stability .text-block{ position:absolute; width:75%; right: 16%; bottom: 7%; text-align: right; } .stability .text-block .title{ color: #fff; font-size: 2.25rem; line-height: 2.5rem; margin-bottom: 0.65rem; } .stability .text-block .content{ margin-top:0; color: #ededed; font-size: 1.1rem; line-height: 2rem; } .stability .text-block .note{ margin-top:33%; color: #0999F6; font-size: 0.875rem; line-height: 1.65rem; } /***stabilities**/ .stabilities{ width: 100%; overflow: hidden; background: #D6D6D6; display: flex; padding: 0 16%; } .screw{ width:100%; width: 100%; overflow: hidden; color: #303233; margin-top: 7%; margin-bottom: 5%; } .screw_inner { display: block; position: relative; margin: 0; box-sizing: content-box; width:92.5%; min-height: 462px; height: auto; } .screw .waterprint-protective { position:absolute; background:url(//cdn.shopify.com/s/files/1/0252/2395/4525/files/Mantispod_V2_waterprint_4.png?v=3302325759716190095) no-repeat; background-size: contain; width: 80%; height: 10%; margin: auto; left: 0; top:72.5%; z-index: 5; } .screw_inner .img-block{ height: 100%; width: 100%; } .screw_inner .img-block .box-ratio{ width: 100%; height: auto; width: 100%; background: unset; } .screw_inner .img-block .box-ratio img{ width: 100%; float: right; } .screw_inner .text-block{ height: auto; width: 100%; margin: 0 auto; padding: 8% 0; color: #aaa; font-weight: bold; display: block; margin-top: 8%; margin-left:0; } .screw_inner .text-block h3{ color:#333; font-size:2.25rem; text-transform: uppercase; line-height: 3rem; } .screw_inner .text-block h3::after{ content: ''; position: absolute; background: #333; width: 11%; height: 1px; display: block; margin-left: 0; margin-top: 1.75rem; margin-bottom: 2rem; } .screw_inner .text-block p{ color: #222; margin-top: 3.5rem; font-weight: normal; font-size: 1.125rem; line-height: 2rem; } .screw_inner .text-block .text{ color:#666; margin-top:3rem; font-weight: normal; font-size:1rem; line-height:1.8rem; } .screw_inner .img-block .box-ratio video{ width: 80%; float: right; } .holder{ width:100%; width: 100%; overflow: hidden; color: #303233; margin-top: 8%; margin-bottom: 8%; } .holder_inner { display: block; position: relative; margin: 0px auto auto; box-sizing: content-box; width: 92%; margin-left:8%; min-height: 462px; height: auto; } .holder .waterprint-protective { position:absolute; background:url(//cdn.shopify.com/s/files/1/0252/2395/4525/files/Mantispod_V2_waterprint_3.png?v=5291493444065523728) no-repeat; background-size: contain; width: 95%; height: 20%; margin: auto; left: 0; top: 0.5%; z-index: 5; } .holder_inner .img-block{ height: 100%; width: 100%; } .holder_inner .img-block .box-ratio{ width: 100%; height: auto; width: 100%; background: unset; } .holder_inner .img-block .box-ratio img{ width: 100%; } .holder_inner .text-block{ width: 100%; height: auto; margin: 0 auto; padding: 7% 0; color: #aaa; font-weight: bold; display: block; margin-top: 10%; margin-left:0; } .holder_inner .text-block h3{ color:#333; font-size:2.25rem; text-transform: uppercase; line-height: 3rem; } .holder_inner .text-block h3::after{ content: ''; position: absolute; background: #333; width: 11%; height: 1px; display: block; margin-left: 0; margin-top: 1.75rem; margin-bottom: 2rem; } .holder_inner .text-block p{ color: #222; margin-top: 3.5rem; font-weight: normal; font-size: 1.125rem; line-height: 1.75rem; margin-bottom: 5px; } .holder_inner .text-block .note{ color:#0999F6; margin-top:0; font-size: 0.95rem; } .holder_inner .text{ color:#666; margin-top:3rem; font-weight: normal; font-size:1rem; line-height:1.8rem; } .holder_inner .img-block .box-ratio video{ width: 100%; } /**************** access-block *************************/ .access-block { position:relative; text-align:center; height: auto; display:block; overflow: hidden; } .access-block .full-access-block{ position: absolute; width:68%; top:8.5%; left:16%; display:table; } .access-block .full-access-block .full-access-inner{ position: relative; width:55%; overflow: hidden; display: table-cell; } .access-block .full-access-block .dual-side-text-box{ width:45%; text-align:right; display: table-cell; vertical-align: middle; padding-left: 2%; } .access-block .full-access-block .dual-side-text-box h2{ color:#fff; font-size:2.125rem; text-transform: uppercase; line-height:2.75rem; } .access-block .full-access-block .dual-side-text-box .text{ clear:both; color: #eee; font-size: 1.1rem; margin-top: 8%; width: 100%; line-height: 1.65rem; } .access-block .quick-access-block{ position: absolute; width:68%; top:56.5%; left:16%; display:table; } .access-block .quick-access-block .quick-access-inner{ position: relative; width:55%; overflow: hidden; display: table-cell; } .access-block .quick-access-block .dual-side-text-box{ width:45%; text-align:left; display: table-cell; vertical-align: middle; } .access-block .quick-access-block .dual-side-text-box h2{ color:#fff; font-size:2.075rem; line-height:2.75rem; text-transform: uppercase; } .access-block .quick-access-block .dual-side-text-box .text{ clear:both; color: #eee; font-size: 1.1rem; margin-top: 8%; width: 100%; margin-left: 0; line-height: 1.65rem; } .static-block{ width:100%; position:relative; background: #d6d6d6; padding-top:2%; padding-bottom:6%; } .static-block .caption-content{ padding: 3.5% 0 1% 0; text-align: center; } .static-block .caption-content h2{ font-size:2.75rem; color:#222; margin-bottom: 1.75rem; } .static-block .caption-content p{ font-size: 1.125rem; color: #222; font-weight: normal; margin-bottom: 1.5%; line-height: 1.5rem; } .static-block .box-ratio{ width: 68%; margin:auto; } .hands-free-images { display:flex; background-color:#d6d6d6; } .hands-free-images .hands-free-left-image{ width:41.35%; margin-right:0.75%; } .hands-free-images .hands-free-right-images{ width:57.9%; } .hands-free-images .hands-free-right-images .collection-image{ float:left; width:100%; } .hands-free-images .hands-free-right-images .collection-image:nth-child(2){ width:49.3%; margin-right:1.1%; margin-top: 1.2%; } .hands-free-images .hands-free-right-images .collection-image:nth-child(3){ width:49.3%; margin-top: 1.2%; } #outer { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1001; padding-top: 5%; text-align: center; background-repeat: no-repeat; background-position: center center; background-color: #000; background-color: rgba(0, 0, 0, 0.8); filter: alpha(opacity=50); display: none; } #videoClose { color: #fefefe; display: block; font-size: 1.5rem; margin-bottom: 2rem; cursor: pointer; padding-right: 0; text-align: center; } #outer iframe { width: 92%; border: solid 2px #aaa; background:#fff; max-width: 1024px; } #model { width: 100%; height: 100%; } .first-banner .view_video_btn { width: 160px; height: 50px; background: #fff; color: #222; padding: 7px 16px; border: none; font-size: 1.1rem !important; line-height: 1.5rem; cursor: pointer; margin-top: 8%; } .first-banner .view_video_btn:hover { border: solid 1px #ddd; color: #000; background: #eee; } @media screen and (min-width:1800px) { .first-banner { min-height:600px; } .first-banner .text-block .title { font-size: 3rem; line-height:4.5rem; } .first-banner .text-block { left: 20.5%; top: 33.5%; } .first-banner .text-block .content { font-size: 1.45rem; line-height: 2rem; } .icon-group li .icon { width: 100px; height: 100px; } .icon-group li span { font-size: 1.175rem; color: #eee; } .love-mantis-mode { padding-top:2%; } .mant .banner-image { top: 18.55%; left: 27.5%; width: 40%; } .flexibilities .text-block:first-child .title { font-size: 2.6rem; line-height: 3.15rem; } .flexibility .text-block .title { font-size: 2.25rem; line-height: 2.75rem; margin-bottom: 0.2rem; } .flexibility .text-block .content { font-size: 1.2rem; } .access-block .text br{ display:block; } .protective-slide-section .waterprint-protective{ top: 11%; } .screw .waterprint-protective { top: 73.25%; } } @media screen and (min-width:1660px) { .love-mantis-mode .text-block .content { font-size: 1.2rem; } } @media screen and (max-width:1660px) { .love-mantis-mode { padding-top:3%; } .protective-slide-section .waterprint-protective { top: 8%; } .magnetic_section .waterprint-magnetic_bage{ top: 17%; } .access-block .text br{ display:none; } } @media screen and (max-width:1550px) { .love-mantis-mode .text-block .content br{ display:none; } .love-mantis-mode .text-block .content{ font-size: 1.075rem; line-height: 2rem; } .love-mantis-mode { padding-top:4%; } .wireless .text-block{ width:47.5%; } .wireless .text-block .note { margin-top: 30%; } .flexibility .text-block .title { font-size: 2.15rem; } .protective-slide-section .waterprint-protective{ top: 5%; } } @media screen and (max-width:1420px) { .first-banner .text-block .title { font-size: 2.5rem; margin-bottom: 0; } .first-banner .text-block { top: 33%; } .first-banner .text-block .content { font-size: 1.25rem; line-height: 1.75rem; } .simple-features { padding: 0 20%; } .icon-group li .icon { width: 80px; height: 80px; } .icon-group li span { font-size: 1rem; } .love-mantis-mode .text-block { width: 94%; left: 3%; top: 11.5%; } .love-mantis-mode .text-block .title { font-size: 2rem; line-height: 3rem; margin-bottom: 1rem; } .love-mantis-mode .text-block .content { font-size: 0.975rem; line-height: 1.75rem; } .love-mantis-mode .text-block .note { margin-top: 0.5rem; } .collections-gallery .text-block .title { font-size: 2rem; line-height: 2.5rem; } .collections-gallery .collection-image-column .collection-image .caption { font-size: 1.25rem; } .colorful-bags .text-block .title { font-size: 2rem; line-height: 3rem; } .colorful-bags .text-block .content { margin-top: 1.5rem; font-size: 1.05rem; line-height: 1.75rem; } .colorful-bags .img-container2 .text-block{ top: 23%; right: 10%; } .colorful-bags .img-container2 .text-block .note { font-size: 1.05rem; line-height: 1.75rem; } .flexibilities .text-block:first-child .title { font-size: 2rem; line-height: 2.5rem; } .flexibility .text-block .title { font-size: 1.75rem; line-height: 2.5rem; margin-bottom: 0.1rem; } .flexibility .text-block .content { font-size: 1.05rem; line-height: 1.5rem; } .flexibility .text-block { margin-bottom: 5.25%; } .magnetic .text-block .text-box .title { font-size: 2rem; line-height: 2.45rem; } .magnetic .text-block .text-box .text{ margin-top:3rem; font-size: 1.05rem; } .protective_slide .text-box h3 { font-size: 2rem; line-height: 2.5rem; } .protective_slide .text-block .text-box p { margin-top: 3.25rem; font-size: 1.05rem; line-height: 1.75rem; } .protective-slide-section .waterprint-protective{ top:12.5%; } .access-block .text br{ display:block; } .stability .text-block .title { font-size: 1.75rem; line-height: 2.35rem; margin-bottom: 0.35rem; } .stability .text-block .content { font-size: 1.05rem; line-height: 1.75rem; } .holder_inner .text-block h3 { font-size: 1.75rem; line-height: 2.35rem; } .holder_inner .text-block p { font-size: 1.05rem; line-height: 1.5rem; } .holder_inner .text-block .note { font-size: 0.85rem; } .screw .waterprint-protective{ top:72.25%; } .magnetic, .protective_slide { min-height: 350px; } .screw_inner .text-block h3 { font-size: 1.75rem; line-height: 2.35rem; } .screw_inner .text-block p { font-size: 1.05rem; line-height: 1.5rem; margin-top: 3rem; } .access-block .full-access-block .dual-side-text-box h2 { font-size: 1.75rem; line-height: 2.35rem; } .access-block .full-access-block .dual-side-text-box .text { font-size: 1rem; margin-top: 7%; line-height: 1.5rem; } .access-block .quick-access-block .dual-side-text-box h2 { font-size: 1.75rem; line-height: 2.25rem; } .access-block .quick-access-block .dual-side-text-box .text { font-size: 1rem; margin-top: 7%; line-height: 1.5rem; } .static-block .caption-content h2 { font-size: 2rem; margin-bottom: 20px; } .static-block .caption-content p { font-size: 1rem; line-height: 1.5rem; } } @media screen and (max-width:1320px) { .love-mantis-mode .text-block .content{ font-size: 0.975rem; } .love-mantis-mode .text-block .content br{ display:none; } .wireless .text-block .content br{ display:none; } .wireless .text-block .note { margin-top: 27%; } .collection-images { width: 80%; } .love-mantis-mode { padding-top:6%; } .mant .banner-image{ width: 50%; left: 25%; } .flexibilities .flexibility { width: 80%; } .magnetic { width: 80%; } .magnetic_section .waterprint-magnetic_bage{ right: 10%; } .magnetic .text-block{ top:0; } .access-block .text br{ display:none; } .screw .waterprint-protective{ top:73.5%; } .protective_slide{ width: 88%; min-height: 360px; } .protective_slide .img-block{ width: 100%; margin-left: 0; } .protective_slide .text-box{ margin-left: 10%; } .protective_slide .text-block .text-box p { width: 40%; } .protective_slide .text-block .text-box p br{ display:none; } .protective-slide-section .waterprint-protective { left: 10%; } .stabilities{ width: 100%; overflow: hidden; background: #ccc; display: flex; padding: 0 10%; } .magnetic .flexibilities .text-block:first-child { padding: 2% 0; } } @media screen and (max-width:1220px) { .love-mantis-mode .text-block { top: 8%; } .love-mantis-mode .text-block .content { font-size: 1rem; line-height: 1.6rem; } .love-mantis-mode .text-block .title { margin-bottom: 1rem; } .love-mantis-mode .text-block .note { margin-top: 0.5rem; } .wireless .text-block .note { margin-top: 20%; } .colorful-bags .text-block .content br{ display:none; } .colorful-bags .text-block{ top: 20%; } .colorful-bags .text-block1{ top: 90%; } .collection-images { width: 88%; } .flexibilities .flexibility { width: 88%; } .magnetic { width: 88%; } .magnetic, .protective_slide { min-height: 320px; } .magnetic .text-block .text-box { margin-left: 40%; } .magnetic_section .waterprint-magnetic_bage { right: 6%; } .magnetic .text-block .text-box .title,.protective_slide .text-box h3{ font-size: 1.875rem; line-height: 2.5rem; } .protective_slide .text-box { width: 33%; margin-left: 6%; } .protective-slide-section .waterprint-protective{ margin-left: 6%; left: 00; } .holder_inner .text-block h3, .screw_inner .text-block h3{ font-size: 1.75rem; line-height: 2.5rem; } .screw .waterprint-protective{ top:72%; } .access-block .full-access-block .dual-side-text-box { top: 18%; } .access-block .full-access-block .dual-side-text-box h2 { font-size: 1.5rem; } .access-block .full-access-block .dual-side-text-box .text { margin-top: 6%; line-height: 1.75rem; } .access-block .quick-access-block .dual-side-text-box { top: 18%; } .access-block .quick-access-block .dual-side-text-box h2 { font-size: 1.5rem; } .access-block .quick-access-block .dual-side-text-box .text { margin-top: 6%; line-height: 1.75rem; } .static-block .caption-content h2{ font-size: 2rem; } } @media screen and (max-width:980px) { .mantispod2-mobile .text-block{ padding: 5% 5px 2% 5px; margin: 5% 0 2% 0; } .mantispod2-mobile h2,.mantispod2-mobile h3{ letter-spacing:0; text-transform:uppercase; } /***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: 10%; top: 20%; text-align: left; padding: 5px; width: 60%; margin: auto; } .first-banner .text-block .title{ color: #fff; font-size: 2.25rem; line-height: 3rem; text-transform: uppercase; margin-bottom: 10px; font-weight: 600; letter-spacing: 1px; } .first-banner .text-block .title span{ font-weight:normal; } .first-banner .text-block .content{ color: #eee; font-size: 1.125rem; line-height: 1.75rem; } /**************** Simple features *************************/ .simple-features{ width: 92%; margin: auto; position: absolute; left: 4%; bottom: 2%; padding:0 1%; } .simple-features .list-unstyled { padding-left: 0; list-style: none; } .icon-group { display: flex; } .icon-group li { width: 25%; position: relative; flex:1; padding: 0.5%; } .icon-group li .icon { width: 100px; height: 100px; margin: 0 auto; background-size:contain; } .icon-group li span { text-align: center; display: block; font-size: 1.05rem; color: #fefefe; line-height: 1.5rem; } /***love-mantis-mode**/ .love-mantis-mode { position:relative; min-height:400px; padding-top: 0; padding-top:50%; background: #fefefe; } .love-mantis-mode .banner-image{ width:100%; } .love-mantis-mode .box-ratio { background-color: unset; } .love-mantis-mode .box-ratio img{ background-color: unset; } .love-mantis-mode .text-block{ position:absolute; width:96%; left:2%; top: 1%; text-align: center; opacity:1; } .love-mantis-mode .text-block .title{ color: #111; font-size: 1.75rem; line-height: 2.75rem; margin-bottom: 1.75rem; } .love-mantis-mode .text-block .content{ color: #222; font-size: 1.125rem; line-height: 1.85rem; width: 100%; margin: auto; } .love-mantis-mode .text-block .note{ color: #666; font-size: 1.05rem; line-height: 1.65rem; width: 88%; margin: auto; margin-top: 1.25rem; } .collections-gallery { width:100%; display:block; height:auto; overflow:hidden; background:#eee; padding-bottom: 0; } .collections-gallery .text-block{ position:unset; width:98%; margin:5% auto 1.5% auto; text-align: center; } .collections-gallery .text-block .title{ color: #111; font-size: 1.75rem; line-height: 2.75rem; } .collections-gallery .text-block .content{ color: #eeee; font-size: 0.875rem; line-height: 1.25rem; margin-top: 1rem; } .collections-gallery .collection-images-columns{ width:100%; display:flex; height:auto; overflow:hidden; margin-top: 2.5%; } .collections-gallery .collection-image-column .collection-image{ position: relative; margin-bottom:5px; } .collections-gallery .collection-image-column .collection-image .caption { width: 94%; margin-top:5%; font-size:1.125rem; position:absolute; left:5%; bottom:5%; color:#fefefe; line-height: 1.5rem; } .collection-images{ display:flex; width: 100%; margin: auto; } .collection-images .column_left{ width:49.3%; margin-right:1.2%; } .collection-images .column_right{ width:49.5%; } /***wireless**/ .wireless { position:relative; min-height:300px; background:#000; padding-top:0; } .wireless .banner-image{ width:100%; } .wireless .box-ratio { background-color: unset; } .wireless .box-ratio img{ background-color: unset; } .wireless .text-block{ position:absolute; width: 98%; right: 1%; top: 5%; text-align: center; } .wireless .text-block .title{ color: #fff; font-size: 1.75rem; line-height: 2.75rem; } .wireless .text-block .content{ color: #ededed; font-size: 1.125rem; line-height: 1.85rem; width: 70%; margin: auto; margin-top: 0.5rem; } /***wireless**/ .wireless1 { position:relative; min-height:360px; background:#111; } .wireless1 .banner-image{ width:100%; } .wireless1 .box-ratio { background-color: unset; } .wireless1 .box-ratio img{ background-color: unset; } .wireless1 .text-block{ position:absolute; width:96%; top: 0; left: 2%; text-align: center; margin-top: 0; padding-top: 0; } .wireless1 .text-block .content{ margin-top: 0; color: #ededed; font-size: 1.125rem; line-height: 1.5rem; width: 80%; margin-left: 10%; } .wireless1 .text-block1{ position:absolute; width:96%; top: unset; left: 2%; bottom:3%; text-align: center; } .wireless1 .text-block1 .note{ color: #0999F6; font-size: 1.125rem; ine-height: 1.65rem; text-transform:uppercase; font-family: Open Sans; } /***mant**/ .mant { min-height:220px; display:block; height:auto; overflow:hidden; } .mant .banner-image{ position: unset; width:100%; } .mant .box-ratio { background-color: unset; } .mant .box-ratio img{ background-color: unset; } /***wireless**/ .flexibilities { display:block; height:auto; overflow:hidden; min-height:400px; background: #ddd; } .flexibilities .text-block:first-child { padding: 5% 0 1.75% 0; } .flexibilities .text-block:first-child .title{ color: #111; font-size: 1.75rem; line-height: 2.5rem; text-align:center; } .flexibilities .flexibility { position:relative; margin-top:1rem; width:100%; margin:auto; } .flexibility .banner-image{ width:100%; } .flexibility .box-ratio { background-color: unset; } .flexibility .box-ratio img{ background-color: unset; } .flexibility .text-block{ width:88%; text-align: left; margin-top: 0; margin-bottom: 4%; padding-left: 6%; padding-top: 3.5%; } .flexibility .text-block .title{ color: #111; font-size: 1.65rem; line-height: 2rem; margin-bottom: 0.5rem; } .flexibility .text-block .content{ color: #222; font-size: 1.25rem; line-height:1.85rem; } .flexibility .text-block .content br{ display:none; } .flexibility .text-block .note{ color: #0999F6; font-size: 1rem; line-height: 1.125rem; text-transform: capitalize; margin-top: 0.65rem; } /***hands-free**/ .hands-free-images-container { display:block; margin-top:0; margin-bottom:10%; } .hands-free-images .hands-free-top-image{ width:100%; } .hands-free-images .hands-free-bottom-image{ width:100%; } .hands-free-images-container .hands-free-images{ display:flex; width:100%; margin: 2% 0; background-color: unset } .hands-free-images-container .hands-free-images .collection-image{ float:left; width:49.1%; } .hands-free-images-container .hands-free-images .collection-image:nth-child(1){ width:49.6%; margin-right:1.3%; } /***Banner**/ .comparison { position:relative; min-height:300px; } .comparison .banner-image{ width:100%; } .comparison .box-ratio { background-color: unset; } .comparison .box-ratio img{ background-color: unset; } } @media screen and (max-width:740px) { .love-mantis-mode { padding-top:65%; } .love-mantis-mode .text-block{ opacity:1; } } @media screen and (max-width:500px) { .mantispod2-mobile .text-block{ padding: 5% 5px 2% 5px; margin: 5% 0 2% 0; } .mantispod2-mobile h2,.mantispod2-mobile h3{ letter-spacing:0; text-transform:uppercase; } /***Banner**/ .first-banner .text-block{ position: absolute; left: 8%; top: 17.5%; padding: 5px; width: 90%; margin: auto; } .first-banner .text-block .title{ color: #fff; font-size: 1.05rem; line-height: 2rem; text-transform: uppercase; margin-bottom: 3px; font-weight: 600; letter-spacing: 1px; } .first-banner .text-block .title span{ font-weight:normal; } .first-banner .text-block .content{ color: #fefefe; font-size: 0.75rem; line-height: 1rem; } .first-banner .view_video_btn { width: 100px; height: 30px; padding: 2px 10px; font-size: 0.8rem !important; line-height: 1.25rem; margin-top: 2%; } /**************** Simple features *************************/ .simple-features{ width: 100%; margin: auto; position: absolute; left: 0; bottom: 0; padding:0 1%; } .simple-features .list-unstyled { padding-left: 0; list-style: none; margin-bottom: 1rem; } .icon-group { display: flex; } .icon-group li { width: 25%; position: relative; padding: 0.5% 0.25%; flex: unset; } .icon-group li .icon { width: 60px; height: 60px; margin: 0 auto; background-size:contain; } .icon-group li span { text-align: center; display: block; font-size: 0.6rem; color: #fefefe; line-height: 1rem; } .icon-group li:nth-child(1) { width:21.75%; } .icon-group li:nth-child(2) { width:38%; } .icon-group li:nth-child(3) { width:27%; } .icon-group li:nth-child(4) { width:32%; } /***love-mantis-mode**/ .love-mantis-mode { position:relative; min-height:400px; padding-top: 57.5%; background: #f9f9f9; } .love-mantis-mode .banner-image{ width:100%; } .love-mantis-mode .box-ratio { background-color: unset; } .love-mantis-mode .box-ratio img{ background-color: unset; } .love-mantis-mode .text-block{ position:absolute; width:98%; left: 1%; top: 0; text-align: center; opacity:1; } .love-mantis-mode .text-block .title{ color: #111; font-size: 1.025rem; line-height: 1.75rem; margin-bottom: 0.5rem; } .love-mantis-mode .text-block .content{ width:98%; color: #222; font-size: 0.825rem; line-height: 1.3rem; } .love-mantis-mode .text-block .note{ width:98%; color: #666; font-size: 0.675rem; line-height: 1.1rem; margin-top: 0.55rem; } .collections-gallery { width:100%; display:block; height:auto; overflow:hidden; background:#eee; padding-bottom: 0; } .collections-gallery .text-block{ position:unset; width:98%; margin:10% auto 3.5% auto; text-align: center; } .collections-gallery .text-block .title{ color: #111; font-size: 1.05rem; line-height: 1.75rem; } .collections-gallery .text-block .content{ color: #eeee; font-size: 0.875rem; line-height: 1.25rem; margin-top: 1rem; } .collections-gallery .collection-images-columns{ width:100%; display:flex; height:auto; overflow:hidden; margin-top: 2.5%; } .collections-gallery .collection-image-column .collection-image{ position: relative; margin-bottom:5px; } .collections-gallery .collection-image-column .collection-image .caption { width: 94%; margin-top:5%; font-size:0.85rem; position:absolute; left:7%; bottom:0.5rem; color:#fefefe; line-height: 1.25rem; } .collection-images{ display:flex; width: 100%; margin: auto; } .collection-images .column_left{ width:49.3%; margin-right:1.2%; } .collection-images .column_right{ width:49.5%; } /***wireless**/ .wireless { position:relative; min-height:300px; background:#000; padding-top: 15%; } .wireless .banner-image{ width:100%; } .wireless .box-ratio { background-color: unset; } .wireless .box-ratio img{ background-color: unset; } .wireless .text-block{ position:absolute; width: 98%; right: 1%; top: 3%; text-align: center; } .wireless .text-block .title{ color: #fff; font-size: 1.05rem; line-height: 1.75rem; } .wireless .text-block .content{ width: 98%; margin-top: 0.5rem; color: #ededed; font-size: 0.825rem; line-height: 1.35rem; } /***wireless**/ .wireless1 { position:relative; min-height:360px; background:#111; } .wireless1 .banner-image{ width:100%; } .wireless1 .box-ratio { background-color: unset; } .wireless1 .box-ratio img{ background-color: unset; } .wireless1 .text-block{ position:absolute; width:96%; top: -7%; left: 2%; text-align: center; margin-top: 0; padding-top: 0; } .wireless1 .text-block .content{ width: 98%; margin-left: 1%; margin-top: 0; color: #ededed; font-size: 0.875rem; line-height: 1.25rem; } .wireless1 .text-block1{ position:absolute; width:96%; top: unset; left: 2%; bottom:0; text-align: center; } .wireless1 .text-block1 .note{ color: #0999F6; font-size: 0.8rem; line-height: 1.5rem; text-transform:uppercase; } /***mant**/ .mant { min-height:220px; display:block; height:auto; overflow:hidden; } .mant .banner-image{ position: unset; width:100%; } .mant .box-ratio { background-color: unset; } .mant .box-ratio img{ background-color: unset; } /***wireless**/ .flexibilities { display:block; height:auto; overflow:hidden; min-height:400px; background: #ddd; } .flexibilities .text-block:first-child { padding:10% 0 3.5% 0; } .flexibilities .text-block:first-child .title{ color: #111; font-size: 1.125rem; line-height: 1.65rem; text-align:center; } .flexibilities .flexibility { position:relative; margin-top:1rem; width:100%; margin:auto; } .flexibility .banner-image{ width:100%; } .flexibility .box-ratio { background-color: unset; } .flexibility .box-ratio img{ background-color: unset; } .flexibility .text-block{ width:94%; text-align: left; margin-top: 0; margin-bottom: 6%; padding-left: 6%; padding-top: 4%; } .flexibility .text-block .title{ color: #111; font-size: 1rem; line-height: 1.5rem; margin-bottom: 0; } .flexibility .text-block .content{ color: #222; font-size: 0.8rem; line-height:1.2rem; } .flexibility .text-block .note{ color: #0999F6; font-size: 0.8rem; line-height: 1.5rem; text-transform: capitalize; margin-top: 0.25rem; } /***hands-free**/ .hands-free-images-container { display:block; margin-top:0; margin-bottom:10%; } .hands-free-images .hands-free-top-image{ width:100%; } .hands-free-images .hands-free-bottom-image{ width:100%; } .hands-free-images-container .hands-free-images{ display:flex; width:100%; margin: 2% 0; background-color: unset } .hands-free-images-container .hands-free-images .collection-image{ float:left; width:49.1%; } .hands-free-images-container .hands-free-images .collection-image:nth-child(1){ width:49.6%; margin-right:1.3%; } /***Banner**/ .comparison { position:relative; min-height:300px; } .comparison .banner-image{ width:100%; } .comparison .box-ratio { background-color: unset; } .comparison .box-ratio img{ background-color: unset; } } @media screen and (max-width:428px) { .love-mantis-mode { padding-top:76%; } } @media screen and (max-width:390px) { .love-mantis-mode { padding-top:88%; } } @media screen and (max-width:375px) { .love-mantis-mode { padding-top:82%; } } @media screen and (max-width:360px) { .love-mantis-mode { padding-top:95%; } } Mantispod 2.0 Allround Vlogging Tripod. See More, Do More Mantis Mode Full Shooting Versatility Wireless Control Enhanced Flexibility Love Mantis Mode at the First Sight The innovative Mantis claw design makes MantisPod 2.0 clinch to glass, doors, trees, and railings effortlessly, meeting vloggers' diverse shooting demands and easily recording close-ups and interview scenes. Mantis Mode will surely take your vlogging to the next level! The Mantis claw is made of high-strength aluminum alloy material. The claw and the tripod form a three-point stable structure to ensure overall stability and safe mounting through leverage and the photographic equipment weight. Note:The suspension board thickness should be less than 90mm, and the other two legs must be supported. (Please avoid hanging it on moving vehicles, yachts, and other moving objects.) Full Shooting Versatility for All Creative Ideas Portrait Mode Mantis Mode Low-angle Mode Handheld Mode Briefcase Mode High-angle Mode Wireless Control Function The front leg is embedded with a magnetic remote control so that you can focus, zoom in/out, take pictures, and record videos without touching the camera. The remote control can also be detached from the tripod and used separately for creative shootings. (for MantisPod 2.0 Remote Control Kit Only) It Gives You All the Flexibility You Need From Tripod to Handheld Place it on the ground or just grip it to catch the desired shot. ROTATABLE COLD SHOE MOUNT The cold shoe mount on the side allows photographers to enhance their creativity by adding accessories like lights or microphones. panoramic ball head Ball head allows 360° panoramic shooting. 120° tilt adjustment By simply pushing the button, you can realize 120° tilt adjustment in seconds. Rock-Solid Stability The wide-range leg opening system and fiberglass toughened nylon material bring rock solid stability with no compromises. 1/4" Screw On the Top The 1/4" screw on the top makes it compatible with many devices. Mini Smartphone Holder Can Be Stored Neatly A Mini smartphone holder can be chosen and housed in the tripod leg for enhanced compactness and functionality. (Mini smartphone holder needs to be purchased separately.) PGYTECH Quick Release System The patented PGYTECH Quick Release System lets you instantly mount the PGYTECH Arca-type Quick Release Plate instead of using a traditional knob. The side security lock tightly fixes your camera in place. Patented Anti-loosening screw The PGYTECH quick release panel uses a patented anti-loosening screw and thrust needle roller bearing design to enhance the camera stability during your journey. Easily Tucked Away Powerful yet compact, MantisPod 2.0 can slip into and out of your storage pocket effortlessly. Mantispod 2.0 Allround Vlogging Tripod. See More, Do More Mantis Mode Full Shooting Versatility Wireless Control Enhanced Flexibility Love Mantis Mode at the First Sight The innovative Mantis claw design makes MantisPod 2.0 clinch to glass, doors, trees, and railings effortlessly, meeting vloggers' diverse shooting demands and easily recording close-ups and interview scenes. Mantis Mode will surely take your vlogging to the next level! The Mantis claw is made of high-strength aluminum alloy material. The claw and the tripod form a three-point stable structure to ensure overall stability and safe mounting through leverage and the photographic equipment weight. Note:The suspension board thickness should be less than 90mm, and the other two legs must be supported. (Please avoid hanging it on moving vehicles, yachts, and other moving objects.) Full Shooting Versatility for All Creative Ideas Portrait Mode Low-angle Mode Handheld Mode Mantis Mode Briefcase Mode High-angle Mode Wireless Control Function The front leg is embedded with a magnetic remote control so that you can focus, zoom in/out, take pictures, and record videos without touching the camera. (for MantisPod 2.0 Remote Control Kit Only) The remote control can also be detached from the tripod and used separately for creative shootings. Wireless Control Function The front leg is embedded with a magnetic remote control so that you can focus, zoom in/out, take pictures, and record videos without touching the camera. (for MantisPod 2.0 Remote Control Kit Only) The remote control can also be detached from the tripod and used separately for creative shootings. It Gives You All the Flexibility You Need From Tripod to Handheld Place it on the ground or just grip it to catch the desired shot. ROTATABLE COLD SHOE MOUNT The cold shoe mount on the side allows photographers to enhance their creativity by adding accessories like lights or microphones. panoramic ball head Ball head allows 360° panoramic shooting. 120° tilt adjustment By simply pushing the button, you can realize 120° tilt adjustment in seconds. Rock-Solid Stability The wide-range leg opening system and fiberglass toughened nylon material bring rock solid stability with no compromises. 1/4" Screw On the Top The 1/4” screw on the top makes it compatible with many devices. Mini Smartphone Holder Can Be Stored Neatly A Mini smartphone holder can be chosen and housed in the tripod leg for enhanced compactness and functionality. (Mini smartphone holder needs to be purchased separately.) PGYTECH Quick Release System The patented PGYTECH Quick Release System lets you instantly mount the PGYTECH Arca-type Quick Release Plate instead of using a traditional knob. The side security lock tightly fixes your camera in place. Patented Anti-loosening screw The PGYTECH quick release panel uses a patented anti-loosening screw and thrust needle roller bearing design to enhance the camera stability during your journey. Easily Tucked Away Powerful yet compact, MantisPod 2.0 can slip into and out of your storage pocket effortlessly. CLOSE $(document).ready(function() { var bagVideo=''; $('#videoPlayBtn,#videoPlayBtn_mobile').click(function (event) { var e = window.event || event; if (e.stopPropagation) { e.stopPropagation(); } else { e.cancelBubble = true; } //console.log(bagVideo); $('#model').html(bagVideo); $('#outer').show(); }); $('#model, #outer').click(function (event) { var e = window.event || event; if (e.stopPropagation) { e.stopPropagation(); } else { e.cancelBubble = true; } $('#outer').hide(); }); document.onclick = function () { $('#model').html(''); $('#outer').hide(); }; $('#videoClose').click(function (event) { var e = window.event || event; if (e.stopPropagation) { e.stopPropagation(); } else { e.cancelBubble = true; } $('#model').html(''); $('#outer').hide(); }); }); var mobile = window.matchMedia('(max-width: 740px)'); var tablet = window.matchMedia('(max-width: 979px) and (min-width: 741px)'); var desktop = window.matchMedia('(min-width: 980px)'); //Save UTM paramters to Cookies $(window).on('scroll', function() { if (window.matchMedia('(max-width: 980px)').matches) { return false; } var _scrolltop = $(window).scrollTop(); var screenHeight = window.screen.height; var tabContentOffsetHeight = 0; if ($('#cont-1-1').length>0) { tabContentOffsetHeight = $('#cont-1-1').offset().top; } var screenVideo = document.getElementById('loveMantisMode'); if (_scrolltop > tabContentOffsetHeight + screenHeight-260 && _scrolltop tabContentOffsetHeight + 2.5 * screenHeight) && (_scrolltop = _top){ $('.colorful-bags').css('top','10px'); $('.colorful-bags').css('height', bannerHeight + 'px'); $('.colorful-bags').css('min-height', bannerHeight + 'px'); $('.colorful-bags').css('padding-top', '0px'); $('.colorful-bags').css('padding-bottom', 2 * bannerHeight + 'px'); $('.bagContainer').css('position','fixed'); $('.colorful-bags .bagContainer').css('top','110px'); $('.bagContainer').css('width', bannerWidth + 'px'); if (_index == 0 ){ $('.img-container1').css('opacity', opacity1-0.5); $('.img-container1').css('opacity', 1); $('.img-container2').css('opacity', 0); } if (_index == 1 ){ $('.img-container1').css('opacity', 0); $('.img-container2').css('opacity', opacity2); $('.img-container2').css('opacity', 1); } if (_index > 1 ){ //$('.img-container2').height(0); $('.img-container2').css('opacity', 1); } if (_index >= 1 && (_scrolltop - _top - 1.85 * bannerHeight > 0) ){ $('.colorful-bags').css('top','unset'); $('.colorful-bags').css('height', 'auto'); $('.bagContainer').css('position','relative'); $('.bagContainer').css('width', '100%'); $('.colorful-bags').css('padding-top', 1.3 * bannerHeight +'px'); $('.colorful-bags').css('padding-bottom', '0px'); $('.img-container1').css('opacity', 0); $('.img-container2').css('opacity', 1); } } else { $('.colorful-bags').css('top','0'); $('.colorful-bags').css('height', bannerHeight + 'px'); $('.bagContainer').css('position','relative'); $('.bagContainer').css('width', '100%'); $('.colorful-bags .bagContainer').css('top','0'); $('.colorful-bags').css('padding-top', '0px'); $('.colorful-bags').css('padding-bottom', 1.3 * bannerHeight + 'px'); $('.img-container1').css('opacity', 1); $('.img-container2').css('opacity', 0); } }); $(window).on('load resize orientationchange', function() { if ($(window).width() > 980) { var bannerHeight = 880; if (window.matchMedia('(min-width: 1800px)').matches) { var bannerHeight = 820; } else if (window.matchMedia('(max-width: 1799px) and (min-width: 1660px)').matches) { var bannerHeight = 750; } else if (window.matchMedia('(max-width: 1659px) and (min-width: 1420px)').matches) { var bannerHeight = 650; } else if (window.matchMedia('(max-width: 1419px) and (min-width: 1320px)').matches) { var bannerHeight = 630; } else if (window.matchMedia('(max-width: 1319px) and (min-width: 1220px)').matches) { var bannerHeight = 580; } else { var bannerHeight = 460; } $('.img-container').height(bannerHeight); $('.colorful-bags').css('height', bannerHeight + 'px'); $('.colorful-bags').css('min-height', bannerHeight + 'px'); $('.colorful-bags').css('padding-bottom', (3 * bannerHeight-10) + 'px'); } });