body { font-family: 'Lato', sans-serif; font-weight: 400; margin: 0 } body a:active, body a:link, body a:focus, body a:hover, body button:active, body button:link, body button:focus, body button:hover { outline: 0  !important } #mainContent { background-color: #f1f1f1  !important; color: #595959; min-width: 320px } .btn-primary { background-color: #005980; border-color: #005980; line-height: 1; padding: 9px 24px 12px 24px; font-size: 16px; font-weight: bold } .btn-primary01 { background-color: #000; border-color: #ccc; line-height: 1.2; padding: 8px 24px 11px 24px  !important; font-size: 16px  !important; font-weight: bold } a.btn-primary01 { color: #fff } .btn-primary:hover { background-color: rgba(68, 170, 204, .8); border-color: rgba(68, 170, 204, .8) } .btn-primary01:hover { background-color: #000; border-color: #fff; line-height: 1.2 } .banner { background: url('//p4-ofp.static.pub/ShareResource/NA/faqs/img/lenovo-seo-faq-page-main-hero-banner.png') no-repeat; background-position: center  !important; -webkit-background-size: cover  !important; -moz-background-size: cover  !important; -o-background-size: cover  !important; background-size: cover  !important; background-color: #4cc8e2; color: white; padding: 0px 0px 3% 0px; position: relative; display: flex; display: -ms-flexbox; display: -webkit-flex; flex-flow: row wrap; align-items: center; align-content: center; justify-content: center; min-height: 300px } .banner .row { position: relative } .banner #breadcumbs_top { color: white; display: block; font-weight: 400; left: 4.9%; position: absolute; text-align: left; top: 5px; font-size: 11px; color: #000; z-index: 1 } #breadcumbs_top a { color: #000; text-decoration: none } .banner .container { max-width: 100% } .banner .banner_title { display: flex; display: -ms-flexbox; display: -webkit-flex; flex-flow: column wrap; flex: 1 1 100%; justify-content: center; align-items: baseline; padding-left: 4.9%  !important } .banner_title p { color: #000; font-size: 17px } .banner .banner_featured { display: flex; display: -ms-flexbox; display: -webkit-flex; flex-flow: column wrap; flex: 1 1 100%; justify-content: flex-end; align-items: flex-end; margin-top: 6rem } .banner .banner_featured .img-intel { max-height: 122px } .banner .banner_featured figure.thinkpad-figure { margin-top: 80px; margin-bottom: 5px } .banner .banner_featured .intel-text { font-size: 18px } .banner .banner_featured .thinkpad-text { font-size: 13.8 ; font-weight: bold } .banner .banner_featured .img-thinkpad { max-height: 45px } @font-face { font-family: 'Lato'; font-style: normal; font-weight: 700; src: local('Lato Bold'), local('Lato-Bold'), url(https://fonts.gstatic.com/s/lato/v17/S6u9w4BMUTPHh6UVSwaPGR_p.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF } @font-face { font-family: 'Lato'; font-style: normal; font-weight: 700; src: local('Lato Bold'), local('Lato-Bold'), url(https://fonts.gstatic.com/s/lato/v17/S6u9w4BMUTPHh6UVSwiPGQ.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD } .banner .banner_title h2.title-faq { font-size: 40px; padding-bottom: 0px; margin-bottom: 0px; color: #000; line-height: 1.0; font-weight: 700 } .banner_title hr { color: #fff; background-color: #fff; width: 62px; margin: 3% 0 2% 0; text-align: left } .banner .banner_title h2.title-faq span { display: block } .row { margin: 0px  !important; max-width: 100%  !important } .menu { position: relative } .menu nav { text-align: center; width: 100%; padding: 0px 2%; display: table; border-right: 0px none } .menu nav ul { list-style: none; padding: 0; margin: 1% 0px 0px 0px; display: flex; flex-direction: row } .menu nav ul li { position: relative; flex-grow: 1 } .menu nav ul li:before { display: none } .menu nav ul li:last-child:before { background-color: transparent; width: 0px } .menu nav ul li a { color: #000; cursor: pointer; display: block; font-size: 16px  !important; padding: 15px 0px 20px 0px  !important; font-weight: 400  !important } .menu nav ul li a:hover { color: #0e5780  !important; font-weight: 300; text-decoration: none } .menu nav ul li.active a, .menu nav ul li.active a:hover { color: #0e5780; font-weight: bold  !important; text-decoration: none } .main_content { margin-bottom: 3.5%; margin-top: 3.5% } .main_content .sidebar nav ul { list-style: none; margin: 0; padding: 0 } .main_content .sidebar nav ul li { position: relative; text-align: right; line-height: 1.3; padding: 2px 0px } .main_content .sidebar nav ul li a { color: #707070; cursor: pointer; display: block; font-size: 20px; font-weight: normal; padding: 10px 0px } .main_content .sidebar nav ul li a:hover { color: #0e5780  !important; text-decoration: none; position: relative } .main_content .sidebar nav ul li a:hover:before { background-color: #0e5780; content: ""; position: absolute; top: 0; bottom: 0; right: -18px; width: 4px; height: 100% } .main_content .sidebar nav ul li.active a { color: #0e5780; font-weight: bold; text-decoration: none; position: relative } .main_content .sidebar nav ul li.active a:before { background-color: #49c2df; content: ""; position: absolute; top: 0; bottom: 0; right: -18px; width: 4px; height: 100% } .main_content .content .info .item h2 { color: #49c2df; font-size: 21px; font-weight: bold; line-height: 22px; margin-bottom: 20px } .main_content .content .info .item h4 { color: #49c2df; font-size: 18px; font-weight: bold; line-height: 22px; margin-bottom: 20px } .main_content .content .info .item h6 { text-decoration: underline } .main_content .content .info .item p { font-size: 19px; line-height: 22px; margin-bottom: 30px } .main_content .content .info .item p .cursivo_light { font-weight: 300; font-style: italic } .main_content .content .info .item p a { color: #49c2df } .main_content .content .info .item table { margin-bottom: 25px } .main_content .content .info .item figure { margin-bottom: 25px } .main_content .content .info .item figure img { display: block; margin: 0 auto } .main_content .content .info .item .connect { margin-bottom: 20px; padding: 0px 8px } .main_content .content .info .item .connect .box { box-shadow: 0 1px 3px rgba(0, 0, 0, .4); font-size: .85em; min-height: 468px } .main_content .content .info .item .connect .box figure { padding: 10px; vertical-align: top } .main_content .content .info .item .connect .box figure img { display: block; margin: 0 auto } .main_content .content .info .item .connect .box .info { padding: 10px; vertical-align: top } .main_content .content .info .item .connect .box .info h3 { font-size: 1em; font-weight: normal } .main_content .content .info .item .connect .box .info h5 { font-size: .85em; font-weight: bold } .main_content .content .info .item .connect .box .info p { font-size: 13px } .main_content .content .info .item:last-child p:last-child { margin-bottom: 0 } .main_content .content .right-bar { position: relative; padding-left: 37px } .main_content .content .right-bar h2.title-left-bar { font-size: 28px; margin-bottom: 20px; text-align: center; color: #000 } .main_content .content .right-bar h4.title-left-bar { font-size: 23px; margin-bottom: 42px; text-align: center } .right-bar { padding-right: 0px } .main_content .content .right-bar .banner-box { background-color: #f0f0f0; margin-bottom: 25px; max-height: 150px; padding: 13px; text-align: center } .main_content .content .right-bar .banner-box h2 { font-size: 18px; font-weight: 900; margin: 0 } .main_content .content .right-bar .banner-box h4 { font-size: 18px; font-weight: 900; margin: 0 } .main_content .content .right-bar .banner-box h3 { font-size: 16px; margin-bottom: 10px } .main_content .content .right-bar .banner-box h5 { font-size: 16px; margin-bottom: 10px } .main_content .content .right-bar .banner-box figure { margin-top: -35px; margin-bottom: 2px } .main_content .content .right-bar .banner-withou-button-box { background-position: center  !important; -webkit-background-size: cover  !important; -moz-background-size: cover  !important; -o-background-size: cover  !important; background-size: cover  !important; display: block; margin-bottom: 25px; max-height: 150px; min-height: 150px; padding: 13px; text-align: center } .main_content .content .right-bar .banner-withou-button-box:hover { text-decoration: none } .main_content .content .right-bar .banner-withou-button-box.bg1 { background: url('//static.lenovo.com/na/faq/new-design/banners/bg-orange.jpg') no-repeat } .main_content .content .right-bar .banner-withou-button-box.bg2 { background: url('//static.lenovo.com/na/faq/new-design/banners/bg-green.jpg') no-repeat } .main_content .content .right-bar .banner-withou-button-box.bg3 { background: url('//static.lenovo.com/na/faq/new-design/banners/bg-pink.jpg') no-repeat } .main_content .content .right-bar .banner-withou-button-box.bg4 { background: url('//static.lenovo.com/na/faq/new-design/banners/bg-blue.jpg') no-repeat } .main_content .content .right-bar .banner-withou-button-box.bg5 { background: url('//static.lenovo.com/na/faq/new-design/banners/bg-yellow.jpg') no-repeat } .main_content .content .right-bar .banner-withou-button-box.bg6 { background: url('//static.lenovo.com/na/faq/new-design/banners/bg-violet.jpg') no-repeat } .main_content .content .right-bar .banner-withou-button-box h2 { color: #fff; font-size: 18px; font-weight: 700; margin: 0px 0px 13px; text-transform: uppercase } .main_content .content .right-bar .banner-withou-button-box h4 { color: #fff; font-size: 18px; font-weight: 700; margin: 0px 0px 13px; text-transform: uppercase } .main_content .content .right-bar .banner-withou-button-box img { margin-top: -30px } .text-bottom .content p { color: #a7a7a7; font-size: 14px; line-height: 16px; margin-bottom: 23px } #tablet_faqs, #windows_faqs { display: none } #tablet_faq_content, #windows_faq_content { display: none } #chromebook_laptop, #faqs_for_students, #how_do_you_connect_a_laptop_to_a_tv, #how_to_build_custom_laptop, #how_to_speed_up_your_computer, #lenovo_apple, #lenovo_dell, #laptop_tablet, #lenovo_hp, #notebook_tablets, #tablet_2in1, #used_laptops_faqs, #what_is_a_2_in_1_laptop, #what_is_a_chromebook_laptop, #what_is_a_convertible_laptop_tablet, #what_is_hybrid, #what_is_a_motion_control_or_gesture_control_laptop, #what_is_a_notebook, #what_is_a_tablet_pc, #what_is_a_trackpad, #what_is_an_ultrabook { display: none } #wireless_printing_tablet_setup, #tablet_comparison, #free_game_apps, #free_texting_apps, #free_android_apps, #android_jelly_bean, #android_entertainment_apps, #which_lenovo_tablet_has_the_best_battery_life { display: none } #how_do_i_use_windows_8_on_a_laptop, #how_to_reinstall_windows_10, #how_to_remove_windows_10, #how_to_upgrade_drivers { display: none } #menu_mobile { display: none } nav { position: relative; border-right: 1px solid #ddd; padding-right: 15px; margin-right: 15px } .sidebar .accordion_body { padding-right: 0px  !important } .button_container { border-radius: 50%; position: absolute; top: 7px; right: 5px; height: 50px; width: 50px; cursor: pointer; z-index: 100; transition: all .35s ease; -webkit-transition: all .35s ease; -moz-transition: all .35s ease; -o-transition: all .35s ease; display: none } .button_container.active .top { transform: translateY(8px) translateX(0) rotate(45deg) } .button_container.active .middle { opacity: 0 } .button_container.active .bottom { transform: translateY(-8px) translateX(0) rotate(-45deg) } .button_container.active { transition: all .35s ease; -webkit-transition: all .35s ease; -moz-transition: all .35s ease; -o-transition: all .35s ease; -ms-transition: all .35s ease } .button_container span { background: #000; border: 0; height: 2px; width: 35px; position: absolute; bottom: 0; top: -16px; left: 0; right: 0; margin: auto; transition: all .35s ease; cursor: pointer } .button_container span:nth-of-type(2) { top: 0px } .button_container span:nth-of-type(3) { top: 16px } .f-nav { z-index: 2; position: fixed; left: 0; top: 50px; width: 100% } #breadcumbs { color: #49c2df; display: none; font-weight: 700; margin-right: 60px; padding: 0px 15px; text-align: right } .menu nav .linea_baja_desktop { background: url(https://static.lenovo.com/na/faq/new-design/bg-nav.jpg) repeat-x; background-position: bottom center; height: 0px; border-bottom: 1px solid #ebebeb } a.current { color: #294e95 !important; font-weight: bold  !important; text-decoration: none } .current { color: #294e95 !important; font-weight: bold  !important; text-decoration: none } .current a { color: #294e95 !important; font-weight: normal  !important; text-decoration: none } .col-container { display: table; width: 100% } .top_mid img { padding: 0% 3% 3% 3%; float: left; width: 34% } .con_ar .item ul li { color: #555  !important; list-style: circle outside none; margin-top: 5px; font-weight: 300; font-size: 20px; line-height: 28px } .con_ar .item ul li a { color: #294e95 !important; } .item ol li { color: #555  !important; margin-top: 5px; font-weight: 300; font-size: 20px; line-height: 28px } .item ol li a { color: #294e95 !important; } .main_content .content .info .item h3 { color: #8db9ce; font-size: 18px; font-weight: 600 } h3.subhd_undln { margin-top: 18px; text-decoration: underline } .main_content .content .info .item h5 { color: #49c2df; font-size: 19px; font-weight: 300 } h5.subhd_undln { margin-top: 18px; text-decoration: underline } header.a2a_kit { min-height: 75px } .divide-cat { width: 100%; float: left; margin-bottom: -4px; border: 1; box-shadow: inset 0 6px 9px -4px rgba(11, 99, 184, .8); -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px } .divide-cat1 { width: 100%; float: left; border: 1; box-shadow: inset 0 -7px 8px -4px rgba(11, 99, 184, .8); -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; padding-top: 8px; margin-bottom: 15px } .left-img img { float: left; padding: 0% } .right-sec { width: 66%; float: left; margin-top: 25px; padding: 1px; line-height: 1.2 } .top_mid img { padding: 0% -1% 3% 3%  !important } .imgconnect1, .imgconnect2, .imgconnect3, .imgconnect4, .imgconnect5 { background-color: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, .4); width: 100%; float: left } .imgconnect1 img, .imgconnect2 img, .imgconnect3 img, .imgconnect4 img, .imgconnect5 img { float: left  !important; margin: 8%  !important; max-height: 200px  !important; max-width: 55px  !important; Padding: 0px  !important; display: inline  !important } .imgconnectcontent h3, h5, h6 { margin: 1%; padding: 1% } .imgconnectcontent { display: block } .videos_images { float: left; width: 100% } .videos_images img { display: block; width: 100%; max-width: 315px; padding: 0% 3% 3% 0% } .main_content .content .info .item h2 a { color: #000; text-decoration: none; font-size: 20px } .main_content .content .info .item h4 a { color: #000; text-decoration: none } .bdr_btm { border-bottom: 2px solid #ccc; margin-bottom: 5% } .new-banner-box-titles { width: 48%; float: left; color: #000; padding-top: 3%; padding-bottom: 2% } .new-banner-box-titles h2 { font-size: 18px; font-weight: bold; margin: 0px; padding: 0px; line-height: 1.0 } .new-banner-box-titles h3 { font-size: 14px; padding: 5px 0px 0px 0px; margin: 0px } .new-banner-box-btn { width: 27%; float: left; padding-top: 3.2%; font-size: 16px; font-weight: bold; text-align: right; margin-right: 10px } .new-banner-box { background-color: #fff; margin-bottom: 12px; padding: 10px 0; text-align: center; float: left; box-shadow: 0 1px 2px -2px gray; border-radius: 6px } .new-banner-box figure { float: left; vertical-align: middle; margin: 0; width: 22%; padding-left: 2% } .right-side-image { margin-bottom: 20px } .right-side-image img { padding-bottom: 10px } .right-side-image div { list-style-type: none; background-color: #4c1984; text-align: center; padding: 10px; vertical-align: bottom; display: table-cell; width: 49%; background: var(--accessible-purple-#4c1984) 0% 0% no-repeat padding-box; box-shadow: 0px 3px 6px #00000042; border-radius: 4px } .white-bg-span-padd { width: 20px; display: block } .img_padd_txt_btm_thirty img { padding-bottom: 30px } .con_ar { padding-top: 25px; color: #222 } a.new-banner-box h2 { font-size: 20px; color: #fff } .right-side-image a { text-decoration: none; padding: 0px; margin: 0px; width: 100% } .con_ar+[data-readmore-toggle] { font-size: 20px; text-align: center; padding-top: 30px } .blue-box-padd div { padding: 9px 10px  !important } .blue-box-padd-less div { padding: 18px 10px  !important } .blue-box-padd-more div { padding: 11px 10px  !important } .img-btm-nopadd img { padding-bottom: 2px  !important } @media only screen and (max-width:1550px) { .new-banner-box-titles h2 { font-size: 16px } } @media only screen and (max-width:1400px) { .btn-primary { font-size: 14.5px } .new-banner-box-titles h2 { font-size: 15px } a.new-banner-box h2 { font-size: 16px } .main_content .content .right-bar h2.title-left-bar { font-size: 25px } .main_content .sidebar nav ul li a { font-size: 18px } @media screen and (max-width:1332px) { .menu nav ul li a { font-size: 16px  !important; padding: 15px 5px 20px 5px  !important } .btn-primary { font-size: 14px } } @media only screen and (max-width:1280px) { .btn-primary { font-size: 14px } .new-banner-box-btn { float: none; margin: 0 auto } .new-banner-box figure { display: none } .new-banner-box { float: none } .new-banner-box-titles { width: 100%; float: none; display: block } .new-banner-box-btn { padding-top: 1% } } @media only screen and (max-width:990px) { .main_content .content .right-bar { padding-left: 0px } .right-side-image { margin-bottom: 10px } .new-banner-box-btn { width: auto; text-align: center } .new-banner-box { float: left; width: 33%; border-right: 2px solid #ccc; border-radius: 0 } a.new-banner-box.box_lft { float: none; border-right: 0px none } a.new-banner-box.box_rt { float: none; border-right: 0px none } .new-banner-box-titles { padding-top: 1% } .right-side-image { padding-top: 10px } #menu_mobile li a { text-align: center  !important } .banner #breadcumbs_top { top: 110%  !important; font-size: 14px  !important; color: #0056b3  !important; left: 30px  !important } #breadcumbs_top a { color: #0056b3  !important; text-decoration: none } .main_content { margin-bottom: 45px; margin-top: 20px } .d-none { display: block  !important } .menu ul#menu_mobile.active { display: block; width: 90%; background-color: #f1f1f1; z-index: 100; position: inherit } .main_content .content .right-bar { padding-top: 30px } .con_ar+[data-readmore-toggle] { padding-top: 20px; padding-bottom: 20px } } @media screen and (max-width:768px) { #menu_ppal, #menu2 { display: none } #menu_mobile { display: block } #menu_mobile li { display: block } #menu_mobile li a { color: #49c2df; cursor: pointer; font-size: 16px; font-weight: bold; padding: 8px 26px; text-align: left } #menu_mobile li a span.arrow { position: relative } #menu_mobile li a span.arrow:after { content: ""; display: block; position: absolute; overflow: hidden; font-size: 12px; width: 8px; height: 8px; border-right: 2px solid #49c2df; border-bottom: 2px solid #49c2df; right: -18%; bottom: 0; top: 0; margin: auto; -moz-transform: rotateZ(37deg) skewX(-15deg); -ms-transform: rotateZ(37deg) skewX(-15deg); -webkit-transform: rotateZ(37deg) skewX(-15deg); transform: rotateZ(37deg) skewX(-15deg) } #menu_mobile li ul.menu_inside { display: none; margin: 0px 0px 0px 25px; padding: 0 } #menu_mobile li ul.menu_inside li a { color: #c9c9c9; font-weight: 400 } .menu nav ul li:before { background-color: transparent; width: 0; height: 0 } nav { box-shadow: 0 4px 2px -2px #ddd; display: block; overflow: hidden; position: relative; min-height: 65px } #breadcumbs { flex-flow: row wrap; align-items: center; align-content: center; height: 60px } .button_container { display: flex; display: -ms-flexbox; display: -webkit-flex; flex-flow: row wrap; align-items: center; align-content: center; justify-content: center } .button_container.active { top: 7px; right: 5px } .menu ul#menu_mobile { display: none; margin: 10px 0px 20px; padding: 0; width: 100% } .menu ul#menu_mobile.active { display: block } .menu ul#menu_mobile li { border: 0; border-bottom: 1px solid #fff } .menu ul#menu_mobile li ul li.active a { color: #49c2df } .menu ul#menu_mobile li:first-child { border-top: 1px solid #fff } .menu ul#menu_mobile li:last-child { border-bottom: 0 } .main_content { margin-top: 10px } .main_content .content .info { margin-bottom: 25px; padding: 0 25px } .main_content .content .right-bar { padding: 0 25px } .text-bottom .content { padding: 0 25px } .main_content { margin-bottom: 0px } } @media screen and (max-width:480px) { .banner { background: url('//p4-ofp.static.pub/ShareResource/NA/faqs/img/lenovo-seo-faq-page-hero-banner-450.jpg') no-repeat } .banner .container { max-width: 100%; display: inherit; height: 590px } .banner .banner_title { justify-content: flex-start; align-items: center; align-content: flex-start; position: relative; top: 34px; left: -6px } .banner .banner_title { padding-top: 1rem  !important; padding-left: 1.9%  !important } .banner .banner_title h2.title-faq { font-size: 24px; margin-bottom: 1rem; padding-bottom: .5rem  !important } .banner .banner_title h2.title-faq span { display: block } .banner_title p { font-size: 12px  !important } .btn-primary01 { padding: .5rem  !important; width: 30%  !important; font-size: 12px  !important } .banner .banner_featured { position: relative; top: -371px  !important; right: 0px } .banner .banner_featured .intel-text { font-size: 14px  !important; padding-right: 1.6rem  !important } .banner .banner_featured figure.thinkpad-figure { margin-top: 38px } .main_content .content .right-bar .banner-withou-button-box { margin-left: auto; margin-right: auto; width: 100% } .main_content .content .right-bar .banner-withou-button-box { max-height: 180px; min-height: 180px } } @media screen and (max-width:375px) { .banner { background: url('//p3-ofp.static.pub/ShareResource/NA/faqs/img/lenovo-seo-faq-page-hero-banner-375.jpg') no-repeat } .banner .banner_title { padding: 25px 0px 0px } .banner .banner_title h2.title-faq { font-size: 30px } } @media screen and (max-width:480px) { .banner .banner_title { align-items: normal; text-align: left } .banner .banner_featured figure.thinkpad-figure { margin-top: 5px } .banner .container { max-width: 100%  !important } .banner #breadcumbs_top { top: 103%  !important; float: left; width: 90%; max-width: 350px } .new-banner-box { width: 100%; border-right: 0px none } .main_content .content .right-bar { padding: 0 0px } .banner .banner_featured .intel-text { padding-right: 0px  !important } .banner .banner_featured { right: 0px; text-align: right } .banner #breadcumbs_top { top: 106%  !important } } @media screen and (max-width:480px) { .banner { background: url('//p4-ofp.static.pub/ShareResource/NA/faqs/img/lenovo-seo-faq-page-hero-banner-420.png') no-repeat } .banner #breadcumbs_top { max-width: 280px; width: 80% } .banner .banner_title { align-items: center; text-align: center; padding-left: 0px } .banner .banner_title h2.title-faq { max-width: 100%  !important; display: block; margin-bottom: 5px } .banner .banner_title h2.title-faq span { display: inline } .banner_title hr { margin: 0% 0 2% 44% } .banner .banner_title { padding-top: 0px; padding-left: 0%  !important; justify-content: center; align-content: center; top: 0px; left: 0px; display: block } .banner_title { justify-content: flex-start; align-items: center; align-content: center; position: relative; top: 0px; left: 0px; padding-top: 30px } figure { margin: 0 0 0px 0 } .banner .banner_featured { display: block; flex: 100%; justify-content: safe; align-items: baseline; margin-top: 90%; width: 100%; position: relative; top: 0%  !important; right: 0px; text-align: center } .banner .banner_featured .img-intel { max-height: 100px } figure { margin: 0 20px 0px 0; display: inline; float: left; width: 25% } .banner .banner_featured .intel-text { text-align: left } .banner .banner_featured .intel-text { padding-top: 10%; padding-left: 0px } .btn-primary01 { font-size: 14px  !important } .banner #breadcumbs_top { top: 105%  !important } } @media screen and (min-width:481px) and (max-width:768px) { .banner { background: url('//p2-ofp.static.pub/ShareResource/NA/faqs/img/lenovo-seo-faq-page-hero-banner-750.jpg') no-repeat } .banner .banner_title, .banner .banner_featured { justify-content: flex-start; align-items: flex-start } .banner .banner_title { padding-top: 1rem  !important; padding-left: 1.9%  !important } .banner .banner_featured { padding-bottom: 0  !important; margin-top: 30px  !important } .banner .banner_featured img { width: 80%  !important } .banner .banner_title h2.title-faq { font-size: 30px; margin-bottom: 0rem } .banner .banner_title h2.title-faq span { display: initial } .banner .banner_featured figure.thinkpad-figure { margin-top: 0 } .banner .banner_featured .intel-text { margin-bottom: 2rem } .main_content .content .right-bar .banner-withou-button-box { display: inline-block; margin-left: -4px; width: 50% } } @media screen and (min-width:768px) and (max-width:992px) { .banner { background: url('//p2-ofp.static.pub/ShareResource/NA/faqs/img/lenovo-seo-faq-page-hero-banner-750.jpg') no-repeat; background-size: 100%  !important } .main_content .content .right-bar .banner-box { display: inline-block; margin-left: -4px; margin-bottom: 35px; min-height: 150px; width: 50% } .main_content .content .right-bar .banner-withou-button-box { display: inline-block; margin-left: -4px; margin-bottom: 35px; min-height: 150px; width: 50% } .main_content .content .right-bar .banner-withou-button-box img { margin-top: -20px; max-height: 134px } .main_content .content .right-bar .banner-box figure { height: 70px; margin-top: -48px } #menu_ppal, #menu2 { display: none } #menu_mobile { display: block } #menu_mobile li { display: block } #menu_mobile li a { color: #49c2df; cursor: pointer; font-size: 16px; font-weight: bold; padding: 8px 26px; text-align: left } #menu_mobile li a span.arrow { position: relative } #menu_mobile li a span.arrow:after { content: ""; display: block; position: absolute; overflow: hidden; font-size: 12px; width: 8px; height: 8px; border-right: 2px solid #49c2df; border-bottom: 2px solid #49c2df; right: -18%; bottom: 0; top: 0; margin: auto; -moz-transform: rotateZ(37deg) skewX(-15deg); -ms-transform: rotateZ(37deg) skewX(-15deg); -webkit-transform: rotateZ(37deg) skewX(-15deg); transform: rotateZ(37deg) skewX(-15deg) } #menu_mobile li ul.menu_inside { display: none; margin: 0px 0px 0px 25px; padding: 0 } #menu_mobile li ul.menu_inside li a { color: #c9c9c9; font-weight: 400 } .menu nav ul li:before { background-color: transparent; width: 0; height: 0 } nav { display: block; overflow: hidden; position: relative; min-height: 50px } #breadcumbs { flex-flow: row wrap; align-items: center; align-content: center; height: 60px; display: none } .button_container { display: flex; display: -ms-flexbox; display: -webkit-flex; flex-flow: row wrap; align-items: center; align-content: center; justify-content: center } .button_container.active { top: 7px; right: 5px } .menu ul#menu_mobile { display: none; margin: 10px 0px 20px; padding: 0; width: 100% } .menu ul#menu_mobile.active { display: block } .menu ul#menu_mobile li { border: 0; border-bottom: 1px solid #fff } .menu ul#menu_mobile li ul li.active a { color: #49c2df } .menu ul#menu_mobile li:first-child { border-top: 1px solid #fff } .menu ul#menu_mobile li:last-child { border-bottom: 0 } .main_content { margin-bottom: 0 } } @media screen and (min-width:768px) and (max-width:1024px) { .banner .banner_title, .banner .banner_featured { justify-content: flex-start; align-items: flex-start } .banner .banner_title { padding-top: 2rem  !important; padding-left: 1.9%  !important } .banner_title hr { margin: 1% 0 2% 0 } .banner .banner_featured { padding-bottom: 0  !important; margin-top: 30px  !important } .banner .banner_title h2.title-faq { font-size: 38px; margin-bottom: 1rem } .banner .banner_title h2.title-faq span { display: initial } .banner .banner_featured figure.thinkpad-figure { margin-top: 0 } .banner .banner_featured .intel-text { margin-bottom: 2rem } } @media screen and (min-width:992px) and (max-width:1024px) { #menu_ppal, #menu2 { display: inline-flex } #menu_mobile { display: none } .button_container { display: none } #breadcumbs { display: none } .main_content .content .right-bar .banner-box, .main_content .content .right-bar .banner-withou-button-box { display: block; margin-left: 0; margin-bottom: 35px; min-height: 150px; width: 100% } .menu .container { max-width: 992px  !important } .menu nav ul li a { font-size: 1em; padding: 4px 14px } .banner { background: url('//p1-ofp.static.pub/ShareResource/NA/faqs/img/lenovo-seo-faq-page-hero-banner-1180.jpg') no-repeat } .banner #breadcumbs_top { left: 1.9% } @media screen and (min-width:1024px) and (max-width:1199px) { .banner { background: url('//p1-ofp.static.pub/ShareResource/NA/faqs/img/lenovo-seo-faq-page-hero-banner-1180.jpg') no-repeat } .banner .container { max-width: 960px } .banner #breadcumbs_top { left: 1.9% } .banner .banner_title, .banner .banner_featured { justify-content: flex-start; align-items: flex-start } .banner .banner_title { padding-top: 2rem  !important; padding-left: 1.9%  !important } .banner .banner_featured { padding-bottom: 0  !important; margin-top: 30px  !important; padding-left: 24px } .banner .banner_title h2.title-faq { font-size: 38px; margin-bottom: 1rem } .banner .banner_title h2.title-faq span { display: initial } .banner .banner_featured figure.thinkpad-figure { margin-top: 0 } .banner .banner_featured .intel-text { margin-bottom: 2rem } .button_container { display: none } } @media screen and (min-width:1024px) and (max-width:1135px) { .menu .container { max-width: 100%  !important } .menu nav ul li a { padding: 4px 19px } } @media screen and (min-width:1135px) and (max-width:1199px) { .menu .container { max-width: 1135px } } @media screen and (min-width:1135px) { .button_container { display: none } } @media screen and (min-width:1300px) { .main_content .container { max-width: 1220px } } @media screen and (min-width:992px) { .main_content .sidebar { flex: 0 0 27%; width: 27%; max-width: 27% } .main_content .content { flex: 0 0 73%; width: 73%; max-width: 73% } } @media screen and (max-width:768px) { .body-inner-wrapper #mainContent { margin-top: 30px } } .container .row { max-width: 100% } @media screen and (max-width:1180px) { header.a2a_kit { min-height: 51px  !important } .mainContent { margin-top: 0px  !important } .banner .container { max-width: 90%  !important } .menu nav { padding-right: 5px; margin-right: 5px } } @media screen and (max-width:1020px) { .banner .banner_title h2.title-faq { max-width: 320px } } @media screen and (max-width:600px) { .new-banner-box { width: 50% } } @media screen and (max-width:350px) { .banner .banner_title h2.title-faq { font-size: 30px } .banner #breadcumbs_top { width: 60% } } } }