Fioboc Active Large Holdall Sports Bag

You've got some great fits for your gym routine (and by that we mean FIOBOC fits, obviously). Now get somewhere equally great to stash them. .banner video:focus { outline: -webkit-focus-ring-color auto 0px; outline:none; } .banner video::-webkit-media-controls-timeline, .banner video::-webkit-media-controls-current-time-display, .banner video::-webkit-media-controls-time-remaining-display, .banner video::-webkit-media-controls-mute-button, .banner video::-webkit-media-controls-toggle-closed-captions-button, .banner video::-webkit-media-controls-fullscreen-button { display: none; } .banner video::-webkit-media-controls-play-button { left: 10px; bottom:10px; transform: scale(1); } .banner video{ width:100%; height:100%; object-fit: cover; } .product__description .banner.banner-two{ display: grid; grid-template-columns: repeat(2,1fr); grid-column-gap: 5vw; align-items: center; } .banner.banner-two .video-wrapper{ width: 100%; height: 100%; } .banner.banner-two .text-wrapper{ display: flex; flex-direction: column; } .banner.banner-two .text-wrapper p{ margin:0; padding:0; } .banner.banner-two .text-wrapper .title{ font-size: 24px; line-height: 24px; font-family: var(--medium-font); margin:0 } .banner.banner-two .text-wrapper .title.p-two{ padding:24px 0 0; } .banner.banner-two .text-wrapper .text{ font-size: 14px; line-height: 24px; font-family: var(--regular-font); padding:12px 0 0; } .product__description{ padding:0 10.416666666666668%; } .product__description .banner{ font-size: 0; display: block; padding:0 0 84px; } .product__description .banner img{ object-fit: cover; width: 100%; height:auto; } .product__description .container .container-title{ text-align: center; } .product__description .container .container-title h1{ margin:0; padding:0 0 42px; font-size: 32px; font-family: var(--medium-font); color:var(--theme-color) } .product__description .article{ display: grid; grid-template-columns: repeat(2,1fr); grid-column-gap: 14px; grid-row-gap: 52px; font-size: 0; } .product__description .article img{ width:100%; height: auto; object-fit: cover; } .product__description .article p{ font-size: 16px; line-height: 24px; text-align: center; padding:24px 0 0 ; margin:0; font-family: var(--regular-font); } .product__description .article p .br-m{ display: none; } .product__description .article-footer{ display: grid; grid-template-columns: repeat(3,1fr); grid-column-gap: 18px; padding:38px 0 0; font-size: 0; } .product__description .article-footer img{ object-fit: cover; width: 100%; height:auto } .product__description .article-title{ display:flex; justify-content: center; text-align: center; padding:77px 0 0; } .product__description .article-title p{ margin: 0; font-size: 1.6666666666666667vw; line-height: 2.083333333333333vw; color:var(--theme-color); font-family: var(--medium-font); font-weight: 600; } .product__description .article-title p br.br-pc{ display: block; } .product__description .article-title p br.br-m{ display: none; } @media screen and (min-width: 1024px) and (max-width: 1440px) { .product__description{ padding:0 48px; } .banner.banner-two .text-wrapper .title{ font-size: 20px; line-height: 20px; } .banner.banner-two .text-wrapper .title.p-two{ padding: 20px 0 0; } banner.banner-two .text-wrapper .text{ font-size: 14px; line-height: 24px; } } @media screen and (min-width: 750px) and (max-width:1024px){ .product__description .banner.banner-two { grid-template-columns: 42.70833333333333vw 1fr; grid-column-gap: 4.6875vw; } .banner.banner-two .text-wrapper .title{ font-size: 18px; line-height: 18px; } .banner.banner-two .text-wrapper .title.p-two{ padding:2.34375vw 0 0; } .banner.banner-two .text-wrapper .text{ font-size: 1.3671875vw; line-height: 2.1484375vw; } } @media screen and (max-width: 749px) { .banner video{ height:75.33333333333333vw; } .product__description .banner.banner-two{ display: grid; grid-template-columns: 100%; grid-row-gap: 26px; } .banner.banner-two .text-wrapper .title { font-size: 16px; line-height: 19px; } .banner.banner-two .text-wrapper .title.p-two{ padding:20px 0 0; } .banner.banner-two .text-wrapper .text{ font-size: 12px; line-height: 16px; padding:6px 0 0; } .product__description{ padding:0 16px !important; } .product__description .article-title p br.br-pc{ display: none; } .product__description .article p .br-m, .product__description .article-title p br.br-m{ display: block; } .product__description .banner{ padding:0 0 48px } .product__description .banner-one{ padding:0 0 26px } .banner video{ content:url('') } .product__description .banner-one img{ content:url('https://cdn.shopify.com/s/files/1/0627/9662/8192/files/bag-m.jpg?v=1770011146') } .product__description .banner-two img{ content:url('') } .product__description .article-footer img{ object-fit: cover; width: 100%; height:auto } .product__description .article .image-wrapper:nth-of-type(1) img{ content:url(''); } .product__description .article .image-wrapper:nth-of-type(2) img{ content:url(''); } .product__description .article .image-wrapper:nth-of-type(3) img{ content: url(''); } .product__description .article .image-wrapper:nth-of-type(4) img{ content: url(''); } .product__description .article-footer img.one{ content: url('https://cdn.shopify.com/s/files/1/0627/9662/8192/files/3ed1872f8_7f05a8e3-0119-41aa-8ca0-4064ccfcee5f.jpg?v=1770011876'); } .product__description .article-footer img.two{ content: url('https://cdn.shopify.com/s/files/1/0627/9662/8192/files/ba54b9.jpg?v=1770011876'); } .product__description .article-footer img.three{ content: url('https://cdn.shopify.com/s/files/1/0627/9662/8192/files/aec3133e32b1b56.jpg?v=1770011875'); } .product__description .article{ grid-column-gap: 10px; grid-row-gap:18px; } .product__description .article p{ font-size: 2.666666666666667vw; line-height: 3.733333333333334vw; padding:10px 0 0; } .product__description .container .container-title h1{ font-size: 4.8vw!important; letter-spacing: 0; line-height: 5vw; padding: 0 0 18px; } .product__description .article-title{ padding:27px 0 0; } .product__description .article-title p{ font-size: 3.733333333333334vw; line-height: 4.8vw; } .product__description .article-footer{ padding:3.733333333333334vw 0 0; grid-column-gap:10px; } }