SD/Micro SD CreateMate High-speed Card Reader Case
.card-reader-case{ display:block; font-family: Open Sans; background:#222; } .card-reader-case-mobile{ display:none; } @media screen and (max-width:740px) { .card-reader-case{ display:none; } .card-reader-case-mobile{ display:block; } } .mt_10 { margin-top:10px; } .card-reader-case 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: 9.5%; top: 35%; text-align: left; } .first-banner .text-block .title{ color: #eee; font-size: 4rem; line-height: 4.75rem; text-transform: capitalize; } .first-banner .text-block .content{ color: #ddd; font-size: 1.75rem; line-height: 2rem; margin-top: 2rem; } /**************** Simple features *************************/ .simple-features{ width: 100%; margin: auto; position: absolute; left: 0; bottom: 3.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.275rem; color: #dddddd; } .icon-group li:nth-child(1) .icon { background: url(https://cdn.shopify.com/s/files/1/0252/2395/4525/files/CreateMate_High-speed_Card_Reader_Case_icon_1.png?v=1684730537) 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/CreateMate_High-speed_Card_Reader_Case_icon_2.png?v=1684730537) 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/CreateMate_High-speed_Card_Reader_Case_icon_3.png?v=1684730537) 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/CreateMate_High-speed_Card_Reader_Case_icon_4.png?v=1684730537) no-repeat; background-size: contain; } .shoulderbag-banner1 .banner-image{ position:relative; } .video-btn { position:absolute; top:43.5%; left:47%; width:70px; height:70px; background: url(https://cdn.shopify.com/s/files/1/0252/2395/4525/files/presell_play.png?v=1614324743) no-repeat; background-size: auto; filter: drop-shadow(0 0 8px rgba(0,0,0,.12)); perspective: 1000px; backface-visibility: hidden; transform: translateZ(0); background-size: contain; } .shoulderbag-banner1 { margin-top:1rem; } .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; } .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 *************************/ .connector { width:100%; padding:2% 0 1% 0; clear:both; } .connector .items{ display: flex; width: 100%; margin: auto; position:relative; column-gap: 0; } .connector .items .item{ } .connector .items.two-cols .item{ width:50%; } .connector .items.three-cols{ margin-top:1rem; } .connector .items.three-cols .box-ratio:nth-child(1) { width: 34%; } .connector .items.three-cols .box-ratio:nth-child(2) { width: 34%; } .connector .items.three-cols .box-ratio:nth-child(3) { width: 33.8%; } .connector .items .note{ position: absolute; bottom: 5%; font-size: 1.5rem; line-height: 2rem; color: #ddd; left: 0; width: 100%; text-align: center; } .connector .text-block{ display:block; padding:3% 1.5%; text-align: center; } .connector .text-block .title{ color: #222; font-size: 4rem; line-height: 4.75rem; text-transform: capitalize; } .connector .text-block .content{ color: #555; font-size: 1.6rem; line-height: 2.25rem; margin-top: 2rem; } .static-block { min-height:300px; position:relative; margin-top:1rem; } .static-block .banner-image{ position:relative; width:100%; } .static-block .box-ratio { background-color: unset; } .static-block .box-ratio img{ background-color: unset; } .static-block .text-block{ position: unset; width:100%; text-align: left; margin-top:0; z-index:1; } .static-block .text-block.has-inner{ position: absolute; display:table; width:100%; height:100%; text-align: left; top:0; left:0; } .static-block .text-block.has-inner .text-block-inner{ display:table-cell; vertical-align:middle; } .static-block .text-block .title{ color: #eee; font-size: 3.95rem; line-height: 4.75rem; } .static-block .text-block .content{ color: #ddd; font-size: 1.4rem; line-height: 2.25rem; margin-top: 1.75rem; } .static-block.triangular .text-block{ position: absolute; text-align: right; padding: 5% 0 3% 0; top: 0; right: 9%; left: unset; } .static-block.sdxc .banner-image { width: 100%; display: flex; column-gap: 1rem; } .static-block.sdxc .banner-image .box-ratio{ position:relative; } .static-block.sdxc .banner-image .box-ratio .note{ position:absolute; left: 2%; bottom: 7.5%; text-align: center; width: 96%; color: #ddd; font-size: 1.1rem; } .static-block.sdxc .banner-image .box-ratio:nth-child(1) .note{ color: #fff; font-size: 1.5rem; } .static-block.share .text-block { position: absolute; text-align: right; padding: 5% 0 3% 0; top: 0; right: 9%; left: unset; } .static-block.share1 .banner-image { width: 100%; display: flex; column-gap: 1rem; } .static-block.slots .text-block{ position:absolute; left: 10%; text-align: left; } .static-block.slots .text-block .title{ color: #222; } .static-block.slots .text-block .content{ color: #333; } .static-block.IP54{ margin-top:1rem; } .static-block.IP54 .text-block{ position:unset; width:96%; margin:auto; text-align: center; padding:5.5% 2% 3% 2%; } .static-block.IP54 .row-imgs { width: 80%; display: flex; column-gap: 1%; margin: auto; } .static-block.IP54 .row-imgs .box-ratio:nth-child(1){ width:45.25%; } .static-block.IP54 .row-imgs .box-ratio:nth-child(2), .static-block.IP54 .row-imgs .box-ratio:nth-child(3) { width:26.5%; } .static-block.IP54 .row-imgs:nth-child(3) { margin-top:1rem; } .static-block.IP54 .row-imgs:nth-child(3) .box-ratio:nth-child(1){ width:45.5%; } .static-block.IP54 .row-imgs:nth-child(3) .box-ratio:nth-child(2) { width:54%; } .static-block.IP54 .row-imgs .box-ratio{ position:relative; } .static-block.IP54 .row-imgs .box-ratio .note{ position:absolute; position: absolute; left: 5%; bottom: 5%; text-align: left; width: 93%; color: #eee; font-size: 1.375rem; line-height: 1.75rem; } .static-block.load-bearing .text-block{ position:absolute; left: 9%; right: unset; text-align: left; } .static-block.load-bearing .text-block .subtitle{ margin-top:4%; margin-bottom: 1rem; font-size:1.325rem; font-weight:bold; color:#fefefe; } .static-block.load-bearing .speed-bars{ margin-top:0.5rem; } .static-block.load-bearing .speed-bars .speed-bar{ display:flex; padding: 4px 0; } .static-block.load-bearing .speed-bars .speed-bar .sd_name{ font-size:1rem; color:#ddd; white-space: nowrap; } .static-block.load-bearing .speed-bars .speed-bar .box-ratio{ display:table; width: unset; margin-left: 0.5rem; margin-right: 0.5rem; } .static-block.load-bearing .speed-bars .speed-bar .box-ratio img{ width: auto; height: 13px; display: table-cell; vertical-align: middle; } .static-block.load-bearing .speed-bars .speed-bar .sd_speed{ font-size:1rem; color:#ddd; } .static-block.load-bearing .speed-bars .speed-bar .sd_speed strong{ color:#fff; } .static-block.load-90 .text-block{ position:absolute; left: 10%; text-align: left; } .static-block.quick-adjuster .text-block{ position: absolute; left: 0; text-align: center; top: 5%; } .static-block.quick-adjuster .text-block .content { color: #ddd; font-size: 1.5rem; line-height: 2.25rem; margin-top: 1.5rem; } .static-block.quick-adjuster .note{ position: absolute; width: 95%; left: 3%; text-align: left; bottom: 5%; color: #fefefe; font-size: 1.55rem; line-height: 2.2rem; } /*** magic **/ .magic{ width:100%; display: block; overflow: hidden; height: auto; background-image:url(https://cdn.shopify.com/s/files/1/0252/2395/4525/files/Backpack_Camera_Strap_Desktop_13.jpg?v=1684575208); background-size:cover; background-repeat: no-repeat; } .magic .img-text-row{ display:flex; } .magic .img-text-row1{ 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{ color: #fefefe; font-size: 4rem; line-height: 4.75rem; } .magic .img-text-row .half-block .content{ color: #ddd; font-size: 1.65rem; line-height: 2.25rem; margin-top: 2rem; } .magic .img-text-row1 .left-block{ width:50%; padding-right:11.5%; text-align:right; } .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-left: 10%; text-align:left; } .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%; } /**************** infinate access *************************/ .one-handed-operation { position:relative; text-align:center; min-height: 500px; margin-top: 4%; display:block; overflow: hidden; margin-bottom: 5%; } .one-handed-operation .text-block{ width: 100%; text-align:center; padding-bottom: 2%; } .one-handed-operation .text-block .title{ font-size: 4.5rem; font-weight: bold; color: #111; text-transform: capitalize; line-height: 5.25rem; } .one-handed-operation .text-block .text{ font-size: 1.6rem; color: #555; margin-top: 1.5rem; line-height: 2.25rem; } .one-handed-operation .img-block { width:100%; } .one-handed-operation .img-block .box-ratio{ width:66%; margin:auto; } .static-block.tear-resistent .text-block{ position:absolute; left: unset; right:11%; text-align: right; } .static-block.universal .text-block{ position:absolute; left: unset; right:9%; text-align: right; } .static-block.universal .text-block .content .strong{ font-weight: bold; font-size: 2rem; margin-top: 2rem; margin-bottom: 1rem; color: #fff; } @media screen and (max-width:1800px) { .magic .img-text-row1 .left-block { padding-right: 10%; } .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.45rem; line-height: 2rem; margin-top: 1.5rem; } } @media screen and (max-width:1660px) { .one-handed-operation .text-block .title { font-size: 3.75rem; line-height: 4.5rem; } .magic .img-text-row1 .left-block { padding-right: 7.5%; } .magic .img-text-row2 .right-block { padding-left: 7.5%; } .magic .img-text-row .half-block .text-block h2 { font-size: 2.75rem; line-height: 3.5rem; } .magic .img-text-row .half-block .content { font-size: 1.125rem; line-height: 1.75rem; margin-top: 1.5rem; } } @media screen and (max-width:1550px) { .static-block.sdxc .banner-image .box-ratio:nth-child(2) .note { bottom:3.5%; } } @media screen and (max-width:1420px) { .first-banner .text-block .title { font-size: 3.5rem; line-height: 4rem; } .first-banner .text-block .content { font-size: 1.35rem; line-height: 1.5rem; margin-top: 1rem; } .simple-features { padding: 0 10%; } .connector .text-block .title { font-size: 3.5rem; line-height: 4rem; } .connector .text-block .content { font-size: 1.35rem; line-height: 1.5rem; margin-top: 1rem; } .connector .items .note { font-size: 1.35rem; width: 96%; left: 2%; } .static-block .text-block .title { font-size: 3.5rem; line-height: 4rem; } .static-block .text-block .content { font-size: 1.35rem; line-height: 1.75rem; margin-top: 1rem; } .static-block.quick-adjuster .note { width: 96%; left: 3%; font-size: 1.3rem; line-height: 2rem; } .one-handed-operation { min-height: 400px; margin-top: 4%; margin-bottom: 4%; } .one-handed-operation .text-block .text { font-size: 1.45rem; margin-top: 1.25rem; line-height: 2.25rem; } .streamlined .title-text .title { font-size: 3.25rem; color: #333; line-height: 3.75rem; } .streamlined .text-block { margin-left: 7%; } .streamlined .title-text .text { font-size: 1.25rem; color: #666; margin-top: 1rem; line-height: 2rem; } .static-block.sdxc .banner-image .box-ratio:nth-child(1) .note { color: #ddd; font-size: 1.25rem; } } @media screen and (max-width:1220px) { .first-banner .text-block { position: absolute; top: 20%; } .first-banner .text-block .title { font-size: 2.5rem; line-height: 3rem; } .first-banner .text-block .content { font-size: 1.1rem; line-height: 1.45rem; margin-top: 0.75rem; } .icon-group li .icon { width: 75px; height: 75px; } .icon-group li span { font-size: 1rem; } .simple-features { padding: 0 5%; } .connector .text-block .title { font-size: 2.5rem; line-height: 3rem; } .connector .text-block .content { font-size: 1.1rem; line-height: 1.45rem; margin-top: 0.75rem; } .connector .items .note { font-size: 1.15rem; line-height: 1.5rem; left: 5%; width: 90%; } .static-block { min-height: 260px; } .static-block .text-block .title { font-size: 2.5rem; line-height: 3rem; } .static-block .text-block .content { font-size: 1.1rem; line-height: 1.45rem; margin-top: 0.75rem; } .static-block.quick-adjuster .note br { display:none; } .static-block.IP54 .row-imgs .box-ratio .note { font-size: 1.15rem; line-height: 1.5rem; } .static-block.universal .text-block .content .strong { font-size: 1.5rem; margin-top: 1.25rem; } .static-block .text-block .content { font-size: 1rem; line-height: 1.4rem; } .static-block.sdxc .banner-image .box-ratio .note { bottom: 2%; color: #bbb; font-size: 0.9rem; line-height: 1.1rem; } .static-block.IP54 .row-imgs .box-ratio .note { color: #ddd; font-size: 1.2rem; line-height: 1.5rem; } .static-block.sdxc .banner-image .box-ratio:nth-child(2) .note { bottom: 2%; color: #ccc; font-size: 1rem; } } @media screen and (max-width:740px) { .card-reader-case-mobile .text-block{ padding: 9% 5px 3% 5px; margin: 5% 0 2% 0; } .card-reader-case-mobile h2,.card-reader-case-mobile h3{ letter-spacing:0; } .first-banner .text-block { position: absolute; text-align:center; padding: 0; margin: 0; width: 100%; left: 0; top: 6%; } .first-banner .text-block .title{ color: #eee; font-size: 2.25rem; line-height: 2.75rem; text-transform: capitalize; } .first-banner .text-block .content{ color: #bbb; font-size: 0.9em; line-height: 1.5rem; margin-top: 0.75rem; font-weight: normal; } .simple-features { padding: 0 2.5%; } .icon-group li .icon { width: 60px; height: 60px; } .icon-group li span { font-size: 0.9rem; line-height: 1rem; } .connector .text-block { text-align: left; padding: 9% 5px 5% 3.5%; } .connector .text-block .title { font-size: 2.25rem; line-height: 2.5rem; } .connector .text-block .content { color:#444; font-size: 0.875rem; line-height: 1.35rem; margin-top: 0.75rem; } .connector .items { column-gap: 0; } .connector .items .note { font-size: 1rem; line-height: 1.5rem; left: 3.5%; width: 96%; text-align: left; color: #fff; font-weight: normal; } .connector .items.three-cols { margin-top: 0.5rem; } .connector .items.three-cols .box-ratio:nth-child(1) { width: 33.87%; } .connector .items.three-cols .box-ratio:nth-child(2) { width: 34%; } .connector .items.three-cols .box-ratio:nth-child(3) { width: 34%; } .static-block.triangular { min-height: 180px; margin-top: 0rem; } .static-block.triangular .text-block { position:unset; bottom: 0; width: 95%; padding-left:5%; text-align: left; } .static-block.triangular .text-block .title { color: #111; } .static-block.triangular .text-block .content { font-size: 0.9rem; line-height: 1.35rem; font-weight: normal; color: #444; } .static-block.sdxc { margin-top:0; } .static-block.sdxc .banner-image { width: 100%; display: block; } .static-block.sdxc .banner-image .box-ratio .note { left: 4%; text-align: left; width: 96%; color: #bbb; font-size: 0.8rem; line-height: 1.1rem; } .static-block.sdxc .banner-image .box-ratio:nth-child(1) .note { bottom:5%; color: #ddd; font-size: 1rem; } .static-block.sdxc .banner-image .box-ratio:nth-child(2) .note { bottom: 6%; color: #ccc; font-size: 0.8rem; } .static-block { min-height: 200px; margin-top: 0.5rem; } .static-block .text-block { top: unset; right: unset; width: 95%; left: 4.5%; text-align: left; padding-left: 0; padding-top: 0; } .static-block .text-block .title { font-size: 2.25rem; line-height: 2.5rem; } .static-block .text-block .content { font-size: 0.95rem; line-height: 1.25rem; margin-top: 1rem; color: #eee; font-weight: normal; } .static-block.share .text-block { position: unset; text-align: left; padding: 5% 0 3% 5%; width: 100%; } .static-block.share .text-block .title{ color: #111; line-height: 2.75rem; } .static-block.share .text-block .content { font-size: 0.9rem; color: #555; line-height: 1.5rem; } .static-block.share1 .banner-image { column-gap: 0.5rem; } .static-block.slots .text-block { position: absolute; left: 6%; text-align: left; top: 7.5%; } .static-block.slots .text-block .title { font-size: 2.05rem; } .static-block.slots .text-block .content { font-size: 0.85rem; margin-top: 0.75rem; } .static-block.IP54-m .text-block { text-align: left; } .static-block.IP54-m .text-block .title { color: #111; font-size: 2.05rem; } .static-block.IP54-m{ margin-top:1rem; } .static-block.IP54-m .text-block{ position:unset; width:96%; margin:auto; text-align: left; padding:9% 2% 3% 2%; } .static-block.IP54-m .row-imgs { width: 100%; display: flex; column-gap: 1%; margin-top:0.5rem; } .static-block.IP54-m .row-imgs .box-ratio{ position:relative; } .static-block.IP54-m .row-imgs .box-ratio .note{ position:absolute; position: absolute; left: 5%; bottom: 6%; text-align: left; width: 93%; color: #ccc; font-size: 0.9rem; line-height: 1.15rem; } .static-block.load-bearing .text-block { top: 5%; right: unset; width: 95%; left: 4.5%; text-align: left; padding-left: 0; padding-top: 0; } .static-block.load-bearing .text-block .content { color: #ddd; font-size: 0.9rem; line-height: 1.35rem; margin-top: 1.25rem; } .static-block.load-bearing .text-block1 { position: unset; width: 100%; padding: 0 0 12.5% 4.5%; text-align: left; background: #111; margin: 0; } .static-block.load-bearing .text-block .subtitle { margin-top:0; margin-bottom: 5%; font-size: 1.2rem; } .static-block.load-bearing .speed-bars .speed-bar { display: flex; padding: 0.4rem 0; } .static-block.load-bearing .speed-bars .speed-bar .sd_name { font-size: 0.875rem; } .static-block.load-bearing .speed-bars .speed-bar .sd_speed { font-size: 0.875rem; } .static-block.load-90 .text-block { top: 3.5%; left: 5%; position: unset; margin-left: 5%; } .static-block.load-90 .text-block .title { color: #111; padding-top: 9%; } .static-block.load-90 .text-block .content { color: #444; } .static-block.universal .text-block { position: absolute; left: 5%; right: unset; text-align: left; top: 5%; } .static-block.universal .text-block .title { font-size: 2.25rem; line-height: 2.75rem; color: #fefefe; } .static-block.universal .text-block .content { font-size: 0.925rem; line-height: 1.35rem; margin-top: 1rem; color: #ddd; } .static-block.universal .text-block .content .strong { font-size: 1.5rem; } .static-block.tear-resistent .text-block .title { color:#111; font-size: 2.25rem; line-height: 2.75rem; } .static-block .text-block .content { font-size: 0.95rem; line-height: 1.25rem; margin-top: 1rem; color: #444; } } @media screen and (max-width:400px) { .card-reader-case-mobile .text-block .content br{ display:none; } .connector .text-block .content br { display:none; } .static-block.load-90 .text-block .content br { display:none; } .first-banner .text-block .title { font-size: 2.15rem; } .static-block .text-block .title { font-size: 2.15rem; } } CreateMate High-speed Card Reader Case Photographers' Ultimate Productivity Companion Enhanced Functionality High-speed Transfer Easy-to-use Design Safe and Secure A Card Reader Also A Card Case Effortlessly carry, store, read, and change memory cards on the go, this product is the perfect companion for photographers who demand both efficiency and convenience. Experience Data Transfer At Warp Speed With a built-in USB 3.1 chip, it features a transmission speed up to 5Gbps. Compatible with SD4.0 UHS-II ultra-high speed memory card The theoretical transfer speed of a 128GB file SD4.0 UHS-II: 10min(312MB/S) SD3.0 UHS-I: 30min(104MB/S) SD and TF dual card slots * Can support reading UHS-II, compatible with UHS-I and non-UHS SD and Micro SD (TF) memory cards. Instantly Share Sharp Videos With The World This plug-and-play card reader case works well with your Type-C smartphones and Pads(no need to install APP), thus bridging the gap from card to screen in seconds. A Range Of Slots Leave No Card Behind Can accommodate 8 memory cards and 2 Nano SIM cards. IP54 Protection Greatly Resists Drop, Dirt And Splash With a sealing ring to keep dirt and splash out Slide out smoothly and easily. Aluminum-alloy shaped at one go Silicone case provides fall&shock protection Carabiner clip allows easy carry Come With An Eject Pin For Easy Use Easily remove memory cards from devices without risking damage to the card. Simplify Your Trip With Universal Compatibility Devices: Cameras, smartphones, drones, action cameras Memory Cards: Compatible with UHS-Ⅱ，SD 4.0: UHS-Ⅱ，SDXC, SDHC, SD Cards UHS-Ⅰ，SDXC, SDHC, SD Cards UHS-Ⅱ，Micro SDXC, Micro SDHC, Micro SD Cards UHS-Ⅰ，Micro SDXC, Micro SDHC, Micro SD Cards Systems: Windows 7 and above, Mac OS 10 and above, Linux, Android CreateMate High-speed Card Reader Case Photographers' Ultimate Productivity Companion Enhanced Functionality High-speed Transfer Easy-to-use Design Safe and Secure A Card Reader Also A Card Case Effortlessly carry, store, read, and change memory cards on the go, this product is the perfect companion for photographers who demand both efficiency and convenience. Experience Data Transfer At Warp Speed With a built-in USB 3.1 chip, it features a transmission speed up to 5Gbps. Compatible with SD4.0 UHS-II ultra-high speed memory card The theoretical transfer speed of a 128GB file SD4.0 UHS-II: 10min(312MB/S) SD3.0 UHS-I: 30min(104MB/S) SD and TF dual card slots * Can support reading UHS-II, compatible with UHS-I and non-UHS SD and Micro SD (TF) memory cards. Instantly Share Sharp Videos With The World This plug-and-play card reader case works well with your Type-C smartphones and Pads(no need to install APP), thus bridging the gap from card to screen in seconds. A Range Of Slots Leave No Card Behind Can accommodate 8 memory cards and 2 Nano SIM cards. IP54 Protection Greatly Resists Drop, Dirt And Splash SD and TF dual card slots Silicone case provides fall&shock protection Aluminum-alloy shaped at one go Slide out smoothly and easily Carabiner clip allows easy carry Come With An Eject Pin For Easy Use Easily remove memory cards from devices without risking damage to the card. Simplify Your Trip With Universal Compatibility Devices: Cameras, smartphones, drones, action cameras Memory Cards: Compatible with UHS-Ⅱ，SD 4.0: UHS-Ⅱ，SDXC, SDHC, SD Cards UHS-Ⅰ，SDXC, SDHC, SD Cards UHS-Ⅱ，Micro SDXC, Micro SDHC, Micro SD Cards UHS-Ⅰ，Micro SDXC, Micro SDHC, Micro SD Cards Systems: Windows 7 and above, Mac OS 10 and above, Linux, Android $(document).ready(function() { $('.youtube,.la-close').on('click',function(){ var _this = $(this); $('#yt_video').attr('src',"https://www.youtube.com/embed/Nut1mqX-Bkw"); _this.hide(); $('.youtube').css('display','none'); _this.parent().find('.box-ratio').css('display','block'); return false; }); $('#close_youtube_mobile').on('click',function(){ var _this = $(this); $('#yt_video_mobile').attr('src',"https://www.youtube.com/embed/Nut1mqX-Bkw").css('display','none'); _this.hide(); _this.parent().find('.box-ratio').css('display','block'); return false; }); if ($(window).width() > 980) { $('#yt_video').width($(window).width()*0.65); var videoWidth = $(window).width()*0.65; var videoHeight = parseInt(videoWidth)*540/962; $('#yt_video').height(videoHeight); } else { $('#yt_video_mobile').width($(window).width()); var videoWidth = $(window).width(); var videoHeight = parseInt(videoWidth)*540/962; $('#yt_video_mobile').height(videoHeight); } $(window).on('load resize orientationchange', function() { if ($(window).width() > 980) { $('#yt_video').width($(window).width()*0.65); var videoWidth = $(window).width()*0.65; var videoHeight = parseInt(videoWidth)*540/962; $('#yt_video').height(videoHeight); } else { $('#yt_video_mobile').width($(window).width()); var videoWidth = $(window).width(); var videoHeight = parseInt(videoWidth)*540/962; $('#yt_video_mobile').height(videoHeight); } }); });