Collective Healthcare Tango Laptop Cart - TNG-L-NP

* { position: relative; } .overlayBody { position: relative; } .overlayBody:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .2); z-index: 2; } @media only screen and (max-width: 1024px) { .twoColumn .container, .bannerListText .container, .bannerTextPosition .container, .imageTextBottomRight .container, .ThreeImageText .container { padding-left: 30px !important; padding-right: 30px !important; } } @media only screen and (max-width: 992px) { .textWhite.mobileBlack .titleSection, .textWhite.mobileBlack .titleComp, .textWhite.mobileBlack .paragraph, .textWhite.mobileBlack strong { color: #222; } .twoColumn .container, .bannerListText .container, .bannerTextPosition .container, .imageTextBottomRight .container, .ThreeImageText .container { padding-left: 15px !important; padding-right: 15px !important; } } @media only screen and (max-width: 767px) { .containerFullWidth { padding-left: 0; padding-right: 0; } .containerFullWidth .textBlock { padding: 15px !important; } .twoColumn .container { padding-left: 15px!important; padding-right: 15px!important; } .titleSection { font-size: 32px; line-height: 44px; font-weight: 500; } .titleComp { font-size: 20px; line-height: 32px; margin: 0px; } .subTitle { margin: 0 0 8px; font-size: 12px; } .bannerTextPosition.resetSpacing { margin-bottom: 50px!important; } .paragraph { font-size: 14px; } } .ZendSpecs .ZEN_video { margin-left: -28px; margin-right: -29px; } .ZendSpecs .ZEN_video .ZEN_video_title{ font-size:48px; font-weight: 500; color: #000; text-align: center; padding: 50px 0px; background: #fff; } .ZendSpecs .ZEN_video .ZEN_video_source { padding: 20px 0px; background: #f5f4f5; } @media only screen and (max-width: 767px) { .ZendSpecs .ZEN_video .ZEN_video_title{ font-size:32px; padding: 30px 0px; } } .ZEN_Table { color: #222; padding: 0px 60px} .ZEN_Table .ZEN_Table_row{display: flex;} .ZEN_Table .ZEN_Table_title{ font-weight: 500; font-size: 32px; padding: 50px 0px; } .ZEN_Table .ZEN_Table_text{ flex: 1; margin-left: 40px; } .ZEN_Table .ZEN_Table_content table{ text-align: center; font-size: 16px; color: #222222; border: 1px solid #DDDDDD; vertical-align: middle; padding: 10px; } .ZEN_Table .table th, .ZEN_Table .table td{ padding: 15px; vertical-align: middle; } .ZEN_Table .ZEN_Table_content table tr:nth-child(even) {background-color: #F8F8F8;} .ZEN_Table .ZEN_Table_content table thead{ background: #101010; color: #fff; font-weight: 500; } .ZEN_Table .ZEN_Table_content table .item{ text-align: left; } .ZEN_Table .ZEN_Table_content table a{ font-size: 14px; line-height: 22px; color: #1174DC; } .ZEN_Table .ZEN_Table_content table .name{ font-weight: 500; font-size: 18px; line-height: 28px; } .ZEN_Table .ZEN_Table_text .ZEN_Table_strong{ font-weight: 500; font-size: 18px; line-height: 28px; color: #222; } .ZEN_Table .ZEN_Table_text p { font-size: 16px; line-height: 26px; color: #555; } @media only screen and (max-width: 768px) { .ZEN_Table { padding: 0px} .ZEN_Table .ZEN_Table_row{display: initial;} .ZEN_Table .ZEN_Table_text{margin-top:30px} .ZEN_Table .ZEN_Table_text{ margin-left: 0px; } } .ZEN_shipping{ margin: 30px auto; display: flex; } .ZEN_shipping_col{ position: relative; padding: 10px 10px; text-align: center; color: #222; width: 100%; } .ZEN_shipping_col img{ width: 85px; } .ZEN_shipping_col h4{ font-weight: 500; font-size: 18px; line-height: 26px; } .ZEN_shipping_col p{ margin-top: 10px; font-size: 14px; line-height: 24px; } .ZEN_shipping_col:nth-child(2)::after { position: absolute; width: 1px; height: 40%; content: ""; left: 0px; top: 30%; background-color: #DDDDDD; } .ZEN_shipping_col:nth-child(2)::before { position: absolute; width: 1px; height: 40%; content: ""; right: 0px; top: 30%; background-color: #DDDDDD; } .ZEN_shipping_col:last-child::before { display: none; } @media only screen and (max-width: 767px) { .ZEN_shipping{ flex-direction: column; margin: 10px auto; } .ZEN_shipping_col img{ width: 95px; } .ZEN_shipping_col:nth-child(2)::after { width: 0px; } .ZEN_shipping_col:nth-child(2)::before { width: 0px; } } /* THUMNAILS SLIDER */ .thumnailsGroupSliderWrapper { margin: 80px 0; overflow: hidden; } .thumnailsGroupSliderWrapper h1, .thumnailsGroupSliderWrapper h2, .thumnailsGroupSliderWrapper h3, .thumnailsGroupSliderWrapper h4, .thumnailsGroupSliderWrapper h5 { margin: 0 auto 40px; font-size: 24px; font-weight: 500; line-height: 31px; text-align: center; color: #222; max-width: 350px; } .thumnailsGroupSliderWrapper { max-width: 840px; margin: 0 auto; padding-bottom: 0; } .thumnailsGroupSliderWrapper div { display: block!important; } .thumnailsGroupSliderWrapper img { max-width: 100%; } .thumnailsGroupSliderWrapper div[class~='slick-track'] { padding: 0; } .thumnailsGroupSliderWrapper div[class~='slick-slide'] { position: relative; transition: transform .25s; transform: scale(1); } .thumnailsGroupSliderWrapper div[class~='slick-center']:before { display: none; } .thumnailsGroupSliderWrapper div[class~='slick-center'] img { object-fit: contain; } .thumnailsGroupSliderWrapper button[class~='slick-prev'], .thumnailsGroupSliderWrapper button[class~='slick-next'], .thumnailsGroupSliderWrapper div[class~='slick-prev'], .thumnailsGroupSliderWrapper div[class~='slick-next'] { background: none; border: 0; color: #fff; visibility: visible; z-index: 1; width: 50px; height: 100px; opacity: 1; margin: 0; } .thumnailsGroupSliderWrapper div[class~='slick-prev'] svg, .thumnailsGroupSliderWrapper div[class~='slick-next'] svg { color: rgb(0, 0, 0, .7); } .thumnailsGroupSliderWrapper button[class~='slick-prev']:before, .thumnailsGroupSliderWrapper button[class~='slick-next']:before, .thumnailsGroupSliderWrapper div[class~='slick-prev']:before, .thumnailsGroupSliderWrapper div[class~='slick-next']:before { content: ""; position: absolute; top: 50%; opacity: 1; width: 15px; height: 15px; } .thumnailsGroupSliderWrapper button[class~='slick-prev']:before, .thumnailsGroupSliderWrapper div[class~='slick-prev']:before { left: 20px; border-left: 2px solid rgb(0, 0, 0, .7); border-top: 2px solid rgb(0, 0, 0, .7); transform: translateY(-50%) rotate(-45deg); } .thumnailsGroupSliderWrapper button[class~='slick-next']:before, .thumnailsGroupSliderWrapper div[class~='slick-next']:before { right: 20px; border-right: 2px solid rgb(0, 0, 0, .7); border-top: 2px solid rgb(0, 0, 0, .7); transform: translateY(-50%) rotate(45deg); } .thumnailsGroupSliderWrapper button[class~='slick-prev'], .thumnailsGroupSliderWrapper div[class~='slick-prev'] { left: 5px; } .thumnailsGroupSliderWrapper button[class~='slick-next'], .thumnailsGroupSliderWrapper div[class~='slick-next'] { right: 5px; left: auto; } @media only screen and (max-width: 1024px) { .thumnailsGroupSliderWrapper button[class~='slick-prev'], .thumnailsGroupSliderWrapper button[class~='slick-next'] { height: 50px; } .thumnailsGroupSliderWrapper div[class~='slick-slider'] { touch-action: auto; -ms-touch-action: auto; scroll-behavior: smooth; } } @media only screen and (max-width: 992px) { .thumnailsGroupWrapper { margin: 0; } } @media only screen and (max-width: 767px) { .thumnailsGroupSliderWrapper h1, .thumnailsGroupSliderWrapper h2, .thumnailsGroupSliderWrapper h3, .thumnailsGroupSliderWrapper h4, .thumnailsGroupSliderWrapper h5 { margin-bottom: 20px; font-size: 20px; line-height: 26px; } .thumnailsCarousel img { max-width: 100%; min-height: 100px; } } /* ICON LIST */ .listComp { display: flex; justify-items: center; align-items: start; flex-wrap: wrap; width: 80%; margin: 0 auto; justify-content: center; } .listComp .iconItem { text-align: center; margin-bottom: 0px; width: 20%; padding: 0 10px; } .listComp .iconItem img { max-width: 65px; display: block; margin: 0 auto; } .listComp .iconItem p { margin: 3px 0 0; } @media only screen and (max-width: 1024px) { .listComp { width: 100%; padding-left: 25px; padding-right: 25px; } } @media only screen and (max-width: 992px) { .listComp { justify-content: flex-start; } .listIconWrapper .containerFullWidth { padding-left: 0; padding-right: 0; } } @media only screen and (max-width: 767px) { .listComp { padding: 0 15px; } .listIconWrapper .headingBlock { text-align: center; } } /* END ICON LIST */ /* One Column */ .oneColumn { text-align: center; margin-bottom: 80px; } .oneColumn .header { margin-bottom: 50px; } .oneColumn .header h1, .oneColumn .header h2, .oneColumn .header h3, .oneColumn .header h4, .oneColumn .header h5 { margin: 0 auto 20px; font-size: 48px; line-height: 60px; color: #222; font-weight: 500; max-width: 1000px; } .oneColumn .header .paragraph { width: 50%; margin: 0 auto; padding: 0; color: #222; } .oneColumn .mediaBlock img { max-width: 70%; margin: 0 auto; display: block; } .oneColumn .mediaBlock video { max-width: 55%; margin: 0 auto; display: block; } .oneColumn .mediaBlock .full-width { max-width: 100% ; width: 100%; } @media only screen and (min-width: 992px) { .oneColumn.bgGray { background-color: #f8f8f8; padding: 60px 0 10px; } } @media only screen and (max-width: 992px) { .oneColumn { padding: 0 15px; } .mobile-full-width { max-width: 100% !important; } .oneColumn .header { padding-left: 0; padding-right: 0; } .oneColumn .mediaBlock video, .oneColumn .mediaBlock img { margin: 0; max-width: 100%; } .oneColumn { margin-bottom: 60px; text-align: left; } .oneColumn .header h1, .oneColumn .header h2, .oneColumn .header h3, .oneColumn .header h4, .oneColumn .header h5 { padding: 0; margin-bottom: 34px; font-size: 44px; line-height: 60px; max-width: none; } .oneColumn .header .paragraph { width: 100%; margin: 0 auto; padding: 0; font-size: 16px; line-height: 24px; } .oneColumn .header { margin-bottom: 30px; } } @media only screen and (max-width: 767px) { .oneColumn .header h1, .oneColumn .header h2, .oneColumn .header h3, .oneColumn .header h4, .oneColumn .header h5 { font-size: 32px; line-height: 44px; } } /* One Column left align */ .oneColumnLeftAlign { margin-bottom: 50px; } .oneColumnLeftAlign .header { margin-bottom: 20px; } .oneColumnLeftAlign .header h1, .oneColumnLeftAlign .header h2, .oneColumnLeftAlign .header h3, .oneColumnLeftAlign .header h4, .oneColumnLeftAlign .header h5 { margin-top: 40px; margin-bottom: 20px; color: #222; font-weight: 500; font-size: 30px; line-height: 40px; text-transform: uppercase; } .oneColumnLeftAlign .header h6 { color: #222; font-size: 20px; margin-bottom: 10px; } .oneColumnLeftAlign .header .paragraph { width: 100%; margin: 0 auto; padding: 0; font-size: 14px; line-height: 24px; color: #666; } .oneColumnLeftAlign .mediaBlock video, .oneColumnLeftAlign .mediaBlock img { max-width: 100%; margin: 0 auto; display: block; } .oneColumnLeftAlign .text-note { margin-top: 20px; font-size: 12px; color: #555; text-align: center; } @media only screen and (max-width: 992px) { .oneColumnLeftAlign .mediaBlock video, .oneColumnLeftAlign .mediaBlock img { margin: 0; } .oneColumnLeftAlign { margin-bottom: 60px; text-align: left; } .oneColumnLeftAlign .header h1, .oneColumnLeftAlign .header h2, .oneColumnLeftAlign .header h3, .oneColumnLeftAlign .header h4, .oneColumnLeftAlign .header h5 { padding: 0; margin-bottom: 20px; font-size: 22px; line-height: 28px; } .oneColumnLeftAlign .header h6 { font-size: 22px; } .oneColumnLeftAlign .header .paragraph { width: 100%; margin: 0 auto; padding: 0; font-size: 16px; color: #222; line-height: 26px; } .oneColumnLeftAlign .header { margin-bottom: 30px; } } /* One Column Left Only Text */ .oneColumnLeftOnlyText .inner { max-width: 1000px; margin: 0 auto; padding: 80px 20px; } .oneColumnLeftOnlyText .inner .textLarge, .oneColumnLeftOnlyText .inner .textLarge a, .oneColumnLeftOnlyText .inner .textLarge strong { font-size: 28px; line-height: 46px; font-weight: 500; color: #222; } .oneColumnLeftOnlyText .inner p + p { margin-top: 40px; } .oneColumnLeftOnlyText .inner .textLarge a { position: relative; } .oneColumnLeftOnlyText .inner .textLarge a:before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background: #222; } .oneColumnLeftOnlyText.textWhite .inner .textLarge, .oneColumnLeftOnlyText.textWhite .inner .textLarge a, .oneColumnLeftOnlyText.textWhite .inner .textLarge strong, .oneColumnLeftOnlyText.textWhite .inner p, .oneColumnLeftOnlyText.textWhite .inner p a, .oneColumnLeftOnlyText.textWhite .inner p strong { color: #fff; } .oneColumnLeftOnlyText .inner .textLarge a:before, .oneColumnLeftOnlyText .inner p a:before { background: #fff; } @media only screen and (max-width: 767px) { .oneColumnLeftOnlyText .inner { padding: 60px 0; } } /* TWO COLUMNS */ .twoColumn + .twoColumn { margin-top: 80px; } .twoColumn .container { display: flex; } .twoColumn .textBlock { display: flex; justify-content: space-between; align-items: center; width: 50%; padding-left: 90px; } .twoColumn .mediaBlock { width: 50%; } .twoColumn.hasSlider .mediaBlock { background-color: transparent; } .twoColumn.style2 .mediaBlock { width: 60%; } .twoColumn.style2 .textBlock { width: 40%; } .twoColumn.style2 .icon { max-width: 120px; } .twoColumn.hasSpacing { margin-top: 0; } .twoColumn.hasSpacing .mediaBlock { padding: 80px; } .twoColumn .textBlock .innerText { width: 85%; max-width: 450px; } .twoColumn.mediaText .container, .twoColumn.mediaText .containerFullWidth { display: flex; flex-direction: row-reverse; } .twoColumn.mediaText .textBlock { padding-left: 80px; } .twoColumn.textMedia .containerFullWidth .textBlock { justify-content: flex-end; padding-right: 10%; } @media only screen and (max-width: 1024px) { .twoColumn .textBlock { padding-left: 0; padding-right: 0; } .twoColumn.mediaText .textBlock { padding-left: 60px; } .twoColumn.style2 .mediaBlock { width: 50%; } .twoColumn.style2 .textBlock { width: 50%; } .twoColumn.style2 .icon { max-width: 80px; } .twoColumn.style2 .subTitle { margin-bottom: 10px; } .twoColumn.style2 .groupLinks { margin-top: 10px; } .twoColumn.style2 .titleComp { font-size: 28px; line-height: 34px; } .twoColumn.hasBg .textBlock { padding: 15px 15px 15px 30px; } } @media only screen and (max-width: 992px) { .twoColumn.hasBg { margin-top: 0; } .twoColumn.hasBg .textBlock { background: none!important; padding-left: 0; padding-right: 0; } .twoColumn.style2 { padding: 80px 0; } .twoColumn .textBlock, .twoColumn .mediaBlock, .twoColumn.style2 .textBlock, .twoColumn.style2 .mediaBlock { width: 100%; } .twoColumn .container, .twoColumn .containerFullWidth, .twoColumn.mediaText .container, .twoColumn.mediaText .containerFullWidth { flex-direction: column; } .twoColumn .textBlock { padding: 0; margin-bottom: 20px; } .twoColumn .textBlock .innerText { max-width: 100%; width: 100%; } .twoColumn.mediaText .textBlock, .twoColumn.textMedia .textBlock { padding-left: 0 !important; padding-right: 0 !important; } .twoColumn.hasSpacing { margin-top: 80px; } .twoColumn.hasSpacing .mediaBlock { padding: 0; } .twoColumn.hasBg { padding: 80px 0; } .twoColumn.style2.marginBottom { margin-bottom: 0; padding-top: 0; } .twoColumn.textMedia .containerFullWidth .textBlock, .twoColumn.style2 .textBlock { padding-left: 0; padding-right: 0; } .twoColumn.hasSlider .textBlock { background-color: transparent!important; } } @media only screen and (max-width: 767px) { .twoColumn + .twoColumn { margin-top: 32px; } .twoColumn.style2 { padding: 50px 0; } .twoColumn.hasBg { margin-top: 0; padding: 50px 0; background: #fff!important; } .twoColumnGroupTwoRow .twoColumn.textMedia .containerFullWidth .textBlock, .twoColumnGroupTwoRow .twoColumn.mediaText .containerFullWidth .textBlock, .twoColumn.style2 .textBlock { padding-left: 15px; padding-right: 15px; } } /* TWO COLUMN GROUP THREE ROW */ .twoColumnGroupThreeRow { margin-bottom: 80px; } .twoColumnGroupThreeRow .twoColumn { margin: 0; } .twoColumnGroupThreeRow .twoColumn .textBlock { padding-left: 90px; } .twoColumnGroupThreeRow .twoColumn.mediaText, .twoColumnGroupThreeRow.revert .twoColumn.textMedia { position: relative; } .twoColumnGroupThreeRow .twoColumn .textBlock .innerText { max-width: 100%; } .twoColumnGroupThreeRow .mediaText .textBlock, .twoColumnGroupThreeRow.revert .textMedia .textBlock { width: 65%; background: #EFF5F8; padding-left: calc(15% + 80px); } .twoColumnGroupThreeRow .mediaText .mediaBlock, .twoColumnGroupThreeRow.revert .textMedia .mediaBlock { position: relative; z-index: 1; padding: 80px 0; background-color: transparent; } .twoColumnGroupThreeRow .mediaText .textBlock { padding-left: calc(15% + 80px); } .twoColumnGroupThreeRow.revert .textMedia .textBlock { padding-right: calc(15% + 80px); padding-left: 0; } .twoColumnGroupThreeRow .mediaText .mediaBlock { margin-right: -15%; } .twoColumnGroupThreeRow.revert .textMedia .mediaBlock { margin-left: -15%; } .twoColumnGroupThreeRow.revert .mediaText .textBlock { padding-left: 90px; background: #fff; } .twoColumnGroupThreeRow.revert .mediaText .mediaBlock { margin-right: 0; padding: 0; margin: 0; } @media only screen and (max-width: 1024px) { .twoColumnGroupThreeRow .twoColumn .textBlock { padding-left: 30px; padding-right: 30px; } .twoColumnGroupThreeRow .mediaText .textBlock { padding-left: calc(15% + 80px); } } @media only screen and (max-width: 992px) { .twoColumnGroupThreeRow { margin-bottom: 50px; } .twoColumnGroupThreeRow .twoColumn + .twoColumn { margin-top: 50px; } .twoColumnGroupThreeRow .mediaText .mediaBlock { padding: 50px 0 0; } .twoColumnGroupThreeRow .mediaText .textBlock, .twoColumnGroupThreeRow.revert .textMedia .textBlock { width: 100%; padding: 50px 0 0; background: #fff; } .twoColumnGroupThreeRow .mediaText .mediaBlock { margin-right: 0; padding-top: 0; } .twoColumnGroupThreeRow.revert .textMedia .mediaBlock { margin-left: 0; margin-right: 0; padding: 0; } .twoColumnGroupThreeRow.revert .mediaText .textBlock { padding-left: 0; } } @media only screen and (max-width: 767px) { .twoColumnGroupThreeRow .mediaText .textBlock { padding: 0; } } /* TWO COLUMN GROUP TWO ROW */ .twoColumnGroupTwoRow .twoColumn + .twoColumn { margin-top: 0; } @media only screen and (max-width: 992px) { .twoColumnGroupTwoRow .twoColumn + .twoColumn { margin-top: 50px; } } @media only screen and (max-width: 767px) { .twoColumnGroupTwoRow .twoColumn + .twoColumn { margin-top: 50px; } } /* TWO IMAGE TEXT TOP LEFT */ .twoImageTextTopLeft .textBlock, .twoImageTextTopLeft .mediaBlock { width: 50%; display: flex; flex-direction: column; align-items: center; } .twoImageTextTopLeft .textBlock { padding-right: 10px; } .twoImageTextTopLeft .mediaBlock { padding-left: 10px; } .twoImageTextTopLeft .textBlock .innerText { display: flex; flex-direction: column; justify-content: center; max-width: 380px; height: 50%; } .twoImageTextTopLeft.noSpacing .container { margin: 0; } .twoImageTextTopLeft.noSpacing .textBlock, .twoImageTextTopLeft.noSpacing .mediaBlock { padding: 0; } @media only screen and (max-width: 992px) { .twoImageTextTopLeft { margin-bottom: 80px; } .twoImageTextTopLeft .containerFullWidth { flex-direction: column; } .twoImageTextTopLeft .textBlock, .twoImageTextTopLeft .mediaBlock { display: block; width: 100%; padding-left: 0; padding-right: 0; } .twoImageTextTopLeft .textBlock { margin-bottom: 20px; } .twoImageTextTopLeft .textBlock .innerText { max-width: 100%; margin-bottom: 50px; } } @media only screen and (max-width: 767px) { .twoImageTextTopLeft { margin-bottom: 50px; } } --> Your workday wonder. Introducing Tango, the ultimate workday partner for healthcare professionals! Designed to make your job easier and more efficient, Tango is a versatile, ergonomic cart that can effortlessly keep up with your busy schedule. Heightened flexibility. With its single-hand height adjustment feature, you can easily customize the height of your workspace to fit your needs. And with its antimicrobial worksurface, you can rest assured that your workspace is clean and hygienic. Smooth mobility. Tango also comes equipped with 2 non-locking and 2 locking four-inch casters, allowing you to move it around the room as needed easily. And with a base that measures 19.2in W x 20in D, you'll have plenty of space to work with. Simplicity refined. This expertly-designed cart has all the features you need without any unnecessary frills, making it easy to use, maneuver, and configure. And if you need additional accessories, they're available and sold separately, giving you even more flexibility. Specifications Base Dimension: 19.2 in. W x 20 in. D Worksurface Size: 20 in. W x 12 in. D Worksurface Height: 31.3 in. – 43.1 in. Casters: 4 in. double wheels (2 non-locking, 2 locking) Worksurface Type: Plastic Features Ergonomic: Gas spring lift assists for effortless adjustment. Organized: Included track for mounting accessories and integrated cable management. Integrated: Built-in, forward-facing handles allow for easy maneuvering and control. Adjustable: User comfort is enhanced by single-hand height adjustment while standing or sitting. Secure: Stop bar included for added safety.