.item h3 { font-weight: 600; } #breadcumbs { font-weight: 700; } .main_content .content .right-bar .banner-box h2 { font-weight: 900; } #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://p2-ofp.static.pub/ShareResource/na/faqs/img/lenovo-chromebook-full-desktop.jpg") 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; } #sbslim400 p { font-size: 24px; margin-block-start: 0; margin-block-end: 0; margin-inline-start: 0px; margin-inline-end: 0px; font-weight: 300; } #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: 1601px) { .banner_slim400 { background: url("https://p2-ofp.static.pub/ShareResource/na/faqs/img/lenovo-chromebook-mid-desktop.jpg") no-repeat center; } } @media (max-width: 1281px) { .banner_slim400 { background: url("https://p4-ofp.static.pub/ShareResource/na/faqs/img/lenovo-chromebook-desktop.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://p1-ofp.static.pub/ShareResource/na/faqs/img/lenovo-chromebook-tablet.jpg") no-repeat center; } #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://p1-ofp.static.pub/ShareResource/na/faqs/img/lenovo-chromebook-smartphone.jpg") no-repeat; 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: 50px; } div.container9999:nth-child(4) { display: none  !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; } } 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; } .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: #49c2df  !important; font-weight: bold  !important; text-decoration: none; } .current { color: #49c2df  !important; font-weight: bold  !important; text-decoration: none; } .current a { color: #0e5780  !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: #49c2df  !important; } .item ol li { color: #555  !important; margin-top: 5px; font-weight: 300; font-size: 20px; line-height: 28px; } .item ol li a { color: #49c2df  !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; } .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) { .btn-primary01 { padding: .5rem  !important; width: 30%  !important; font-size: 12px  !important; } .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: 480px) { .new-banner-box { width: 100%; border-right: 0px none; } .main_content .content .right-bar { padding: 0 0px; } } @media screen and (max-width: 480px) { figure { margin: 0 0 0px 0; } figure { margin: 0 20px 0px 0; display: inline; float: left; width: 25%; } .btn-primary01 { font-size: 14px  !important; } } @media screen and (min-width: 481px) and (max-width: 768px) { .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) { .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: 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; } @media screen and (min-width: 1024px) and (max-width: 1199px) { .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; } .menu nav { padding-right: 5px; margin-right: 5px; } } @media screen and (max-width: 600px) { .new-banner-box { width: 50%; } } } } 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; }