/* Minification failed. Returning unminified contents. (7261,45): run-time error CSS1030: Expected identifier, found '[' (7261,55): run-time error CSS1031: Expected selector, found '*=' (7261,55): run-time error CSS1025: Expected comma or open brace, found '*=' */ .hide { display: none !important; } .show { display: block !important; } .padding-top-5 { padding-top: 5px; } .padding-bottom-5 { padding-bottom: 5px; } .padding-top-10 { padding-top: 10px; } .margin-top-15 { margin-top: 15px; } .margin-top-20 { margin-top: 20px; } .m-product-placement-item h3 { padding-bottom: 5px; padding-top: 18px } #view-all .hatch-button:hover, #view-all .hardcodelink:hover { border: 2px solid rgba(0,0,0,0.4) !important; } .numberlistpanel .numberlist-structurelist { display: flex; } .context-glyph-tile a.supBLink:focus, .c-select-menu > a:focus, .c-select-menu > button:focus, .c-social > a:focus, .c-social > ul > li > a:focus, .m-social > a:focus, .m-social > ul > li > a:focus { outline: #000 dashed 2px !important; } .display-features > span:after { content: "/ "; } .display-features > span:last-child:after { content: ""; } #viewAllRedesign-results-categories { padding-top: 48px; } #viewAllRedesign-results-categories li[data-category] { margin-top: 12px } #view-all .c-price { font-weight: 600 !important; font-size: 18px; line-height: 24px; color: #646464; } .device-category hr.c-divider { display: none; } .m-product-placement-item .c-badge.f-small.f-highlight { margin: 0 } #viewAllRedesign-results-categories .m-content-placement [data-grid="col-4"] { padding: 12px; } [data-category="OS"] { display: none; } .c-price [itemprop="price"], .c-price [itemprop="price"] span { font-family: Segoe UI,SegoeUI,Helvetica Neue,Helvetica,Arial,sans-serif !important; font-weight: 600; } .hideRating, .hidesale { visibility: hidden; } #viewAllRedesign-results-categories .c-list li { font-weight: 400; color: #5E5E5E; } ul.c-list li.lilink { margin-left: 0px !important; display: none !important; list-style: none !important; } ul.c-list li.lilink a { margin-left: -19px; background: none !important; color: #0067b8 !important; text-align: left; padding-left: 0px; padding-right: 0px; } a.ps-widget:after { content: "" !important } .totalCount strong { font-weight: normal; } .wdg-global .m-banner p.c-subheading { font-size: 20px; line-height: 24px; padding: 4px 0 8px; font-weight: 200; } a.c-call-to-action.features-btn[aria-expanded=true]:not(.glyph-play):after { transform: rotate(270deg); } a.c-call-to-action.features-btn[aria-expanded=false]:not(.glyph-play):after { transform: rotate(90deg); } .c-call-to-action.features-btn:not(.glyph-play):after, a.c-call-to-action.features-btn:not(.glyph-play):hover:after { right: 80px !important; bottom: 2px !important; } .wdg-global .m-product-placement-item .c-call-to-action.features-btn:focus:not(.x-hidden-focus):not(.f-lightweight) { background: none; outline: 1px dashed #000; padding: 10px; } .c-call-to-action:after { font-family: MWF-MDL2; } .iconimagesheading { margin-bottom: 14px; margin-top: 16px; } .c-list .device-spec-os { display: none; } .viewall_productFilter .iconimagesheading li, .viewall_productFilter .iconimagesheading p { display: inline-block; color: #000; font-weight: 100 } .viewall_productFilter .iconimagesheading li { padding-right: 35px; } #view-all.view-all-rd .view-all-filter .iconimagesheading { float: none !important; margin-top: 20px; } html body .iconimagesheading a.c-hyperlink:hover, html body .iconimagesheading a.c-hyperlink:focus { text-decoration: none; } .viewall_productFilter .iconimagesheading .svgimg img.mscom-image { width: 34px; height: 34px; margin-bottom: 10px; margin-right: 10px; } .m-product-placement-item ul.iconimagesheading { float: none; padding-top: 0px; } .m-product-placement-item ul.iconimagesheading li.inactive { display: none; } .m-product-placement-item ul.iconimagesheading li img { width: 24px; height: 24px; } .m-product-placement-item ul.iconimagesheading li { display: inline-block; margin-right: 15px; } .view-all-filter .feature-key { padding-bottom: 20px; border-bottom: 1px solid rgba(0, 0, 0, .2); } html body .m-product-placement-item.f-size-large { width: 100%; } #resultWrapper { display: none; } .m-product-placement-item .f-default-image { background: none; } .m-product-placement-item .f-default-image:hover { outline: none; } #view-all .acc-wrap { margin-top: 20px; } #viewAllRedesign-results-categories .m-content-placement { padding-left: 0; padding-right: 0; display: flex; flex-wrap: wrap; margin: 0; } [lang='en-au'] #view-all .wdg-pad-medium, [lang='en-ca'] #view-all .wdg-pad-medium, [lang='en-gb'] #view-all .wdg-pad-medium, [lang='fr-ca'] #view-all .wdg-pad-medium, [lang='fr-fr'] #view-all .wdg-pad-medium, [lang='ja-jp'] #view-all .wdg-pad-medium, [lang='de-de'] #view-all .wdg-pad-medium { padding-top: 64px !important; } #viewAllRedesign-results-categories .categoryHeaderBottom .x-type-right { display: flex; align-items: baseline; justify-content: end; margin-right: 12px; } #viewAllRedesign-results-categories #categoryWrapper .categoryHeaderBottom .x-type-right { margin-right: 24px; } div#featuredBanner .c-heading { padding-bottom: 13px; } .m-content-placement li[data-grid="col-4"] section.m-product-placement-item { /*border: 1px solid #f1f1f1;*/ border: 1px solid #E3E3E3; padding: 6% 40px 5% 40px !important; } .wdg-global .m-banner .c-heading.f-lean, .wdg-global .nonmwf-m-banner .c-heading.f-lean, .wdg-global .nonmwf-m-banner [class*=c-paragraph].f-lean { margin-top: 0; padding-top: 0; } #viewAllRedesign-results-categories .c-checkbox label.c-label { margin-top: 24px; margin-bottom: 12px; display: block; font-weight: 700; } .wdg-global .m-banner h2.c-heading { font-size: 46px; line-height: 56px; padding: 37px 0 3px; font-weight: 100; } .wdg-global .nonmwf-m-banner h2.c-heading { font-size: 24px; line-height: 28px; padding: 0 0 10px; font-weight: 600; } #viewAllRedesign-results-categories .m-product-placement-item h3 { font-size: 24px; line-height: 28px; } #viewAllRedesign-filter-filterBy fieldset legend.c-subheading-2 { padding-bottom: 0; font-size: 18px; line-height: 24px; min-height: 50px; } [lang='fr-ca'] #viewAllRedesign-filter-filterBy fieldset legend.c-subheading-2, [lang='de-de'] #viewAllRedesign-filter-filterBy fieldset legend.c-subheading-2 { min-height: 70px; } #viewAllRedesign-filter-filterBy [data-category=primaryactivities] legend span { font-weight: 400; font-size: 13px; line-height: 16px; color: #767676; position: relative; bottom: 2px; } .device-additional-features-heading .c-tooltip { font-weight: initial !important } .device-additional-features-heading { font-size: 15px; color: #000000; margin-bottom: 10px; font-weight: 600; line-height: 20px; position: relative; } .devicesListGrid { margin-left: -12px; } .filterBy #selectors fieldset { margin-top: 15px; } .wdg-global a.c-call-to-action.wdg-f-blue-button { background: #0067b8 !important; margin-right: 20px; } /*body .mscom-link.c-call-to-action.c-glyph {padding-right: 16px !important;}*/ #view-all.view-all-rd .acc { margin-top: 0px; display: inline-block; padding: 10px; border: 1px solid #0078D4; position: relative; text-decoration: none; font-weight: 700; text-align: center; line-height: 20px; font-size: 15px; } #view-all.view-all-rd .showAllButton.acc { padding: 10px !important; border: 1px solid #0078D4 !important; } #view-all.view-all-rd .showAllButton.acc:focus { border: 1px solid #0078D4 !important; } /*#view-all.view-all-rd .acc span { padding-right: 20px; display: block; }*/ /*#view-all.view-all-rd .acc span:after { content: "\E738"; display: inline-block; vertical-align: top; font-family: MWF-MDL2; position: absolute; right: 10px; top: calc(50% - 5px); font-size: 10px; } #view-all.view-all-rd .acc span.minus:after { content: "\E710"; }*/ #clearAllFilter { display: inline; } span#resultsCount { margin-left: 6px; } strong.resultsCountOnloadPage { font-size: 18px; line-height: 24px; } #categoryWrapper .c-heading-2.f-lean, #categoryWrapper .productsCount { display: inline-block; } #categoryWrapper .c-heading-3.f-lean, #categoryWrapper .productsCount { display: inline-block; } #categoryWrapper .m-content-placement .productsCount { padding-left: 10px; } #categoryWrapper #category2, #categoryWrapper #category3, #categoryWrapper #category4, #categoryWrapper #category5 { display: none; } .categoryHeaderBottom p.c-paragraph { font-size: 18px; line-height: 24px; padding: 0 0 3px; font-weight: 200; } .categoryHeaderBottom .sortBy { margin-top: 15px; display: inline-block; margin-right: 15px; } .categoryHeaderBottom .c-select { float: right; margin-top: 10px; } #categoryWrapper #featuredBanner { text-align: left; } .categoryHeaderBottom .c-select-menu.f-border [aria-expanded] { width: 169px; text-align: center; } .categoryHeaderBottom .c-select-menu.f-border [aria-expanded]:active, .categoryHeaderBottom .c-select-menu.f-border [aria-expanded]:focus { border-color: #000000; } .categoryHeaderBottom .c-menu { width: 169px; margin-right: 8px; text-align: center; border: solid 1px #000000; } .categoryHeaderBottom .c-menu-item { border-bottom: 1px dashed #000; } .categoryHeaderBottom .c-menu-item:last-child { border: none; } .categoryHeaderBottom .c-menu-item span { padding: 18px 14px 18px 11px; } #selectionsDisplay { display: inline-block; margin-top: 0; } /*#filterSelections, .priceSelections { padding-top: 80px; }*/ .badge-tooltip { font-weight: 400; font-size: 16px; line-height: 24px; position: relative; top: 2px; left: 4px; color: #000000; } #filterSelections { padding-top: 80px; } div#filterSelections.sticky { position: fixed; top: 0; padding-top: 0; z-index: 9; } .categoryHeaderBottom span { font-size: 18px; line-height: 24px; } #clearAllFilter span { font-size: 15px; line-height: 20px; font-weight: 600; } .c-choice-summary button.c-action-trigger.c-glyph:before, .c-choice-summary a.c-action-trigger.c-glyph:before { margin: 12px 9px; } .c-choice-summary { font-size: 15px; margin-right: 8px; } .c-choice-summary a, .c-choice-summary, .c-choice-summary a.c-action-trigger.c-glyph:hover, .c-choice-summary a.c-action-trigger.c-glyph:active { background-color: #E3E3E3; border-radius: 6px; } .c-choice-summary .selection-box { background-color: #CCC; padding-left: 21px; padding-top: 8px; padding-bottom: 10px; padding-right: 21px; line-height: 21px; font-size: 15px; } .m-product-placement-item.f-size-large .f-default-image { width: 100%; padding-right: 0; padding-bottom: 24px; } #viewAllRedesign-results-categories .c-checkbox input[type=checkbox] + span { color: #0078D4; } #viewAllRedesign-results-categories .c-checkbox input[type="checkbox"]:checked:not(:disabled) + span:before { box-shadow: inset 0 0 0 10px #0067b8; } #viewAllRedesign-results-categories .c-checkbox input[type="checkbox"] + span:before { border: 2px solid #0078D4; box-shadow: inset 0 0 0 1px #0078D4, inset 0 0 0 10px transparent; } #viewAllRedesign-results-categories .c-checkbox input[type="checkbox"]:focus + span:before { outline: 2px solid #000; } #viewAllRedesign-results-categories .totalCount { padding-left: 5px; padding-right: 5px; } #viewAllRedesign-results-categories .c-select-menu .c-menu { width: 169px; } #viewAllRedesign-results-categories .categoryHeaderBottom .c-select-menu.f-border [aria-expanded] { width: 169px; text-align: center; border-radius: 6px; } #viewAllRedesign-results-categories .categoryHeaderBottom .c-menu { width: 169px; margin-right: 8px; text-align: center; border: solid 1px #000; } #viewAllRedesign-results-categories .categoryHeaderBottom .c-menu-item { border-bottom: 1px dashed #000; } #viewAllRedesign-results-categories .categoryHeaderBottom .c-menu-item span { padding: 18px 14px 18px 11px; } .featuredSortBy { width: 169px; padding: 8px 24px 8px 12px; margin-left: 8px; border: 1px solid rgba(0,0,0,.6); text-align: center; box-sizing: border-box; } [data-vg="mwf-common-prefooter-VG"] { padding-top: 20px; padding-bottom: 20px; } #mwf-common-prefooter .c-hyperlink { color: #00bcf2 !important; font-weight: 700 !important; } .c-hyperlink { font-weight: 700; } sup .c-hyperlink.supBLink span.supText { font-weight: normal; } .iconimagesheading li sup a.c-hyperlink.supBLink { color: #0067B8 !important; } body sup .c-hyperlink.supBLink { text-decoration: underline !important; padding-right: 0px; } #social-network .m-social { margin: 0; } /*span.c-tooltip.hook-hover {margin-top: 20px;}*/ span.c-tooltip.hook-hover, span.c-tooltip.hook-focus { margin-top: 0px !important; } span.c-tooltip { top: 30px !important; width: auto; position: absolute; right: 100px !important; } @media screen and (min-width: 1201px) { span.c-tooltip { width: auto; } } .m-product-placement-item .iconimagesheading span.c-tooltip { width: 165px; word-break: break-word; } .iconimagesheading li { position: relative } .wdg-global .nonmwf-m-banner p.c-paragraph { font-size: 18px; line-height: 24px; padding: 25px 0 3px; font-weight: 200; } #view-all.view-all-rd .iconimagesheading p { padding-top: 0; } #mwf-common-prefooter .c-caption-2.context-glyph-tile .c-glyph { font-family: MWF-MDL2; margin-right: 1px; } .iconimagesheading .display-features span:not(.supText) { font-size: 15px; line-height: 20px; font-weight: 400; } .categoryHeaderBottom hr.c-devider { display: none; } @media screen and (max-width: 767px) { #viewAllRedesign-results-categories .m-content-placement [data-grid="col-4"] { padding: 0px 19px; } /*.categoryHeaderBottom [data-grid~=col-8]:after { content: ""; display: block; width: 94%; background-color: #e1e1e1; height: 1px; margin: 0 auto; margin-top: 24px; margin-bottom: 4px; }*/ #view-all.view-all-rd .acc { width: 100%; } .priceSelections { padding-top: 0 !important; } #viewAllRedesign-hero-banner .m-feature { padding-left: 19px; padding-right: 19px; } #filterSelections { border-bottom: 1px solid #e3e3e3; padding-bottom: 24px; } .categoryHeaderBottom hr.c-devider { display: block !important; } #viewAllRedesign-results-categories .categoryHeaderBottom { display: block !important; text-align: left !important; padding: 0 19px; } .categoryHeaderBottom.awbCatalogCategory [data-grid*="col-"] { width: 100% !important; } .categoryHeaderBottom.awbCatalogCategory .x-type-right { position: initial !important; } .view-all a.c-call-to-action.c-glyph.features-btn { display: block; font-size: 15px; line-height: 20px; font-weight: 600; } .c-dialog.f-flow [role=dialog], .c-dialog.f-lightbox [role=dialog] { padding: 0% !important; } #view-all .c-price { font-size: 15px; line-height: 20px; } #view-all.view-all-rd .df-fb-filter-group .dropdown-desktop { display: none; } #view-all.view-all-rd .df-fb-filter-group .dropdown-mobile { display: block; width: 100%; position: relative; cursor: pointer; padding-left: 10px; border-bottom: 1px solid rgba(0, 0, 0, 0.2); padding-bottom: 15px; } #view-all.view-all-rd .df-fb-filter-group .dropdown-mobile:after { content: "\E70D"; display: inline-block; vertical-align: top; font-family: MWF-MDL2; position: absolute; right: 10px; } #view-all.view-all-rd .df-fb-filter-group .dropdown-mobile.selected:after { content: "\E70E"; } div#resultWrapper hr.c-divider { margin-left: 0px; margin-right: 0px; padding: 0 20px !important; } div#resultWrapper .x-type-left h3 { padding-left: 24px; } a.hatch-learnmore-cta, a.hatch-popup-cta { pointer-events: none !important; } a.hatch-learnmore-cta:focus, a.hatch-popup-cta:focus { outline: none !important; } #viewAllRedesign-filter-filterBy [data-category=primaryactivities] legend span { width: 100%; } } #fixed-bar a.hatch-learnmore-cta, #fixed-bar a.hatch-popup-cta { pointer-events: none !important; } @media screen and (min-width: 768px) { .view-all a.c-call-to-action.c-glyph.features-btn { display: none !important; } #view-all.view-all-rd .df-fb-filter-group .dropdown-mobile { display: none; } #view-all.view-all-rd .df-fb-filter-group .dropdown-mobile + div { display: block; } a.hatch-learnmore-cta:focus, a.hatch-popup-cta:focus { outline: 1px dashed #000000 !important; text-decoration: underline } a.hatch-learnmore-cta:hover, a.hatch-popup-cta:hover { text-decoration: underline } #view-all.view-all-rd .nonmwf-m-banner h2 { display: inline-block; } #view-all.view-all-rd .filterBy .c-divider { margin: 15px 0px; } } #social-network img { width: auto !important; height: auto !important; } #social-network .m-social > h2, #social-network .m-social > h3 { font-size: 15px; line-height: 20px; color: rgba(0,0,0,.6); padding-right: 12px; margin-bottom: 4px; font-weight: 400; } /* #social-network .social-share { float: right } */ /* compare functionality CSS start */ #fixed-bar .compare-items-block > div { display: flex; display: -webkit-flex; } #fixed-bar .compare-items-block div div:last-child { margin-left: auto; order: 2; } #fixed-bar .m-content-placement-item { margin-top: 15px; } #fixed-bar .compare-items-block a.c-call-to-action.wdg-f-blue-button { transform: scale(.98) !important; } #fixed-bar .compare-items-block .m-content-placement-item .c-call-to-action:active span { box-shadow: none; } #fixed-bar [data-grid="col-3"]:hover { border-bottom: 4px solid #005da6; } #fixed-bar .m-content-placement-item h3 { font-size: 18px; font-weight: 400; } #fixed-bar .compare-button-tile[data-grid="col-3"]:hover { border-bottom: none; } #fixed-bar a.c-call-to-action:not(.glyph-play):after { content: "\E711"; } #fixed-bar h3.c-heading-6 { padding-top: 25px; } #fixed-bar .compare-product-item:hover .closeCompareitem.c-glyph:before { color: #005da6; } #fixed-bar .m-content-placement-item { cursor: inherit; } .compare-button-tile section.m-content-placement-item { pointer-events: none; } .compare-button-tile section.m-content-placement-item a { pointer-events: auto; } section#fixed-bar .f-default-image.p2-image.hide { display: block !important; } #fixed-bar { position: fixed; bottom: -1px; background: #2f2f2f; width: 100%; left: 50%; -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: 999 !important; } .m-content-placement.compare-items-block { max-width: inherit; } #fixed-bar .m-content-placement.compare-items-block { padding-left: 24px !important; margin-left: 0px !important; } .compare-product-item { text-align: center; position: relative; min-height: 120px; margin-bottom: 10px !important; } .compare-product-item img { width: auto !important; padding-top: 0; padding-bottom: 0; margin: auto; max-height: 100px; } .closeCompareitem { top: 0; right: 0; position: absolute; } .compare-product-button h3, .compare-product-button a { color: #FFFFFF; } #fixed-bar a.c-call-to-action.wdg-f-blue-button:after { content: ""; } #fixed-bar .compare-items-block a.c-call-to-action.wdg-f-blue-button { font-size: 13px; display: inline-block; max-width: 100%; padding: 10px 22px 10px 24px; overflow: hidden; border: 2px solid transparent; color: #fff; background: #0078d7; line-height: 1.3; text-decoration: none; text-align: center; letter-spacing: 0.075em; white-space: normal; transition: scale 0.2s ease-in-out; margin-right: 15px; margin-top: 10px; } #fixed-bar .compare-items-block .disabled { background: #616161 !important; cursor: not-allowed; color: #fff !important; text-decoration: none; pointer-events: none; font-size: 13px; display: inline-block; max-width: 100%; padding: 10px 22px 7px 24px; overflow: hidden; border: 2px solid transparent; background: #0078d7; line-height: 1.3; text-align: center; letter-spacing: 0.075em; white-space: normal; transition: scale 0.2s ease-in-out; margin-right: 8px; margin-top: 10px; } #clear-selections { color: #ffffff; } #fixed-bar [data-grid="col-3"] { width: 20%; /*height: auto !important;*/ margin-right: 15px; margin: 20px 2% 20px 0px; background: #fff; border-radius: 8px; } #fixed-bar .compare-button-tile { position: relative; } #fixed-bar .compare-button-tile[data-grid="col-3"] { background: none !important; height: auto !important; width: 34%; margin-right: 0; } #fixed-bar .compare-items-block .closeCompareitem.c-glyph:before { content: "\E711"; font-size: 13px; font-weight: 900; } @media screen and (min-width: 1084px) and (max-width: 1337px) { .ru-ru .filterBy #selectors .dropdown-desktop { font-size: 21px; } .cmprselcnlink { padding-top: 1px; } .m-product-placement-item .iconimagesheading span.c-tooltip { width: 130px !important; } } @media only screen and (min-width: 540px) { .wdg-m-prefooter nav.c-link-navigation ul li { width: 19%; } } /*tr.configHead th {font-size: 14px;} tr.configDetails td {font-size: 12px;color: rgba(0,0,0,.7);} .sys-dialog.f-flow [role=dialog], .sys-dialog.f-lightbox [role=dialog] {padding: 0px;} span.configTitle {border-bottom: 4px solid #005da6;padding: 6px;font-weight: normal;} .sys-dialog.f-flow [role=dialog] {max-width: 900px;border: 1px solid #ccc;} button.product-select-button {font-size: 11px;padding: 9px 17px;margin-top: 0;min-width: auto;} tr.configDetails {border-bottom: 1px solid #ddd;padding: 23px 0;} tr.configDetails td:first-child() {padding-left: 0px} .store-locator iframe {width: 100%;} .pro-image {padding: 0;} .colors ul{list-style:none; padding:0; margin: 0;} .colors li{margin: 0 5px 0 0; display: inline-block;} .colors label{cursor: pointer;} .colors input{display:none;} .colors input[type="radio"]:checked + .swatch{box-shadow: inset 0 0 0 2px #000;} .swatch{display:inline-block;vertical-align: middle;height: 25px; width:25px;margin: 0 5px 0 0 ;border: 1px solid #d4d4d4;border-radius: 50%;} .sub-titles {font-size: 12px;color: rgba(0,0,0,.6);margin-bottom: 5px;} .top-block {padding-bottom: 21px;border-bottom: 1px solid #ddd;} #author_bio_wrap {margin-top: 0px; margin-bottom: 30px; background: gray; width: auto; height: 50px;} .map-search { padding-right: 30px;} .map-search form {float: right; margin: 10px 0;} .map_toggle_wrapper {margin: 15px 19px 10px;font-size: 14px;color: rgba(0,0,0,.8);} div.top-block {padding-top: 20px !important;} .top-block {padding-left: 10px !important;} td.buy-now-button {float: right;} a.arrow-buttons.x-hidden-focus {color: #0067B8;font-size: 11px !important;margin-left: 9px;} .find-online-button {padding: 15px 25px;border-bottom: 1px solid #eee;} tr.configDetails:nth-of-type(odd) { background-color: #eee;} tr.configDetails td {padding: 20px 15px;} .c-table-two {margin-top: 0 !important;} .find-online-section {position: relative;z-index: 9;} div#conttent_wrap {position: absolute;width: 100%; /* height:auto; */ /* max-height:65%; z-index: 9999;background-color: #fff;margin-top: 0;} button#close-dialog-config {position: relative;float: right;top: 25px;margin-left: 10px;background: #fff;border: none;margin-right: 8px;} a#content_wrap_toggle.expanded:after {content: "\E70D"; font-family: "MWF-MDL2"; vertical-align: middle;padding-left: 2px;} a#content_wrap_toggle.collapsed:after {content: "\E70E";font-family: "MWF-MDL2";vertical-align: middle;padding-left: 2px;} @media only screen and (max-width : 1083px) { span.configTitle {padding: 6px 0;} .c-table td, .c-table th {padding: 10px 3px;} tr.configDetails td {padding: 20px 5px;} .c-table td:first-child, .c-table th:first-child {padding-left: 8px;} .pro-details-right-grid h1 {font-size: 22px; margin: 8px 0;} .sub-content-grid {margin: 2px 10px 13px 0;} .popup-container {width: auto !important;} .popup-container .device-header {height: auto !important;} .device-heading { margin-bottom: 0; } }*/ .m-product-placement-item .f-default-image { text-align: center; } #view-all .m-product-placement-item .f-default-image img { max-height: 100%; max-width: 100%; margin: 0 auto; } @media screen and (max-width: 767px) { #viewAllRedesign-results-categories [data-grid~=col-4] { width: 100%; } #viewAllRedesign-results-categories ul.c-list { height: auto !important; } #viewAllRedesign-results-categories .m-content-placement li[data-grid="col-4"] section.m-product-placement-item { border: none; padding: 32px 32px 25px !important; } #viewAllRedesign-results-categories li[data-category] { margin-top: 24px; } #viewAllRedesign-results-categories .awbCatalogCategory.wdg-pad-thin { padding-top: 48px; } #viewAllRedesign-results-categories .categoryHeaderBottom { text-align: center; } #viewAllRedesign-results-categories .categoryHeaderBottom .c-select { float: none; display: inline-block; } #viewAllRedesign-results-categories .x-type-right { text-align: center !important; } #viewAllRedesign-results-categories section.m-product-placement-item.f-size-large.context-device.view-all-devices { height: auto !important; } section#viewAllRedesign-filter-featureKey { padding-right: 19px; padding-left: 19px; } section#viewAllRedesign-filter-filterBy, #categoryWrapper #featuredBanner { padding-right: 19px; padding-left: 19px; padding-bottom: 24px; } /*.filterBy a#clearAllFilter, .filterBy a#showAllFilter { display: none !important; }*/ .viewall_productFilter .iconimagesheading .svgimg img.mscom-image { display: block; margin: 0 auto; } .viewall_productFilter .iconimagesheading li { margin-right: 12px; margin-bottom: 20px; } #resultWrapper .categoryHeaderBottom .c-paragraph { padding-left: 12px; padding-right: 12px; } } @media screen and (min-width: 768px) and (max-width: 1083px) { .filterBy #selectors fieldset { margin-right: 15px; } #viewAllRedesign-results-categories .m-content-placement [data-grid="col-4"] { padding:0px !important; } #viewAllRedesign-results-categories .categoryHeaderBottom { padding-bottom: 12px !important; } #viewAllRedesign-results-categories [data-grid~=col-4] { width: calc(50% - 22px); display: inline-block; margin-right: 10px !important; margin-left: 10px; } #viewAllRedesign-results-categories .categoryHeaderBottom, #viewAllRedesign-results-categories div#featuredBanner { padding: 0 22px; } } #featurekeys table tbody th img { height: 20px; width: 20px; margin-right: 25px; } #featurekeys table tbody th a img { margin-right: 0; } #featurekeys .tick.c-glyph:before { content: "\E73E"; font-size: 30px; } #featurekeys .cross.c-glyph:before { content: "\E711"; font-size: 25px; padding-top: 6px; padding-bottom: 5px; padding-left: 5px; } .sr-text { position: absolute; clip: rect(1px,1px,1px,1px); left: 0; max-width: 320px; } .complete_compare_panel div.threedevices .m-product-placement-item { padding: 20px 16px; border: 1px solid #d7d7d7; } [data-grid='col-12 stack-3'] [data-grid='col-6 pad-6x'] [data-grid='col-6'] > .m-product-placement-item { border: none !important; } .techspecs tbody th, .techspecs tbody td, #featurekeys tbody th, #featurekeys tbody td { width: 20%; } .techspecs tbody th.two-column-row, .techspecs tbody td.two-column-row, #featurekeys tbody th.two-column-row, #featurekeys tbody td.two-column-row { width: 40%; } .techspecs .c-table.f-divided tbody tr:first-child, #featurekeys .c-table.f-divided tbody tr:first-child { border-top: 1px solid #dbdbdb; } #featurekeys tbody td.c-glyph { text-align: center; } #featurekeys tbody td.two-column-row { padding-right: calc(25% + 12px); } .techspecs .c-table tbody th:first-child, #featurekeys .c-table tbody th:first-child { font-weight: bold; } /* .techspecs tbody tr td.visibility-hidden, #featurekeys tbody tr td.visibility-hidden, .techspecs thead tr th.visibility-hidden, #featurekeys thead tr th.visibility-hidden{ visibility: hidden; } */ .complete_compare_panel div.threedevices img { width: auto; } .complete_compare_panel div.threedevices picture img { max-width: 100%; } .complete_compare_panel div.threedevices .c-heading-1 { font-size: 40px; line-height: 50px; padding: 37px 0 3px; } .sticky_compare_bar .threedevices h1.c-heading-1, .threedevices h2.c-heading-1 { display: none; } .complete_compare_panel .threedevices { margin-top: 60px; } .sticky_compare_bar .threedevices { position: fixed; top: 0; background: #fff; border-bottom: 1px solid #cccddd; width: 100%; z-index: 99999; } .sticky_compare_bar .threedevices { z-index: 99999; padding-top: 20px; padding-bottom: 20px; } #compare-devices .printthis-compare { font-size: 13px; letter-spacing: .075em; font-weight: 700; } .valid-compare-page .threedevices .c-paragraph .c-hyperlink { text-decoration: underline; } .sticky_compare_bar .threedevices h2.c-heading-1, .threedevices h1.c-heading-1 { display: block; } .sticky_compare_bar .c-heading-1 { font-size: 24px; line-height: normal; } #compare-devices .sticky_compare_bar .m-product-placement-item { height: auto !important; } .printthis-compare > img { width: 17px !important; display: inline-block; margin-left: 10px; } @media screen and (max-width: 1599px) { .sticky_compare_bar .m-product-placement-item.f-size-large .f-default-image { display: none; } } div.device-category { clear: both; } /*#categoryWrapper a.acc.mobile-showAllButton { display: none; }*/ html body #view-all .m-product-placement-item.f-size-large div { padding-right: 0px; } /*.m-product-placement-item .ratingPlugin { display: none; }*/ span.c-badge.f-small.f-highlight.hidesale { display: none; } .m-product-placement-item span.priceCurrency { font-weight: bold; font-family: "Segoe UI",SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif !important; } .m-product-placement-item span.supText { color: #0067B8; font-family: MWF-MDL2; font-weight: 700; text-decoration: underline; } #viewAllRedesign-filter-filterBy .filterBy .fb-heading-show-all [data-grid~=col-8] { margin-top: 20px; } #viewAllRedesign-filter-filterBy form#selectors .c-label { margin-left: 0; } .device-category hr.c-divider { margin-left: 0; } @media screen and (max-width: 767px) { .device-category hr.c-divider { display: block; } #selectors .c-subheading-2 { width: 100%; padding-bottom: 40px; padding-left: 10px; font-size: 18px; border-bottom: 1px solid rgba(0,0,0,.2) !important; cursor: pointer; } .filterBy .c-checkbox { display: none; } .filterBy fieldset { width: 100%; } .filterBy legend.dropdown-desktop:after { content: "\E70D"; display: inline-block; vertical-align: top; font-family: MWF-MDL2; position: absolute; right: 10px; padding-right: 14px; color: #0067B8; } .filterBy legend.dropdown-desktop.selected:after { content: "\E70E"; } /*#categoryWrapper a.acc.showAllButton { display: none; }*/ #view-all .acc-wrap { text-align: center; padding: 0 19px; } #categoryWrapper a.acc.mobile-showAllButton { margin-top: 30px !important; text-align: center; display: block; width: 300px; margin: 0 auto; } #categoryWrapper a.acc.mobile-showAllButton.hide { display: none; } #viewAllRedesign-results-categories .totalCount { padding-bottom: 20px; display: inline-block; } /*.awbCatalogCategory hr { display: none; }*/ .device-category .categoryHeaderBottom p.f-lean:last-child { border-bottom: 1px solid rgba(0, 0, 0, .2); padding-bottom: 25px; } .categoryHeaderBottom .c-select { margin-top: 24px; } #viewAllRedesign-filter-filterBy form#selectors .c-label { margin-left: 10px; } form#selectors .c-checkbox label.c-label { line-height: 20px; } #selectors { padding: 0; } .filterBy hr { display: none; } .categoryHeaderBottom [data-grid~=col-8], .categoryHeaderBottom [data-grid~=col-4] { width: 100%; } form#selectors .c-checkbox:last-child { margin-bottom: 20px; } #viewAllRedesign-hero-banner h1.c-heading-1 { font-size: 46px !important; line-height: 56px; padding: 37px 0 3px; } #viewAllRedesign-filter-featureKey .feature-key h2, #viewAllRedesign-filter-filterBy .filterBy h2 { font-size: 34px; line-height: 40px; padding: 38px 0 2px; padding-bottom: 24px; } .viewall_productFilter ul#icons { border-bottom: 1px solid rgba(0, 0, 0, 0.2); padding: 20px 0px; } .viewall_productFilter ul#icons { padding: 0px !important; } #viewAllRedesign-results-categories div#featuredBanner h2 { margin-bottom: 13px; } #viewAllRedesign-results-categories div#featuredBanner h2 { font-size: 34px; line-height: 40px; } #viewAllRedesign-results-categories div#category3 .totalCount { padding-left: 0; } #viewAllRedesign-results-categories .m-content-placement [data-grid="col-4"] { padding: 0 19px; } #viewAllRedesign-results-categories .m-content-placement section.m-product-placement-item { border: 1px solid rgba(0,0,0,0.2) !important; } #viewAllRedesign-results-categories .m-product-placement-item h3 { font-size: 20px; line-height: 24px; } .filterBy .c-checkbox.showinmobile { display: block !important; -webkit-transition: display 1s; -moz-transition: display 1s; transition: display 1s; } } @media screen and (min-width: 768px) { .filterBy .c-checkbox.hideindesktop { display: block !important; -webkit-transition: display 1s; -moz-transition: display 1s; transition: display 1s; } .categoryHeaderBottom .c-select { margin-right: -8px; margin-left: 8px; margin-top: 0; } } @media screen and (max-width: 539px) { #viewAllRedesign-filter-filterBy form#selectors .c-label { margin-top: 20px; } } @media screen and (min-width: 768px) and (max-width: 1083px) { section#viewAllRedesign-filter-featureKey, #viewAllRedesign-results-categories { padding-right: 15px; padding-left: 15px; } #viewAllRedesign-filter-filterBy { padding: 0 37px; } .view-all-filter .viewall_productFilter .iconimagesheading p.c-subheading-2 { font-size: 20px; } .m-product-placement-item .hatch-button { font-weight: bold !important; } } @media screen and (min-width: 1084px) and (max-width: 1283px) { .m-product-placement-item .iconimagesheading .svgimg img.mscom-image { width: 17px !important; height: 17px !important; } } .zh-cn #social-network .qrcode { width: 90px !important; height: 90px !important; position: absolute; background: #fff; display: none; margin-top: 41px; margin-left: -26px; } #social-network img { width: auto !important; height: auto !important; } .zh-cn #social-network .m-social > ul > li > a img { height: 32px !important; width: 32px !important; } .zh-cn #social-network .wechat:hover .qrcode { display: inline-block; } .compare_devices .m-product-placement-item .f-default-image img { margin-top: 30px; max-height: 145px; display: inline-block !important; } .compare_devices .m-product-placement-item.f-size-large .f-default-image { height: 223px; } .compare_devices .m-product-placement-item.f-size-large picture { width: 100%; height: 100%; } .compare_devices .m-product-placement-item h4 { padding-top: 0px; min-height: 45px; font-weight: 400; } .m-product-placement-item a.hatch-button::after { content: none; } #compare-devices [data-vg="mwf-compare-device-ImagePriority-VG"] .wdg-f-blue-button:after, .compare_devices .view-all-devices .c-call-to-action.c-glyph.wdg-f-blue-button::after, .compare_devices .view-all-devices .c-call-to-action.disabled-cta::after, .compare_devices .view-all-devices .c-call-to-action.c-glyph.disabled-cta::after { content: "\E76C" !important; font-family: "MWF-MDL2"; margin-top: 2px; padding-bottom: 3px; } @media screen and (min-width: 1600px) { .sticky_compare_bar .deviceBadge .c-badge { width: 85%; } .sticky_compare_bar .deviceBadge .tooltipInfoCopy { width: 20px; } .sticky_compare_bar .threedevices .deviceBadge { min-height: 71px; } [lang="de-de"] .sticky_compare_bar .threedevices .deviceBadge { min-height: 91px; } .sticky_compare_bar .threedevices img { width: 100%; top: 50%; left: 50%; position: absolute; transform: translate(-50%,-50%); outline: 0; } .compare_devices .m-product-placement-item .f-default-image img { margin-top: 8px; } .sticky_compare_bar .m-product-placement-item .f-default-image + div { position: absolute; top: 50%; transform: translateY(-50%); left: 50%; padding-right: 0; padding-left: 20px; } .sticky_compare_bar .m-product-placement-item { width: 358px !important; margin-right: 0; } .sticky_compare_bar .m-product-placement-item .f-default-image + div .c-heading-6 { padding-top: 0; } .threedevices [data-grid="col-12 stack-3"] > [data-grid="col-6 pad-6x"] > [data-grid="col-6"] > .m-product-placement-item.context-device { padding-top: 12%; padding-left: 16px; padding-right: 16px; } .sticky_compare_bar .hardcodedurlprice .c-tooltip, .sticky_compare_bar .c-price .c-tooltip { left: 0px !important; top: 70px !important; } .sticky_compare_bar .threedevices { max-width: none !important; padding-left: 8%; } [lang="en-au"] #compare-devices .sticky_compare_bar .ps-widget:hover + div.ps-wtb-button-disclaimer { z-index: 10; right: 0; left: auto; } .sticky_compare_bar .f-default-image { width: 50% !important; float: left; } div.threedevices .m-product-placement-item { float: left; } } .hidecompare .c-checkbox.compare-checkbox { display: none !important } .hidesorting .categoryHeaderBottom .x-type-right { display: none !important } p.compare-loading-symbol { text-align: center; margin-top: 20px; } #view-all #category5 .categoryHeaderBottom a { font-weight: normal; } #viewAllRedesign-results-categories .c-checkbox input[type="checkbox"]:disabled + span { color: rgba(0,0,0,.2); } .resultblock .iconimagesheading sup { top: -.9em; } #compare-devices .invalid-compare-page .m-banner .c-heading { font-size: 62px; line-height: 72px; padding: 38px 0 6px; font-weight: 100; letter-spacing: -.01em; } #view-all #category5 .categoryHeaderBottom a:hover { text-decoration: underline !important; } #compare-devices #featurekeys table [data-features="WMR"], .zh-cn #compare-devices #featurekeys table [data-features="ESIM"], .zh-cn #compare-devices #featurekeys table [data-features="SIM"], .ru-ru #compare-devices #featurekeys table [data-features="ESIM"], .ru-ru #compare-devices #featurekeys table [data-features="SIM"], table [data-spec="HDMIPorts"] sup { display: none; } #mwf-common-prefooter-invalid-compare .c-hyperlink { color: #00bcf2 !important; } /*.noprint .threedevices .m-product-placement-item.f-size-large .f-default-image, .sticky_compare_bar .threedevices .m-product-placement-item.f-size-large .f-default-image { height: 105px; }*/ .zh-cn div#category5.device-category, .ru-ry div#category5.device-category { display: none !important } #mwf-common-prefooter-invalid-compare p:focus { border: 1px dashed #fff; outline: none !important; } .invalid-compare-page a:hover { text-decoration: underline; } .m-content-placement-item { pointer-events: none; } .m-content-placement-item a { pointer-events: auto; } .cmprselcnlink + .cmprselcnlink { display: none; } #viewAllRedesign-results-categories .categoryHeaderBottom a { font-weight: normal; text-decoration: underline; } #viewAllRedesign-results-categories .categoryHeaderBottom { display: flex; align-items: center; } .context-glyph-tile .mscom-link span.c-glyph { vertical-align: super; } /*a.c-call-to-action.hardcodelink { color: #fff !important; background: #0067b8 !important; padding: 8px 15px 8px 15px !important; font-size: 13px; }*/ a.c-call-to-action.hardcodelink:after { font-size: 9px; } .compare_devices [itemprop='price'] { height: 20px !important; display: block; } .compare_devices .hardcodelink:after { content: "\E76C" !important; font-family: MWF-MDL2 !important; } a.c-call-to-action.hardcodelink:hover, a.c-call-to-action.hardcodelink:focus { text-decoration: underline; } span.svg-icons-text { position: absolute !important; overflow: hidden !important; clip: rect(1px,1px,1px,1px) !important; width: 1px !important; height: 1px !important; border: 0 !important; padding: 0 !important; margin: 0 !important; } .ru-ru #category5 { display: none; } /*Hero Updates for VA/FF*/ #view-all .m-hero-item[data-js-href]:hover { cursor: default; pointer-events: none; } #view-all .m-hero-item .mobile-pad-top a:hover, #view-all .m-hero-item .mobile-pad-top p a:hover { pointer-events: auto; } #view-all .mobile-pad-top h1 { font-size: 34px; line-height: 45px; } @media screen and (min-width: 1400px) { #view-all .mobile-pad-top h1 { font-size: 46px; line-height: 56px; } } @media screen and (max-width: 1399px) { #viewAllRedesign-filter-filterBy [data-category=primaryactivities] legend span { display: block; } } a.c-call-to-action.glyph-play:after { display: none; } .c-call-to-action.c-glyph.glyph-play:before { margin-right: 4px; } .c-call-to-action.c-glyph.glyph-play { background: transparent; color: #005293; } .c-call-to-action.c-glyph.glyph-play:hover { text-decoration: underline; } .c-call-to-action.c-glyph.glyph-play:focus { border-style: 2px dashed !important; } .c-dialog.f-lightbox.wdg-lightbox [role=dialog] [role=document] { height: 100% !important; overflow-y: hidden; padding-bottom: 0% !important; } .c-choice-summary sup { display: inline-block; } .c-choice-summary .c-hyperlink .supText { padding-left: 0; padding-right: 0 !important; text-decoration: underline; } @media only screen and (max-width: 1083px) { #viewAllRedesign-results-categories #resultWrapper .c-divider { margin-left: 0; margin-right: 0; } } #viewAllRedesign-hero-banner .m-banner .mscom-link.c-hyperlink.c-call-to-action.c-glyph { padding: 10px; color: #005293; } sup + sup { padding-left: 3px } .ru-ru #categoryWrapper p sup + sup { padding-left: 0; } #viewAllRedesign-filter-filterBy .filterBy .c-checkbox input[type=checkbox]:disabled + span a.c-hyperlink { color: rgba(0,0,0,.2) !important; cursor: not-allowed !important; } /* 107863 starts*/ a#clear-selections:focus { outline: 2px dashed #fff !important; } a#compare-button:focus { outline: 2px solid #fff; } #fixed-bar .compare-button-tile .m-content-placement-item.compare-product-button a#clear-selections { padding-right:10px; } #fixed-bar .compare-button-tile .m-content-placement-item.compare-product-button a#compare-button:hover, #fixed-bar .compare-button-tile .m-content-placement-item.compare-product-button a#clear-selections:hover { text-decoration: none !important; } #fixed-bar .compare-button-tile .m-content-placement-item.compare-product-button a#compare-button:hover span, #fixed-bar .compare-button-tile .m-content-placement-item.compare-product-button a#compare-button:focus:hover span, #fixed-bar .compare-button-tile .m-content-placement-item.compare-product-button a#compare-button span:hover, #fixed-bar .compare-button-tile .m-content-placement-item.compare-product-button a#clear-selections:hover span, #fixed-bar .compare-button-tile .m-content-placement-item.compare-product-button a#clear-selections:focus:hover span, #fixed-bar .compare-button-tile .m-content-placement-item.compare-product-button a#clear-selections span:hover { box-shadow: 0 2px currentColor !important; } /* 107863 ends*/ /* 107865 starts*/ @media screen and (-ms-high-contrast: black-on-white) { .categoryHeaderBottom .c-select-menu.f-persist.f-border ul.c-menu li.c-menu-item span:focus { outline: 2px dashed #fff; } } @media screen and (-ms-high-contrast: white-on-black) { .categoryHeaderBottom .c-select-menu.f-persist.f-border ul.c-menu li.c-menu-item span:focus { outline: 2px dashed #000; } } /* 107865 ends*/ /* 107738 starts*/ #mwf-common-prefooter .context-glyph-tile .c-glyph, #mwf-common-prefooter-invalid-compare a.supLink { color: #00bcf2 !important; } #mwf-common-prefooter a.c-hyperlink:focus, #mwf-common-prefooter .context-glyph-tile .c-glyph:focus { color: #0067B8 !important; } #mwf-common-prefooter-invalid-compare a.supLink:focus { color: #0067B8 !important; outline: #fff dashed 2px !important; background: #fff !important; } /* 107738 starts*/ /* 107540 starts*/ #viewAllRedesign-filter-filterBy #showAllFilter:focus { outline: #000 dashed 2px !important; } @media screen and (-ms-high-contrast: black-on-white) { #viewAllRedesign-filter-filterBy #showAllFilter:focus { outline: #000 dashed 1px !important; } } @media screen and (-ms-high-contrast: white-on-black) { #viewAllRedesign-filter-filterBy #showAllFilter:focus { outline: #000 dashed 1px !important; } } /* 107540 ends*/ /* 107666 starts*/ .iconimagesheading a.c-hyperlink:not(.f-image):not(.supBLink):focus { outline: #000 dashed 1px !important; } /* 107666 ends*/ /* 107795 starts */ @media only screen and (max-width: 684px) and (min-width: 683px) { .privacy-footer { height: auto !important; } .res-config { width: auto !important; text-align: left !important; } div.top-block-pu { height: 120px !important; } div#conttent_wrap { max-height: calc(100% - 210px) !important; } .retailer-placeholder { max-height: calc(100% - 210px) !important; } .sub-titles { font-size: 10px !important; } .sub-content-grid span.thisconfig { font-size: 10px !important; } .variants-price-select, #subcategoryButton { display: block !important; } } /* 107795 ends*/ /* 107947 starts*/ .wdg-m-prefooter button.drawer:focus { outline: 1px dashed black; } /* 107947 ends*/ @media screen and (max-width: 1083px) { [data-vg="mwf-compare-device-invalid-page-prefooter-VG"] { padding-left: 18px; padding-right: 18px; } } /* 107989 starts*/ #selectors .dropdown-desktop:focus { outline: 2px dashed #000 !important; } /* 107989 ends*/ .wdg-global a.c-call-to-action.wdg-f-blue-button.disabled-button, .wdg-global a.c-call-to-action.wdg-f-blue-button.disabled-button:focus, .wdg-global a.c-call-to-action.wdg-f-blue-button.disabled-button:active { background-color: rgba(0, 0, 0, 0.2) !important; color: #000 !important; border: 2px solid rgba(0, 0, 0, 0) !important; cursor: not-allowed; } [data-category="feature"] .c-checkbox span[aria-hidden] { display: inline; } ul.iconimagesheading li a.c-hyperlink:not(.f-image):not(.supBLink):focus { border: 1px solid transparent !important; outline: 1px solid transparent !important } ul.iconimagesheading li a.c-hyperlink:not(.f-image):not(.supBLink):focus img { border: 2px dashed #000000; } #mwf-common-prefooter .c-hyperlink .supFn { font-weight: 700 !important; } #view-all .device-category a.c-hyperlink:not(.f-image):focus:not(.x-hidden-focus) { background: none !important; border: none !important; text-decoration: underline; } #view-all .device-category .acc-wrap a.c-hyperlink:not(.f-image):focus:not(.x-hidden-focus) { padding-right: 10px; } /* For Accolate Panel start */ @media screen and (min-width: 539px) { #vaffhmc-accolate .accolate-content { padding: 0 5%; text-align: left; } } #vaffhmc-accolate .m-feature > div { margin: initial; } #vaffhmc-accolate .imagepriority-container .m-feature { display: flex; flex-wrap: wrap; align-items: center; padding: 30px; background-color: #F2F2F2; border-radius: 6px; } #vaffhmc-accolate .m-feature .img_style img { margin: 0 auto; } #vaffhmc-accolate .accolate-content h2 { padding-top: 0px; } #vaffhmc-accolate .m-feature .img_style img, #vaffhmc-accolate .m-feature .img_style img { margin-left: auto; margin-right: auto; padding-bottom: 0px; } #vaffhmc-accolate .imagepriority-container .m-feature picture img { min-height: auto; } section#vaffhmc-accolate { clear: both; } @media screen and (min-width: 539px) and (max-width: 1083px) { #vaffhmc-accolate .imagepriority-container { margin: 20px; } #vaffhmc-accolate .imagepriority-container .m-feature [data-grid~="col-4"] { width: 33.333% !important; } #vaffhmc-accolate .imagepriority-container .m-feature [data-grid~="col-8"] { width: 66.66667% !important; } } @media screen and (max-width: 539px) { #vaffhmc-accolate .imagepriority-container .accolate-content { padding-top: 20px; text-align: center; } #vaffhmc-accolate .imagepriority-container { margin: 20px; } #vaffhmc-accolate .imagepriority-container .m-feature { padding: 30px 20px 30px 20px; } } /* For Accolate panel End */ /*section.m-product-placement-item.compare-devices-height.f-size-large.context-device.view-all-devices { height: 223px !important; } #compare-devices .m-product-placement-item.compare-devices-height picture .c-image{ display: inline !important; }*/ #compare-devices span.c-badge.f-small.f-highlight, #view-all span.c-badge.f-small.f-highlight { white-space: normal; height: auto; } @media screen and (min-width: 1340px) { #view-all span.c-badge.f-small.f-highlight { margin-top: 5px; } #view-all .tooltipInfoCopy { margin-top: 5px; } } #compare-devices .m-product-placement-item > div { padding-right: 0px } #compare-devices .compare-device-paragraph { margin: 5% 0; } .sticky_compare_bar.noprint .compare-device-paragraph { display: none; } #compare-devices .compare-device-paragraph a:hover, #compare-devices a.printthis-compare:hover, #vaffhmc-accolate .accolate-content a:hover, #compare-devices .compare-device-paragraph a:focus, #compare-devices a.printthis-compare:focus, #vaffhmc-accolate .accolate-content a:focus { text-decoration: underline !important; } strong.showAllFilterText { font-weight: normal; } /*VA hero panel css starts*/ @media only screen and (min-width: 768px) and (max-width: 1083px) { #viewAllRedesign-hero-banner .m-feature .c-feature div { position: relative; transform: none; left: 0; text-align: left; margin-top: 5%; margin-bottom: 5%; } } /*VA hero panel css ends*/ /*VA small feature panel css starts*/ #viewAllRedesign-smallfeaturepanel .m-feature.bground { background-color: #0067b8; border-radius: 8px; display: flex; justify-content: center; align-items: center; } #viewAllRedesign-smallfeaturepanel .m-feature .smallfeatureContent { text-align: left; padding-left: 36px; padding-right: 36px; color: #FFFFFF; } #viewAllRedesign-smallfeaturepanel .m-feature .smallfeatureContent a { color: #FFFFFF !important; margin-bottom: 24px; } /*#viewAllRedesign-smallfeaturepanel .m-feature .smallfeatureContent a:active, #viewAllRedesign-smallfeaturepanel .m-feature .smallfeatureContent a:hover { text-decoration: underline; }*/ @media screen and (max-width: 1083px) { #viewAllRedesign-smallfeaturepanel [data-grid="container"], #compare-smallFeature [data-grid="container"] { padding-left: 2%; padding-right: 2%; } #viewAllRedesign-smallfeaturepanel .m-feature.bground, #compare-smallFeature .m-feature.bground { flex-direction: column-reverse; } #viewAllRedesign-smallfeaturepanel .m-feature .smallfeatureContent, #compare-smallFeature .m-feature .smallfeatureContent { text-align: center; } #compare-heroItem .m-hero-item > div > div { text-align: center !important; } #compare-heroItem .m-hero-item:before { padding-bottom: 50%; } #view-all #vaffhmc-accolate { /* padding-bottom: 50px; */ padding-bottom: 0px !important; } } /*VA small feature panel css ends*/ /* Compare small feature panel css starts*/ #compare-smallFeature .m-feature { border: 1px solid #0067b8; border-radius: 8px; padding: 1%; display: flex; justify-content: center; align-items: center; } #compare-smallFeature .m-feature .smallfeatureContent { padding: 0 36px; text-align: left; } #compare-smallFeature .m-feature .smallfeatureContent a { margin-bottom: 15px; } @media screen and (min-width: 1400px) { #compare-smallFeature .m-feature .smallfeatureImage img { margin-left: 6%; } } /* Compare small feature panel css ends*/ #compare-heroItem .m-hero-item > div > div { text-align: left; } #compare-heroItem .m-hero-item a.c-call-to-action { padding-left: 0; } #compare-devices #compare-smallFeature .c-heading-4, #view-all .c-rating[data-value] div:after, .hmc-devices-container .c-rating[data-value] div:after, .valid-compare-page .c-rating[data-value] div:after { color: #0067b8 !important; } .complete_compare_panel div.threedevices .c-heading-1 { padding-top: 0px; } .valid-compare-page #laptop-techspecs .c-tooltip, .valid-compare-page #featurekeys .c-tooltip { font-weight: normal; } #view-all .m-product-placement-item.view-all-devices, .valid-compare-page .m-product-placement-item.compare-devices-height { /*box-shadow: 0px 2px 6px 3px rgba(128,128,128,0.25);*/ border-radius: 8px; } #view-all .m-product-placement-item.view-all-devices a.hatch-button, .valid-compare-page a.hatch-button, #compare-button, a.hardcodelink { border-radius: 6px; } .valid-compare-page .sticky_compare_bar .m-product-placement-item.compare-devices-height { box-shadow: none; } #view-all .c-price sup a span { float: none; } .valid-compare-page .threedevices .m-product-placement-item h2.c-heading-6 { padding-top: 2.5%; font-weight: 400; } @media screen and (min-width: 539px) and (max-width: 1082px) { .valid-compare-page .threedevices [data-grid="col-6 pad-6x"]:last-child { margin-top: 2%; } } @media screen and (max-width: 538px) { .valid-compare-page section.m-product-placement-item.compare-devices-height { margin-top: 2% !important; } } @media screen and (max-width: 540px) { .valid-compare-page .sticky_compare_bar { display: none; } } #techSpecsToggleText, #featureKeyToggleText { padding-right: 8px; } /* compare rating css */ .device_1_data .m-product-placement-item .price { width: fit-content !important; } .device_2_data .m-product-placement-item .price { width: fit-content !important; } .device_3_data .m-product-placement-item .price { width: fit-content !important; } .compare-device-rating .bv-rating-stars-container .c-rating { float: left; margin-top: 4px; margin-bottom: 2px; } .compare-device-rating .bv-rating-stars-container .c-rating[data-value] div:after { color: #0067b8 !important; } .ratingPlugin.bv-stars-container { min-height: 20px; } .tooltipInfoCopy { margin-left: 2% !important; position: relative; } #view-all .tooltipInfoCopy span.c-tooltip, .hmc-devices-container span.c-tooltip, #compare-devices span.c-tooltip { left: -180px !important; top: 20px !important; border-radius: 8px; width: 200px; } #compare-devices .tooltipInfoCopy { display: inline-block; } #compare-devices .tooltipInfoCopy a img { position: relative; top: 1px; } #compare-devices #laptop-techspecs span.c-tooltip, #compare-devices #featurekeys span.c-tooltip { left: 0px !important } #compare-devices.valid-compare-page #compare-heroItem .m-hero-item { cursor: default; } @media screen and (min-width: 1280px) { #compare-devices.valid-compare-page .c-toggle { display: flex; justify-content: center; align-items: center; } #compare-devices.valid-compare-page .c-toggle button { margin-top: 0; } } @media screen and (max-width: 1280px) { #compare-devices.valid-compare-page .c-toggle { display: flex; justify-content: center; align-items: center; flex-direction: column; } #compare-devices.valid-compare-page .c-toggle button, #compare-devices.valid-compare-page .c-toggle span:last-child { margin-top: 5px; } #compare-devices.valid-compare-page .c-toggle span:last-child { text-align: center; } } @media screen and (max-width: 1083px) { #compare-devices #laptop-techspecs, #compare-devices #featurekeys { padding-left: 2% !important; padding-right: 2% !important; } } /*#view-all .device-category .c-price a.c-hyperlink:not(.f-image):focus:not(.x-hidden-focus) { background: none !important; line-height: 12px; position: absolute; top: -5px; }*/ .ratingPlugin.bv-stars-container { display: none; } [lang="en-us"] .ratingPlugin.bv-stars-container { display: block !important; } .compare-product-button h3 { min-height: 100px; } #view-all .c-badge.f-highlight, .hmc-devices-container .c-badge.f-highlight, .valid-compare-page .c-badge.f-highlight { border-radius: 4px; } /*#compare-smallFeature .m-feature .smallfeatureContent a:hover { text-decoration: underline; }*/ /*Prefooter css*/ #prefooterNav picture { max-width: 62px !important; } #prefooterNav a span, #prefooterNav a p { text-decoration: none; font-size: 15px; font-weight: 600; } #prefooterNav a:focus span, #prefooterNav a:hover span, #prefooterNav a:focus p, #prefooterNav a:hover p { text-decoration: underline; } p.c-caption-2.x-hidden-focus.nohide.hide { display: block !important; } a.ratings-hidden.c-hyperlink { display: none !important; } .valid-compare-page .c-toggle span[data-on-string] { pointer-events: none; } /*#view-all .c-select-menu button, #selectionsDisplay .c-choice-summary, #selectionsDisplay .c-choice-summary a { border-radius: 6px; }*/ @media screen and (max-width: 539px) { .popup-container { overflow-y: auto; } .retailer-placeholder { max-height: calc(100% - 7%) !important; height: auto !important; position: relative !important; } /*.privacy-footer { position: relative !important; height: auto !important; }*/ li.retailer .retailer-logo { width: initial !important; } li.retailer .retailer-link-text { width: initial !important; } li.retailer .retailer-stock { width: 23% !important; } } /* UHF Accessibility Fix */ @media screen and (-ms-high-contrast: active) { #headerArea .c-logo:after { outline: none !important; } #headerArea [class^="m-"] button:not(.c-select-button):not(.c-sequence-indicator):active:not(:disabled), #headerArea [class^="m-"] button:not(.c-select-button):not(.c-sequence-indicator):focus:not(:disabled), #headerArea [class*=" m-"] button:not(.c-select-button):not(.c-sequence-indicator):hover:not(:disabled), #headerArea [class*=" m-"] button:not(.c-select-button):not(.c-sequence-indicator):active:not(:disabled), #headerArea [class*=" m-"] button:not(.c-select-button):not(.c-sequence-indicator):focus:not(:disabled), #headerArea [class^="c-"] button:not(.c-select-button):not(.c-sequence-indicator):hover:not(:disabled), #headerArea [class^="c-"] button:not(.c-select-button):not(.c-sequence-indicator):active:not(:disabled), #headerArea [class^="c-"] button:not(.c-select-button):not(.c-sequence-indicator):focus:not(:disabled), #headerArea [class*=" c-"] button:not(.c-select-button):not(.c-sequence-indicator):hover:not(:disabled), #headerArea [class*=" c-"] button:not(.c-select-button):not(.c-sequence-indicator):active:not(:disabled), #headerArea [class*=" c-"] button:not(.c-select-button):not(.c-sequence-indicator):focus:not(:disabled) { color: #0067b8 !important; background: #fff !important; } } .starting-at { font-family: Segoe UI,SegoeUI,Helvetica Neue,Helvetica,Arial,sans-serif !important; font-weight: 600; } @media screen and (min-width: 1084px) { #viewAllRedesign-results-categories .c-checkbox.compare-checkbox { /*height: 60px;*/ display: block; } } /*css taken from hmc which are related to VA*/ .deviceBadge { display: flex; align-items: start; } .deviceBadge, .deviceBadgeDual { display: none; } .gray-badge { padding: 4px 8px; background: #E3E3E3; border-radius: 2px; color: #464646; font-weight: 600; font-size: 12px; line-height: 18px; white-space: nowrap; display: inline-block; margin-right: 8px; text-align: left; margin-top: 8px; } .yellow-badge, .yellow-badge.gray-badge { padding: 4px 8px; background: #FFD600; border-radius: 2px; color: #171717; font-weight: 600; font-size: 12px; line-height: 18px; white-space: nowrap; display: inline-block; margin-right: 8px; text-align: left; margin-top: 8px; } .deviceBadge .badge-tooltip { margin-left: 2%; } #clearAllFilter { /*padding: 11px 22px 9px 24px !important;*/ font-weight: 600; font-size: 15px; line-height: 24px; color: #0067B8; } a#clear-selections { margin-top: 8px; } #view-all a#clearAllFilter span { /*vertical-align: middle;*/ height: 25px; padding-left: 1px; } a#clearAllFilter.c-call-to-action span:hover { box-shadow: none !important; } a#clearAllFilter.c-call-to-action:hover span { box-shadow: none !important; } a[data-toggle="tooltip"]:hover + sup + span.c-tooltip, a[data-toggle="tooltip"]:hover + sup + sup + span.c-tooltip { display: block; } #viewAllRedesign-filter-featureKey #icons li a.c-hyperlink { border: none !important; } .compare-button-tile h3.c-heading-6 { font-weight: 400 !important; } #filterSelections span.c-subheading-4 { font-weight: 600 !important; } a.hatch-button { color: #FFFFFF !important; background: #0067b8 !important; padding: 8px 15px 8px 15px !important; font-size: 13px; line-height: 16px; transform: none !important; } a.hatch-button.cta:after { content: "\E76C"; font-family: 'MWF-MDL2'; font-size: 12px; margin-left: 8px } a.hatch-button.cta.c-call-to-action.c-glyph:after { content: "\E76C"; font-family: 'MWF-MDL2'; font-size: 12px; margin-left: 8px; } a.hatch-button.hatch-widget:after { content: ""; margin-left: 0; } #viewAllRedesign-filter-featureKey #icons li a.c-hyperlink { border: none !important; } a[data-toggle="tooltip"]:hover + sup + span.c-tooltip, a[data-toggle="tooltip"]:hover + sup + sup + span.c-tooltip { display: block; } #view-all .view-all-filter .c-tooltip, #compare-devices .c-tooltip, #view-all .iconimagesheading .c-tooltip, .devices-result-screen span.c-tooltip { border-radius: 8px; } #view-all .c-checkbox input[type="checkbox"] + span:after { visibility: visible; } /* View All and Form Factor fixes */ /*[lang="en-us"] a.c-call-to-action span:hover, [lang="en-us"] button.c-call-to-action span:hover { box-shadow: 0 1px !important; }*/ [lang="en-us"] .m-content-placement-item .c-call-to-action span:focus:not(.x-hidden-focus), [lang="en-us"] .m-content-placement-item .c-call-to-action span:hover, [lang="en-us"] .m-content-placement-item .c-call-to-action span:active, [lang="en-us"] .c-content-placement .c-call-to-action span:focus:not(.x-hidden-focus), [lang="en-us"] .c-content-placement .c-call-to-action span:hover, [lang="en-us"] .c-content-placement .c-call-to-action span:active { box-shadow: none !important; } [lang="en-us"] .end-of-support .m-content-placement-item .c-call-to-action span:focus:not(.x-hidden-focus), [lang="en-us"] .end-of-support .m-content-placement-item .c-call-to-action span:hover, [lang="en-us"] .end-of-support .m-content-placement-item .c-call-to-action span:active, [lang="en-us"] .end-of-support .c-content-placement .c-call-to-action span:focus:not(.x-hidden-focus), [lang="en-us"] .end-of-support .c-content-placement .c-call-to-action span:hover, [lang="en-us"] .end-of-support .c-content-placement .c-call-to-action span:active { box-shadow: 0 2px currentColor; } [lang="en-us"] .getting-started .m-content-placement-item .c-call-to-action span:focus:not(.x-hidden-focus), [lang="en-us"] .getting-started .m-content-placement-item .c-call-to-action span:hover, [lang="en-us"] .getting-started .m-content-placement-item .c-call-to-action span:active, [lang="en-us"] .getting-started .c-content-placement .c-call-to-action span:focus:not(.x-hidden-focus), [lang="en-us"] .getting-started .c-content-placement .c-call-to-action span:hover, [lang="en-us"] .getting-started .c-content-placement .c-call-to-action span:active, .getting-started .m-feature .c-call-to-action:not(.f-primary):not(.f-secondary):hover span { box-shadow: none; border-bottom: 2px solid currentColor; } /* Fixed Bar for compare Fixes */ #fixed-bar .m-content-placement-item > picture img, #fixed-bar .c-content-placement > picture img { position: relative !important; } /*#fixed-bar div [data-grid="col-3"] { height: auto !important; }*/ #fixed-bar .m-content-placement-item > picture, #fixed-bar .c-content-placement > picture { padding-bottom: 0 !important; } /* Fixed Bar for compare Fixes ends */ .m-product-placement-item ul.iconimagesheading li { margin-right: 10px !important; } #clearAllFilter a.c-call-to-action span { vertical-align: inherit !important; } #clear-selections .c-group > .c-call-to-action { vertical-align: inherit !important; } .wdg-global a.c-call-to-action.wdg-f-blue-button { padding: 10px 22px 7px 24px !important; color: #fff !important; border: 2px solid transparent !important; } @media screen and (min-width: 1084px) { #viewAllRedesign-results-categories .m-content-placement { margin-left: -12px !important; margin-right: 0px !important; } } a.c-hyperlink { outline-offset: 1px; } @media screen and (min-width: 1084px) and (max-width: 1337px) { .cmprselcnlink { padding-top: 1px; } } .hatch-button.cta span:hover { cursor: pointer; } #fixed-bar .m-content-placement-item { margin-top: 15px; cursor: inherit; } a.hatch-button, a.hardcodelink { /*color: #FFFFFF !important; background: #0067b8 !important; padding: 8px 15px 8px 15px !important; font-size: 13px;*/ color: #ffffff !important; background: #0078D4 !important; padding: 8px 15px 8px 15px !important; font-size: 15px; display: block; line-height: 16px; margin-top: 28px; } a.hatch-button.cta:after { content: "\E76C"; font-family: 'MWF-MDL2'; font-size: 12px; margin-left: 8px } a.hatch-button.cta.c-call-to-action.c-glyph:after { content: "\E76C"; font-family: 'MWF-MDL2'; font-size: 12px; margin-left: 8px; } a.hatch-button.hatch-widget:after { content: ""; margin-left: 0; } #fixed-bar .compare-button-tile .m-content-placement-item.compare-product-button a:hover, .hatch-button.cta [data-bi-name="buy now"]:hover, .hatch-button.cta [data-bi-name="buy now"]:focus { text-decoration: underline !important; } .m-product-placement-item .iconimagesheading .svgimg img.mscom-image { width: 24px; height: 24px; float: left; } #fixed-bar .compare-button-tile[data-grid="col-3"] { background: none !important; height: auto !important; width: 34%; margin-right: 0; } #fixed-bar .compare-items-block .closeCompareitem.c-glyph:before { content: "\E711"; font-size: 13px; font-weight: 900; } .cmprselcnlink { color: #005da6 !important; clear: left; text-decoration: underline !important; margin-top: 15px; margin-right: 20px; } .cmprselcnlink:focus { outline: #000 dashed 1px; } @media screen and (min-width: 1084px) and (max-width: 1337px) { .cmprselcnlink { padding-top: 1px; } } #social-network img { width: auto !important; height: auto !important; } #social-network .m-social > h2 { font-size: 15px; line-height: 20px; color: rgba(0,0,0,.6); padding-right: 12px; margin-bottom: 4px; font-weight: 400; } #social-network .social-share { float: right; } @media screen and (max-width: 539px) { #social-network { padding-left: 12px; } #social-network .social-share { float: left; } .wdg-m-prefooter nav.c-link-navigation ul li a.c-hyperlink picture img { width: 20px !important; } button.c-button { min-width: 90px; } } @media only screen and (min-width:540px) and (max-width:1083px) { .m-feature > div { width: auto !important; } } @media only screen and (min-width:768px) and (max-width:1083px) { a.hatch-button.cta { font-weight: 100; } } #social-network .m-social ul li a { border: 0px } body sup .c-hyperlink.supBLink { border: 0; } a.c-hyperlink { outline-offset: 1px; } #view-all .m-content-placement-item.compare-product-button p.c-group #clear-selections { border: none; padding-left: 6px; margin-right: 0px; transform: scale(0.99) !important; } [lang="de-de"] .complete_compare_panel div.threedevices .c-heading-1 { font-size: 27px !important; } @media only screen and (max-width:1083px) { #viewAllRedesign-results-categories .c-checkbox.compare-checkbox { display: none; } } #compare-devices .c-tooltip { border-radius: 8px; } #compare-devices #laptop-techspecs .c-heading-2, #compare-devices #featurekeys .c-heading-2 { float: left; text-align: left; width: 350px; margin-bottom: -25px; padding-left: 15px; } #compare-devices #laptop-techspecs table thead, #compare-devices #featurekeys table thead { display: table-caption; margin-top: -60px; padding-bottom: 20px; } #compare-devices #laptop-techspecs .c-toggle, #compare-devices #featurekeys .c-toggle { float: right; clear: both; } .compare_devices [itemprop='price'] { font-weight: bold; } /*compare-devices css*/ .valid-compare-page #compare-heroItem .m-hero-item .c-group > .c-call-to-action { background-color: transparent; color: #0067b8; padding-left: 0px; } .valid-compare-page .compare-Horizontal-Line-height { padding-bottom: 48px !important; margin-bottom: 20px !important; } .valid-compare-page .article-section-footnotes.theme-dark a.c-hyperlink { font-weight: 700 !important; } .valid-compare-page #social-network { margin-bottom: 0px; } @media screen and (max-width: 1083px) { .valid-compare-page #compare-heroItem .m-hero-item > div { padding: 12px !important; height: auto !important; position: relative; } } @media screen and (max-width: 767px) { #compare-devices #laptop-techspecs .c-heading-2 { margin-bottom: 0px; } #compare-devices #laptop-techspecs table tr .c-heading-2, #compare-devices #featurekeys table tr .c-heading-2 { width: auto; } #compare-devices #laptop-techspecs .c-heading-2, #compare-devices #laptop-techspecs .c-toggle { flex: 1; padding: 10px; } #compare-devices #laptop-techspecs .m-banner { display: flex; margin: 0 auto; } #compare-devices #featurekeys .c-heading-2, #compare-devices #featurekeys .c-toggle { flex: 1; padding: 10px; } #compare-devices #featurekeys .m-banner { display: flex; margin: 0 auto; } } @media screen and (min-width: 540px) and (max-width: 1083px) { .sticky_compare_bar .threedevices > div { display: flex; } .valid-compare-page .threedevices [data-grid="col-6 pad-6x"]:last-child { margin-top: 0; } .sticky_compare_bar .threedevices > div .deviceBadge, .sticky_compare_bar .threedevices > div .equal-height { height: auto !important; } .valid-compare-page .threedevices .m-product-placement-item h2.c-heading-6 { height: auto !important; } .sticky_compare_bar .threedevices > div .equal-height { font-size: 15px; line-height: 20px; } } @media screen and (min-width: 540px) and (max-width: 767px) { .sticky_compare_bar .threedevices { padding-top: 10px; padding-bottom: 10px; } .sticky_compare_bar .threedevices > div .deviceBadge .c-badge { font-size: 10px; line-height: normal; } .sticky_compare_bar .threedevices > div .equal-height { font-size: 10px; line-height: 14px; } .sticky_compare_bar .threedevices > div .c-group { margin-top: 10px; } .sticky_compare_bar .threedevices > div .c-group a.c-call-to-action { font-size: 10px; } .sticky_compare_bar .threedevices > div .c-group a.c-call-to-action:not(.glyph-play):after { margin-top: 1px; } .sticky_compare_bar .c-heading-1 { font-size: 20px; } .c-rating[data-value] div:before, .c-rating[data-value] div:after { font-size: 10px; } .sticky_compare_bar .reviewsCount { font-size: 13px; } .c-rating[data-value] div { width: 70px; } } /* end compare-devices css*/ /* new hero css start */ @media screen and (max-width: 540px) { #viewAllRedesign-hero-banner .m-hero-item.f-y-center.f-transparent > div > div { padding: 0px !important; transform: none !important; } #compare-devices #laptop-techspecs .heading-div .c-heading-2, #compare-devices #featurekeys .heading-div .c-heading-2 { font-size: 28px; line-height: 34px; } } @media only screen and (max-width: 1083px) { #viewAllRedesign-hero-banner .m-hero-item:before { padding-bottom: 0 !important; } #viewAllRedesign-hero-banner .m-hero-item { padding: 0px; } #viewAllRedesign-hero-banner .m-hero-item > div { padding: 48px 0 !important; height: auto !important; } #viewAllRedesign-hero-banner .m-hero-item > picture { transform: none; top: 0; left: 0; height: fit-content !important; position: relative; } #viewAllRedesign-hero-banner .m-hero-item > picture > img { transform: none; top: 0; left: 0; height: fit-content !important; position: relative; border-radius: 0; } #viewAllRedesign-hero-banner .m-hero-item > div > div { height: auto; padding: 5px 0; transform: none; top: 0; left: 0; float: left; } #viewAllRedesign-hero-banner .m-hero-item .c-action-trigger { float: left; margin-top: 0; } #viewAllRedesign-hero-banner .m-hero-item .c-group > div { transform: none; float: left; margin-top: 23px; } } .m-social.f-horizontal.f-share.social-share, .m-social.f-horizontal.f-share.social-follow { padding: 0 12px; margin-top: 12px !important; margin-bottom: 12px !important; } .lte-tablets-laptops-and-pcs #viewAllRedesign-hero-banner .m-feature .f-image-priority img { border-radius: 8px; } .compare-devices div#compare-heroItem { margin-bottom: 60px; } .view-all section#viewAllRedesign-smallfeaturepanel { padding-bottom: 60px; } /* .view-all .article-section-footnotes { margin-top: 60px; } */ .view-all #viewAllRedesign-hero-banner .c-feature > div > h1.c-heading { font-size: 50px; line-height: 55px; font-weight: 600; } [lang='de-de'] .view-all #viewAllRedesign-hero-banner .c-feature > div > h1.c-heading, [lang='fr-fr'] .view-all #viewAllRedesign-hero-banner .c-feature > div > h1.c-heading, [lang='fr-ca'] .view-all #viewAllRedesign-hero-banner .c-feature > div > h1.c-heading { font-size: 40px; line-height: 48px; } .view-all #viewAllRedesign-hero-banner .c-feature > div p { font-size: 18px; line-height: 24px; font-weight: 400 !important; } .view-all #viewAllRedesign-hero-banner .c-feature > div p > strong { font-weight: 200 !important; } .view-all .m-social.f-horizontal ul > li, .view-all .c-social.f-horizontal ul > li { padding: 3px; } #compare-devices .complete_compare_panel .compare_devices .deviceBadge { margin-bottom: 3% !important; } /* new hero css end*/ button:hover + span.c-tooltip, button:focus + span.c-tooltip, a:hover + span.c-tooltip, a:focus + span.c-tooltip, span:hover + span.c-tooltip, span:focus + span.c-tooltip, input:hover + span.c-tooltip, input:focus + span.c-tooltip { display: block; border-radius: 8px; } span.c-tooltip:hover { display: block; } .iconimagesheading a:focus ~ span.c-tooltip { display: block; } #fixed-bar .m-content-placement-item .c-call-to-action:hover span { box-shadow: none; } #clear-selections:hover:after { text-decoration: none; right: 0 !important; } @media only screen and (max-width: 1083px) { #fixed-bar { display: none !important; } } .view-all .deviceBadge .supBLink { margin-right: 0px !important } @media only screen and (min-width:767px) and (max-width:1083px) { #compare-heroItem .m-hero-item > div > div { height: auto; } } [lang="de-de"] .complete_compare_panel div.threedevices .c-heading-1 { font-size: 27px !important; } [lang="fr-ca"] .complete_compare_panel div.threedevices .c-heading-1, [lang="fr-fr"] .complete_compare_panel div.threedevices .c-heading-1 { font-size: 35px !important; } #clear-selections { padding-right: 0px; } @media print { .negative ul { margin-left: 25px; } .theme-dark .c-mosaic-placement *, #startover-button, .article-section-footnotes.theme-dark .c-caption-2, #mwf-common-prefooter .theme-dark p.c-caption-2, .c-group .hatch-button { color: #000 !important; } .theme-dark .c-mosaic-placement picture:after, .theme-light .theme-dark .c-mosaic-placement picture:after { background-color: transparent !important; } #headerArea, #social-network, #uhf-footer, .print-copy-icons, .compare-checkbox, #social-network, #static-banner { display: none !important; } .hmc-devices-container .c-list li { margin: 10px 0 0 0; } .m-product-placement-item .f-default-image, .c-feature .f-default-image { width: 100% !important; height: 100% !important; padding: 0 !important; } .f-highlight { background-color: #ff0 !important; } .devicesCopy { padding: 0 !important; } .hmc-banner-1 .m-banner { padding: 0 !important; } [data-grid~=col-4].desktop-devices-1, [data-grid~=col-4].desktop-devices-2, [data-grid~=col-4].desktop-devices-3 { width: 45% !important; float: left !important; } .c-heading-4.f-lean { font-size: 18px; font-weight: 400; margin: 0 auto !important; } .c-heading-3.f-lean { font-size: 24px; font-weight: 400; } .desktop-devices-3, #windows-foot-notes { page-break-inside: avoid; } .c-price.c-subheading-2.x-type-left, .primary-copy-content { text-align: center !important; } .hmc-banner-2 { page-break-inside: avoid; padding-top: 250px; } .hmc-banner-3 { page-break-inside: avoid; } .bottom-banner-container { page-break-inside: avoid; } .desktop-devices-1 .c-list, .desktop-devices-2 .c-list, .desktop-devices-3 .c-list { page-break-after: auto; } .secondary-devices .all-specs { height: auto !important; } .threedevices .c-heading-1 { font-size: 25px !important; } .threedevices .compare_devices .f-default-image { height: 120px !important; } .threedevices .compare_devices .f-default-image picture img { width: 100px !important; } .threedevices .compare_devices .c-heading-6 { height: 100px !important; margin-top: 30px !important; } #featurekeys th img { display: block !important } .compare_devices .m-product-placement-item .f-default-image img { margin-top: 15px !important; } .compare_devices .m-product-placement-item .c-heading-6 { margin-top: 50px !important; } } .view-all a.c-call-to-action.c-glyph { padding: 10px 3px 7px 0; position: relative; border: 2px solid transparent; outline: 1px solid transparent; outline-offset: -3px; margin-left: 0; color: #0067b8; background: transparent; transition: none; } .view-all .m-hero-item.f-transparent:before, .c-hero.f-transparent:before { padding-bottom: 56.25% !important; } @media only screen and (max-width: 1083px) { .view-all .wdg-global .m-hero-item > div { padding: 12px !important; height: auto !important; position: relative; } } @media only screen and (min-width: 1084px) and (max-width: 1200px) { .view-all.desktops-and-all-in-ones .m-hero-item > div > div, .view-all.desktops-and-all-in-ones .c-hero > div > div { max-width: 380px; } [lang="en-us"] .view-all.desktops-and-all-in-ones .m-hero-item > div > div, [lang="en-us"] .view-all.desktops-and-all-in-ones .c-hero > div > div { max-width: 440px; } #view-all #viewAllRedesign-hero-banner .c-feature > div > h1.c-heading, .view-all.desktops-and-all-in-ones #viewAllRedesign-hero-banner .c-feature > div > h1.c-heading { font-size: 32px; line-height: 40px; } #view-all #viewAllRedesign-hero-banner .c-feature > div p, .view-all.desktops-and-all-in-ones #viewAllRedesign-hero-banner .c-feature > div p { font-size: 15px; line-height: 20px; } } @media only screen and (min-width:1083px) and (max-width:1165px) { .view-all.desktops-and-all-in-ones .m-hero-item p.c-paragraph-1 { padding-top: 5px; } } @media only screen and (min-width:976px) and (max-width:1190px) { .view-all.desktops-and-all-in-ones .m-hero-item .c-heading-2 { font-size: 41px !important; } } @media only screen and (max-width: 767px) { .lte-tablets-laptops-and-pcs #viewAllRedesign-hero-banner .c-feature > div > h1.c-heading { font-size: 34px; line-height: 40px; padding: 38px 0 2px; font-weight: 600; } .lte-tablets-laptops-and-pcs #viewAllRedesign-hero-banner .c-feature > div > p.c-paragraph-1 { font-size: 18px; line-height: 24px; } } .hubmain.view-all .m-product-placement-item .c-badge a.c-hyperlink:focus, .hubmain.compare-devices .m-product-placement-item .c-badge a.c-hyperlink:focus { padding: 1px; } .hubmain.view-all .m-product-placement-item span.c-badge.f-small.f-highlight, .hubmain.compare-devices .m-product-placement-item span.c-badge.f-small.f-highlight { padding: 7px 7px; } .hubmain.view-all .m-product-placement-item span.c-badge.f-small.f-highlight sup, .hubmain.compare-devices .m-product-placement-item span.c-badge.f-small.f-highlight sup { margin-left: 3px; } @media only screen and (min-width:320px) and (max-width:330px) { .hubmain.view-all .m-product-placement-item span.c-badge.f-small.f-highlight, .hubmain.compare-devices .m-product-placement-item span.c-badge.f-small.f-highlight { line-height: 22px; } .hubmain.view-all a.c-hyperlink.supBLink:focus { outline: 1px dashed #000 !important } .hubmain.view-all a.c-hyperlink.supBLink { outline-offset: -3px !important; } .hubmain.view-all a.c-hyperlink:focus { padding: 3px 5px; } } /*Accessbility fixes start*/ @media (prefers-contrast: more) { .variants-price-select a, button.retailer-link { border: 2px solid transparent !important; } button#border1-generated-select-menu-trigger:focus, button#border1-generated-select-menu-trigger:focus:hover { color: Highlight !important; background: transparent !important; } .c-menu-item a[aria-checked="true"], .c-menu-item a[aria-selected="true"], .c-menu-item span[aria-checked="true"], .c-menu-item span[aria-selected="true"], .c-menu-item button[aria-checked="true"], .c-menu-item button[aria-selected="true"] { background: highlight; } .c-menu-item a:focus, .c-menu-item span:focus, .c-menu-item button:focus { background: grayText; } .c-table thead th.variantsDataHead button { border: none; outline: none; } .c-table thead th.variantsDataHead button:before { border: none; } .c-table thead th.variantsDataHead button:focus { border: 1px dashed transparent; } .c-choice-summary button.c-action-trigger.c-glyph:focus, .c-choice-summary a.c-action-trigger.c-glyph:focus { border: none; outline: none; } #view-all .c-select-menu button, #selectionsDisplay .c-choice-summary, #selectionsDisplay .c-choice-summary a { border: none; } #view-all .c-select-menu button, #selectionsDisplay .c-choice-summary, #selectionsDisplay .c-choice-summary { border: 1px solid transparent; } #viewAllRedesign-results-categories .categoryHeaderBottom a:focus { border: 2px solid transparent; } .c-choice-summary button.c-action-trigger.c-glyph:after, .c-choice-summary a.c-action-trigger.c-glyph:after { border: none; } /*#view-all .priceSelections #borderResults-generated-select-menu-trigger:focus, #view-all .priceSelections #borderResults-generated-select-menu-trigger:focus:hover { color: HighlightText !important; background-color: Highlight !important; }*/ #compare-devices.comapre-devicesMainClass sup .c-hyperlink.supBLink, .compare-devices.comapre-devicesMainClass .m-product-placement-item > div sup a supText, #compare-devices sup .c-hyperlink.supBLink, #view-all #results-devices li .m-product-placement-item span.supText { z-index:0 !important; } } #compare-devices.comapre-devicesMainClass sup .c-hyperlink.supBLink span.supText { font-size: 11px; color: #0067b8; padding: 0; line-height: normal; } .retailer-link button:focus { text-decoration: underline; } .variants-price-select a:focus { text-decoration: underline; } div.c-toggle button[aria-pressed='true'] { background: #0067b8; border-color: #0067b8; } div.c-toggle button[aria-pressed='true']:after { left: 28px; background: #fff; } /*Accessbility fixes end*/ #view-all .filterBy #selectors .c-checkbox input[type="checkbox"] { border: 2px solid #767676; } #view-all .m-product-placement-item .iconimagesheading .device-additional-features-heading .badge-tooltip { font-weight: 600; font-size: 16px; line-height: 24px; color: #0078D4; position: relative; top: 4px; left: 4px; } /*.popup-container .top-block-pu .c-glyph.glyph-info:before { color: #0078D4 !important; font-weight: 400; font-size: 16px; line-height: 24px; }*/ #view-all .m-highlight-feature .c-paragraph-2 { font-weight: 400; } #view-all .numberlistpanel .nonumber .numberlistbanner .content p.c-paragraph-1 { font-weight: 400; font-size: 18px; line-height: 24px; } #view-all .herowithgradientline-blue .linearHorzontalLineLeft-blue { background: linear-gradient(90deg, #0067B8 0.26%, #50E6FF 98.33%); } #view-all #selectionsDisplay .c-choice-summary span { font-size: 15px; line-height: 20px; font-weight: 400; } #view-all div#featuredBanner .c-heading { font-weight: 600; } #view-all .m-product-placement-item .iconimagesheading .device-additional-features-heading { font-size: 15px !important; line-height: 20px !important; font-weight: 600; } .popup-container span.additional-features-heading, .popup-container .color-swatches .sub-content-grid .swatch span { font-size: 18px !important; line-height: 24px !important; font-weight: 600; } .popup-container .additional-features-dynamic span { font-size: 18px !important; line-height: 24px !important; font-weight: 400; color: #000; } .popup-container .device-left-data { padding-right: 55px; } #view-all .paragraph-update { /*padding-right: 15px;*/ font-weight: 400; font-size: 18px; line-height: 24px; color: #5E5E5E; } #view-all .iconimagesheading .display-features span:not(.supText) { color: #5E5E5E; } #compare-devices.compare-devices a.hatch-button { color: #fff !important; background: #0078D4 !important; padding: 8px 24px 7px !important; font-size: 15px; line-height: 23px; } #view-all .m-product-placement-item.view-all-devices a.hatch-button { height: 42px; padding: 9px 0px 8px 0px !important; line-height: 21px; } #view-all .m-product-placement-item.view-all-devices a.c-call-to-action.hardcodelink:after, #compare-devices.compare-devices a.hatch-button.hardcodelink:after { margin-top: 0; top: 1px; content: ""; } #view-all .m-product-placement-item.view-all-devices a.c-call-to-action.hardcodelink { padding: 8px 15px 7px 15px !important; line-height: 21px; } #view-all .m-product-placement-item.view-all-devices a.c-call-to-action.hardcodelink svg { position: relative; left: 5px; top: 2px; } @media screen and (min-width: 1084px) { #view-all .numberlistpanel { background: #F9F9F9; } #viewAllRedesign-results-categories .categoryHeaderBottom .x-type-right { margin-right: 18px; } .categoryHeaderBottom .c-select { margin-right: 0px !important; } } @media only screen and (min-width: 768px) and (max-width: 1083px) { .categoryHeaderBottom .c-select { margin-right: -8px; } #view-all .numberlistpanel { padding: 60px 0px; clear: both; } #view-all #viewAllRedesign-filter-filterBy fieldset legend.c-subheading-2 { padding: 4px 0 8px 2px; font-weight: 600; } } #view-all .bg-color-num .numberlist .structure-container:nth-last-child(2) { border-bottom: none; } #view-all .bg-color-num .numberlist .structure-container:nth-last-child(2) .c-structured-list { margin-bottom: 0px; } .compare-devices .techspecs .c-table.f-divided tbody tr:first-child { display: none; } .compare-devices .techspecs .c-table.f-divided tbody tr:nth-child(2) { border-top: 1px solid #dbdbdb; } @media screen and (max-width: 540px) { #viewAllRedesign-filter-featureKey .feature-key h2, #viewAllRedesign-filter-filterBy .filterBy h2 { font-size: 24px; line-height: 28px; font-weight: 600; padding-bottom: 24px; } } @media screen and (max-width: 767.98px) { #view-all #viewAllRedesign-hero-banner .c-feature > div > h1.c-heading { margin-top: 0px; } #view-all .herowithgradientline-blue .c-feature > div { margin-bottom: 18px !important; margin-top: 50px !important; } #view-all #viewAllRedesign-filter-filterBy .filterBy h2 { padding-top: 12px; } #view-all #viewAllRedesign-filter-filterBy .filterBy h2  { padding-bottom: 24px; padding-top: 12px; } #view-all .numberlistpanel { padding-bottom: 36px !important; clear: both; } #viewAllRedesign-filter-filterBy [data-category=primaryactivities] legend span { display: none; } #view-all .numberlist-structurelist .numberlistbanner .content { padding-bottom: 70px; border-top: solid #acacac 0.5px; padding-top: 40px; } #viewAllRedesign-filter-filterBy [data-category=primaryactivities] legend.c-subheading-2 { border-top: 1px solid rgba(0,0,0,.2) !important; } #viewAllRedesign-filter-filterBy [data-category=primaryactivities] legend.c-subheading-2, #viewAllRedesign-filter-filterBy [data-category=brand] legend.c-subheading-2, #viewAllRedesign-filter-filterBy [data-category=feature] legend.c-subheading-2, #viewAllRedesign-filter-filterBy [data-category=Category] legend.c-subheading-2, #viewAllRedesign-filter-filterBy [data-category=price] legend.c-subheading-2 { padding-top: 20px; padding-bottom: 20px; } .filterBy #selectors fieldset { margin-top: 0px; } #view-all .categoryHeaderBottom .sortBy span, #view-all .numberlistpanel .nonumber .numberlistbanner .content p.c-paragraph-1 { font-size: 15px; line-height: 20px; } #view-all .m-highlight-feature .c-paragraph-2 { font-size: 18px; line-height: 24px; } #view-all .numberlist-structurelist .numberlistbanner .content { padding-bottom: 70px; } #view-all .m-structured-list .structure-item h3.c-heading-3 { font-size: 24px; line-height: 28px; } #view-all .m-product-placement-item .iconimagesheading .device-additional-features-heading, .popup-container span.additional-features-heading { font-size: 18px !important; line-height: 24px !important; font-weight: 600; } #view-all .paragraph-update { /*padding-left: 5%; padding-right: 5%;*/ font-weight: 400; font-size: 15px; line-height: 20px } } @media screen and (min-width: 1400px) { #view-all .numberlistpanel .numberlist-structurelist .numberlist { min-height: 728px !important; } } @media screen and (max-width: 1083px) { #view-all .herowithgradientline-blue .c-feature > div { text-align: left !important; margin-left: 0; padding-left: 0; font-weight: 400; font-size: 15px; line-height: 20px; } #view .herowithgradientline-blue .c-feature > div .c-group { text-align: left !important; } #view-all #viewAllRedesign-hero-banner .c-feature > div p { font-size: 15px; line-height: 20px; font-weight: 400 !important; } } #viewAllRedesign-results-categories .c-checkbox input[type="checkbox"]:disabled + span:before { box-shadow: inset 0 0 0 1px rgba(0,0,0,.2); border: none; } @media screen and (min-width: 1083px) { #viewAllRedesign-results-categories .categoryHeaderBottom { padding-bottom: 12px; } #viewAllRedesign-results-categories .m-content-placement [data-grid="col-4"] { padding: 12px; } } #selectors fieldset .c-checkbox input[type="checkbox"] + span { font-weight: 600; } #view-all .filterBy #selectors .c-checkbox input[value="Longbatterylife"] + span { line-height: 28px !important; } sup { margin-left: 3px; } .hubmain.view-all-devices a.c-hyperlink:focus { padding: 2px 4px !important; } /* wave 3 css starts*/ .sticky_compare_bar .threedeviceswavethree .m-product-placement-item a.c-call-to-action span{ display:inline; } #compare-devices.comapre-devicesMainClass .sticky_compare_bar .m-product-placement-item a.c-call-to-action:after { display: none; } #compare-devices.comapre-devicesMainClass .sticky_compare_bar .m-product-placement-item a.c-call-to-action.stickyblankclass::after{ display:inline; top: 3px; } #compare-devices.comapre-devicesMainClass .techspecswavethree tbody td.set-width-table{ width:50%; } #compare-devices.comapre-devicesMainClass .techspecswavethree tbody td.setwidthSpecTable{ width:33.33%; } #compare-devices.comapre-devicesMainClass span.c-tooltip { left: -85px !important; top: 30px !important; width: 200px; font-size: 13px; font-style: normal; font-weight: 400; line-height: 16px; border-radius:0px; border: 1px solid rgba(0, 0, 0, 0.30); background: #F2F2F2; text-align: left; } #compare-devices.comapre-devicesMainClass .threedeviceswavethree .device_1_data-product-compare-rating, #compare-devices.comapre-devicesMainClass .threedeviceswavethree .device_2_data-product-compare-rating, #compare-devices.comapre-devicesMainClass .threedeviceswavethree .device_3_data-product-compare-rating { margin-bottom: 20px; margin-top : 20px; } #compare-devices.comapre-devicesMainClass .sticky_compare_bar .threedeviceswavethree .m-product-placement-item h2.c-heading-6 { padding: 0; margin-bottom: 0; margin-top: 0; } #compare-devices.comapre-devicesMainClass .sticky_compare_bar .threedeviceswavethree .m-product-placement-item .price { margin-top : 20px; } #compare-devices.comapre-devicesMainClass .threedeviceswavethree .device_1_data-product-compare-rating, #compare-devices.comapre-devicesMainClass .threedeviceswavethree .device_2_data-product-compare-rating, #compare-devices.comapre-devicesMainClass .threedeviceswavethree .device_3_data-product-compare-rating { display: flex; justify-content: center; } #compare-devices.comapre-devicesMainClass .threedeviceswavethree .m-product-placement-item .price { text-align: center; font-size: 18px; font-weight: 600; line-height: 24px; width: auto !important; height: auto !important; } #compare-devices.comapre-devicesMainClass .techspecswavethree tbody td { padding-left: 15px; padding-right: 15px; } #compare-devices.comapre-devicesMainClass #compareThreeDevices-panel-1 .threedeviceswavethree > div{ padding-left: 0px; padding-right: 0px; } #compare-devices.comapre-devicesMainClass .sticky_compare_bar .threedeviceswavethree > div { padding-left: 0px; padding-right: 0px; } #compare-devices.comapre-devicesMainClass .threedeviceswavethree .compare-device-paragraph { margin: 2% 0 !important; text-align: center; font-size: 18px; font-style: normal; font-weight: 400; line-height: 26px; } #compare-devices.comapre-devicesMainClass #compare-heroItemID .c-group a.c-call-to-action:focus, #compare-devices.comapre-devicesMainClass #numberListId .numberlist-structurelist a.c-call-to-action:focus{ outline: #000 dashed 2px; padding: 10px 3px 7px 0 !important; } #compare-devices.comapre-devicesMainClass a.c-call-to-action.c-glyph { padding: 10px 3px 7px 0; position: relative; border: 2px solid transparent; outline: 2px solid transparent; outline-offset: -2px; margin-left: 0; color: #0067b8; background: transparent; transition: none; text-decoration: none; } #compare-devices .compare-device-paragraph a{ padding:0; outline-offset: -1px; outline: 2px solid transparent; } #compare-devices .compare-device-paragraph a:focus{ padding:0; } #compare-devices.comapre-devicesMainClass .complete_compare_panel div.threedeviceswavethree .c-heading-1{ text-align:center; } #compare-devices.comapre-devicesMainClass .threedeviceswavethree .m-product-placement-item .c-group { justify-content: center; } #compare-devices.comapre-devicesMainClass .threedeviceswavethree .m-product-placement-item h2.c-heading-6 { text-align: center; } #compare-devices.comapre-devicesMainClass .complete_compare_panel div.threedeviceswavethree .c-heading-1 { padding-top: 0px; } #compare-devices.comapre-devicesMainClass .valid-compare-page .threedeviceswavethree .m-product-placement-item h2.c-heading-6 { padding-top: 2.5%; font-weight: 400; } #compare-devices.comapre-devicesMainClass .complete_compare_panel div.threedeviceswavethree .m-product-placement-item { padding: 20px 16px; border: 1px solid #d7d7d7; } #compare-devices.comapre-devicesMainClass .complete_compare_panel div.threedeviceswavethree img { width: auto; } #compare-devices.comapre-devicesMainClass .complete_compare_panel div.threedeviceswavethree picture img { max-width: 100%; } #compare-devices.comapre-devicesMainClass .complete_compare_panel div.threedeviceswavethree .c-heading-1 { padding: 37px 0 3px; color: #000; text-align: center; font-size: 62px; font-weight: 600; line-height: 72px; } #compare-devices.comapre-devicesMainClass .sticky_compare_bar .threedeviceswavethree h1.c-heading-1, #compare-devices.comapre-devicesMainClass .threedeviceswavethree h2.c-heading-1 { display: none; } #compare-devices.comapre-devicesMainClass .complete_compare_panel .threedeviceswavethree { margin-top: 60px; } #compare-devices.comapre-devicesMainClass .sticky_compare_bar .threedeviceswavethree { position: fixed; top: 0; background: #f2f2f2; border-bottom: 1px solid #000; width: 100%; z-index: 99999; } #compare-devices.comapre-devicesMainClass .sticky_compare_bar .threedeviceswavethree { z-index: 99999; padding-top: 20px; padding-bottom: 20px; } #compare-devices.comapre-devicesMainClass .threedeviceswavethree .c-paragraph .c-hyperlink { text-decoration: underline; } #compare-devices.comapre-devicesMainClass .sticky_compare_bar .threedeviceswavethree h2.c-heading-1, #compare-devices.comapre-devicesMainClass .threedeviceswavethree h1.c-heading-1 { display: block; } #compare-devices.comapre-devicesMainClass #laptop-techspecswavethree .c-heading-2, #compare-devices.comapre-devicesMainClass #featurekeyslist .c-heading-2 { font-size: 29px; font-style: normal; font-weight: 600; line-height: 34px; } #compare-devices.comapre-devicesMainClass .techspecswavethree tbody td .technicalbadge { display: inline; } #compare-devices.comapre-devicesMainClass .techspecswavethree tbody td > div.tooltipInfoCopy > a { display: flex; } #compare-devices.comapre-devicesMainClass .techspecswavethree tbody td > div { font-size: 37px; font-style: normal; font-weight: 600; line-height: 44px; top: 5px; } .compare-devices.comapre-devicesMainClass .techspecswavethree .c-table.f-divided tbody tr { border-bottom: none; } #compare-devices.comapre-devicesMainClass .techspecswavethree tbody td .technicalbadge { display: inline; } #compare-devices.comapre-devicesMainClass .techspecswavethree tbody td > div.tooltipInfoCopy > a { display: flex; } #compare-devices.comapre-devicesMainClass .techspecswavethree tbody td > div { font-size: 37px; font-style: normal; font-weight: 600; line-height: 44px; top: 5px; } .compare-devices.comapre-devicesMainClass .techspecswavethree .c-table.f-divided tbody tr { border-bottom: none; } .comapre-devicesMainClass #featurekeyslist .c-table.f-divided tbody tr.Coptionsfeatureclass td > p.c-group { display: flex; justify-content: center; } #compare-devices.comapre-devicesMainClass .techspecswavethree tbody td > p { font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; } #compare-devices.comapre-devicesMainClass .techspecswavethree tbody td { text-align: center; } .compare-devices.comapre-devicesMainClass .complete_compare_panel .threedeviceswavethree [data-grid="col-4"] { padding: 12px; } #compare-devices.comapre-devicesMainClass .techspecswavethree tbody tr[data-spec='Colors'] td { padding-top: 48px; } #compare-devices.comapre-devicesMainClass #featurekeyslist .m-structured-list .c-structured-list { padding-top: 46px; } #compare-devices.comapre-devicesMainClass #featurekeyslist .m-structured-list .c-structured-list ul{ padding-right: 0; } #compare-devices.comapre-devicesMainClass #featurekeyslist .m-structured-list .c-structured-list ul > li { padding: 8px 15px; } #compare-devices.comapre-devicesMainClass .sticky_compare_bar .threedeviceswavetrhree .m-product-placement-item > div { padding: 5px 45px 5px 60px; align-items: center; } #compare-devices.comapre-devicesMainClass .sticky_compare_bar { height: auto !important; z-index: 1; background-color: #f2f2f2; border-bottom: 1px solid #000; position: fixed; width: 100%; top: 0px; } #compare-devices.comapre-devicesMainClass .uptotextcls { font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; } #compare-devices.comapre-devicesMainClass .techspecswavethree tbody td { padding-top: 24px; padding-bottom: 24px; } #compare-devices.comapre-devicesMainClass #featurekeyslist > div.m-banner { border-bottom: 1px solid #ACACAC; padding-bottom: 5px !important; } #compare-devices.comapre-devicesMainClass #featurekeyslist .c-heading-2 { padding-bottom: 31px; padding-top: 24px !important; } #compare-devices.comapre-devicesMainClass #numberListId-android { background-color: #f9f9f9; } /* .datafeatureFourK, .datafeatureSIM, .datafeatureeSIM, .datafeatureSmode, .datafeatureSecurity, .datafeatureTouch, .datafeatureInk, .datafeatureHello { display: none; } */ #compare-devices.comapre-devicesMainClass #viewAllRedesign-results-categories .m-content-placement [data-grid="col-4"] { padding: 12px; } .compare-devices.comapre-devicesMainClass .techspecswavethree .c-table.f-divided tbody tr:first-child { display: none; } .compare-devices.comapre-devicesMainClass .techspecswavethree .c-table.f-divided tbody tr:nth-child(2) { border-top: 1px solid #dbdbdb; } .comapre-devicesMainClass .techspecswavethree tbody th, .techspecs tbody td, .comapre-devicesMainClass #featurekeyslist tbody th, #featurekeyslist tbody td { width: 20%; } .comapre-devicesMainClass .techspecswavethree tbody th.two-column-row, .comapre-devicesMainClass .techspecswavethree tbody td.two-column-row, .comapre-devicesMainClass #featurekeyslist tbody th.two-column-row, .comapre-devicesMainClass #featurekeyslist tbody td.two-column-row { width: 40%; } .comapre-devicesMainClass .techspecswavethree .c-table.f-divided tbody tr:first-child, .comapre-devicesMainClass #featurekeyslist .c-table.f-divided tbody tr:first-child { border-top: 1px solid #dbdbdb; } .comapre-devicesMainClass #featurekeyslist tbody td.c-glyph { text-align: center; } .comapre-devicesMainClass #featurekeyslist tbody td.two-column-row { padding-right: calc(25% + 12px); } .comapre-devicesMainClass .techspecswavethree .c-table tbody th:first-child, .comapre-devicesMainClass #featurekeyslist .c-table tbody th:first-child { font-weight: bold; } .featureHellotextCopy, .featureInktextCopy, .featureFourKtextCopy, .featureSIMtextCopy, .featureeSIMtextCopy, .featureSmodetextCopy, .featureSecuritytextCopy, .featureTouchtextCopy, .featureeSIMtextCopy { display: none; } #compare-devices.comapre-devicesMainClass #featurekeyslist [data-features="WMR"], .zh-cn #compare-devices #featurekeyslist [data-features="ESIM"], .zh-cn #compare-devices #featurekeyslist [data-features="SIM"], .ru-ru #compare-devices #featurekeyslist [data-features="ESIM"], .ru-ru #compare-devices #featurekeyslist [data-features="SIM"], table [data-spec="HDMIPorts"] sup { display: none; } .comapre-devicesMainClass #featurekeyslist .c-tooltip { font-weight: normal; } #compare-devices.comapre-devicesMainClass #featurekeyslist span.c-tooltip { left: -85px !important; top: 30px !important; } #compare-devices.comapre-devicesMainClass #laptop-techspecswavethree .c-heading-2, #compare-devices.comapre-devicesMainClass #featurekeyslist .c-heading-2 { float: left; text-align: left; width: 100%; padding-left: 0px; padding-top: 5px; } #compare-devices.comapre-devicesMainClass #laptop-techspecswavethree table thead, #compare-devices.comapre-devicesMainClass #featurekeyslist table thead { display: table-caption; margin-top: -60px; padding-bottom: 20px; } #compare-devices.comapre-devicesMainClass #laptop-techspecswavethree .c-toggle, #compare-devices.comapre-devicesMainClass #featurekeyslist .c-toggle { float: right; clear: both; } .comapre-devicesMainClass #featurekeyslist .m-structured-list { padding-top: 30px; } .comapre-devicesMainClass #featurekeyslist > div.m-banner { border-bottom: 1px solid #ACACAC; } #compare-devices.comapre-devicesMainClass #featurekeyslist .c-heading-2 { padding-bottom: 31px; padding-top: 24px !important; } .comapre-devicesMainClass #featurekeyslist .m-structured-list .c-structured-list > div > ul > li > div { display: flex; padding: 8px 15px; justify-content: center; } .compare-devices .techspecswavethree .c-table.f-divided tbody tr:first-child { display: none; } .compare-devices .techspecswavethree .c-table.f-divided tbody tr:nth-child(2) { border-top: 1px solid #dbdbdb; } /* [lang="de-de"] .complete_compare_panel div.threedeviceswavethree .c-heading-1 { font-size: 27px !important; } */ /* [lang="fr-ca"] .complete_compare_panel div.threedeviceswavethree .c-heading-1, [lang="fr-fr"] .complete_compare_panel div.threedeviceswavethree .c-heading-1 { font-size: 35px !important; } */ .comapre-devicesMainClass .noTechclass{ font-size: 37px; font-style: normal; font-weight: 600; line-height: 44px; } .compare-devices.comapre-devicesMainClass .m-product-placement-item > div { padding-right: 0px; text-align:center; } .comapre-devicesMainClass .sticky_compare_bar .threedeviceswavethree .compare_devices a.c-call-to-action:hover span{ text-decoration: none; } .compare-devices.comapre-devicesMainClass .numberlist-structurelist[data-grid="container"] { margin-left: 0; margin-right: 0; } .compare-devices.comapre-devicesMainClass .numberlistpanel .nonumber .numberlistbanner .content p.c-paragraph-1 { font-weight: 400; font-size: 18px; line-height: 24px; } @media screen and (min-width: 1920px) { #compare-devices.comapre-devicesMainClass .sticky_compare_bar .threedeviceswavethree > div{ padding-left:5%; padding-right:5%; } } @media screen and (min-width: 1770px) { .compare-devices.comapre-devicesMainClass .m-highlight-feature > div { margin-left: calc((100% - 1600px) / 2); } } @media screen and (min-width: 1600px) { .compare-devices.comapre-devicesMainClass .numberlist-structurelist[data-grid="container"]{ margin:auto; } .comapre-devicesMainClass .sticky_compare_bar .deviceBadge .c-badge { width: 85%; } .comapre-devicesMainClass .sticky_compare_bar .threedeviceswavethree { max-width: none !important; } .comapre-devicesMainClass .sticky_compare_bar .deviceBadge .tooltipInfoCopy { width: 20px; } .comapre-devicesMainClass .sticky_compare_bar .threedevices .deviceBadge { min-height: 71px; } [lang="de-de"] .sticky_compare_bar .threedeviceswavetrhree .deviceBadge { min-height: 91px; } .comapre-devicesMainClass .sticky_compare_bar .threedeviceswavetrhree img { width: 100%; top: 50%; left: 50%; position: absolute; transform: translate(-50%,-50%); outline: 0; } .compare_devices.comapre-devicesMainClass .m-product-placement-item .f-default-image img { margin-top: 8px; } .comapre-devicesMainClass .sticky_compare_bar .m-product-placement-item .f-default-image + div { position: relative; top: 0; transform: none; left: 0; padding-right: 0; padding-left: 0; width: 100%; } .comapre-devicesMainClass .sticky_compare_bar .m-product-placement-item { width: 358px !important; margin-right: 0; } .comapre-devicesMainClass .sticky_compare_bar .m-product-placement-item .f-default-image + div .c-heading-6 { padding-top: 0; } .threedeviceswavetrhree [data-grid="col-12 stack-3"] > [data-grid="col-6 pad-6x"] > [data-grid="col-6"] > .m-product-placement-item.context-device { padding-top: 12%; padding-left: 16px; padding-right: 16px; } .comapre-devicesMainClass .sticky_compare_bar .hardcodedurlprice .c-tooltip, .comapre-devicesMainClass .sticky_compare_bar .c-price .c-tooltip { left: 0px !important; top: 70px !important; } .comapre-devicesMainClass .sticky_compare_bar .threedeviceswavetrhree { max-width: none !important; padding-left: 8%; } [lang="en-au"] #compare-devices.comapre-devicesMainClass .sticky_compare_bar .ps-widget:hover + div.ps-wtb-button-disclaimer { z-index: 10; right: 0; left: auto; } .comapre-devicesMainClass .sticky_compare_bar .f-default-image { width: 50% !important; float: left; } div.threedeviceswavetrhree .m-product-placement-item { float: left; } #compare-devices.comapre-devicesMainClass .sticky_compare_bar .m-product-placement-item { height: auto !important; text-align: center; width: 100% !important; } } #compare-devices.comapre-devicesMainClass #featurekeyslist .m-structured-list .c-structured-list ul > li > p{ font-size: 16px; font-style: normal; font-weight: 600; line-height: 24px; } #compare-devices.comapre-devicesMainClass .techspecswavethree tbody tr[data-spec='GPU'] td div, #compare-devices.comapre-devicesMainClass .techspecswavethree tbody tr[data-spec='CPU'] td div, #compare-devices.comapre-devicesMainClass .techspecswavethree tbody tr[data-spec='CPU'] td .noTechclass, #compare-devices.comapre-devicesMainClass .techspecswavethree tbody tr[data-spec='GPU'] td .noTechclass, #compare-devices.comapre-devicesMainClass .techspecswavethree tbody tr[data-spec='CPU'] td > div > p, #compare-devices.comapre-devicesMainClass .techspecswavethree tbody tr[data-spec='GPU'] td > div > p{ font-size: 16px; font-style: normal; font-weight: 600; line-height: 24px; } #compare-devices.compare-devices .sticky_compare_bar a.hatch-button { margin: 0; height: 42px !important; } #compare-devices.comapre-devicesMainClass .techspecswavethree tbody td p.natechnicalbadge{ display:block; } html:not([lang="en-us"]) #compare-devices.comapre-devicesMainClass #laptop-techspecswavethree .c-heading-2 { padding-bottom: 31px; } @media screen and (min-width: 1400px){ .comapre-devicesMainClass .numberlistpanel .numberlist-structurelist .numberlist { min-height: 728px !important; } } @media only screen and (min-width: 1084px) { .comapre-devicesMainClass .numberlistpanel .numberlist-structurelist .numberlist { min-height: 690px; } .comapre-devicesMainClass .numberlistpanel{ padding-top: 100px; padding-bottom: 90px; } .comapre-devicesMainClass .numberlistpanel { clear: both; background: #F9F9F9; } #compare-devices.comapre-devicesMainClass .complete_compare_panel div.threedeviceswavethree .m-product-placement-item { border: none !important; } #compare-devices.valid-compare-page .threedeviceswavethree .m-product-placement-item h2.c-heading-6 { font-size: 24px; font-style: normal; font-weight: 600; line-height: 28px; margin-bottom: 20px; padding-top: 0; margin-top: 37px; } #compare-devices #laptop-techspecswavethree .c-heading-2, #compare-devices #featurekeyslist .c-heading-2 { font-size: 29px; font-style: normal; font-weight: 600; line-height: 34px; } #compare-heroItemID .m-hero-item.f-transparent > div { margin-left: 10px; } #compare-heroItemID .m-hero-item.f-transparent > div > div { background: #fff; padding: 20px; border-radius: 6px; opacity: 0.7; transform: translate(-55%, -50%); top: 50%; left: 25% !important; } } @media screen and (min-width: 768px) and (max-width: 1083px) { .comapre-devicesMainClass .threedeviceswavethree [data-grid~="col-6"] { padding:10px; } .comapre-devicesMainClass .numberlistpanel { padding: 60px 0px; clear: both; } } @media screen and (min-width: 540px) and (max-width: 1083px) { .valid-compare-page .threedeviceswavethree [data-grid="col-6 pad-6x"]:last-child { margin-top: 2%; } .comapre-devicesMainClass .sticky_compare_bar .threedeviceswavethree > div .equal-height{ padding-top:5px; margin-top:0px; } #compare-devices.comapre-devicesMainClass .sticky_compare_bar .threedeviceswavethree{ padding-left:5%; padding-right:5%; } #compare-devices .techspecswavethree tbody td > div, #compare-devices .techspecswavethree tbody td > div > p { line-height: 30px; font-size: 28px; } .comapre-devicesMainClass .sticky_compare_bar .threedeviceswavethree > div { display: flex; } .valid-compare-page .threedeviceswavethree [data-grid="col-6 pad-6x"]:last-child { margin-top: 0; } .comapre-devicesMainClass .sticky_compare_bar .threedeviceswavethree > div .deviceBadge, .comapre-devicesMainClass .sticky_compare_bar .threedeviceswavethree > div .equal-height { height: auto; } .valid-compare-page .threedeviceswavethree .m-product-placement-item h2.c-heading-6 { height: auto; } .comapre-devicesMainClass .sticky_compare_bar .threedeviceswavethree > div .equal-height, .comapre-devicesMainClass .sticky_compare_bar .threedeviceswavethree > div .price { font-size: 15px !important; line-height: 20px !important; } } @media screen and (max-width: 1083px) { #compare-devices.comapre-devicesMainClass .complete_compare_panel div.threedeviceswavethree .c-heading-1 { font-size: 40px; line-height: 50px; padding: 37px 0 3px; } #compare-devices.comapre-devicesMainClass .threedeviceswavethree .compare-device-paragraph{ font-size: 15px; line-height: 22px; } #compare-devices #laptop-techspecswavethree, #compare-devices #featurekeyslist { padding-left: 2% !important; padding-right: 2% !important; } #compare-heroItemID .m-hero-item.f-transparent > div > div { transform: translate(0%, 10%); } #compare-devices.comapre-devicesMainClass #compareThreeDevices-panel-1 .threedeviceswavethree > div{ padding-left:5%; padding-right:5%; } #compare-devices.comapre-devicesMainClass .sticky_compare_bar .threedeviceswavethree{ padding-left:5%; padding-right:5%; } } .comapre-devicesMainClass .m-highlight-feature .c-paragraph-2{ font-weight: 400; } @media screen and (min-width: 768px) { .comapre-devicesMainClass .m-highlight-feature > div .c-paragraph-2 { font-size: 15px; line-height: initial; } .comapre-devicesMainClass .m-highlight-feature > div .c-heading-2 { font-size: 32px; line-height: initial; } } @media screen and (max-width: 767px) { #compare-devices.comapre-devicesMainClass .sticky_compare_bar .threedeviceswavethree{ padding-top:0px; padding-bottom:0px; } #compare-devices.comapre-devicesMainClass .sticky_compare_bar .threedeviceswavethree .device_1_data a, #compare-devices.comapre-devicesMainClass .sticky_compare_bar .threedeviceswavethree .device_2_data a, #compare-devices.comapre-devicesMainClass .sticky_compare_bar .threedeviceswavethree .device_3_data a{ font-weight:400 !important; padding-bottom: 5px; line-height:normal; } #compare-devices.comapre-devicesMainClass .sticky_compare_bar .threedeviceswavethree .device_1_data .m-product-placement-item .price, #compare-devices.comapre-devicesMainClass .sticky_compare_bar .threedeviceswavethree .device_2_data .m-product-placement-item .price, #compare-devices.comapre-devicesMainClass .sticky_compare_bar .threedeviceswavethree .device_3_data .m-product-placement-item .price { margin-top:0px; } .comapre-devicesMainClass .numberlistpanel { padding: 50px 0px; clear: both; } .comapre-devicesMainClass .numberlist-structurelist .numberlistbanner .content { padding-bottom: 70px; border-top: solid #acacac 0.5px; padding-top: 40px; } #viewAllRedesign-results-categories section.m-product-placement-item.f-size-large.context-device.view-all-devices { height: auto !important; } .comapre-devicesMainClass section.m-product-placement-item.compare-devices-height { margin-top: 2% !important; } .comapre-devicesMainClass .threedeviceswavethree [data-grid~="col-6"]{ padding-left:15px; padding-right:15px; } .comapre-devicesMainClass .threedeviceswavethree .context-device{ padding-bottom:10px; } #compare-devices #laptop-techspecswavethree table tr .c-heading-2, #compare-devices #featurekeyslist .c-heading-2 { width: auto; } #compare-devices #featurekeyslist .c-heading-2, #compare-devices #featurekeyslist .c-toggle { flex: 1; padding: 10px; } #compare-devices #featurekeyslist .m-banner { display: flex; margin: 0 auto; } #compare-devices.comapre-devicesMainClass #laptop-techspecswavethree .c-heading-2 { margin-bottom: 0px; } #compare-devices.comapre-devicesMainClass #numberListId-android { padding: 50px 0; } .comapre-devicesMainClass #compare-heroItemID .m-hero-item.f-transparent > div > div { top: 55%; transform: translate(-50%, -50%); left: 50%; } .comapre-devicesMainClass .sticky_compare_bar.hide div.threedeviceswavethree .m-product-placement-item{ padding: 20px 16px; border: 1px solid #d7d7d7; } } @media only screen and (min-width: 541px) and (max-width: 767px) { .comapre-devicesMainClass .sticky_compare_bar .threedeviceswavethree [data-grid~="col-4"], #compare-devices #featurekeyslist .m-structured-list .c-structured-list[data-grid~="col-4"] { width: 33.333% !important; float: left; } .comapre-devicesMainClass .sticky_compare_bar .threedeviceswavethree [data-grid~="col-6"]{ width: 50% !important; float: left; } .compare-devices.comapre-devicesMainClass #featurekeyslist [data-grid="col-6"] { width: 50% !important; float: left; } .comapre-devicesMainClass #featurekeyslist .m-structured-list div[data-grid~=col-4], .comapre-devicesMainClass .sticky_compare_bar .threedeviceswavetrhree div[data-grid~=col-4] { width: 33.333%; } .compare-devices.comapre-devicesMainClass .complete_compare_panel .threedeviceswavetrhree [data-grid="col-6"] { width: 50%; } .compare-devices.comapre-devicesMainClass [data-grid="col-6"] { width: 50%; float: left; } #compare-devices .techspecswavethree tbody td > div > p, #compare-devices .techspecswavethree tbody td > div { font-size: 20px !important; line-height: 24px !important; } #compare-devices #laptop-techspecswavethree .c-heading-2, #compare-devices #featurekeyslist .c-heading-2 { font-size: 28px !important; line-height: 34px !important; } #compare-devices #featurekeyslist .m-banner, #compare-devices #laptop-techspecswavethree .m-banner { padding-top: 12px !important; padding-bottom: 6px !important; } .comapre-devicesMainClass .sticky_compare_bar .threedeviceswavethree { padding-top: 10px; padding-bottom: 10px; } .comapre-devicesMainClass .sticky_compare_bar .threedeviceswavethree > div .deviceBadge .c-badge { font-size: 10px; line-height: normal; } .comapre-devicesMainClass .sticky_compare_bar .threedeviceswavethree > div .equal-height { font-size: 15px; line-height: 20px; } .comapre-devicesMainClass .sticky_compare_bar .threedeviceswavethree > div .c-group { margin-top: 5px; } #compare-devices.comapre-devicesMainClass .sticky_compare_bar .threedeviceswavethree .m-product-placement-item h2.c-heading-6 { margin-bottom: 5px; } .comapre-devicesMainClass .sticky_compare_bar .threedeviceswavethree > div .c-group a.c-call-to-action { font-size: 10px; } .comapre-devicesMainClass .sticky_compare_bar .threedeviceswavethree > div .c-group a.c-call-to-action:not(.glyph-play):after { margin-top: 1px; } .comapre-devicesMainClass .sticky_compare_bar .c-heading-1 { font-size: 20px; } .comapre-devicesMainClass .c-rating[data-value] div:before, .c-rating[data-value] div:after { font-size: 10px; } .comapre-devicesMainClass .sticky_compare_bar .reviewsCount { font-size: 13px; } .comapre-devicesMainClass .c-rating[data-value] div { width: 70px; } .comapre-devicesMainClass .sticky_compare_bar .threedeviceswavethree .context-device { padding-bottom: 5px; } .comapre-devicesMainClass .sticky_compare_bar section.m-product-placement-item.compare-devices-height { margin-top: 0; } } @media screen and (max-width: 540px) { #compare-devices #laptop-techspecswavethree .heading-div .c-heading-2, #compare-devices #featurekeyslist .heading-div .c-heading-2 { font-size: 28px; line-height: 34px; } #compare-devices.comapre-devicesMainClass #featurekeyslist .m-structured-list .c-structured-list ul > li { padding:8px 8px; } #compare-devices.comapre-devicesMainClass .techspecswavethree tbody tr td .tooltipInfoCopy span { text-align: left; } #compare-devices.comapre-devicesMainClass .techspecswavethree tbody tr td:first-child .tooltipInfoCopy span{ left: 0 !important; } #compare-devices.comapre-devicesMainClass .techspecswavethree tbody tr td:last-child .tooltipInfoCopy span{ left: auto !important; right : 0px !important; } #compare-devices.comapre-devicesMainClass #featurekeyslist .featuredevice-1 li.f-row .tooltipInfoCopy span{ left:0px !important } #compare-devices.comapre-devicesMainClass #featurekeyslist .featuredevice-3 li.f-row .tooltipInfoCopy span{ left: auto !important; right : 0px !important; } #compare-devices.comapre-devicesMainClass #featurekeyslist .m-structured-list > .c-structured-list:last-child li.f-row .tooltipInfoCopy span{ left: auto !important; right : 0px !important; } } @media only screen and (max-width: 539px) { #compare-devices.comapre-devicesMainClass #featurekeyslist .m-structured-list p{ font-size:12px; line-height:normal; } #compare-devices .techspecswavethree tbody td > div, #compare-devices .techspecswavethree tbody td > div > p { line-height: 20px; font-size: 15px; } #compare-devices #featurekeyslist .m-structured-list .c-structured-list[data-grid~="col-4"] { width: 33.333% !important; float: left; } .compare-devices #featurekeyslist [data-grid="col-6"] { width: 50% !important; float: left; } #compare-devices .techspecswavethree tbody td > div > p, #compare-devices .techspecswavethree tbody td > div { font-size: 20px !important; line-height: 24px !important; } #compare-devices.comapre-devicesMainClass #laptop-techspecswavethree .c-heading-2, #compare-devices.comapre-devicesMainClass #featurekeyslist .c-heading-2 { font-size: 28px !important; line-height: 34px !important; } #compare-devices.comapre-devicesMainClass #featurekeyslist .m-banner, #compare-devices.comapre-devicesMainClass #laptop-techspecswavethree .m-banner { padding-top: 12px !important; padding-bottom: 6px !important; } } @media only screen and (min-width: 615px) and (max-width: 640px) { .compare-devices.comapre-devicesMainClass .complete_compare_panel .threedeviceswavetrhree .context-device { padding-left: 5%; padding-right: 5%; } } @media only screen and (min-width: 540px) and (max-width: 699px) { #compare-devices.comapre-devicesMainClass span.c-tooltip.thirdtooltip-adjust { left:auto !important; right: 0 !important; } #compare-devices.comapre-devicesMainClass span.c-tooltip.secondtooltip-adjust { left:-95px !important; } #compare-devices.comapre-devicesMainClass span.c-tooltip.firsttooltip-adjust { left:0px !important; } #compare-devices.comapre-devicesMainClass #featurekeyslist .m-structured-list{ padding-top:10px; } #compare-devices.comapre-devicesMainClass #featurekeyslist .m-structured-list p{ font-size:10px; line-height:12px; } #compare-devices.comapre-devicesMainClass #featurekeyslist .m-structured-list sup .c-hyperlink.supBLink{ font-size:10px; line-height:12px; } /*#compare-devices.comapre-devicesMainClass #featurekeyslist .m-structured-list img, #compare-devices.comapre-devicesMainClass .techspecswavethree tbody td > div img{ width:15px; }*/ #compare-devices.comapre-devicesMainClass #compare-heroItemID{ margin-top:10px !important; } #compare-devices.comapre-devicesMainClass #featurekeyslist .m-structured-list .c-structured-list ul > li { padding:4px 15px; } #compare-devices.comapre-devicesMainClass .nonumber .numberlist .m-structured-list.structure-container .c-structured-list .c-call-to-action { padding: 5px 3px 7px 0 !important; } #compare-devices.comapre-devicesMainClass #numberListId-android{ padding:30px 0 !important; } #compare-devices.comapre-devicesMainClass .numberlist a.c-call-to-action:not(.glyph-play):after{ margin: 5px !important; margin-left: 0px !important; } #compare-devices.comapre-devicesMainClass .number .m-structured-list.structure-container .c-structured-list{ margin: 0 0 12px 0; } #compare-devices.comapre-devicesMainClass .number .m-structured-list.structure-container .c-structured-list .structure-item h3{ padding:12px 0 2px; } #compare-devices.comapre-devicesMainClass #featurekeyslist .m-structured-list span.c-tooltip.thirdtooltip-adjust { left:auto !important; right: 0 !important; } #compare-devices.comapre-devicesMainClass #featurekeyslist .m-structured-list span.c-tooltip.firsttooltip-adjust { left:0px !important; } } @media only screen and (min-width: 318px) and (max-width: 374px) { #compare-devices.comapre-devicesMainClass span.c-tooltip.thirdtooltip-adjust { left:auto !important; right: 0 !important; width: 95px; } #compare-devices.comapre-devicesMainClass span.c-tooltip.secondtooltip-adjust { left:-95px !important; width: 95px; } #compare-devices.comapre-devicesMainClass span.c-tooltip.firsttooltip-adjust { left:0px !important; width: 95px; } .compare-devices.comapre-devicesMainClass .complete_compare_panel .threedeviceswavetrhree .context-device { padding-left: 5%; padding-right: 5%; } #compare-devices.comapre-devicesMainClass .complete_compare_panel .threedeviceswavethree { margin-top:15px !important; } #compare-devices.comapre-devicesMainClass .complete_compare_panel div.threedeviceswavethree .c-heading-1{ padding:15px 0 3px; } #compare-devices.comapre-devicesMainClass .threedeviceswavethree .compare-device-paragraph { padding-bottom:15px; } #compare-devices.comapre-devicesMainClass #featurekeyslist .m-banner, #compare-devices.comapre-devicesMainClass #laptop-techspecswavethree .m-banner{ padding-left:5px; } #compare-devices.comapre-devicesMainClass #laptop-techspecswavethree .c-heading-2, #compare-devices.comapre-devicesMainClass #featurekeyslist .c-heading-2{ padding-left:5px; width:100%; } #compare-devices.comapre-devicesMainClass #featurekeyslist .c-heading-2{ padding-bottom:8px; } #compare-devices.comapre-devicesMainClass .techspecswavethree tbody tr[data-spec='Colors'] td { padding-top:24px; } #compare-devices.comapre-devicesMainClass .techspecswavethree tbody td{ padding-bottom:10px; padding-top:10px; } #compare-devices .techspecswavethree tbody td > div > p, #compare-devices .techspecswavethree tbody td > div, #compare-devices.comapre-devicesMainClass .noTechclass { font-size: 16px !important; line-height: 20px !important; } #compare-devices.comapre-devicesMainClass .techspecswavethree tbody td > div{ font-size: 18px; font-style: normal; font-weight: 600; line-height: 20px; } #compare-devices.comapre-devicesMainClass .techspecswavethree tbody td > p, #compare-devices.comapre-devicesMainClass .uptotextcls{ font-size: 12px; font-style: normal; font-weight: 400; line-height: 14px; } #compare-devices.comapre-devicesMainClass .techspecswavethree tbody td > div{ top:2px; } /*#compare-devices.comapre-devicesMainClass #featurekeyslist .m-structured-list img, #compare-devices.comapre-devicesMainClass .techspecswavethree tbody td > div img{ width:10px; }*/ #compare-devices.comapre-devicesMainClass span.c-tooltip{ padding:4px; font-size: 8px; line-height:normal; } #compare-devices.comapre-devicesMainClass #featurekeyslist .m-structured-list span.c-tooltip.thirdtooltip-adjust { left:auto !important; width:95px; right: 0 !important; } #compare-devices.comapre-devicesMainClass #featurekeyslist .m-structured-list span.c-tooltip.firsttooltip-adjust { left:0px !important; width:95px; } #compare-devices.comapre-devicesMainClass #featurekeyslist .m-structured-list span.c-tooltip.secondtooltip-adjust { left:-45px !important; width:95px; } #compare-devices.comapre-devicesMainClass #featurekeyslist .m-structured-list > .c-structured-list:last-child span.c-tooltip.secondtooltip-adjust { left: auto !important; right: 0 !important; } #compare-devices.comapre-devicesMainClass #featurekeyslist .m-structured-list p{ font-size:10px; line-height:normal; } #compare-devices.comapre-devicesMainClass #featurekeyslist .m-structured-list sup .c-hyperlink.supBLink{ font-size:10px; line-height:normal; } /*#compare-devices .tooltipInfoCopy{ top:-5px; }*/ #compare-devices.comapre-devicesMainClass #featurekeyslist span.c-tooltip { width:95px; } #compare-devices.comapre-devicesMainClass #featurekeyslist .m-structured-list{ padding-top:10px; padding-left:0; padding-right:0; } #compare-devices.comapre-devicesMainClass #compare-heroItemID{ margin-top:10px !important; } #compare-devices.comapre-devicesMainClass #featurekeyslist span.c-tooltip{ left:-45px !important; } #compare-devices.comapre-devicesMainClass #featurekeyslist .m-structured-list .c-structured-list ul > li { padding:2px 4px; } #compare-devices.comapre-devicesMainClass #numberListId-android{ padding:30px 0 !important; } #compare-devices.comapre-devicesMainClass .nonumber .numberlist .m-structured-list.structure-container .c-structured-list .c-call-to-action { padding: 5px 3px 7px 0 !important; } #compare-devices.comapre-devicesMainClass .numberlist a.c-call-to-action:not(.glyph-play):after{ margin: 5px !important; margin-left: 0px !important; } #compare-devices.comapre-devicesMainClass .number .m-structured-list.structure-container .c-structured-list{ margin: 0 0 12px 0; } #compare-devices.comapre-devicesMainClass .number .m-structured-list.structure-container .c-structured-list .structure-item h3{ padding:12px 0 2px; } #compare-devices.comapre-devicesMainClass #featurekeyslist .m-structured-list .c-structured-list{ padding-left:5px; padding-right:5px; padding-top:25px; } #compare-devices.comapre-devicesMainClass #featurekeyslist .m-structured-list .c-structured-list ul > li > p { font-size:14px; line-height:normal; } } @media only screen and (max-width: 320px){ #compare-devices.comapre-devicesMainClass #featurekeyslist .m-structured-list .c-structured-list ul > li { padding:2px 4px; } #compare-devices.comapre-devicesMainClass #featurekeyslist .m-structured-list .c-structured-list{ padding-left:5px; padding-right:5px; padding-top:25px; } #compare-devices.comapre-devicesMainClass #featurekeyslist .m-structured-list .c-structured-list ul > li > p { font-size:14px; line-height:normal; } } #videoinlineID .c-group span { padding: 0; line-height: normal; display: block; font-weight:700; } #videoinlineID .c-group a span { margin-left: 20px; } #videoinlineID .c-group a:before { position:absolute; top: 2px; } #videoinlineID .c-group a:hover { text-decoration: none; } #videoinlineID .c-group a:hover span { box-shadow: 0 2px currentColor !important; } #videoinlineID .c-group span.concade-cls { padding: 14px 4px; } #videoinlineID .c-group > p { float:left; padding: 0 5px 0 0; } #videoinlineID .c-group a { padding: 0 4px !important; line-height: normal; outline: 2px solid transparent; float:left; outline-offset: initial; border: none; } #videoinlineID .c-group .concade-cls:last-child { display: none; } #videoinlineID .c-group { display: flex; justify-content: left; margin-top: 1px !important; align-items: center; } .c-dialog.wdg-lightbox [role=dialog] [role=document] iframe { position: relative !important; } #videoinlineID p.c-paragraph-2{ font-weight: 400; font-size: 18px; line-height: 24px; } #videoinlineID .c-group p.c-paragraph-2{ font-weight: 400; font-size: 18px; line-height: 24px; } #compare-devices.comapre-devicesMainClass .m-highlight-feature > div { border-radius: 8px; } #compare-devices.comapre-devicesMainClass .hardcodelink:after { content: "" !important; font-family: MWF-MDL2 !important; display: none; } #compare-devices.comapre-devicesMainClass .hardcodelink svg { position: relative; left: 5px; top: 2px; } @media only screen and (max-width: 1083px){ #videoinlineID{ padding-left: 5%; padding-right: 5%; } } @media only screen and (max-width: 767px){ #videoinlineID p.c-paragraph-2{ font-weight: 400; font-size: 15px; line-height: 20px; } #videoinlineID > p.c-paragraph-2{ padding-top:10px; } #videoinlineID .c-group p.c-paragraph-2{ font-weight: 400; font-size: 15px; line-height: 20px; } #videoinlineID .c-group span{ font-size: 15px; line-height: 20px; } } @media only screen and (min-width: 300px) and (max-width: 320px) { body { min-width: 300px; } } .comapre-devicesMainClass #featurekeyslist tbody td { text-align: center; vertical-align: top; } .comapre-devicesMainClass .c-structured-list .f-column .f-row p, .comapre-devicesMainClass .c-structured-list .f-column .f-row div { display: inline; } .comapre-devicesMainClass .hatch-button:hover, .comapre-devicesMainClass .hardcodelink:hover { border: 2px solid rgba(0,0,0,0.4) !important; } /* css for video popup css start*/ div#default-lightbox .m-content-placement-item > div { padding: 20px !important; } #default-lightbox .nav-buttons { position: fixed; width: 100%; height: 100%; z-index: 99; left: 50%; top: 50%; transform: translate(-50%,-50%); } div#default-lightbox .c-video-player.hide + .m-content-placement-item { background: #FFFFFF; min-height: auto; max-width: 540px; margin: 0px; cursor: auto; } div#default-lightbox .c-video-player:not(.hide) + .m-content-placement-item { background: #FFFFFF; min-height: auto; max-width: 540px; margin: 0px; } div#default-lightbox .m-content-placement-item > div { padding: 40px; } div#default-lightbox .m-content-placement-item > div p a.c-hyperlink { margin-right: 0; } @media screen and (max-width: 961px) and (min-width: 959px) { div#default-lightbox .m-content-placement-item > div { padding: 10px; } } @media screen and (max-width: 330px) and (min-width: 310px) { div#default-lightbox .m-content-placement-item > div { padding: 5px !important; } } #default-lightbox .m-content-placement-item > div > p { padding: 15px 0 4px; } @media only screen and (min-width: 1084px) and (max-width: 1430px) { div#default-lightbox .m-content-placement-item > div > h3 { font-size: 24px; line-height: 32px; } #default-lightbox .m-content-placement-item > div > p { font-size: 18px; line-height: 24px; } div#default-lightbox .m-content-placement-item > div { padding: 12px !important; } } @media only screen and (min-width: 700px) and (max-width: 1083px) { div#default-lightbox .m-content-placement-item > div > h3 { font-size: 18px; line-height: 24px; } #default-lightbox .m-content-placement-item > div > p { line-height: 20px; } div#default-lightbox .m-content-placement-item > div { padding: 30px; } } @media only screen and (min-width: 1429px) and (max-width: 1650px) { div#default-lightbox .m-content-placement-item > div > h3 { font-size: 30px; line-height: 42px; } #default-lightbox .m-content-placement-item > div > p { line-height: 26px; } } @media only screen and (min-width: 1650px) { div#default-lightbox .m-content-placement-item > div > h3 { font-size: 34px; line-height: 46px; } #default-lightbox .m-content-placement-item > div > p { line-height: 26px; } } @media screen and (min-width: 1400px) { div#default-lightbox .c-video-player.hide + .m-content-placement-item { min-height: 650px; } div#default-lightbox .c-video-player:not(.hide) + .m-content-placement-item { min-height: 350px; margin-top: -5px; } } @media only screen and (min-width:320px) and (max-width:350px) { div#default-lightbox.security-overlay.c-dialog.f-lightbox [role="dialog"] .m-content-placement-item > div { padding: 0 !important; } div#default-lightbox.security-overlay.c-dialog.f-lightbox > [role="presentation"] + .c-glyph { right: 5px; } div#default-lightbox.security-overlay .c-video-player:not(.hide) + .m-content-placement-item { padding: 5px !important; } #windowsh22.comprehensive-security a.c-call-to-action:not(.glyph-play):after { margin-top: 2px !important; } div#default-lightbox.security-overlay .c-video-player:not(.hide) + .m-content-placement-item > picture img { width: 30% !important; } div#default-lightbox.security-overlay .m-content-placement-item > div > p { font-size: 6px !important; } } @media only screen and (min-width:960px) and (max-width:970px) { div#default-lightbox .m-content-placement-item > div { padding: 10px; } } @media only screen and (min-width:630px) and (max-width:650px) { div#default-lightbox.security-overlay .c-video-player:not(.hide) + .m-content-placement-item { padding: 10px 24px !important; } } /*color contrast issues start*/ @media screen and (-ms-high-contrast: active) { .retailer-link button svg path{ stroke: highlight; } } @media (prefers-contrast: more) { .retailer-link button svg path{ stroke: highlight; } } /*color contrast issues ends*/ /*accessibility fixes*/ #compare-devices .tooltipInfoCopy a img, #compare-devices.comapre-devicesMainClass .m-highlight-feature.compareHeroimage, #compare-devices.comapre-devicesMainClass sup .c-hyperlink.supBLink{ z-index:-1; } #compare-devices.comapre-devicesMainClass sup .c-hyperlink.supBLink { z-index: 9; } #compare-devices.comapre-devicesMainClass span.c-tooltip { z-index: 99; } @media screen and (min-width: 1084px) { #compare-devices.comapre-devicesMainClass .sticky_compare_bar .threedeviceswavethree .m-product-placement-item h2.c-heading-6{ font-size:20px; line-height:normal; } } /* popup css ends*/ /* wave 3 css ends*/ #focus-jump{ display:none; } /*Added 03/26/2023*/ .wdg-f-cursor-default { cursor: default !important } .c-content-placement.wdg-f-cursor-default:hover picture img, .m-content-placement-item.wdg-f-cursor-default:hover picture img { opacity: 1 } .wdg-pad-24 { padding-top: 24px } .wdg-pad-48, .wdg-pad-thin { padding-top: 48px } .wdg-pad-64 { padding-top: 64px } .wdg-pad-84, .wdg-pad-medium { padding-top: 84px } .wdg-pad-100 { padding-top: 100px } .wdg-pad-120, .wdg-pad-large { padding-top: 120px } .wdg-pad-140 { padding-top: 140px } .wdg-pad-160, .wdg-pad-x-large { padding-top: 160px } .wdg-pad-zero { padding-top: 0 } @media only screen and (max-width:1083px) { .wdg-pad-24 { padding-top: 18px } .wdg-pad-48, .wdg-pad-thin { padding-top: 36px } .wdg-pad-64 { padding-top: 48px } .wdg-pad-84, .wdg-pad-medium { padding-top: 64px } .wdg-pad-100 { padding-top: 84px } .wdg-pad-120, .wdg-pad-large { padding-top: 100px } .wdg-pad-140 { padding-top: 120px } .wdg-pad-160, .wdg-pad-x-large { padding-top: 130px } } @media only screen and (max-width:539px) { .wdg-pad-24 { padding-top: 12px } .wdg-pad-48, .wdg-pad-thin { padding-top: 24px } .wdg-pad-64 { padding-top: 36px } .wdg-pad-84, .wdg-pad-medium { padding-top: 48px } .wdg-pad-100 { padding-top: 64px } .wdg-pad-120, .wdg-pad-large { padding-top: 80px } .wdg-pad-140 { padding-top: 90px } .wdg-pad-160, .wdg-pad-x-large { padding-top: 100px } } .wdg-global .theme-white { background-color: #fff } .wdg-global .wdg-theme-dark { color: #fff; background-color: #5e5e5e } .wdg-global a.c-call-to-action.wdg-f-blue-button { font-size: 13px; display: inline-block; max-width: 100%; padding: 10px 22px 7px 24px; overflow: hidden; border: 2px solid transparent; color: #fff; background: #0078d7; line-height: 1.3; text-decoration: none; text-align: center; letter-spacing: .075em; white-space: normal; transition: scale .2s ease-in-out; margin-right: 8px; margin-top: 10px } .wdg-global a.c-call-to-action.wdg-f-blue-button span { text-decoration: none } .wdg-global.windowscom a.c-call-to-action.wdg-f-blue-button:after { content: "" } .wdg-global div.c-toggle { margin: 4px 8px 4px 0 } .wdg-global button.csmlTrigger { margin: 2px 0 2px 2px } .wdg-global div.c-toggle span { padding-left: 8px } .c-uhff { margin-top: 0 !important } @media screen and (min-width:768px) { .c-me .msame_Header { z-index: 500 !important } } body:not(.ja-jp):not(.zh-cn):not(.zh-tw):not(.ko-kr) { font-family: "Segoe UI",SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif } .wdg-global [class^=c-heading-].f-lean { padding-top: 0 !important; padding-bottom: 0 !important } .wdg-global .m-hero-item .c-subheading { max-height: none } .wdg-global.surfacecom .m-feature .c-heading, .wdg-global.surfacecom .m-multi-feature .c-heading { font-size: 46px; line-height: 56px; font-weight: 100; letter-spacing: -.01em } .wdg-global .m-feature .c-paragraph, .wdg-global .m-multi-feature .c-paragraph { font-size: 18px; line-height: 24px; font-weight: 200 } .wdg-global .m-feature [class*=c-paragraph] { padding-top: 12px } .wdg-global .m-content-placement-item .c-heading-3 { padding: 12px 12px 6px 0 } .wdg-global .m-content-placement-item .c-heading-4 { padding: 12px 12px 4px 0 } .wdg-global .m-content-placement-item .c-paragraph-2 { padding: 2px 12px 1px 0 } .wdg-global .c-mosaic-placement .c-heading { font-size: 34px; line-height: 40px; font-weight: 100 } .wdg-global .c-mosaic-placement .c-subheading { font-size: 18px; line-height: 24px } .wdg-global .m-panes .c-heading { font-size: 24px; line-height: 28px; font-weight: 200 } .wdg-global .m-panes-product-placement-item .c-paragraph { padding-top: 12px } @media only screen and (max-width:1399px) { .wdg-global .m-hero-item .c-heading { font-size: 34px; line-height: 40px; font-weight: 100; max-height: none } .wdg-global .m-hero-item .c-subheading { font-size: 20px; line-height: 24px; font-weight: 200; overflow: inherit } } @media only screen and (max-width:1083px) { .wdg-global.surfacecom .m-feature .c-heading, .wdg-global.surfacecom .m-multi-feature .c-heading, .wdg-global .m-feature .c-heading, .wdg-global .m-multi-feature .c-heading { font-size: 34px; line-height: 40px; font-weight: 100; letter-spacing: -.01em } } @media only screen and (max-width:767px) { .wdg-global .m-feature .c-paragraph, .wdg-global .m-multi-feature .c-paragraph { font-size: 16px; line-height: 20px } .wdg-global .c-mosaic-placement .c-heading { font-size: 26px; line-height: 32px } .wdg-global .c-mosaic-placement .c-subheading { font-size: 16px; line-height: 20px } .wdg-global .m-panes .c-heading { font-size: 20px; line-height: 24px } } .wdg-global .c-group { margin-top: 15px } .wdg-global .c-group a.c-call-to-action + a.c-call-to-action { padding-left: 16px } .wdg-global .m-banner .c-group { display: inline-block } .wdg-global a.c-call-to-action, .wdg-global a.c-action-trigger { font-weight: 700; white-space: normal } @media only screen and (max-width:767px) { .wdg-global [class^=c-heading-] span + a.c-hyperlink { float: none; margin-left: 0; display: block } } .wdg-global .wdg-theme-dark a.c-call-to-action.c-glyph { color: #fff } .wdg-global .c-call-to-action:focus:not(.x-hidden-focus):not(.wdg-f-blue-button) { background: none; outline: #000 dashed 2px } .wdg-global .m-product-placement-item .c-call-to-action:focus:not(.x-hidden-focus):not(.f-lightweight) { background: #005da6; outline: #000 solid 2px } .wdg-global a.c-call-to-action.wdg-f-blue-button:hover, .wdg-global .c-call-to-action.wdg-f-blue-button:focus:not(.x-hidden-focus) { background: #006cc2; text-decoration: none } .wdg-global .c-call-to-action.wdg-f-blue-button:focus:not(.x-hidden-focus) { color: #fff; outline: #000 solid 2px } .wdg-global .wdg-theme-dark .m-banner .c-call-to-action:focus:not(.x-hidden-focus) { outline: #fff dashed 1px } .wdg-global button.c-action-trigger.f-heavyweight:hover, .wdg-global a.c-action-trigger.f-heavyweight:hover { color: #fff } .wdg-global .remodal-bg > section:focus { outline: 0 } .wdg-global [class^=m-]:not(.m-panes):not(.wdg-mar-pad-x-reset) { margin-top: 0; padding-top: 0 } @media only screen and (max-width:767px) { .wdg-global .m-content-placement > div > div ~ div .m-content-placement-item:not(.wdg-mar-pad-x-reset), .wdg-global .m-content-placement > div > div ~ div > div .m-content-placement-item:not(.wdg-mar-pad-x-reset) { margin-top: 48px } .wdg-global .c-feature.f-align-left > div, .wdg-global .c-feature.f-align-right > div, .wdg-global .m-feature.f-align-left > div, .wdg-global .m-feature.f-align-right > div { padding-bottom: 0 } } @media only screen and (max-width:539px) { .wdg-global .m-content-placement > div > div > div ~ div .m-content-placement-item:not(.wdg-mar-pad-x-reset) { margin-top: 48px } } @media only screen and (max-width:1083px) { .wdg-global .c-divider { margin: 0 24px } } .wdg-global .m-hero-item > div:not(.m-ambient-video) { max-width: 1600px } .wdg-global .m-hero-item.wdg-f-ratio-16-9:before { padding-bottom: 62.5% } @media only screen and (max-width:1083px) { .wdg-global .m-hero-item { height: auto; padding: 0; text-align: center } .wdg-global .m-hero-item > picture img { top: 0; left: calc(50%); -webkit-transform: translateX(-50%); transform: translateX(-50%) } .wdg-global .c-carousel li.f-animate-previous .m-hero-item > picture img, .wdg-global .c-carousel li.f-animate-next .m-hero-item > picture img { -webkit-animation: none; animation: none } .wdg-global .m-hero-item > div { padding: 12px; height: auto; position: relative } .wdg-global .m-hero-item[class*=f-x][class*=f-y] > div > div { position: relative; margin: 0 auto; left: 0; top: 0; transform: none; max-width: 100% } .wdg-global .c-carousel li .m-hero-item > div > div { padding-bottom: 48px } } @media only screen and (max-width:767px) { .wdg-global .m-hero-item .c-subheading, .wdg-global .m-hero-item > div picture, .wdg-global .m-hero-item[class*=f-x][class*=f-y] > picture:after { display: block } } .wdg-global .c-feature.f-align-center > div .c-call-to-action.wdg-f-blue-button, .wdg-global .m-feature.f-align-center > div .c-call-to-action.wdg-f-blue-button { margin-top: 20px } @media only screen and (min-width:1084px) { .wdg-global .c-feature.f-align-center > div, .wdg-global .m-feature.f-align-center > div { max-width: 100% } .wdg-global .c-feature.f-align-center > div p, .wdg-global .m-feature.f-align-center > div p { max-width: 798px; margin: 0 auto } } @media only screen and (max-width:1083px) and (min-width:768px) { .wdg-global .m-feature picture, .wdg-global .c-feature picture { float: none; display: block; width: 100%; max-width: 100% } .wdg-global .c-feature.f-align-left > div.c-video, .wdg-global .c-feature.f-align-right > div.c-video, .wdg-global .m-feature.f-align-left > div.c-video, .wdg-global .m-feature.f-align-right > div.c-video { float: none; display: block; width: 100%; max-width: 100%; padding: 0 24px 24px } .wdg-global .m-feature picture img, .wdg-global .m-feature .c-video video { width: 100% } .wdg-global .m-feature > div .c-logo img { margin: 0 auto } .wdg-global .m-feature > div { left: 0; position: relative; top: 0; -webkit-transform: none; -moz-transform: none; -o-transform: none; -ms-transform: none; transform: none; width: 80%; text-align: center } .wdg-global .m-feature.f-align-right.f-image-priority > div { left: 0 } } .wdg-global .m-content-placement-item picture img[src*=".svg"] { width: auto; height: 60px; margin: 0 auto; display: block; max-width: 100% } .wdg-global .m-content-placement-item.wdg-f-size-medium picture img[src*=".svg"] { height: 90px } .wdg-global .m-content-placement-item.wdg-f-size-large picture img[src*=".svg"] { height: 120px } .wdg-global .m-product-placement-item .c-price { clear: both; height: 20px } .wdg-global .m-product-placement-item .c-rating { float: left } .wdg-global .m-multi-feature { overflow: hidden } :not(.f-disabled).c-pivot > div > a:not(.x-hidden-focus).f-active:focus, :not(.f-disabled).c-pivot > header > a:not(.x-hidden-focus).f-active:focus { outline: #000 dashed 1px !important } .f-align-center.m-multi-feature .c-pivot > div, .f-align-center.m-multi-feature .c-pivot > header { overflow: visible } @media only screen and (min-width:1400px) { .wdg-global .m-panes section.f-stacked { padding-right: 0 } .wdg-global .m-panes section.f-align-middle { padding-left: 0 } } @media only screen and (max-width:1399px) { .wdg-global .m-panes section.f-stacked { padding-bottom: 0 } .wdg-global .m-panes section.f-stacked:last-child { -webkit-flex: 2; -ms-flex: 2; flex: 2 } } .wdg-global .wdg-c-link-navigation nav.c-link-navigation { margin-top: 0 } .wdg-global .wdg-c-link-navigation nav.c-link-navigation li a.c-hyperlink.f-image { margin-bottom: 48px; text-decoration: none } .wdg-global .wdg-c-link-navigation nav.c-link-navigation li a.c-hyperlink picture { max-height: none } .wdg-global .wdg-c-link-navigation nav.c-link-navigation li a.c-hyperlink p { font-size: 13px; font-weight: 700; text-transform: uppercase } @media only screen and (max-width:1083px) { .wdg-global .wdg-c-link-navigation nav.c-link-navigation li a.c-hyperlink.f-image { margin-bottom: 36px } } @media only screen and (max-width:767px) { .wdg-global .wdg-c-link-navigation nav.c-link-navigation { padding: 0 24px 36px } .wdg-global .wdg-c-link-navigation nav.c-link-navigation li a.c-hyperlink.f-image { margin-bottom: 0 } } @media only screen and (max-width:539px) { .wdg-global .wdg-c-link-navigation nav.c-link-navigation { padding: 0 12px 24px } } .wdg-global .m-lifestyle-feature { clear: both } .wdg-global .m-lifestyle-feature > div > div > div { margin-top: 12px } .wdg-global .m-lifestyle-feature .c-price { font-size: 20px; line-height: 24px; display: inline-block } .wdg-global .m-lifestyle-feature[class^="m-"] { padding: 0; position: relative } .wdg-global .m-lifestyle-feature > picture img { width: 100% } .wdg-global .m-lifestyle-feature > div { position: absolute; height: 100%; top: 0; bottom: 0; right: 0; left: 0 } .wdg-global .m-lifestyle-feature > div > div { position: absolute; width: 33.3% } .wdg-global .m-lifestyle-feature.f-ratio-169.f-top-left > div > div { bottom: 66.7%; left: 6% } .wdg-global .m-lifestyle-feature.f-ratio-169.f-top-right > div > div { bottom: 66.7%; right: 6% } .wdg-global .m-lifestyle-feature.f-ratio-169.f-bottom-left > div > div { top: 66.7%; left: 6% } .wdg-global .m-lifestyle-feature.f-ratio-169.f-bottom-right > div > div { top: 66.7%; right: 6% } .wdg-global .m-lifestyle-feature.f-ratio-43.f-top-left > div > div { bottom: 75%; left: 6% } .wdg-global .m-lifestyle-feature.f-ratio-43.f-top-right > div > div { bottom: 75%; right: 6% } .wdg-global .m-lifestyle-feature.f-ratio-43.f-bottom-left > div > div { top: 75%; left: 6% } .wdg-global .m-lifestyle-feature.f-ratio-43.f-bottom-right > div > div { top: 75%; right: 6% } @media only screen and (max-width:1083px) { .wdg-global .m-lifestyle-feature > div { position: static } .wdg-global .m-lifestyle-feature > div > div { text-align: center; position: static; width: 88%; margin: 0 auto } .wdg-global .m-lifestyle-feature > div > div > div { -webkit-justify-content: center; justify-content: center } } .wdg-global .m-banner.wdg-grey-banner { padding-top: 60px; padding-bottom: 60px } @media only screen and (max-width:1399px) { html[lang=fr-ca] .m-page-bar > div .context-menu .c-select-menu { display: block } html[lang=fr-ca] .m-page-bar > div .context-menu .c-list { display: none } } /*.wdg-global img[data-src] { display: none !important }*/ .wdg-global img[alt] { color: transparent } .wdg-global img { -ms-interpolation-mode: bicubic } .wdg-global iframe:focus, .wdg-global iframe:active { outline: 1px dashed #000 !important } html.high-contrast-mode.wdg-global .m-hero-item div > div, html.high-contrast-mode.wdg-global .m-lifestyle-feature div > div { background: #000 } html[hc*='delumine-smart'] img[src*='.svg'] { filter: brightness(0%) !important } @media screen and (-ms-high-contrast:active) { .wdg-global img[src*=".svg"] { -ms-high-contrast-adjust: background; background: #fff } .wdg-global .devices-microsite img[src*=".svg"] { background: none } } .wdg-global .c-video-player.wdg-oneplayer-inline { height: 0; padding-bottom: 41.7% } .wdg-global .c-video-player.wdg-oneplayer-inline iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100% } .wdg-global .f-video-overlay { position: relative } .wdg-global .f-video-trigger { border: solid 1px transparent; margin: 0; position: absolute; top: 0; left: 0; height: 100%; width: 100%; cursor: pointer } .wdg-global .f-video-trigger > div { padding: 0%; position: absolute; width: 100%; left: 0; top: calc(50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); text-align: center; margin: auto; right: 0; cursor: pointer } .wdg-global .f-video-trigger button.c-action-trigger.c-glyph[aria-label], .wdg-global .f-video-trigger a.c-action-trigger.c-glyph[aria-label] { font-size: 24px; font-family: "MWF-MDL2"; content: ""; margin: 0; line-height: 13px; padding-right: 5px; height: 48px; width: 48px; color: #fff; outline: none; background: rgba(0,0,0,.6) !important; border-radius: 50% } .wdg-global .f-video-trigger button.c-action-trigger.c-glyph[aria-label]:hover, .wdg-global .f-video-trigger a.c-action-trigger.c-glyph[aria-label]:hover { color: rgba(255,255,255,.8) } .wdg-global .wdg-f-theme-light .f-video-trigger button.c-action-trigger.c-glyph[aria-label]:focus, .wdg-global .wdg-f-theme-light .f-video-trigger a.c-action-trigger.c-glyph[aria-label]:focus { background: rgba(0,0,0,.6); outline: 2px dashed #000 !important } .wdg-global .wdg-f-theme-dark .f-video-trigger button.c-action-trigger.c-glyph[aria-label]:focus, .wdg-global .wdg-f-theme-light .f-video-trigger a.c-action-trigger.c-glyph[aria-label]:focus { background: rgba(0,0,0,.6); outline: 2px dashed #fff !important } .c-dialog.wdg-lightbox [role=dialog] [role=document] { position: relative; height: 0; padding-bottom: 41.7% } .c-dialog.wdg-lightbox [role=dialog] [role=document] iframe { position: absolute } .wdg-m-prefooter { margin-top: 48px; margin-bottom: 20px } .wdg-m-prefooter button.drawer { display: none } .wdg-m-prefooter nav.c-link-navigation { display: block; margin-bottom: 48px } .wdg-m-prefooter nav.c-link-navigation ul li { width: 11%; margin: 0 .5% } .wdg-m-prefooter.windowscom nav.c-link-navigation ul li, .wdg-m-prefooter.hololenscom nav.c-link-navigation ul li { width: 22% } .wdg-m-prefooter nav.c-link-navigation ul li a.c-hyperlink.f-image { margin: 0; text-decoration: none } .en-us .wdg-m-prefooter nav.c-link-navigation ul li .c-hyperlink:focus:not(.x-hidden-focus):not(.wdg-f-blue-button) { outline: none !important } .wdg-m-prefooter nav.c-link-navigation ul li a.c-hyperlink picture { max-width: 50px } .wdg-m-prefooter nav.c-link-navigation li a.c-hyperlink picture img { width: 100%; height: auto; margin: 4px } .wdg-m-prefooter nav.c-link-navigation li a.c-hyperlink.f-image:focus img { outline: none } .wdg-m-prefooter nav.c-link-navigation ul li a.c-hyperlink p, .wdg-m-prefooter nav.c-link-navigation ul li a.c-hyperlink span { padding: 5px !important; font-weight: 700; font-size: 13px; text-transform: uppercase; max-height: none; text-decoration: underline } .wdg-m-prefooter nav.c-link-navigation ul li a.c-hyperlink.f-image:focus span { outline: #000 dashed 1px !important; background: none !important } @media only screen and (max-width:1083px) { .wdg-m-prefooter nav.c-link-navigation { width: 90%; margin: 0 auto 40px } } @media only screen and (min-width:540px) and (max-width:1083px) { .wdg-m-prefooter hr.c-divider { width: 90%; margin: 0 auto } .wdg-m-prefooter nav.c-link-navigation ul li { width: 22%; margin: 40px 1% 0 } .wdg-m-prefooter nav.c-link-navigation ul li a.c-hyperlink.f-image { text-align: center } } @media only screen and (max-width:767px) { .wdg-m-prefooter nav.c-link-navigation li { clear: none; display: inline-block; height: auto } .wdg-m-prefooter nav.c-link-navigation ul li a.c-hyperlink picture { text-align: center; padding: 0; display: block } .wdg-m-prefooter nav.c-link-navigation ul li a.c-hyperlink p, .wdg-m-prefooter nav.c-link-navigation ul li a.c-hyperlink span { max-width: none; white-space: normal; text-align: center } } @media only screen and (max-width:539px) { .wdg-m-prefooter { width: 90%; margin: 24px 18px 18px 18px; position: relative } .wdg-m-prefooter hr.c-divider { margin: 0 } .wdg-m-prefooter nav.c-link-navigation { margin: 0 auto 24px 0; display: none } .wdg-m-prefooter nav.c-link-navigation ul li { clear: both; display: block; height: auto; width: 100%; padding-top: 10px } .wdg-m-prefooter nav.c-link-navigation ul li a.c-hyperlink picture { text-align: left; max-width: none; display: inline-block } .wdg-m-prefooter nav.c-link-navigation ul li a.c-hyperlink picture img { width: 20px; height: 100% } .wdg-m-prefooter nav.c-link-navigation ul li a.c-hyperlink.f-image { padding-top: 4px } .wdg-m-prefooter nav.c-link-navigation ul li a.c-hyperlink p { display: inline } .wdg-m-prefooter button.drawer { font-size: 13px; line-height: 16px; display: block; border: 0; background: 0 0; color: #000; font-weight: 600; padding: 10px 12px 10px 0; left: 0; text-align: left; width: 50%; margin-bottom: 4px } .wdg-m-prefooter button.drawer:focus { outline: none } .wdg-m-prefooter button.drawer:after { margin-top: 2px; position: absolute; padding-left: 6px; font-size: x-small } .wdg-m-prefooter button.drawer[aria-expanded=false]:after { content: "" } .wdg-m-prefooter button.drawer[aria-expanded=true]:after { content: "" } } .wdg-m-footnotes { padding-bottom: 20px } .wdg-m-footnotes h2 { margin-left: 0; margin-right: 0 } .wdg-m-footnotes dl { margin: 0 } .wdg-m-footnotes dd { border: 1px solid transparent; position: relative; margin: .1em 0; outline: none } .wdg-m-footnotes dd:focus { background-color: #eee; border-color: #555 } .wdg-m-footnotes dd > ol, .wdg-m-footnotes dd > ul { margin: 0 .375em .375em 4.25em } .wdg-m-footnotes p { font-size: 11px; margin: 0 0 0 2.875em; padding: .375em; outline: none } .wdg-m-footnotes ol, .wdg-m-footnotes ul { margin-bottom: .375em } .wdg-m-footnotes dd > ol:first-child, .wdg-m-footnotes dd > ul:first-child, .wdg-m-footnotes h2, .wdg-m-footnotes table:first-child { margin-top: .375em } .wdg-m-footnotes table { margin: 0 .375em .375em 4.25em } .wdg-m-footnotes .wdg-fn-rtn { margin: .1em 0 0; overflow: hidden; padding: .165em .375em; position: absolute; top: 0; text-align: center } .wdg-m-footnotes .wdg-fn-rtn.wdg-fn-sym { width: 2.45em; padding-top: .4em } .wdg-m-footnotes .wdg-fn-rtn a { border: 1px solid #ccc; display: inline-block; padding: 0 6px 2px; white-space: nowrap; margin-top: 0; padding-bottom: 0 } .wdg-m-footnotes .wdg-fn-rtn a:focus, .wdg-m-footnotes .wdg-fn-rtn a:hover, .wdg-m-footnotes dd:focus .wdg-fn-rtn a { background-color: #555; border-color: #555; color: #fff !important } .wdg-fn-lnk { line-height: 1.15; margin-left: 2px; white-space: nowrap; display: inline-block; padding: 0 4px 1px } .wdg-fn-lnk:focus, .wdg-fn-lnk:hover { outline: none; border: 1px solid #ccc; background-color: #555; border-color: #555; color: #fff !important } @media screen and (-ms-high-contrast:active) { .wdg-fn-lnk { border: 1px solid #ccc } .theme-light .wdg-fn-lnk { border-color: #fff } } [dir=rtl] sup .wdg-fn-lnk { margin-left: 0; margin-right: 5px } [dir=rtl] .wdg-m-footnotes p { margin: 0 3.875em 0 0 } [dir=rtl] .wdg-m-footnotes .wdg-fn-rtn { margin-right: 0; padding-right: 0 } @media only screen and (max-width:1083px) { .wdg-m-footnotes { padding: 0 50px 20px 50px } } @media only screen and (max-width:539px) { .wdg-m-footnotes { padding: 0 18px 20px 18px } } .wdg-m-social { padding-top: 15px; padding-bottom: 15px; border-top: 1px solid rgba(0,0,0,.2) } .wdg-m-social img { width: auto; height: auto } .wdg-m-social .c-heading-6 { position: relative; top: 4px; display: inline-block; padding: 0 } .wdg-m-social .social-share { float: right } .wdg-m-social .social-follow, .wdg-m-social .social-share { margin: 0 } @media only screen and (min-width:540px) and (max-width:1083px) { .wdg-m-social { padding-left: 50px; padding-right: 50px } } @media screen and (max-width:539px) { .wdg-m-social { padding-left: 48px; padding-right: 36px } .wdg-m-social .social-share { float: left } } /*Popup CSS start*/ .popup-container:focus { border-color: #0078d7 !important; border-style: dashed !important; border-width: 2px !important; outline: none !important; } .popup-container { position: fixed; top: 3%; left: 0; right: 0; width: 1080px; padding: 0 0 0 0; z-index: 3000001 !important; margin: 0 auto; transition: .2s opacity; -moz-transition: .2s opacity; -webkit-transition: .2s opacity; text-align: left; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; height: calc(100% - 7%); background: #fff; border: 2px solid #fff; overflow: auto; } .popup-container .device-header { /*padding: 20px 20px 15px 20px;*/ padding: 20px 5px; margin-top: 40px; } .popup-container .device-header .device-image { width: auto; text-align: center; } .popup-container .device-header .device-details { width: auto; } .popup-container .device-header .device-details h2 { font-weight: normal; letter-spacing: 1px; font-size: 2em; } .device-image { padding: 10px; } .device-details { padding: 10px; padding-left: 10px; } .device-left-data { padding-right: 40px; } .popup-container .device-details { padding-bottom: 0px; padding-top: 60px; } .popup-container .device-header .device-details a { background: none; color: #0067b8; padding: 10px 0 0 0; font-weight: normal; text-transform: inherit; line-height: 3px; } /* .popup-container sup{ display:none; } */ .additional-features-dynamic > span:after { content: "/ "; } .additional-features-dynamic > span:last-child:after { content: ""; } ul#retailers { padding: 0 28px 0 0; margin-left: 10px; } li.retailer:first-child { /*border-top: 1px solid #ededed;*/ padding-bottom: 16px; } li.retailer { /*border-bottom: 1px solid #ededed;*/ padding-bottom: 16px; } li.retailer a { /*display: block; padding: 23px 25px;*/ display: block; padding: 16px 24px; border: 1px solid #E3E3E3; border-radius: 8px; } li.retailer .retailer-logo { width: 25%; display: inline-block; } li.retailer .retailer-logo img { max-height: 45px; width: 115px; } li.retailer .retailer-stock { width: 25%; display: inline-block; padding-left: 60px; vertical-align: middle; } .retailer-stock-div { text-align: right; } .retailer-stock-div .small { font-size: 13px; font-weight: 400; line-height: 16px; } li.retailer .retailer-link-text { width: 25%; padding-left: 60px; vertical-align: middle; } li.retailer .retailer-link-text { display: inline-block; } li.retailer .retailer-link-text span { display: block; color: #0067b8; } li.retailer .retailer-stock span.small { font-size: 13px; display: block; } button.close-button { position: absolute; width: 35px; height: 35px; min-width: 0; background-color: transparent; border-color: transparent; border-style: solid; border-width: 0px; border-radius: 0; box-shadow: none; opacity: 1; cursor: pointer; z-index: 4; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; transition-duration: 0.2s; -moz-transition-duration: 0.2s; -webkit-transition-duration: 0.2s; top: 12px; right: 0px; float: right; text-align: right; } button.close-button svg { transition-duration: 0.2s; -moz-transition-duration: 0.2s; -webkit-transition-duration: 0.2s; fill: #0067b8; float: right; text-align: right; } #popup-container .close-button { padding: 5px 6px 2px 0px; } #popup-container .close-button:focus { outline: 2px dashed #0067b8; outline-offset: -4px; } #popup-background { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: black; z-index: 3000000 !important; opacity: .70; -moz-opacity: 0.7; filter: alpha(opacity=70); transition: .2s opacity; -moz-transition: .2s opacity; -webkit-transition: .2s opacity; max-height: none; } .close-menu:hover { color: #DDDDDD } .close-menu:before { content: '\E0D5'; padding-right: 8px; margin-top: 20px; font-family: 'MWF-MDL2' } body.overflowhidden { overflow: hidden; } .top-block-pu { /*border-bottom: none; padding-left: 1%; padding-right: 1%; height: 200px;*/ padding-bottom: 50px; } /*li.retailer:nth-of-type(2n+1) {background-color: #f4f4f4;}*/ .retailer-link button { background-color: #0078D4; color: #ffffff; border: none; font-size: 15px; padding: 9px 17px; float: right; font-weight: 700; line-height: 20px; border-radius: 6px; } .retailer-link button:hover { background: #005da6; } .retailer-link button svg { position: relative; top: 2px; left: 4px; } a.toogle-buttons { font-size: 13px; margin-left: 5px; color: #005da6 !important; padding: 1px 0 0 0 !important; line-height: 6px !important; vertical-align: middle; } a.toogle-buttons:after { margin-top: 0px !important; } .retailer-placeholder.collapsed { opacity: 0; pointer-events: none; } .device-heading { margin-bottom: 20px; } .popup-container .device-heading { font-size: 34px; font-weight: 600; line-height: 40px; color: #000000; margin-bottom: 20px; } .device-description { font-weight: 400; color: #000000; padding-top: 14px; padding-bottom: 32px; } .variantsDataHead { padding: 0px 10px 10px; } .variantsDataCell { font-size: 13px; color: rgba(0,0,0,.7); padding: 4px 16px 4px !important; vertical-align: middle; border-radius: 8px; font-weight: 400 !important; line-height: 20px; } .variantsDataCell.deviceprice { font-weight: 600 !important; border-bottom: 1px solid #E3E3E3; margin: 0 16px 12px; padding: 16px 0 !important; border-radius: 0; font-size: 18px; line-height: 24px; color: #171717; } .variantsDataCell.dual-badges { padding: 0 0 20px !important; border-bottom: 1px solid #E3E3E3; border-radius: 0; margin: 0 16px 12px; margin-top: -1px; display: none; } .variantsDataFoot { background-color: #EEE; display: table-footer-group; font-weight: bold; } .variantsDataCell.viewport-select-button { padding: 15px 0 15px 0px; } button#close-dialog-config { position: relative; float: right; top: 25px; margin-left: 10px; background: #fff; border: none; margin-right: 8px; } .colors ul { list-style: none; padding: 0; margin: 0; } .colors li { display: inline-block; margin-right: 23px; } .colors label { cursor: pointer; } .colors input[type="radio"]:checked + .swatch { /*box-shadow: inset 0 0 0 2px #000;border: 1px solid #000;*/ height: 30px; width: 30px; } .swatch { display: inline-block; vertical-align: middle; height: auto; width: auto; border-radius: 50%; margin: 0 0px 3px 0; } .help-me-choose + .product-popup .swatch, .end-of-support + .product-popup .swatch { width: 30px; height: 30px; } .swatch span { padding-left: 16px; } .find-online-section { position: relative; z-index: 9; } div#conttent_wrap { /*position: absolute;*/ width: 100%; height: 100%; z-index: 9999; background-color: #fff; margin-top: 0; overflow: auto; /*max-height: calc(100% - 280px);*/ /*max-height: 220px;*/ display: block; margin-bottom: 58px; } #conttent_wrap .c-table [data-grid~="col-6"] { margin-top: 24px; } #conttent_wrap .c-table { margin-top: 8px; } .privacy-footer { /*position: absolute; bottom: 0;*/ padding: 12px 38px 12px 10px; /*border-top: 1px solid #CCCCCC;*/ height: 80px; } .privacy-footer p { padding-top: 0px; text-align: left; font-size: 11px; line-height: 16px; color: #5E5E5E !important; } button#close-dialog-config { position: relative; float: right; top: 25px; margin-left: 10px; background: #fff; border: none; margin-right: 8px; } a#content_wrap_toggle.expanded:before { content: "\EAEE"; font-family: "MWF-MDL2"; vertical-align: middle; padding-left: 2px; margin-right: 4px; margin-top: -4px; } a#content_wrap_toggle.collapsed:before { content: "\ECC9"; font-family: "MWF-MDL2"; vertical-align: middle; padding-left: 2px; margin-right: 4px; } a#content_wrap_toggle.expanded:after { content: ""; } a#content_wrap_toggle { line-height: 20px !important; vertical-align: middle; padding-top: 0px !important; margin-left: 0; padding-right: 0 !important; } .sub-content-grid span.thisconfig { margin-right: 4px; } .sub-titles { font-size: 20px; color: #000000; margin-bottom: 16px; font-weight: 600; line-height: 24px; } .sub-titles.select-configuration, .sub-titles.configuration { margin-bottom: 8px; } /* .additional-features-heading { font-size: 15px; font-weight:600; line-height:20px; margin-bottom: 0; } */ .additional-features { padding-top: 10px; } .config-para { visibility: hidden; position: absolute; } /*.res-config .family-menu { margin-top: 53px; }*/ span.configTitle { padding: 6px; font-weight: normal; } button.product-select-button { font-size: 13px; padding: 9px 17px; margin-top: 0; min-width: auto; float: right; width: 100px; } .variantsDataBody { display: flex; flex-wrap: wrap; } .variantsDataRow:hover .variantsDataCell { /*color: #004880;*/ color: #767676; } .variantsDataRow:hover { background: rgba(0, 120, 215, 0.05); /*border: 2px solid #0078D7;*/ } /* span.swatch.Beige{background-color: #f5f5dc} span.swatch.Black{background-color: #000000} span.swatch.Blue{background-color: #064c72} span.swatch.Bordeaux{background-color: #5F021F} span.swatch.Bronze{background-color: #cd7f32} span.swatch.Brown{background-color: #A52A2A} span.swatch.Burgundy{background-color: #800020} span.swatch.Champagne{background-color: #f7e7ce} span.swatch.Charcoal{background-color: #36454f} span.swatch.Copper{background-color: #edc29e} span.swatch.Gold{background-color: #ffbf80} span.swatch.Green{background-color: #008000} span.swatch.Grey{background-color: #808080} span.swatch.Pink{background-color: #edbdc0} span.swatch.Pinkgold{background-color: #ffe6e6} span.swatch.Platinum{background-color: #e5e4e2} span.swatch.Purple{background-color: #800080} span.swatch.Red{background-color: #d80808} span.swatch.RoseGold{background-color: #ffe6e6} span.swatch.Silver{background-color: #c1beba} span.swatch.Violet{background-color: #9281c1} span.swatch.White{background-color: #FFFFFF} */ .viewport-select-button, .viewport-select-heading { display: none; } .col-thirteen { width: 10%; } .col-thirty { width: 24%; } .retailer-placeholder { height: 100%; /*position: absolute;*/ width: 100%; /*overflow: auto;*/ /*max-height: calc(100% - 280px);*/ /*max-height: 210px;*/ /*max-height: 155px;*/ } .retailer-placeholder .sub-titles { margin-left: 10px; } /* .top-block-pu .c-glyph.glyph-info:before { font-weight: 400; font-size: 16px; line-height: 24px; color: #000000; position: relative; top: 0px; left: 1px; } */ .badge-tooltip { font-weight: 600; font-size: 16px; line-height: 24px; position: relative; top: 4px; left: 4px; color: #0078D4 !important; } @media screen and (max-width: 1083px) { div.popup-container { width: 95%; } button.close-button { right: 15px; } } @media only screen and (min-width:540px) and (max-width:767px) { .popup-container .device-header { text-align: left !important; } } @media only screen and (max-width:767px) { /*.variants-price-select, #subcategoryButton { display: none !important; }*/ .retailer-placeholder .sub-titles { margin-left: 0; padding: 0 19px 0; } [data-grid*="col-"]:not(#social-network [data-grid*="col-6"]) { width: 100%; } .popup-container .device-header { margin-top: 0; } #popup-container .device-image img { height: auto !important; } .top-block-pu { padding-bottom: 24px; } li.retailer .retailer-logo { width: auto !important; vertical-align: super; text-align: left; } li.retailer .retailer-stock { width: 20%; } li.retailer .retailer-link-text { width: auto !important; } .retailer-link button { padding: 7px; float: none; width: 100%; margin-bottom: 0; margin-top: 10px; } .retailer-stock-div { text-align: left; } .sub-titles { margin-bottom: 16px !important; padding: 0; } button.config-head-icon:after { margin-left: 1px !important; } .variantsDataHead:nth-child(3), .variantsDataHead:nth-child(4), .variantsDataCell:nth-child(3), .variantsDataCell:nth-child(4) { width: 100%; } .variantsData { padding-left: 10px; padding-right: 10px; } .variantsDataRow { width: 100% !important; margin-right: 0; margin-bottom: 16px; } ul#retailers { margin-left: 0px; padding: 18px 19px 16px; } .dev-heading { min-height: 0; margin-bottom: 13px; } .device-heading { margin-bottom: 8px; min-height: 0; } .sub-content-grid { margin-bottom: 8px; } h2.device-heading.x-hidden-focus { font-size: 16px; } .popup-container .device-header { text-align: initial; } .popup-container .device-header div.device-image { float: none; } .popup-container { top: 0; max-height: inherit; height: calc(100% - 0%); } } /*Popup CSS End*/ /* Popup Recent start */ .device-details a { width: auto; } .device-header [data-grid="col-3"]:hover { border-bottom: none !important; } button.product-select-button { font-weight: normal; } @media only screen and (max-width:539px) { .device-header [data-grid="col-3"] { width: 100%; } div#conttent_wrap { max-height: calc(100%) !important; } .popup-container .device-details { padding-bottom: 0px; /*padding-top: 60px;*/ } #popup-container .bv-rating-stars-container { margin-bottom: 0px; } #popup-container .sub-content-grid { margin-bottom: 4px; } #popup-container .sub-titles { margin-bottom: 0; } #popup-container .c-rating { margin-top: 5px; } } @media only screen and (max-width:767px) { .device-image img { width: 100px; } .retailers { position: initial; overflow: auto; max-height: 220px; } .swatchlabel input[type=radio]:checked + span:before { left: 17px !important; top: 17px !important; } } @media only screen and (max-width:767px) { div#conttent_wrap { max-height: calc(100% - 180px); } div.top-block-pu { height: auto; } .family-menu { margin-top: 40px !important; } .retailer-placeholder { max-height: calc(100% - 7%) !important; height: auto !important; position: relative !important; margin-bottom: 0px; } .privacy-footer { position: relative !important; height: auto !important; padding: 0px 19px; } .privacy-footer p { font-size: 11px; line-height: 16px; font-weight: 400; } .top-block-pu div.device-header { padding: 5px 15px 5px 18px; float: none; } .res-config { width: 100%; text-align: left; margin: 0; } li.retailer .retailer-link-text { padding-left: 10px; vertical-align: middle; text-align: right; padding-bottom: 16px; } li.retailer .retailer-stock { padding-left: 10px; } .device-header div.device-image { padding: 5px !important; } .variantsDataHead { padding: 0px 0px 10px; } .variantsDataHead, .variantsDataCell { margin-right: 16px !important; } .col-thirty { width: 19%; } li.retailer .retailer-logo img { width: 75px; } .device-details h2 { font-size: 1.4em !important; } .swatch { /* margin: 0 12px 0 12px;*/ height: auto; width: auto; } .help-me-choose + .product-popup .swatch, .end-of-support + .product-popup .swatch { width: 20px; height: 20px; } .colors input[type="radio"]:checked + .swatch { height: 22px; width: 22px; } div.popup-container { width: 100%; overflow-y: auto; } .colors li { margin-right: 10px !important; margin-left: 10px !important } } @media only screen and (min-width:768px) and (max-width:860px) { .col-thirty { width: 22%; } } /*.variantsDataBody .variantsDataRow:hover { background-color: rgba(0, 120, 212, 0.1); outline: 2px dashed #000; color: #000000; }*/ .variantsDataRow.variant-selected-css { /*background-color: rgba(0, 120, 212, 0.2);*/ /*color: #004880;*/ /*outline: 1px solid #000 !important;*/ color: #767676; background: rgba(0, 120, 215, 0.05); border: 2px solid #0078D7; } #content_wrap_toggle { margin-top: -3px; } .res-config { margin-top: 0px; margin-bottom: 0px; } .device-image img { width: 100%; } /*.variantsDataHead, .variantsDataCell { margin-right: 24px; }*/ .variantsDataHead { border-bottom: none; } .color-swatches.res-config.hide + .res-config { width: 100%; } .variantsDataRow { cursor: pointer; display: inline-block; width: calc(50% - 24px); margin-right: 24px; margin-bottom: 24px; border: 1px solid #E3E3E3; border-radius: 8px; /*padding-top: 12px;*/ padding-bottom: 12px; } .variantsDataRow:nth-child(2n) { clear: both; } #compare-devices a#content_wrap_toggle { margin-top: 0px !important; } #compare-devices a#content_wrap_toggle.expanded:before { margin-top: -2px; } /*Popup Recent start*/ @media screen and (min-width: 768px) and (max-width: 1083px) { .ru-ru .retailer-placeholder { max-height: calc(100% - 290px); } .ru-ru .privacy-footer { height: 90px; } } @media screen and (min-width: 768px) { .device-header .res-config { height: 155px; } } span.config-head-button { /*font-weight: bold !important; font-size: 12px !important; color: #000 !important;*/ font-weight: 400; font-size: 15px; line-height: 20px; color: #707070; display: inline-flex; grid-gap: 8px; } span.cell-data { font-weight: 600; color: #000000; padding-left: 8px; } span.config-head-button:hover { text-decoration: none !important; } button.config-head-button { font-weight: bold !important; font-size: 12px !important; color: #000 !important; } button.config-head-button:hover { text-decoration: none !important; } .variantsDataHeading tr.variantsDataRow { border-bottom: 1px solid #ddd; } td.hidden-button { display: none; } .variantsData { width: 99% !important; margin-right: 3px; /*margin-left: 3px;*/ margin-bottom: 2px; padding-left: 10px; } button.config-head-icon:after { content: "\E8CB"; font-family: "MWF-MDL2" !important; } .close-button:before { content: "\E711"; font-family: "MWF-MDL2"; border: 2px solid #000000; padding: 2px; } .variant-selected-css .variantsDataCell { /*color: #004880;*/ color: #707070; font-weight: bold; } .row-fluid { display: none; } .colorfs div { display: inline-block; } .swatchlabel { margin-left: 0 !important; margin-top: 0; margin-bottom: 5px; border: 1px solid #C8C8C8; border-radius: 8px; padding: 16px 24px 16px 16px !important; pointer-events: none; } .help-me-choose + .product-popup .swatchlabel, .end-of-support + .product-popup .swatchlabel { pointer-events: auto; margin-right: 24px; font-size: 15px; } .swatchlabel:hover { background: rgba(0,120,215,.05); } label.c-label.swatchlabel { padding: 0 !important; line-height: 26px; } .swatchlabel input[type="radio"] + .swatch { display: inline-block; width: auto; margin: 0 !important; padding: 16px; height: auto; } .swatchlabel input[type="radio"]:checked + .swatch { width: auto; margin: 0; padding: 16px; height: auto; } .swatchlabel input[type=radio]:checked + span:after { visibility: hidden; } .swatchlabel input[type=radio] + span:before { border: none !important; outline: none !important; } .swatchlabel input[type=radio]:checked + span:before { /*border: 1px solid #000000 !important;*/ height: 36px !important; width: 36px !important; left: 13px; top: 13px; box-shadow: none; } .swatchlabel input[type="radio"]:checked + .swatch { box-shadow: none !important; } /* .swatchlabel input[type=radio] + span:before { border: 1px solid #fff !important; }*/ @media screen and (max-width: 767px) { .swatchlabel input[type=radio]:checked + span:before { border: 1px solid #000 !important; height: 28px !important; width: 28px !important; } .swatchlabel input[type=radio] + span:before { border: none !important; left: 21px; top: 21px; } } .variantsData .variantsDataHead:first-child { padding-left: 12px; } /*[lang='en-us'] div.deviceprice .currency:before, [lang='en-au'] div.deviceprice .currency:before, [lang='en-ca'] div.deviceprice .currency:before { content: '\0024' } [lang='en-gb'] div.deviceprice .currency:before { content: "\00A3" } [lang='fr-fr'] div.deviceprice .currency:after { content: " \20AC" } [lang='de-de'] div.deviceprice .currency:after { content: " \20AC" } [lang='fr-ca'] div.deviceprice .currency:after { content: " \0024" } [lang='ja-jp'] div.deviceprice .currency:before { content: "\00A5" }*/ .device-details .device-heading sup { display: none; } .m-product-placement-item span.supText { font-family: "Segoe UI",SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif; } span.thisconfig sup { display: none; } .awbCatalogCategory .categoryHeaderBottom a { text-decoration: none; } .awbCatalogCategory .categoryHeaderBottom a:hover { text-decoration: underline; } .variantsDataBody tr.variantsDataRow { border-top: 1px solid #ddd; } tr.variantsDataRow:last-child { border-bottom: 1px solid #ddd; } [lang="de-de"] .complete_compare_panel div.threedevices .c-heading-1 { font-size: 36px; } @-moz-document url-prefix() { .variantsDataRow .variantsDataHead { border-bottom: 1px solid #ddd; } .variantsDataRow.variant-selected-css { border: 0px solid #000 !important; } .variantsDataRow.variant-selected-css { outline: 1px double #000; } .variantsDataCell { border-bottom: 1px solid #ddd; } .m-track-list > div, .variantsData { border-collapse: inherit; } } .variants-price-select a { padding: 6px 16px; color: #fff; /*background-color: #0067b8;*/ font-weight: 600; letter-spacing: .5px; } /*.variants-price-select a:hover { background: #005da6; }*/ th#subcategoryButton { display: none !important; } .swatch img { height: 30px; width: 30px; float: left; } .popup-container .color-swatches .sub-content-grid .swatch span { line-height: 30px !important; display: inline-block; } /* light box rating */ .light-box-rating .bv-rating-stars-container .c-rating[data-value] div:after { color: #0067b8 !important; } .light-box-rating.hideRating { display: none; } #popup-container .bv-rating-stars-container { display: flex; align-items: center; margin-bottom: 5px; } #popup-container .c-rating { margin-top: 10px; } @media only screen and (max-width: 767px) { #popup-container .bv-rating-stars-container { justify-content: center; } } #view-all .c-checkbox input[type="checkbox"] + span:before { border-radius: 4px; } #clearAllFilter, #showAllFilter, .showAllButton { border-radius: 6px; } @media screen and (max-width: 539px) { .popup-container { overflow-y: auto; } .retailer-placeholder { max-height: calc(100% - 7%) !important; height: auto !important; position: relative !important; } .privacy-footer { position: relative !important; height: auto !important; } div#conttent_wrap { max-height: calc(100%) !important; } } @media only screen and (max-width: 684px) and (min-width: 683px) { div#conttent_wrap { max-height: calc(100% - 210px) !important; } } @media screen and (max-width: 767px) { .variantsData { width: 100% !important; padding: 0px 19px 40px; } div#conttent_wrap { margin-bottom: 0; } #conttent_wrap .c-table { margin-top: 0; } .popup-container .device-details { padding: 40px 19px 16px !important; } } @media screen and (min-width: 768px) and (max-width: 880px) { #popup-container .c-label.swatchlabel { margin-right: 10px; } } @media screen and (min-width: 540px) and (max-width: 767px) { #popup-container .device-image img { height: 67px; object-fit: contain; } } @media screen and (min-width: 320px) and (max-width: 330px) { .popup-container .privacy-footer p { padding-top: 30px !important; } .popup-container .retailer-placeholder.collapsed { height: 100% !important; } } .view-all-devices a.c-glyph.glyph-info.badge-tooltip:focus { border-bottom: 1px solid; } /*[data-retailerid ="100455"] { display: none; }*/ /*View all popup css starts*/ .popup-container.viewall-container .device-details { padding: 0; } .popup-container.viewall-container .privacy-footer { height: auto; padding: 0; } .popup-container.viewall-container .retailer-placeholder .sub-titles { margin-left: 0; } .popup-container.viewall-container ul#retailers { margin: 0; padding: 0; } .popup-container.viewall-container ul#retailers li.retailer { padding-bottom: 24px; } .popup-container.viewall-container ul#retailers li.retailer a { padding: 16px 24px; border: 1px solid #E3E3E3; } .popup-container.viewall-container .top-block-pu { padding: 70px; } .popup-container.viewall-container .device-header { padding: 0; margin: 0; } .popup-container.viewall-container .device-heading { margin-bottom: 20px; } .popup-container.viewall-container .device-left-data { padding-right: 70px; } .popup-container.viewall-container .res-config .family-menu { margin-top: 40px; } .popup-container.viewall-container .sub-titles.configuration { margin-bottom: 24px; display: block !important; } .popup-container.viewall-container .sub-titles { margin-bottom: 24px; } .popup-container.viewall-container #conttent_wrap .c-table { margin: 0; } .popup-container.viewall-container .variantsData { width: 100% !important; padding: 0; margin: 0; } .popup-container.viewall-container .variantsDataRowNew { width: 100%; margin: 0; padding: 0; border: 0; cursor: default; border-radius: 0; background: transparent; } .popup-container.viewall-container .variantsDataRowNew table tr th, .popup-container.viewall-container .variantsDataRowNew table tr td { padding: 7px 0; border-top: 1px solid rgba(0,0,0,0.2); font-size: 15px; line-height: 20px; position: relative; vertical-align: top; } .popup-container.viewall-container .variantsDataRowNew table tr:last-child th, .popup-container.viewall-container .variantsDataRowNew table tr:last-child td { padding-bottom: 0; } .popup-container.viewall-container .variantsDataRowNew table tr th { font-weight: 600; } .popup-container.viewall-container .variantsDataRowNew:hover { background: transparent; } .popup-container.viewall-container #conttent_wrap { overflow: visible !important; position: relative; margin-bottom: 0; float: left; } .popup-container.viewall-container .variantsDataRowNew table tr td .tooltipInfoCopy { display: inline-block; } .popup-container.viewall-container .iconimagesheading { margin: 0; } .popup-container.viewall-container .iconimagesheading li { padding-bottom: 10px; } .popup-container.viewall-container .iconimagesheading li:not(hide):last-child { padding-bottom: 0; } .popup-container.viewall-container .yellow-badge, .popup-container.viewall-container .yellow-badge.gray-badge { margin: 4px 8px; } .popup-container.viewall-container .yellow-badge.gray-badge { margin-left: 0; margin-right: 0; } .popup-container.viewall-container li.retailer .retailer-link-text, .popup-container.light-container li.retailer .retailer-link-text { font-weight: 600; font-size: 18px; line-height: 24px; } [lang="en-us"] .popup-container.viewall-container li.retailer .retailer-link-text, [lang="en-us"] .popup-container.light-container li.retailer .retailer-link-text { padding-left: 25px; } [lang="en-us"] .popup-container.viewall-container .ratingPlugin.bv-stars-container, [lang="en-us"] .popup-container.light-container .ratingPlugin.bv-stars-container { display: inline-block !important; padding-left: 25px; vertical-align: middle; } .popup-container.viewall-container li.retailer .retailer-link-text span + span, .popup-container.light-container li.retailer .retailer-link-text span + span { display: block; color: #0067b8; } .popup-container.viewall-container li.retailer .retailer-link-text span.smalldirect, .popup-container.light-container li.retailer .retailer-link-text span.smalldirect { font-size: 15px; line-height: 20px; color: #000; font-weight: normal; } .popup-container.light-container .device-details { float:left; width: 100%; padding: 60px 0 0 0; } .popup-container.light-container .variantsData { width: 100% !important; margin: 0; padding-left: 0; } .popup-container.light-container .retailer-placeholder .sub-titles { margin-left: 0; } .popup-container.light-container ul#retailers { margin-left: 0; padding-right: 24px; } .popup-container.viewall-container .left-dual-badges { margin-bottom: 20px; font-weight: 600; } .popup-container.viewall-container .gray-badge { display: none; } .popup-container.viewall-container .gray-badge.yellow-badge { display: inline-block; } .popup-container.viewall-container span.c-tooltip { min-width: 320px; right: -145px !important; border-radius: 0; bottom: 30px; top: auto !important; } .popup-container.viewall-container .tooltipInfoCopy a.c-hyperlink img { position:relative; top: -1px; } .popup-container.viewall-container ul.iconimagesheading li a.c-hyperlink:not(.f-image):not(.supBLink) img { top: -1px; border: 0; } .popup-container.viewall-container ul.iconimagesheading li a.c-hyperlink:not(.f-image):not(.supBLink):focus { border: 2px solid #000 !important; } .popup-container.viewall-container ul.iconimagesheading li a.c-hyperlink:not(.f-image):not(.supBLink):focus img { border: 0; } @media screen and (max-width: 1024px) { .popup-container.viewall-container span.c-tooltip { min-width: 240px; right: 0 !important; } } @media screen and (max-width: 767px) { .popup-container.viewall-container .top-block-pu { padding: 24px; } .popup-container.viewall-container .device-header div.device-image { padding: 0 !important; } .popup-container.viewall-container .device-details { padding: 40px 0 16px !important; } .popup-container.viewall-container .retailer-placeholder .sub-titles { padding: 0; } .popup-container.viewall-container span.c-tooltip { min-width: 200px; right: 0px !important; } } @media screen and (min-width: 768px) and (max-width: 1023.99px) { .popup-container.viewall-container .device-left-data, .popup-container.light-container .device-left-data { padding-right: 30px; } .popup-container.viewall-container .res-config li.retailer .retailer-logo img, .popup-container.light-container .res-config li.retailer .retailer-logo img { width: 75px; } .popup-container .device-heading { font-size: 28px; line-height: normal; } .popup-container.viewall-container .top-block-pu, .popup-container.light-container .top-block-pu { padding: 70px 30px; } .popup-container.viewall-container li.retailer .retailer-logo, .popup-container.light-container li.retailer .retailer-logo { width: auto; } [lang="en-us"] .popup-container.viewall-container li.retailer .retailer-link-text, [lang="en-us"] .popup-container.light-container li.retailer .retailer-link-text { padding-left: 12px; width: auto; } [lang="en-us"] .popup-container.viewall-container .ratingPlugin.bv-stars-container, [lang="en-us"] .popup-container.light-container .ratingPlugin.bv-stars-container { padding-left: 12px; } .popup-container.viewall-container ul#retailers li.retailer a, .popup-container.light-container ul#retailers li.retailer a { padding: 16px; display: flex; flex-direction: row; align-items: center; justify-content: space-between; flex-wrap: wrap; } .popup-container.viewall-container .retailer-link button, .popup-container.light-container .retailer-link button { padding: 9px 10px; } .popup-container.viewall-container .c-rating[data-value] div:before, .popup-container.viewall-container .c-rating[data-value] div:after, .popup-container.light-container .c-rating[data-value] div:before, .popup-container.light-container .c-rating[data-value] div:after { font-size: 11px; } .popup-container.viewall-container .reviewsCount, .popup-container.light-container .reviewsCount { font-size: 13px; } .popup-container.viewall-container .c-rating[data-value] div, .popup-container.light-container .c-rating[data-value] div { width: 75px; } .popup-container.viewall-container .retailer-stock-div, .popup-container.light-container .retailer-stock-div { flex-basis: 100%; } .popup-container.light-container ul#retailers { padding-right: 0; } } @media screen and (min-width: 1024px) and (max-width: 1083.99px) { .popup-container.viewall-container .device-left-data, .popup-container.light-container .device-left-data { padding-right: 30px; } .popup-container.viewall-container .top-block-pu, .popup-container.light-container .top-block-pu { padding: 70px 30px; } } @media screen and (max-width: 767px) { button.close-button svg { width: 20px; height: 20px; } .popup-container.viewall-container ul#retailers li.retailer a, .popup-container.light-container ul#retailers li.retailer a { padding: 16px 12px; display: flex; flex-wrap:wrap; flex-direction: row; align-items: center; justify-content: space-between; } [lang="en-us"] .popup-container.viewall-container li.retailer .retailer-link-text, [lang="en-us"] .popup-container.light-container li.retailer .retailer-link-text { padding-left: 12px; padding-bottom: 0; } [lang="en-us"] .popup-container.viewall-container .ratingPlugin.bv-stars-container, [lang="en-us"] .popup-container.light-container .ratingPlugin.bv-stars-container { padding-left: 12px; } .popup-container.viewall-container .c-rating[data-value] div:before, .popup-container.viewall-container .c-rating[data-value] div:after, .popup-container.light-container .c-rating[data-value] div:before, .popup-container.light-container .c-rating[data-value] div:after { font-size: 11px; } .popup-container.viewall-container .reviewsCount, .popup-container.light-container .reviewsCount { font-size: 13px; } .variantsDataRow { width: calc(100% - 20px) !important; margin-right: 0; margin-bottom: 16px; margin-left: 20px; } } @media screen and (min-width: 375px) and (max-width: 539px) { .popup-container.viewall-container .variantsDataRowNew table tr th, .popup-container.viewall-container .variantsDataRowNew table tr td { font-size: 14px; } } /*Added 03/26/2024*/