.box_one { max-width: 1600px; width: 100%; color: #333; line-height: 24px; display: flex; justify-content: center; } .text_details { font-weight: 400; font-size: 16px; line-height: 2; } .top_divider { border: 2px solid #afafaf; display: flex; } .top_divider2 { border: 2px solid #4a8534; margin-bottom: 20px; } .icons_wrapper { display: flex; width: 100%; text-align: center; margin-left: auto; margin-right: auto; font-size: 14px; justify-content: space-around; margin-top: 20px; } .imaging-icon { width: auto; cursor: pointer; height: 112px; } #img-man, #cloud-rec { display: none; } #img-creation { background-image: url("//static.lenovo.com/na/landing-pages/service-site/details/artwork-15-grey.png"); width: 37px; height: 61px; text-decoration: none; color: #777  !important; padding: 0; display: grid; text-align: center; line-height: 115%; } #img-creation.current { background-image: url("//static.lenovo.com/na/landing-pages/service-site/details/artwork-15.png"); } #img-creation.onsite-inter { background-image: url("//p2-ofp.static.pub/ShareResource/services/pc-services/lifecycle-support/warranty-protection/imgs/icons-onsite-resourcing-grey.png"); width: 73px; height: 53px; text-decoration: none; color: #777  !important; padding: 0; display: grid; text-align: center; line-height: 115%; background-position-y: 4px; background-position-x: -5px; } #img-creation.onsite-inter.current { background-image: url("//p3-ofp.static.pub/ShareResource/services/pc-services/lifecycle-support/warranty-protection/imgs/icons-onsite-resourcing-green.e76cbe5390575aba.png"); } #img-creation span { margin-top: 70px; width: 100%; text-align: center; margin-left: -6px; } #img-management.help-inter { background-image: url("//p2-ofp.static.pub/ShareResource/services/pc-services/lifecycle-support/warranty-protection/imgs/icons-help-desk-grey.0b4cdbdffa206f6e.png"); width: 70px; height: 48px; text-decoration: none; color: #777  !important; padding: 0; display: grid; text-align: center; line-height: 115%; background-position-x: -6px; background-position-y: 3px; } #img-management.help-inter.current { background-image: url("//p1-ofp.static.pub/ShareResource/services/pc-services/lifecycle-support/warranty-protection/imgs/icons-help-desk-green.a77e51cc26452b09.png"); } #img-management span { margin-top: 70px; width: 100%; text-align: center; margin-left: -6px; } .current:after { width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-top: 15px solid #4a8534; content: " "; position: relative; margin: auto; bottom: -14px; } @media screen and (max-width: 1600px) { .border { padding-left: 20px; padding-right: 20px; } .hero-img-box .text1 { top: 180px; } .text { font-size: 20px; } } @media screen and (max-width: 1180px) { .premium-banner-image #pc-service-subhero { margin-top: 294px; } } @media screen and (max-width: 1228px) and (min-width: 1152px) { .sticky { z-index: 1; top: 96px; } } @media screen and (max-width: 1151px) { .sticky { z-index: 9999; top: 0; } .hero-img-box { width: 48%; } } @media screen and (max-width: 1300px) and (min-width: 1151px) { .promo .box-hover.text2 { font-size: 14px; line-height: 25px; margin: 0 0 0 3%; } } @media screen and (max-width: 1150px) and (min-width: 1024px) { .promo .box-hover.text2 { font-size: 13px; line-height: 22px; top: 6px; margin: 0 0 0 3%; } } @media screen and (max-width: 992px) { .share { width: 33%; } .financing { width: 34%; } .contact { width: 33%; } .content { display: flex; } .border { padding-left: 40px; padding-right: 40px; } } @media screen and (max-width: 880px) { .premium-banner-image img { display: block; position: absolute; top: 50%; left: 70%; max-width: none; transform: translate(-50%, -50%); max-height: 260px; } .hero-img-box { width: 51%; height: 100%; background-color: #000; position: absolute; top: 0; left: 0; z-index: 9; } .box_one .image img { display: none; } .icons_wrapper { display: flex; } #pc-service-subhero .content img { padding-right: 40px; } } @media screen and (max-width: 848px) { .premium-banner-image img { top: 17%; left: 50%; padding: 0; } .premium-banner-wrapper { height: 600px; } .premium-banner-container, .premium-banner-wrapper { height: 760px; } #pc-service-subhero .content img { padding-right: 0; } .hero-img-box { width: 100%; top: 259px; opacity: 1; max-height: 500px; } .hero-img-box .title { top: 30px; } .hero-img-box .text1 { top: 135px; } .premium-banner-image #pc-service-subhero { margin-top: 295px; } .premium-banner-image { max-height: 100%  !important; } .promo-carousel .lSAction .lSPrev, .promo-carousel .lSAction .lSNext { display: block  !important; } .promo .box-hover.text2 { font-size: 14px; line-height: 27px; top: 12px; margin: 0 0 0 2.5%; } .promos-home { height: 255px; } .promo-carousel .lSAction .lSNext { right: -32px; height: 170px  !important; } .promo-carousel .lSAction .lSPrev { left: -32px; height: 170px  !important; } } @media screen and (max-width: 848px) and (min-width: 800px) { .promos-home { height: 288px; } } @media screen and (max-width: 600px) { .premium-banner-image img { top: 15%; left: 50%; padding: 0; height: auto; max-height: 200px; } .hero-img-box { top: 198px; max-height: 460px; } .hero-img-box .title { left: 8%; font-size: 24px; line-height: 26px; } .hero-img-box .text1 { top: 155px; left: 8%; margin-left: 0; font-size: 14px; } #pc-service-subhero .content .contact { border-right: 0; height: 118px; text-align: center; } #pc-service-subhero .content .share, #pc-service-subhero .content .financing { border-right: 1px solid #e3e3e3; height: 118px; text-align: center; } .text { display: none; } .premium-banner-image #pc-service-subhero { margin-top: 250px; } .premium-banner-container, .premium-banner-wrapper { height: 650px; } .icons_wrapper.row span { display: none; } .imaging-icon { height: 80px; } .promo-carousel .lSAction .lSNext { height: 150px  !important; } .promo-carousel .lSAction .lSPrev { height: 150px  !important; } .plus_info img { max-width: 45px; } .promo-carousel .promo.lslide:nth-child(1) { margin-left: 30px; } .promo-carousel .promo.lslide { min-width: 250px; } .lSSlideWrapper .yCmsContentSlot.lightSlider.lsGrab.lSSlide { min-width: 2500px  !important; } .current:after { bottom: -61px; } } .box_one { max-width: 1600px; width: 100%; color: #333; line-height: 24px; margin-left: auto; margin-right: auto; } @media (min-width: 992px) { .ASM .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; } } .ASM .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } @media (min-width: 992px) { #_asm .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; } } #_asm .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } @media (min-width: 992px) { .col-md-6 { width: 50%; } } @media (min-width: 992px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; } } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { min-height: 1px; padding-left: 15px; padding-right: 15px; position: relative; }