html, body, button { font-size: 16px; color: #000; font-family: "Lato", Helvetica, Arial, sans-serif  !important; } #sbslim400 .breadcumbs_top { display: none  !important; } #sbslim400 .display-none { display: none  !important; } #sbslim400 .intel_banner_sec { display: none; } #sbslim400 .banner_slim400 .img-intel { max-height: 122px; } .banner_slim400 { display: flex; background: url("https://p4-ofp.static.pub/ShareResource/NA/faqs/img/lenovo-seo-faq-page-main-hero-banner.png") no-repeat center; background-size: cover; color: white; height: 400px; } #sbslim400 .flex-row-banner { display: flex; flex-direction: row; justify-content: space-between; width: 100%; } #sbslim400 .banner_title { box-sizing: border-box; background-color: rgba(0, 0, 0, .7); height: auto; max-width: 40%; padding: 65px min(5%, 7%); display: flex; flex-direction: column; justify-content: space-between; } #sbslim400 h2 { display: block; font-size: 40px; margin-block-start: 0; margin-block-end: 0; margin-inline-start: 0px; margin-inline-end: 0px; font-weight: bold; color: #fff; } #sbslim400 p { font-size: 24px; margin-block-start: 0; margin-block-end: 0; margin-inline-start: 0px; margin-inline-end: 0px; font-weight: 300; color: #fff; } #sbslim400 a { font-size: 16px; margin-block-start: 0; margin-block-end: 0; margin-inline-start: 0px; margin-inline-end: 0px; font-weight: bold; } #sbslim400 .btn-wrapper { display: flex; width: 100%; justify-content: flex-start; } #sbslim400 .btn-wrapper { display: flex; width: 100%; justify-content: flex-start; } #sbslim400 .btn-slim { text-decoration: none; background-color: white; color: black; font-size: 16px; border: 1px solid transparent; padding: 13px 24px; border-radius: 4px; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; } #sbslim400 .btn-slim:hover { color: #fff; background-color: #000; border-color: #fff; } #sbslim400 .show_excpet_intel { display: flex; align-items: flex-end; } @media (max-width: 1281px) { .banner_slim400 { background: url("https://p1-ofp.static.pub/ShareResource/NA/faqs/img/lenovo-seo-faq-page-hero-banner-1180.jpg") no-repeat center; height: 400px; } #sbslim400 .banner_title { max-width: 45%; padding: 60px 4%; } #sbslim400 .show_excpet_intel { align-items: flex-start; justify-content: flex-end; } #sbslim400 .show_excpet_intel img { width: 80%; } } @media (max-width: 951px) { #sbslim400 .banner_title { max-width: 45%; padding: 30px 3%; justify-content: space-evenly; } #sbslim400 .show_excpet_intel img { width: 70%; } } @media (max-width: 751px) { .banner_slim400 { background: url("https://p2-ofp.static.pub/ShareResource/NA/faqs/img/lenovo-seo-faq-page-hero-banner-750.jpg") no-repeat right; } #sbslim400 .flex-row-banner { flex-direction: column-reverse; align-items: baseline; } #sbslim400 .show_excpet_intel { flex-direction: column; align-items: flex-end; justify-content: flex-end; align-self: stretch; } #sbslim400 .show_excpet_intel img { width: 35%; } #sbslim400 .banner_title { background-color: rgba(0, 0, 0, .7); height: 200px; padding: 20px 2.75rem; max-width: 100%; justify-content: space-evenly; } #sbslim400 h2 { font-size: 40px; text-align: center; } #sbslim400 p { font-size: 18px; text-align: center; } #sbslim400 .btn-wrapper { justify-content: space-around; } #sbslim400 .btn-slim { background-color: transparent; color: #fff; font-size: 16px; padding: 0; } #sbslim400 .btn-slim:hover { background-color: transparent; color: #fff; border: 1px solid transparent; } } @media (max-width: 521px) { #sbslim400 .banner_title { padding: 15px 1.75rem; } } @media (max-width: 421px) { .banner_slim400 { background: url("https://p4-ofp.static.pub/ShareResource/NA/faqs/img/lenovo-seo-faq-page-hero-banner-450.jpg") no-repeat bottom; height: 300px; background-size: cover; } #sbslim400 .banner_title { padding: 15px 1rem; height: 150px; justify-content: space-between; } #sbslim400 .show_excpet_intel { align-items: flex-end; justify-content: flex-start; align-self: stretch; } #sbslim400 .show_excpet_intel img { width: 35%; } #sbslim400 h2 { font-size: 28px; } #sbslim400 p { font-size: 16px; } } .main_content { margin-top: 0%  !important; } .bootstrap-iso { background-color: #f1f1f1; } .con_ar[data-readmore] { transition: height 500ms; overflow: hidden; } nav { margin-right: 0px; } .current a::after { color: #0e5780  !important; background-color: #0e5780  !important; content: ""  !important; position: absolute  !important; top: 0  !important; bottom: 0  !important; right: -18px  !important; width: 4px  !important; height: 100%  !important; } .con_ar .item p { font-size: 19px; line-height: 22px; margin-bottom: 30px; } .con_ar ul li { color: #222  !important; list-style: circle outside none; margin-top: 5px; font-weight: 300; font-size: 20px; line-height: 28px; } .con_ar .item ul { margin-top: 0; margin-bottom: 1rem; } .con_ar .item ul li, .item ol li { color: #222  !important; font-size: 19px; font-weight: initial  !important; list-style: circle outside none  !important; margin-left: 50px  !important; } div.container9999:nth-child(3) { display: inline-block  !important; width: 27%  !important; vertical-align: top; margin-top: 2.5%; } div.container9999:nth-child(4) { display: inline-block  !important; width: 39%  !important; vertical-align: top; margin-top: 2.5%; margin-right: 1%; padding: 0px 39px; } div.container9999:nth-child(5) { display: inline-block  !important; width: 31%  !important; vertical-align: top; margin-top: 2.5%; } .container { max-width: 100%  !important; } .col-lg-4 { flex: 100%  !important; max-width: 100%  !important; } .col-lg-5 { flex: 100%  !important; max-width: 100%  !important; } .col-lg-7 { flex: 100%  !important; max-width: 100%  !important; } .con_ar h2 a { font-size: 20px; color: #000; font-weight: bold; } .title-left-bar { font-size: 25px  !important; text-align: center; } .new-banner-box { background-color: inherit  !important; } .item h2 { color: #000; font-size: 21px; font-weight: bold; line-height: 22px; margin-bottom: 20px; } .item h3 { color: #000; font-size: 18px; font-weight: 600; } .con_ar + [data-readmore-toggle], .con_ar[data-readmore] { display: block; width: auto; } .btn-primary { color: #fff; background-color: #005980; border-color: #005980; } .right-bar select { width: 100%; border: 1px solid; } .banner #breadcumbs_top { top: -16px  !important; } .intel_banner_sec { display: none; } @media only screen and (max-width: 990px) { div.container9999:nth-child(3) { height: 0px; } div.container9999:nth-child(4) { display: block  !important; width: 100%  !important; } div.container9999:nth-child(5) { display: block  !important; width: 100%  !important; margin-top: 0%; } div.container9999:nth-child(6) { display: block  !important; width: 100%  !important; margin-top: 2%; } .con_ar { padding-top: 0px  !important; } } @media only screen and (min-width: 1224px) { .bootstrap-iso .banner .banner_title h2.title-faq { padding-top: 25px; } .bootstrap-iso .banner .banner_featured { margin-bottom: -4em; padding-right: 5px; } } @media only screen and (max-width: 1224px) { .bootstrap-iso .banner .banner_featured { margin-bottom: -4em; padding-right: 5px; padding-bottom: 20px; } .banner #breadcumbs_top { top: 0px  !important; } .banner_title h2.title-faq { padding-top: 25px; } } @media only screen and (max-width: 1040px) { .bootstrap-iso .banner .banner_featured .img-intel { max-height: 122px; margin-bottom: 25px; } } .banner { background: url("https://static.lenovo.com/na/faq/new-design/hero/lenovo-seo-faq-page-hero-banner-1920.jpg") no-repeat; } @media only screen and (max-width: 1180px) { .banner { background: url("https://static.lenovo.com/na/faq/new-design/hero/lenovo-seo-faq-page-hero-banner-1180.jpg") no-repeat; } } @media only screen and (max-width: 768px) { .bootstrap-iso .banner .banner_featured { margin-bottom: -3em; } .banner .banner_title { padding-top: 4rem  !important; padding-left: 1.9%  !important; } } @media only screen and (max-width: 750px) { .banner { background: url("https://static.lenovo.com/na/faq/new-design/hero/lenovo-seo-faq-page-hero-banner-750.jpg") no-repeat; } } @media only screen and (max-width: 480px) { .bootstrap-iso figure { top: -15px; left: -28%; } .banner .banner_featured { margin-top: 20%; } .bootstrap-iso .banner .banner_featured .img-intel { max-height: 122px; margin-bottom: 25px; position: absolute; top: -130px  !important; left: 5px  !important; } } @media only screen and (max-width: 450px) { .banner { background: url("https://static.lenovo.com/na/faq/new-design/hero/lenovo-seo-faq-page-hero-banner-450.jpg") no-repeat; } .bootstrap-iso .banner .banner_featured .img-intel { top: -110px  !important; left: 5px  !important; } } @media only screen and (max-width: 375px) { .banner { background: url("https://static.lenovo.com/na/faq/new-design/hero/lenovo-seo-faq-page-hero-banner-375.jpg") no-repeat; } .bootstrap-iso .banner .banner_featured .img-intel { top: -90px  !important; left: 5px  !important; } } p { margin-bottom: 0; } .merchandizingBanner.flex { margin-top: 0  !important; padding-top: 0  !important; } .popover { left: auto; word-wrap: none; font-family: "Lato", Helvetica, Arial, sans-serif; } a:hover { color: inherit  !important; text-decoration: none  !important; } strong { font-weight: bold; }