/* Minification failed. Returning unminified contents. (3123,20): run-time error CSS1039: Token not allowed after unary operator: '-y' (3124,21): run-time error CSS1039: Token not allowed after unary operator: '-x' (6732,45): run-time error CSS1046: Expect comma, found '79' (6732,51): run-time error CSS1046: Expect comma, found '/' (19119,18): run-time error CSS1039: Token not allowed after unary operator: '-neutral-0-ffffff' */ _::-webkit-full-page-media, _:future, :root a.c-call-to-action.safari_only span { padding-bottom: 3px; } .lightfonts { font-weight:100 !important; } .weepstake { margin-top: 30px !important; margin-bottom: 40px !important; } .rules-text { margin-top: 15px; margin-left: 25px; } .rules-header { margin-top: 20px; margin-bottom:15px; } .rulesCTA { text-align:center; margin-top:30px; } .fw-600 { font-weight: 600; font-size: 12px; } .fw { font-weight: 600; } .fw-rule { font-weight: 700; } .pt-1 { padding-top: 10px; } .pt-2 { padding-top: 20px; } .pt-3 { padding-top: 30px; } .pt-4 { padding-top: 40px; } .pb-1 { padding-bottom: 10px; } .pb-2 { padding-bottom: 20px; } .pb-3 { padding-bottom: 30px; } .pb-4 { padding-bottom: 40px; } .uhf .c-uhff.context-uhf { margin-top: 0 !important; } .width-10 { width: 100% } /*Offers */ .redeemed { opacity: .2; } .offers .c-logo img { max-width: 100%; } .offers .offfers-content { text-align: center !important; } .m-hero-item .blue-btn { background: #005da6 !important; } .theme-dark .blue-btn span, .theme-dark .blue-btn::after { color: #fff; } .m-hero-item.f-x-left > div > div .c-heading { padding-bottom: 15px; } .m-hero-item.p-ben-hero .c-call-to-action:first-child { margin-right: 6%; } a.c-glyph.glyph-cancel.pop-glyph-cancel:focus, .popup a.c-call-to-action:focus { outline: 2px solid #000 !important; border-color: #000 !important; } .supBLink { font-weight: normal; font-size: 11px; text-decoration: underline !important; margin-right: 1px !important; } .m-content-placement.offerpanel .c-call-to-action { float: left; } span.offer-linktext { float: right; padding: 10px 3px 7px 0; /*margin-left: 6%;*/ font-size:13px; font-style: italic; } @media screen and (min-width: 1400px) { .m-hero-item > div, .c-hero > div { max-width: 1600px !important; } .m-hero-item.f-x-left > div > div, .c-hero.f-x-left > div > div { left: 10px !important; } } @media screen and (max-width: 1083px) { /*.m-social.f-horizontal { padding-left: 24px; padding-right: 24px; }*/ .rules { padding-left: 5%; padding-right: 5%; } } .text-left { text-align: left; } /*.m-social.f-horizontal { margin-bottom: 20px; margin-top: 20px; }*/ .m-hero-item.f-x-right.f-y-center > div > div > div { margin-top: 0; } .m-hero-item.f-x-right.f-y-center > div > div > div p { padding-top: 0; } .m-banner.disclaimer { text-align: left; padding-top: 30px; } @media screen and (min-width: 1083px) { .m-banner.panel-banner p { width: 75%; margin: 0 auto; } } @media screen and (min-width: 540px) and (max-width:1084px) { .m-content-placement.offerpanel [data-grid~=col-4] { width: 50% !important; float: left !important; } } @media screen and (min-width: 767px) and (max-width: 1083px) { [lang='fr-ca'] .m-hero-item.p-ben-hero .c-call-to-action:first-child { margin-bottom: 15px; } [lang='fr-ca'] .m-hero-item.p-ben-hero .c-paragraph { max-height: initial; } } .offers .m-feature .offfers-content a[aria-disabled='true'], .offers .m-feature .offfers-content a[aria-disabled='true']:focus { border: none; } @media screen and (max-width: 767px) { .m-hero-item:before { padding-bottom: 48.5% !important; } li .m-hero-item:before { padding-bottom: 56.5% !important; } .m-hero-item > div { padding: 0 !important; } .m-hero-item > div > div h1, .m-hero-item > div > div h2 { padding-top: 0 !important; } .m-banner.your365 { padding-top: 10px !important; } .offers .offfers-content { margin-top: 30px !important; } .m-hero-item > div, .c-hero > div { height: 350px !important; } } .loader { position: absolute; top: 45%; left: 50%; border: 16px solid #585858; border-radius: 50%; border-top: 16px solid #909090; width: 60px; height: 60px; -webkit-animation: spin 2s linear infinite; /* Safari */ animation: spin 2s linear infinite; } .show { display: block !important; } /* Safari */ @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .loading { width: 100%; height: 100%; top: 0; left: 0; position: fixed; display: none; opacity: 0.7; background-color: #D0D0D0; z-index: 9991; text-align: center; } /** Model dialog*/ #confirmBox { display: none; background-color: white; border-radius: 5px; border: 1px solid #aaa; position: fixed; width: 350px; height: 150px; left: 50%; top: 40%; margin-left: -150px; padding: 6px 8px 8px; box-sizing: border-box; text-align: center; z-index: 9999; } #confirmBox .button { background-color: #0067b8; display: inline-block; border-radius: 3px; border: 1px solid #aaa; padding: 5px; text-align: center; width: 120px; cursor: pointer; color: white; font-weight: 600; } #confirmBox .button:hover { background-color: #0505ba; } #confirmBox .message { text-align: left; margin-bottom: 8px; padding: 20px; } @media screen and (min-width: 4000px) { #confirmBox { width: 500px; height: 200px; } #confirmBox .button { width: 200px; } } .full-article .m-banner-article { max-width: 1000px; } .m-hero .m-hero-item { pointer-events: none !important; } .m-hero-item a, .m-hero-item button { pointer-events: auto !important; } .full-article .c-call-to-action span { text-transform: uppercase; } .image-clickable:hover img { cursor: pointer } .articletouts .c-group { margin-top: 5px; } #left-container { padding-right: 24px; } #right-container .m-content-placement { padding-left: 9% !important; padding-right: 9% !important; margin-left: 0px !important; margin-right: 0px !important; } .new-article #right-container .m-content-placement, .postcard-article #right-container .m-content-placement { padding-left: 0% !important; padding-right: 0% !important; margin-left: 0px !important; margin-right: 0px !important; } #right-container .m-content-placement .m-image-intro.video-priority { margin-bottom: 40px; padding: 0px !important; } .article #left-container, .articlesmain .m-social.f-horizontal.f-share, .shopmain .m-social.f-horizontal.f-share, .hubmain .m-social.f-horizontal.f-share { margin-bottom: 48px; } .image-priority-accolate .accolate-section div { width: auto; } .back-to-listicle a.c-call-to-action:not(.glyph-play):before, .back-to-listicle button.c-call-to-action:not(.glyph-play):before { font-size: 11px; margin-top: 3px; margin-left: 3px; display: inline-block; position: relative; right: 0; content: ""; vertical-align: top; transform: scaleX(-1); -moz-transform: scaleX(-1); -webkit-transform: scaleX(-1); -ms-transform: scaleX(-1); } .back-to-listicle a.c-call-to-action { min-height: 30px; } .back-to-listicle a.c-call-to-action:hover span { border-bottom: 1px solid transparent; } [dir="ltr"] a.c-call-to-action:not(.glyph-play):hover:after { right: -4px !important; } [dir="rtl"] a.c-call-to-action:not(.glyph-play):hover:after { right: initial !important; } .back-to-listicle a.c-call-to-action:not(.glyph-play):hover:before { left: -4px !important; } a.c-call-to-action.glyph-play span { top: 2px; } .back-to-listicle a.c-call-to-action:not(.glyph-play):after, .back-to-listicle button.c-call-to-action:not(.glyph-play):after { content: none; } .back-to-listicle { pointer-events: none !important; } .back-to-listicle a.c-call-to-action { padding: 0px !important; pointer-events: auto !important; } .hide { display: none; } .a-pt-24 { padding-top: 24px !important; } #right-container .m-banner { padding-top: 0px; } .no-padding-top { padding-top: 0px !important; } .no-margin-top { margin-top: 0px !important; } .margin-top-12 { margin-top: 12px !important; } .margin-top-24 { margin-top: 24px !important; } .margin-top-36 { margin-top: 36px !important; } .margin-top-48 { margin-top: 48px !important; } .margin-bottom-12 { margin-bottom: 12px !important; } .margin-bottom-24 { margin-bottom: 24px !important; } .margin-bottom-36 { margin-bottom: 36px !important; } .margin-bottom-48 { margin-bottom: 48px !important; } .padding-top-12 { padding-top: 12px !important; } .padding-top-24 { padding-top: 24px !important; } .padding-top-36 { padding-top: 36px !important; } .padding-top-48 { padding-top: 48px !important; } .padding-bottom-12 { padding-bottom: 12px !important; } .padding-bottom-24 { padding-bottom: 24px !important; } .padding-bottom-36 { padding-bottom: 36px !important; } .padding-bottom-48 { padding-bottom: 48px !important; } .padding-top-96 { padding-top: 96px !important; } .padding-bottom-96 { padding-bottom: 96px !important; } .padding-left-12 { padding-left: 12px !important; } .padding-left-19 { padding-left: 19px !important; } .padding-left-24 { padding-left: 24px !important; } .padding-left-36 { padding-left: 36px !important; } .padding-left-48 { padding-left: 48px !important; } @media screen and (max-width: 1083px) { [data-grid="container"] .m-feature, [data-grid="container"] .m-image-intro, [data-grid="container"] .m-social { padding-left: 5%; padding-right: 5%; } .image-priority-accolate { width: 90%; margin: 0 auto; } .selectDisplays { padding-left: 5% !important; } .custom-small-feature .show-in-lower { display: block; float: none; } .custom-small-feature .show-in-lower img { margin: 0 auto; } .comppanel { width: 100%; } .black-theme [class*=c-heading], .black-theme p { color: #000000 !important; } .surface-hero-pivot-multi-img .c-pivot > ul { display: block; } .windows-11 .hero-item-video .m-hero-item:before { padding-bottom: 38% } .featured-cards.black-theme [class*=c-heading], .featured-cards.black-theme p { color: #FFFFFF; } .black-theme .featured-cards-group .featured-single-card > div h3, .black-theme .featured-cards-group .featured-single-card > div p { color: #ffffff !important; } } @media only screen and (min-width: 768px) and (max-width: 1083px) { .articlesmain .c-carousel li .m-hero-item > picture img, .shopmain .c-carousel li .m-hero-item > picture img { left: calc(50%); right: auto; -ms-transform: translateX(-50%); transform: translateX(-50%); } .articlesmain .m-hero-item > picture img, .shopmain .m-hero-item > picture img { top: 0; left: calc(50%); -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: -1; } .c-carousel li.f-animate-previous .m-hero-item > picture img { animation-name: hero-background-previous-x-center !important; } .articlesmain .m-hero-item > div, .shopmain .m-hero-item > div { position: relative; height: 380px; } .c-carousel li.f-animate-next .m-hero-item[class*="f-x"][class*="f-y"] > picture img, .c-carousel li.f-animate-next .c-hero[class*="f-x"][class*="f-y"] > picture img { animation-name: hero-background-next-x-center !important; } .articlesmain .m-hero-item.f-y-center > div > div, .shopmain .m-hero-item.f-y-center > div > div { position: relative; margin: 0 auto; left: 0; top: calc(50%); -ms-transform: translateY(-50%); transform: translateY(-50%); max-width: 100%; } .articlesmain .m-hero-item:before, .shopmain .m-hero-item:before { padding-bottom: 56.5%; } .articlesmain .m-hero-item, .shopmain .m-hero-item { text-align: center; } .transfer-your-data .image-priority-accolate { margin-bottom: 40px; } .hubmain .c-hero > div, .hubmain .m-hero-item > div, .article-category .m-hero-item > div { width: 85%; height: auto; position: relative; text-align: center; padding-top: 24px; } .hubmain .c-hero[class*=f-x][class*=f-y] > div > div, .hubmain .m-hero-item[class*=f-x][class*=f-y] > div > div, .article-category .m-hero-item[class*=f-x][class*=f-y] > div > div { position: relative; margin: 0 auto; left: 0; top: calc(50%); -webkit-transform: translateY(20%); -ms-transform: translateY(20%); transform: translateY(20%); max-width: 100%; height: 400px; } .windows .holiday-animated-hero .m-hero-item > div > div, .windows-11 .holiday-animated-hero .m-hero-item > div > div { width: 100%; padding-bottom: 48px; height: fit-content !important; float: left; } .hubmain.windows-11 .vertical-parallax-hero2 .c-hero[class*=f-x][class*=f-y] > div > div, .hubmain.windows-11 .vertical-parallax-hero3 .c-hero[class*=f-x][class*=f-y] > div > div, .hubmain.windows-11 .vertical-parallax-hero2 .m-hero-item[class*=f-x][class*=f-y] > div > div, .hubmain.windows-11 .vertical-parallax-hero3 .m-hero-item[class*=f-x][class*=f-y] > div > div { height: auto; padding-bottom: 60px; margin-bottom: 80px; } .windows .hero-item-video .m-hero-item:before { padding-bottom: 40%; } .windows .m-hero-item.upgraded-width:before { padding-bottom: 45%; } } @media screen and (max-width: 767px) { .m-feature.accolate-section.f-align-right .featurecontent, .m-feature.accolate-section.f-align-left .featurecontent { width: 100%; padding: 0px !important; } .m-table .c-table { margin-top: 0; } .m-table.right-table { margin-left: 0 !important; padding-top: 0 !important; } .m-table.left-table { margin-right: 0 !important; } .m-table { padding-top: 0; margin-top: 0; } .two-column-table [data-grid="col-6"] { width: 100%; } #retailersjapanID nav.c-link-navigation li, #retailers nav.c-link-navigation li, #retailers-Win8 nav.c-link-navigation li, #retailers-Win7 nav.c-link-navigation li { width: 250px; display: inline-block; } div#retailersjapanID nav.c-link-navigation p, #retailers nav.c-link-navigation p, #retailers-Win8 nav.c-link-navigation p, #retailers-Win7 nav.c-link-navigation p { width: 250px; } } div#retailersjapanID .c-link-navigation img, div#retailers .c-link-navigation img, div#retailers-Win8 .c-link-navigation img, div#retailers-Win7 .c-link-navigation img { border: 1px solid #f9f9f9; box-shadow: 0px 0px 10px #CCCCCC; } div#retailersjapanID .c-link-navigation ul li picture, div#retailers .c-link-navigation ul li picture, div#retailers-Win8 .c-link-navigation ul li picture, div#retailers-Win7 .c-link-navigation ul li picture { max-height: initial; text-align: center; margin-top: 20px; } div#retailersjapanID .c-link-navigation ul li p, div#retailers .c-link-navigation ul li p, div#retailers-Win8 .c-link-navigation ul li p, div#retailers-Win7 .c-link-navigation ul li p { display: block; text-align: center; text-decoration: none; } div#retailersjapanID .c-link-navigation picture div, div#retailers .c-link-navigation picture div, div#retailers-Win8 .c-link-navigation picture div, div#retailers-Win7 .c-link-navigation picture div { text-transform: none; } @media screen and (min-width: 768px) { .m-feature.accolate-section.f-align-right .featurecontent h2, .m-feature.accolate-section.f-align-left .featurecontent h2 { padding-top: 0px; margin-top: 0px; } .featurebox .featurecontent p { padding-top: 12px !important; } .m-link-navigation.wdg-support-links li { width: 19%; } [lang='de-de'] .m-link-navigation.wdg-support-links li { width: 19%; } } @media screen and (max-width: 539px) { .full-article #left-container { padding-right: 0px; } .image-priority-accolate { margin: 0 auto; } .image-priority-accolate .accolate-section { margin-bottom: 40px; } .m-feature.accolate-section .desk-vp { display: none; } } /* video css */ .video-priority .youtubevidplayer { float: right; position: relative; } .c-dialog.f-lightbox.wdg-lightbox [role=dialog] [role=document] { height: 100% !important; padding-bottom: 0% !important; z-index: 1001; position: relative; } .c-dialog.f-lightbox.wdg-lightbox [role=dialog] { overflow: visible !important; } .c-dialog.f-lightbox .nav-buttons button.c-glyph { padding: 0; background: none; border: 0; width: 36px; height: 36px; } .c-dialog.f-lightbox .nav-buttons button.c-glyph:before { vertical-align: top; } .c-dialog.f-lightbox .nav-buttons .c-glyph { position: fixed; top: 24px; right: 24px; color: rgba(255,255,255,.6); font-size: 36px; z-index: 1001; } .c-dialog.f-lightbox .nav-buttons .c-glyph:hover { color: rgba(255,255,255,.8); } .c-dialog.f-lightbox .nav-buttons .c-glyph:focus { outline: 1px dashed rgba(255,255,255,.6); } @media only screen and (max-width: 767px) { .c-dialog.f-flow [role=dialog], .c-dialog.f-lightbox [role=dialog] { padding: 0% !important; } } .f-video-trigger button.c-action-trigger.c-glyph, .f-video-trigger a.c-action-trigger.c-glyph { font-size: 24px; font-family: MWF-MDL2; content: ""; line-height: 13px; padding-right: 5px; height: 48px; width: 48px; color: rgb(255, 255, 255); margin: 0px; outline: none; border-radius: 50%; background: #0067b8 !important; margin-top: 40px; padding: 0 24px !important; } .f-video-trigger button.c-action-trigger.c-glyph:before { margin-left: 0px; color: #FFFFFF; } .inline-popup.mp4inline .f-video-trigger button.c-action-trigger.c-glyph:focus { outline: 2px solid #000000; } .inline-popup.mp4inline .f-video-trigger button.c-action-trigger.c-glyph:focus span { text-decoration: underline; color: #FFFFFF; } .f-video-trigger { border: solid 1px transparent; margin: 0; position: absolute; height: 100%; width: 100%; cursor: pointer; margin-top: 20px; } .f-video-trigger > div { padding: 0%; 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; } .f-video-overlay { position: relative; } .f-video-trigger button.c-action-trigger.glyph-play.c-glyph[aria-label]:focus { outline: none !important; border: 2px dashed #000 !important; } .InlinePlayerAPIinline { height: 100%; } #video iframe, .c-dialog iframe { min-height: 550px; } @media screen and (max-width: 1083px) { .video-priority button.videobutton { display: none; } .video-priority picture iframe, .c-dialog iframe, picture iframe { min-height: 300px; } .video-priority #video iframe, .c-dialog iframe { min-height: 450px; } .content.comppanel { width: 100%; } div#smallFeaturebox { padding-left: 3%; padding-right: 3%; } } @media only screen and (max-width: 1083.98px) and (min-width: 540px) { .video-priority picture iframe, .video-priority .c-dialog iframe, picture iframe { min-height: 300px; } .video-priority #video iframe, .video-priority .c-dialog iframe { min-height: 300px; } .hubmain .c-hero[class*=f-x][class*=f-y] > picture img, .hubmain .m-hero-item[class*=f-x][class*=f-y] > picture img, .article-category .m-hero-item[class*=f-x][class*=f-y] > picture img { top: 0; left: calc(50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .hubmain .c-feature.f-align-left > div, .hubmain .c-feature.f-align-right > div, .hubmain .c-feature.f-align-center > div, .hubmain .m-feature.f-align-left > div, .hubmain .m-feature.f-align-right > div, .hubmain .m-feature.f-align-center > div { width: 85%; margin: 0 auto; text-align: center; position: relative; top: 0; left: 0 !important; transform: translateX(0); -webkit-transform: translateX(0); } .hubmain .c-feature.f-align-left .c-video, .hubmain .c-feature.f-align-left picture, .hubmain .c-feature.f-align-right .c-video-player, .hubmain .c-feature.f-align-right picture, .hubmain .m-feature.f-align-left .c-video-player, .hubmain .m-feature.f-align-left picture, .hubmain .m-feature.f-align-right .c-video-player, .hubmain .m-feature.f-align-right picture { float: none; display: block; width: 100%; max-width: 100%; } } div#right-container { background: #f2f2f2; padding-bottom: 48px; margin-bottom: 48px; } .new-article div#right-container, .postcard-article div#right-container { margin-bottom: 0px; } .article-category div#right-container { clear: both; } @media only screen and (max-width: 1083px) { .back-to-listicle { padding-top: 0 !important; padding-left: calc(5% - 12px) !important; padding-right: calc(5% - 12px) !important; } .dropdown-category, .selectDisplays { padding-left: 5%; padding-right: 5%; } div#right-container { margin-top: 48px; margin-bottom: 0; } .featured-cards-group [data-grid~="col-4"] { width: 46% !important; } #all-tips .featured-cards-group [data-grid~="col-4"] { width: 480px !important; } } @media screen and (max-width: 767px) { .video-priority picture iframe, .video-priority .c-dialog iframe, .video-priority picture iframe { min-height: 200px; } .video-priority #video iframe, .video-priority .c-dialog iframe { min-height: 200px; } .featured-cards-group [data-grid~="col-4"] { width: 99% !important; } } .video-priority #video iframe:focus, .video-priority .c-dialog iframe:focus { outline: 1px dashed #000000; } .video-priority .c-dialog.f-lightbox > [role=presentation] + .c-glyph { position: fixed; top: 24px; right: 24px; color: rgba(255, 255, 255, .6); font-size: 36px; z-index: 1000; } .video-priority .c-dialog.f-lightbox > [role=presentation] + button.c-glyph { padding: 0; background: 0 0; border: 0; width: 36px; height: 36px; } .video-priority .c-glyph.glyph-cancel:before { content: ' \E894'; } .video-priority .c-dialog.f-lightbox > [role=presentation] + button.c-glyph { padding: 0; background: 0 0; border: 0; width: 36px; height: 36px; } .video-priority .c-dialog.f-lightbox > [role=presentation] + button.c-glyph:before { vertical-align: top; } @media only screen and (min-width: 1084px) { .video-priority #setup .youtubevidplayer { width: 65%; float: right; } .video-priority #setup .youtubevidplayer .youtubevidplayer-posterimagewrap > picture { width: 100%; } .featurebox .featurecontent > p { padding: 0px; } .featurebox .featurecontent > h2 + p { padding: 24px 0 0; } .custom-mosaic .m-mosaic .c-mosaic [data-f-mosaic*="card-small"]:first-child { width: 35%; padding-right: 10px; } .custom-mosaic .m-mosaic .c-mosaic [data-f-mosaic*="card-large"]:last-child { width: 65%; } .custom-mosaic .m-mosaic .c-mosaic [data-f-mosaic*="card-large"]:first-child { width: 65%; } .custom-mosaic .m-mosaic .c-mosaic [data-f-mosaic*="card-small"]:last-child { width: 35%; padding-left: 10px !important; } [dir="rtl"] .custom-mosaic .m-mosaic .c-mosaic [data-f-mosaic*="card-small"]:last-child { padding-left: 0px !important; } [dir="rtl"] .custom-mosaic .m-mosaic .c-mosaic [data-f-mosaic*="card-large"]:first-child { padding-left: 10px; } [dir="rtl"] .custom-mosaic .m-mosaic .c-mosaic [data-f-mosaic*="card-small"]:first-child { padding-right: 0px; padding-left: 10px; } .windows-11-specifications div#table5 thead th div { margin-left: -200px } /* Sticky Social Share start */ div#sticky-share { position: sticky; top: 40px; height: 0; margin-left: -100px; } div#sticky-share .m-social > h3 { display: none; } div#sticky-share li { display: list-item; float: none; } div#sticky-share li a { width: 40px; height: 40px; } div#sticky-share li a img { width: 100%; } div#sticky-share li a:hover img { background: none; } div#sticky-share li a:hover:before { background: none; } div#sticky-share .m-social { margin-top: 0; } /* Sticky Social Share end */ } 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%); } @media only screen and (min-width: 1084px) and (max-width: 1430px) { .windows-11-specifications div#table5 thead th div { margin-left: -175px !important; } [dir="rtl"] .windows-11-specifications div#table5 thead th div { margin-right: -150px !important; } 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; } .remote-resource-center .accolate-panel-specs .featurecontent, .article-category .accolate-panel-specs .featurecontent, .article-tags .accolate-panel-specs .featurecontent { padding-left: 20px; padding-right: 20px; } } /* .custom-mosaic [data-f-mosaic*="card-large"] { min-height: 550px; height: 100%; } .custom-mosaic [data-f-mosaic*="card-large"] .c-mosaic-placement { min-height: 550px; height: 100%; } .custom-mosaic [data-f-mosaic*="card-small"] { min-height: 750px; height: 100%; } .custom-mosaic [data-f-mosaic*="card-small"] .c-mosaic-placement { min-height: 990px; height: 100%; } @media screen and (min-width: 1084px) { .custom-mosaic [data-f-mosaic] { min-height: 550px; height: 100%; } .custom-mosaic [data-f-mosaic] .c-mosaic-placement { min-height: 550px; height: 100%; } } @media screen and (min-width: 1200px) { .custom-mosaic [data-f-mosaic] { min-height: 610px; height: 100%; } .custom-mosaic [data-f-mosaic] .c-mosaic-placement { min-height: 610px; height: 100%; } } @media screen and (min-width: 1400px) { .custom-mosaic [data-f-mosaic] { min-height: 710px; height: 100%; } .custom-mosaic [data-f-mosaic] .c-mosaic-placement { min-height: 710px; height: 100%; } } @media screen and (min-width: 1600px) { .custom-mosaic [data-f-mosaic] { min-height: 740px; } } */ @media screen and (min-width: 1600px) { .windows-11-specifications div#table5 thead th div { margin-left: -350px } } .video-priority #videoplayerpopup .youtubevidplayer { position: relative; } .video-priority .f-video-trigger > div { z-index: 10; } .video-priority button.c-action-trigger.c-glyph:before, .video-priority a.c-action-trigger.c-glyph:before { vertical-align: middle; line-height: 15px; width: 16px; height: 16px; } .InlinePlayerAPINonAutoplay { position: relative; padding-bottom: 56.25%; height: 0; } .InlinePlayerAPINonAutoplay iframe { position: absolute; top: 0; left: 0; } .image-priority-accolate .accolate-section { border: 1px solid #000 !important; padding: 40px !important; width: 100%; float: right; min-height: auto; } .image-w-100 picture img { width: 100%; } .m-rich-content-block .image-priority-accolate .accolate-section { padding: 40px !important; margin-bottom: 48px; } .multirichcontent .image-priority-accolate.featurebox { width: 100%; } .m-rich-content-block .m-image-intro, .mb-48 { margin-bottom: 48px; } #left-container .featurecontent p a:not(.supBLink) { text-decoration: none !important; } #left-container p a:not(.supBLink):hover { text-decoration: underline !important; } .f-video-trigger { border: solid 1px transparent; margin: 0; position: initial; height: 100%; width: 100%; cursor: pointer; } .featurebox picture.c-image { position: relative; } .featurebox picture.c-image img { width: 100%; } .featurebox .c-group .c-call-to-action.c-glyph { white-space: normal; } .featurebox .c-group :not(.glyph-play).c-call-to-action.c-glyph span { display: inline; } .pagination-bottom { text-align: center; } .pagination-bottom .m-pagination li > a:focus:not(.x-hidden-focus), .pagination-bottom .c-pagination li > a:focus:not(.x-hidden-focus) { background-color: #fff; } .hide-articles { display: none !important; } .c-video-player.wdg-oneplayer-inline { width: 100% !important; } div#player-container23, div#player-container24 { position: relative; padding-bottom: 56.23%; } iframe#player-container23-oneplayer, iframe#player-container24-oneplayer { position: absolute; } picture .featureinlinevideo .wdg-oneplayer-inline iframe, .featureinlinevideo .wdg-oneplayer-inline .c-dialog iframe, .featureinlinevideo .wdg-oneplayer-inline picture iframe { min-height: 0 !important; } iframe video { background-color: #fff !important; } @media only screen and (min-width: 540px) { .m-feature.accolate-section .mobile-vp { display: none; } } @media only screen and (max-width: 539px) { .hero-item-video .videobutton.c-call-to-action.c-glyph.bottom-right, .hero-item-video .videobutton.c-call-to-action.c-glyph.bottom-right:focus { bottom: 290px !important; } .tips-overlay.c-dialog iframe { min-height: 180px !important; } .windows-11-pc-gaming #games-hero .videobutton.c-call-to-action.c-glyph.bottom-right, .windows-11-pc-gaming #games-hero .videobutton.c-call-to-action.c-glyph.bottom-right:focus { bottom: 400px !important; } [dir="rtl"] .c-dialog.tips-overlay [role="dialog"] { left: initial !important; margin-left: 5% !important; margin-right: 5% !important; } } .mp4videoinline { width: 100%; border: none; /*background: #e6e6e6;*/ } .videobutton.c-call-to-action.c-glyph, .videobutton.c-call-to-action.c-glyph:focus { width: 40px; height: 40px; background: transparent !important; border-radius: 100%; position: absolute !important; left: calc(50% - 20px); top: calc(50% - 20px); margin: 0; padding: 0; border: 1px solid #FF0000; } .windows .videobutton.c-call-to-action.c-glyph.top-right, .windows .videobutton.c-call-to-action.c-glyphtop-right:focus { right: 20px; top: 30px; } .videobutton.c-call-to-action.c-glyph.top-left, .videobutton.c-call-to-action.c-glyph.top-left:focus { left: 50px; top: 60px; } .hero-item-video .videobutton.c-call-to-action.c-glyph.top-right, .hero-item-video .videobutton.c-call-to-action.c-glyphtop-right:focus { left: auto; right: 50px; top: 60px; } .videobutton.c-call-to-action.c-glyph.top-right, .videobutton.c-call-to-action.c-glyphtop-right:focus { left: auto; right: 50px; top: 60px; } .videobutton.c-call-to-action.c-glyph.bottom-left, .videobutton.c-call-to-action.c-glyph.bottom-left:focus { left: 60px; bottom: 50px; top: auto; } [dir="rtl"] .videobutton.c-call-to-action.c-glyph.bottom-left, [dir="rtl"] .videobutton.c-call-to-action.c-glyph.bottom-left:focus { left: 0px; } .videobutton.c-call-to-action.c-glyph.bottom-right, .videobutton.c-call-to-action.c-glyph.bottom-right:focus { right: 60px; bottom: 50px; left: auto; top: auto; } .videobutton.c-call-to-action.c-glyph:before { margin-left: 4px; margin-top: 0px; } .videobutton.glyph-pause:after { content: "" !important } .mp4videoinline + .videobutton.glyph-play, .mp4videoinline:hover + .videobutton.glyph-pause, .mp4videoinline + .videobutton.glyph-pause:hover, .mp4videoinline + .videobutton.c-glyph:focus { opacity: 1; } .article-section-footnotes.theme-dark a.c-hyperlink { color: #00bcf2 !important; display: inline-block; } .article-section-footnotes.theme-dark > div > div > p { font-size: 11px; line-height: 16px; padding: 4px 0; } .hide { display: none !important; } .article-section-footnotes li.c-caption-2:focus { border: 1px dashed #fff; outline: none !important; } @media only screen and (max-width: 1083px) { .article-section-footnotes > div { padding-left: 12px; padding-right: 12px; } } [data-grid~="pad-6x"] > [data-grid~="pad-6x"] { padding-left: 0 !important; padding-right: 0 !important; } .dropdownlist .c-checkbox input[type="checkbox"] + span:before, .c-checkbox input[type="checkbox"] + span:after { visibility: hidden; } .dropdownlist .c-checkbox input[type="checkbox"]:checked:not(:disabled) + span { background-color: #005293; color: #fff; } .dropdownlist .c-checkbox input[type="checkbox"] + span { padding: 5px; display: block; text-align: center; margin: 0; } #dropdownArea li { float: left; margin-right: 20px; } 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; } @media screen and (min-width: 1400px) { .filteringSection { padding: 0 18%; } .custom-mosaic .c-mosaic-placement picture img { width: 100%; height: auto; } .devices-mosaic .c-mosaic-placement picture img { height: auto; } .windows-11-specifications div#table5 thead th div { margin-left: -300px } 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; } .featured-products-area.m-content-placement-item { background: #f2f2f2; } .featured-products-area .feature-products-content { background: none; } } @media screen and (max-width: 1399px) { .filteringSection { padding: 0 8%; } [dir="rtl"] .windows #Hero-Item-panel-1 .m-hero-item > div > div { max-width: 400px; } [dir="ltr"] .windows #Hero-Item-panel-1 .m-hero-item > div > div { max-width: 410px; } } .buttonContainer { text-align: center; margin-top: 40px; } .dropdownlist .c-checkbox label.c-label { margin: 0px; } .rightMenu label a { font-weight: 600; } .mostpopular { margin-right: 25px; cursor: pointer; } .mostrecent { cursor: pointer; } .m-pagination li > a, .m-pagination li > span, .c-pagination li > a, .c-pagination li > span { border: 0px; } .x-page { cursor: pointer; } #dropdownArea button.c-selected-buttons { background-color: #ccc; color: #000; font-weight: 500; border: none; width: auto; padding: 10px 25px; border-radius: 0; margin-left: 12px; margin-right: 12px; margin-bottom: 8px; margin-top: 8px; text-transform: capitalize; outline: none; } #dropdownArea button.c-selected-buttons:focus { outline: 3px solid #000; } #dropdownArea button.c-selected-buttons[aria-pressed="true"], #dropdownArea button.c-selected-buttons:hover { background: #0067b8; color: #fff; } span.fromno { margin-right: 5px; } .popularAtrcles h2 { margin-bottom: 20px; } a.popularActive, a.recentActive { border-bottom: 2px solid #0067b8; } span.sortbyText { margin-left: 10px; margin-right: 20px; } span#resultsCount { margin-right: 10px; } a.popularFilter, a.recentFilter { border-bottom: 2px solid #0067b8; } div#dropdownArea { display: inline; } .clearallArticles { margin-top: 20px; font-weight: 500; color: #0067b8; display: none; } .clearallArticles a { cursor: pointer; } .sortSection { display: inline-block; } @media screen and (max-width: 767px) { span.sortdivider { display: none; } span.sortbyText { margin-left: 0; } .sortSection { margin-top: 20px; } .sortSection { display: block; } .windows .hero-item-video .m-hero-item[class*=f-x][class*=f-y] > div { height: fit-content !important; padding: 48px 0px !important; } .windows .hero-item-video .m-hero-item[class*=f-x][class*=f-y] > div > div { position: relative; top: 0; transform: none; } .windows .hero-item-video .m-hero-item > picture { position: relative; } .windows .hero-item-video .m-hero-item .videobutton.c-call-to-action.c-glyph.top-left, .windows .hero-item-video .m-hero-item .videobutton.c-call-to-action.c-glyph.top-left:focus { left: 20px; top: 25px; } .windows-11-specifications #table5 .c-table td { padding: 10px 1px !important; } .windows-11-specifications #table5 .c-table td:first-child, #table5 .c-table th:first-child { padding-left: 0px !important; } .windows-11 .mp4inline .f-video-trigger, .windows .mp4inline .f-video-trigger { margin-top: 30px !important; cursor: default; } .windows-11 div#features { margin-top: -36px !important; } .windows-11-pc-gaming .m-hero-item > div { height: 450px !important; } } button[data-filter=articles], button[data-filter=resources] { display: none; } .articlesmain .m-content-placement .c-group { height: 61px; max-height: 61px; } .mostpopular:focus, .mostrecent:focus, label.mostpopular a:focus, label.mostrecent a:focus { outline: 2px solid #000 !important; } .filter-component ~ [data-grid="container"] { padding-left: 0%; padding-right: 0% } .holiday-top-head .c-heading-4 { padding: 5px 0 4px; } section.holiday-top-head { background-color: #f2f2f2; margin-top: 0; } .holiday-top-head picture { padding-right: 10px !important; } .holiday-top-head .c-heading-3 { padding-top: 2px; } @media only screen and (min-width: 768px) { section.holiday-top-head > div.featurecontent { padding-left: 3%; padding-right: 0%; } .sync-across-your-devices .m-highlight-feature > div { background: rgba(240, 240, 240, .9); border-radius: 8px; } #parallaxheroimage .parallax-hero-laptop-cls { position: absolute; z-index: 999; display: block; width: 100%; } [dir="rtl"] .windows-11 .teams-feature-panel .m-feature.f-align-left > div.feature-content { left: 0; right: initial; } [dir="rtl"] .windows-11 .teams-feature-panel .m-feature.f-align-left picture.feature-panel-right-image img { left: 230px; } } /*Accesbility 112808*/ .pagination-bottom .m-pagination li > a:focus { outline: 2px solid #000; } body a.m-back-to-top[aria-disabled=false] { position: fixed; bottom: 24px; right: 24px; width: 48px; height: 48px; /*background: rgba(0,0,0,.1);*/ visibility: visible; float: right; padding: 12px; z-index: 999; opacity: 1; transition: opacity .6s cubic-bezier(.19,1,.22,1); } [lang="en-us"] body a.m-back-to-top[aria-disabled=false] { bottom: 40px; } body a.m-back-to-top .c-glyph.glyph-up { font-size: 24px; } /* Rounded Corner Button CSS Start*/ .rounded-corners .c-button.f-primary.blue-button { border-radius: 6px; text-align: center; padding-top: 10px; padding-right: 20px; padding-bottom: 8px; padding-left: 27px; line-height: 20px; box-shadow: none; background: #0067b8; color: #FFFFFF; margin-right: 15px; margin-top: 15px; white-space: normal; } .rounded-corners .c-button.f-primary.blue-button:after, .rounded-corners .c-button.f-primary.blue-button:before, .rounded-corners .c-button.f-primary.white-button:after, .rounded-corners .c-button.f-primary.white-button:before { content: ''; } .c-button.f-primary.blue-button:hover, .c-button.f-primary.blue-button:focus { background: #005da6 !important; } .c-button.f-primary.blue-button:hover span, .c-button.f-primary.blue-button:focus span { color: #FFFFFF; /*box-shadow: 0 2px #FFFFFF !important;*/ } .c-button.f-primary.white-button:hover span, .c-button.f-primary.white-button:focus span { color: #0067b8; box-shadow: 0 2px #0067b8 !important; } .rounded-corners .c-button.f-primary:hover, .rounded-corners .c-button.f-primary:focus, .tipsTricks-filters-section.tipstricks-filter:hover { box-shadow: none !important; border: 2px solid transparent; text-decoration: none; } html body .rounded-corners .c-button.f-primary:focus { outline: 2px solid #000000 !important; } .rounded-corners .c-button.f-primary.white-button { border-radius: 6px; text-align: center; line-height: 1; padding-top: 13px !important; padding-right: 20px !important; padding-bottom: 12px !important; padding-left: 27px !important; background: transparent !important; color: #0067b8 !important; border: 1px solid #0067b8 !important; margin-top: 15px !important; white-space: normal; } .rounded-corners .c-button.f-primary.white-button:hover, .rounded-corners .c-button.f-primary.white-button:focus, .tipsTricks-filters-section.tipstricks-filter:hover { background: #FFFFFF; text-decoration: none !important; } /* Rounded Corner Button CSS End*/ .m-highlight-feature.rounded-corners img { border-radius: 0; } .m-highlight-feature.rounded-corners > div, [data-grid='container'] .m-highlight-feature.rounded-corners img { border-radius: 8px; } .compare-edition-tables tr th:first-child { width: 50%; } .compare-edition-tables tr td { width: 25%; } .compare-edition-tables tr td [data-grid='container'] { padding: 0 } .compare-edition-tables tr td .c-drawer, .compare-edition-tables tr td .c-drawer button { background: #FFFFFF; } .compare-edition-tables tr td .c-drawer button { width: auto; padding-left: 0px; padding-top: 0px; font-size: 15px; } .compare-edition-tables tr td .c-drawer .c-drawer-panel { padding-left: 0px; padding-top: 0px; } .compare-edition-tables tr td .c-drawer button:before { float: right; left: 12px; top: 10px; position: relative; } .compare-edition-tables tr td .c-drawer button:hover { background: none; box-shadow: none; } .compare-edition-tables tr td .c-drawer button[aria-expanded=true] { font-weight: bold; } .drawer-panel p.expand-collapse-toggle-area { margin-bottom: 20px; } .drawer-panel p.expand-collapse-toggle-area button { padding: 0; } div.c-drawer-panel { padding: 15px; } div.c-drawer-panel p { padding: 0px; } body .m-feature.custom-small-feature { min-height: auto; padding: 0px 36px; } @media screen and (max-width: 1083px) { .show-in-higher { display: none !important; } .show-in-lower { display: block !important; float: none; } .custom-small-feature [data-grid='col-8'] { text-align: center; margin: 0 auto; float: none; } .m-feature.custom-small-feature { flex-direction: column; } .m-feature.custom-small-feature .content { width: 100% !important; } div#pchealthcheck { margin-left: 1%; margin-right: 1%; } .transfer-your-data .featurecontent { left: 0 !important; } .windows .hero-item-video .black-theme h2, .windows .hero-item-video .black-theme p { color: #000000 !important; } .hero-item-video .videobutton.c-call-to-action.c-glyph.bottom-right, .hero-item-video .videobutton.c-call-to-action.c-glyph.bottom-right:focus { right: 20px; bottom: 320px; } .windows-11-pc-gaming #games-hero .videobutton.c-call-to-action.c-glyph.bottom-right, .windows-11-pc-gaming #games-hero .videobutton.c-call-to-action.c-glyph.bottom-right:focus { right: 20px; bottom: 320px; } #homeMosaic .videobutton.c-call-to-action.c-glyph.bottom-right, #homeMosaic .videobutton.c-call-to-action.c-glyph.bottom-right:focus { right: 15px; bottom: 15px; } .windows-11-specifications .accolate-panel-specs { text-align: center; } .windows-11-specifications .accolate-panel-specs .featurecontent { text-align: center !important; } .windows-11-specifications .accolate-panel-specs .c-image img { margin-top: 0 !important; margin-right: 0 !important; } .windows-11 .white-bg-video .videobutton.c-call-to-action.c-glyph.bottom-right, .windows-11 .white-bg-video .videobutton.c-call-to-action.c-glyph.bottom-right:focus { right: 10px !important; } } @media screen and (min-width: 1083px) and (max-width: 1300px) { .surface-hero-pivot-multi-img div > div.pivot-copy-block { max-width: 300px !important; } } @media screen and (min-width: 1084px) { [dir="rtl"] .windows-11-specifications .accolate-panel-specs .featurecontent, [dir="rtl"] .custom-small-feature .content, [dir="rtl"] .accolate-panel-specs.small-feature-panel .featurecontent { text-align: right !important; } .windows-11-specifications .m-feature.accolate-panel-specs, .m-feature.accolate-panel-specs.small-feature-panel { display: flex; justify-content: center; align-items: center; } .windows-11-specifications .accolate-panel-specs .featurecontent h2, .accolate-panel-specs.small-feature-panel .featurecontent h2 { padding-top: 0; } .windows-11-specifications .accolate-panel-specs .featurecontent, .accolate-panel-specs.small-feature-panel .featurecontent { width: 80%; } .show-in-higher { display: block !important; } .show-in-lower { display: none !important; } .custom-small-feature .img_style { margin-top: 0px; } .windows .upgraded-width > div > div, .surface-hero-pivot-multi-img div > div.pivot-copy-block, .vertical-parallax-hero3 .m-hero-item > div > div, .c-hero > div > div, .vertical-parallax-hero2 .m-hero-item > div > div, .c-hero > div > div { max-width: 360px; } } .bground-default, .bground-default-mobile { background-color: #D5E6F5; } @media only screen and (min-width: 1084px) { .content { text-align: left !important; width: 90% !important; margin-right: 10%; } [dir="rtl"] .content { text-align: right !important; margin-right: 0%; } .custom-mosaic .m-image-intro video, .custom-mosaic picture, .custom-mosaic img { border-radius: 8px; } .windows-11-pc-gaming .vertical-parallax-hero2 button.c-action-trigger, .windows-11-pc-gaming .vertical-parallax-hero3 button.c-action-trigger { float: left; } [dir="rtl"] .windows-11-pc-gaming .vertical-parallax-hero2 button.c-action-trigger, [dir="rtl"] .windows-11-pc-gaming .vertical-parallax-hero3 button.c-action-trigger { float: right; } .article-category .small-hero-item .m-hero-item.f-transparent:before, .remote-resource-center .small-hero-item .m-hero-item.f-transparent:before { padding-bottom: 20.5%; } .remote-resource-center .small-hero-item .m-hero-item h1 { color: #aaf6eb !important; } .article-image-dialog picture { float: left; } .cat-feature { padding-top: 100px !important; } .dropdown-filter-articles { padding-left: 20px; } .article-tags .tags-container { padding-left: 5%; padding-right: 5%; } .offers-features-item .m-hero-item > div > div { width: 330px; } .remote-resource-center #rrc-color-accolate .c-image img { border-end-start-radius: 8px; border-start-start-radius: 8px; } .remote-resource-center #rrc-color-accolate .m-feature { border-end-start-radius: 10px; border-start-start-radius: 10px; border-end-end-radius: 8px; border-start-end-radius: 8px; } div#articlesSmallFeature .small-feature-panel .c-image img { border-end-start-radius: 8px; border-start-start-radius: 8px; border-start-end-radius: 0px; border-end-end-radius: 0px; } .article-category div#right-container .dropdown-filter-articles { padding-left: 10%; width: 100%; padding-right: 10%; } .sync-across-your-devices .m-hero-item > div > div { max-width: 400px; } .sync-across-your-devices .m-highlight-feature > div { top: calc(55%); padding: 30px 20px; height: auto; } .sync-across-your-devices .m-highlight-feature > div h2 { padding-top: 0; } } .rounded-corners-10, .rounded-corners-img img, .rounded-corners img { border-radius: 8px; } .rounded-corners-5 { border-radius: 5px; } .c-pivot.center section[role=tabpanel] { position: relative; overflow: hidden; box-shadow: 0px -5px 5px rgba(0, 0, 0, 0.2); margin-top: -5px; } .c-pivot.center ul[role="tablist"] li.f-active { color: #000; background: #fff; z-index: 1; box-shadow: 0px -5px 5px rgba(0, 0, 0, 0.2); } .c-pivot.center:not(.f-disabled) [role="tablist"] [role="tab"].f-active:after { border-bottom: none; } .c-pivot.center [role="tablist"] [role="tab"] { background: rgba(0, 0, 0, 0.1); margin: 0 auto; padding: 5px 20px; border-top-left-radius: 5px; border-top-right-radius: 5px; font-weight: bold; color: #000000; } .c-pivot.center ul[role="tablist"] { text-align: center; display: inline-block; } .hide-expand-collapse .expand-collapse-toggle-area { display: none; } .tick.c-glyph { font-size: 40px; text-align: center; font-family: MWF-MDL2; color: #0264b4; } section.m-hero-item.rounded-corners.hero-bgcolor { background: #fae6e4; } .rounded-corners.hero-bgcolor > div > div { background: #f4f2f2; padding: 50px 30px; border-radius: 8px; } .m-mosaic.rounded-corners picture { margin: 5px; border-radius: 8px; } .m-mosaic .c-group.top-left { top: 8px; left: 20px; right: auto; } .m-mosaic .c-group.top-right { top: 8px; left: auto; right: 18px; } .m-mosaic .c-group.bottom-left { top: auto; left: 19px; right: auto; bottom: 12px; height: auto; } .m-mosaic .c-group.bottom-right { top: auto; left: auto; right: 19px; bottom: 12px; } .m-mosaic .c-group.bottom-center { margin-bottom: 12px; } .has-border { border: 1px solid #000000; } .m-link-navigation.rounded-corners .c-link-navigation picture p { padding-top: 15px; color: #000000; } .m-link-navigation .c-link-navigation picture p { max-width: 100% !important; } .m-link-navigation.rounded-corners .c-link-navigation a:hover p, .m-link-navigation.rounded-corners .c-link-navigation a:focus p { color: #000000 !important; background: none !important; } .m-social.f-horizontal.f-share.social-share { float: right; } .m-social.f-horizontal.f-share.social-share, .m-social.f-horizontal.f-share.social-follow { padding: 0 12px; margin-top: 12px; margin-bottom: 12px !important; } @media screen and (max-width: 539px) { .m-social.f-horizontal.f-share.social-share { float: left; } .featured-cards-group .featured-single-card h3 { padding-top: 0px; } .featured-cards-group .featured-single-card p { padding-bottom: 0px; padding-top: 0px; } } .m-hero-item { pointer-events: none; } .m-hero-item a { pointer-events: auto; } .m-hero-item .c-pivot.custom-pivot ul li { pointer-events: auto; padding: 0; outline: none; border: 2px solid #bbbbbb; border-radius: 10px; } nav.c-in-page-navigation.f-sticky { background-color: rgba(255, 255, 255, .9); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.14); font-weight: bold; } @supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) { nav.c-in-page-navigation.f-sticky { background: rgba(243, 243, 243, 0.9) !important; -webkit-backdrop-filter: blur(18px); backdrop-filter: blur(18px); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.14); font-weight: bold; } } .windows-11-specifications .c-table { padding: 24px; } .windows-11-specifications nav.c-in-page-navigation.f-sticky:not(f-dropdown) .f-active { border: 2px solid #0067b8; } .windows-11-specifications nav.c-in-page-navigation.f-sticky:not(f-dropdown) .f-active:focus { border: 2px solid #000; } .windows-11-specifications .specs-stickynav { padding-top: 48px; } .windows-11-specifications #table4 td { width: 33%; } .windows-11-specifications #table4 th { width: auto; } .windows-11-specifications table th { vertical-align: middle !important; } .custom-mosaic { padding: 9px; } .custom-mosaic .m-image-intro video, .custom-mosaic picture, .custom-mosaic img { width: 100%; } .custom-mosaic .m-mosaic { padding-top: 12px !important; } .custom-mosaic .m-image-intro { padding-top: 12px !important; } /* .custom-mosaic video, .custom-mosaic .c-mosaic-placement .mp4inline .f-video-trigger { display: none; } .inline-popup.mp4inline .f-video-trigger { display: block; }*/ .inline-popup.mp4inline .f-video-trigger > div { top: calc(90%) !important; cursor: default !important; } .inline-popup.mp4inline .f-video-trigger button.c-action-trigger.c-glyph { width: auto; border-radius: 6px; font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 16px; padding-right: 12px; font-weight: 600; } .vertical-parallax-hero { float: none; } .featured-single-card img { width: 100%; border-radius: 8px; } .featured-single-card { margin: 12px; position: relative; width: 30% !important; border-radius: 8px; } .featured-single-card picture + div { position: absolute; top: 0; padding: 20px 40px !important; text-align: center; width: 100%; font-weight: bold; height: 100%; z-index: 400; } .featured-single-card picture + div > div.c-group { position: absolute; bottom: 0; text-align: center; width: 100%; padding: 20px; } .featured-cards-group { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; } .featured-cards { background: -webkit-linear-gradient(top, #333333 65%, #BDBDBD); background: -moz-linear-gradient(top, #333333 65%, #BDBDBD); background: -ms-linear-gradient(top, #333333 65%, #BDBDBD); background: -o-linear-gradient(top, #333333 65%, #BDBDBD); background: linear-gradient(top, #333333 65%, #BDBDBD); padding-top: 20px; padding-bottom: 12px; text-align: center; clear: both; } .featured-single-card > div { padding: 0px 30px; vertical-align: middle; display: table-cell; } .featured-single-card > picture + div { padding: 0; } .featured-single-card h2 { padding-top: 0; } .article-section-footnotes, div[data-grid="container"] { clear: both; } .no-play-pause button.videobutton { display: none; } .surface-hero-pivot-multi-img .c-pivot:not(.f-disabled) > [role="tablist"] > [role="tab"].f-active:after { border-bottom: none; } .surface-hero-pivot-multi-img .c-pivot:not(.f-disabled) > [role="tablist"] > [role="tab"].f-active { border: 2px dashed #000000; border-radius: 8px; } .videobutton.c-call-to-action.c-glyph:before { color: #000000; } .black-theme *, .black-theme .videobutton.c-call-to-action.c-glyph:before { color: #FFFFFF !important; } .white-theme *, .white-theme .videobutton.c-call-to-action.c-glyph:before { color: #000000; } .black-theme .videobutton.c-call-to-action.c-glyph, .black-theme .videobutton.c-call-to-action.c-glyph:focus { border: 1px solid #FFFFFF; } .white-theme .videobutton.c-call-to-action.c-glyph, .white-theme .videobutton.c-call-to-action.c-glyph:focus { border: 1px solid #000000; } div.custom-mosaic h3, div.custom-mosaic .m-image-intro h3, .windows-11 .win11-mosaic h3 { padding: 0; position: absolute; left: 24px; top: 24px; text-align: left; } .custom-mosaic .m-image-intro.f-align-left > div { position: absolute; left: auto; top: 24px; width: 70%; } #show-more-faq .show-more-link, #show-more-faq .show-less-link { text-decoration: none !important; padding: 6px; } [dir="rtl"] #show-more-faq .show-more-link:before, [dir="rtl"] #show-more-faq .show-less-link:before { padding-left: 10px; } #show-more-faq .show-more-link:before { content: '\EAEE'; font-size: 12px; padding-right: 10px; } #show-more-faq .show-less-link:before { content: '\ECC9'; font-size: 12px; padding-right: 10px; } .bground-default { background-color: #D5E6F5; } .default-bg-color { background-color: #D5E6F5 !important; } .bground-no { background-color: #FFF4CE; } .bground-yes { background-color: #DFF6DD; } .bground-dontknow { background-color: rgba(80, 230, 255, 0.25); } #pchealthcheck .bground-default * { color: #243a5e; } #pchealthcheck .default-bg-color * { color: #243a5e !important; } #pchealthcheck .bground-no * { color: #6a4b16; } #pchealthcheck .bground-yes * { color: #054b16; } #pchealthcheck .bground-dontknow * { color: #243a5e; } .video-container video { width: 100%; } .image-container2 img { width: 24%; margin-bottom: 2.5vw; border-radius: 2px; } .image-container1 img { width: 100%; transform: translate(120px, 45px) scale(4.6, 4.6); } @media screen and (min-width: 1800px) { .image-container1 img { transform: translate(150px, 335px) scale(4.6, 4.6); } #windowsh22.compare-windows-11-home-vs-pro-versions .c-table td:first-child, #windowsh22.compare-windows-11-home-vs-pro-versions .c-table th:first-child { padding-left: 10px; } } .image-container1 { width: 100%; position: absolute; top: 0; } .image-container2 { position: absolute; text-align: center; width: 100%; bottom: 7vw; z-index: 9; } .heading-container { position: absolute; z-index: 6; text-align: center; margin-top: 30px; width: 100%; } body { overflow-x: hidden; } .home-stickynav { opacity: 0; } .home-stickynav img { height: 21px !important; vertical-align: middle; } .home-stickynav .c-in-page-navigation.f-sticky .nav-2 { float: right; } [dir="rtl"] .home-stickynav .c-in-page-navigation.f-sticky .nav-2 { float: left; } .home-stickynav .c-in-page-navigation.f-sticky .nav-2 a { float: right; background: #0067b8; padding: 10px 25px; margin: 5px; border-radius: 6px; color: #FFFFFF !important; } .home-stickynav .c-in-page-navigation.f-sticky .nav-2 a:focus { background: #0067b8; color: #FFFFFF !important; } .c-in-page-navigation.f-dropdown ul { margin-left: 0 !important; } [dir="rtl"] .c-in-page-navigation.f-dropdown ul { margin-right: 0 !important; } nav.c-in-page-navigation > ul li > a.f-active { padding-bottom: 5px; } .two-column-table table td { padding-left: 20px; padding-right: 20px; } .two-column-table table td:first-child { width: 180px; } .m-table.left-table { margin-right: 20px; } .m-table.right-table { margin-left: 20px; } .two-column-table { margin-top: 36px; } .transfer-your-data .m-feature iframe.oneplayer-iframe { border-radius: 8px; } .windows-11-specifications table th, .windows-11-specifications table td, .two-column-table table th, .two-column-table table td { padding-top: 20px; padding-bottom: 20px; } .windows-11-specifications table th a, .windows-11-specifications table td a, .two-column-table table th a, .two-column-table table td a, .windows-11-specifications .c-table .c-list li a, .hubmain .m-content-placement-item p.toutpara .c-hyperlink, #windowsh22.compare-windows-11-home-vs-pro-versions .compare-edition-tables tr th a.c-hyperlink { text-decoration: underline; } .windows-11-specifications table tbody tr:last-child, .windows-11-specifications #table6 thead { border-bottom: 0px; } nav.c-link-navigation div[role="link"]::after, #retailers nav.c-link-navigation picture div::after, #retailers-Win8 nav.c-link-navigation picture div::after, #retailers-Win7 nav.c-link-navigation picture div::after, #windowsh22 .retailers nav.c-link-navigation picture div::after { font-family: MWF-MDL2; font-size: 11px; margin-top: 5px; margin-left: 3px; display: inline-block; position: relative; right: 0px; content: ""; vertical-align: top; } div#upgrade-for-free .m-feature { background: url("https://img-prod-cms-rt-microsoft-com.akamaized.net/cms/api/am/imageFileData/RWIjyu"); padding-bottom: 170px; padding-top: 170px; } div#upgrade-for-free .m-feature video { border: 10px solid rgba(243, 243, 243, 0.1) !important; backdrop-filter: blur(13px) !important; border-radius: 4px; box-shadow: 0 0px 3px rgba(255, 255, 255, 1); } #windowsh22.compare-windows-11-home-vs-pro-versions section.m-content-placement-item { cursor: default !important; } .hubmain .m-content-placement-item .c-hyperlink, .hubmain .c-content-placement .c-hyperlink { padding: 0; margin-right: 0; } #headerArea { position: relative; z-index: 9; } .windows-11 .hero-item-video .m-hero-item, .windows .hero-item-video .m-hero-item { padding: 0 } .windows-11 .mp4inline .f-video-trigger, .windows .mp4inline .f-video-trigger { margin-top: -90px; } .windows nav.c-in-page-navigation.f-dropdown.f-sticky { display: none; } @media only screen and (max-width: 325px) { .custom-mosaic .c-mosaic [data-f-mosaic~="f-height-large"] { height: 230px; } } @media only screen and (min-width: 326px) { .custom-mosaic .c-mosaic [data-f-mosaic~="f-height-large"] { height: 348px; } } @media only screen and (min-width: 501px) { .custom-mosaic .c-mosaic [data-f-mosaic~="f-height-large"] { height: 350px; } } @media only screen and (min-width: 601px) { .custom-mosaic .c-mosaic [data-f-mosaic~="f-height-large"] { height: 420px; } } @media only screen and (min-width: 671px) { .custom-mosaic .c-mosaic [data-f-mosaic~="f-height-large"] { height: 473px; } } @media only screen and (min-width: 761px) { .custom-mosaic .c-mosaic [data-f-mosaic~="f-height-large"] { height: 536px; } } @media only screen and (min-width: 881px) { .custom-mosaic .c-mosaic [data-f-mosaic~="f-height-large"] { height: 613px; } } @media only screen and (min-width: 972px) { .custom-mosaic .c-mosaic [data-f-mosaic~="f-height-large"] { height: 678px; } } @media only screen and (min-width: 1084px) { .custom-mosaic .c-mosaic [data-f-mosaic~="f-height-large"] { height: 447px; } } @media only screen and (min-width: 1229px) { .custom-mosaic .c-mosaic [data-f-mosaic~="f-height-large"] { height: 506px; } } @media only screen and (min-width: 1400px) { .custom-mosaic .c-mosaic [data-f-mosaic~="f-height-large"] { height: 575px; } } @media only screen and (min-width: 1536px) { .custom-mosaic .c-mosaic [data-f-mosaic~="f-height-large"] { height: 633px; } } @media only screen and (min-width: 1700px) { .custom-mosaic .c-mosaic [data-f-mosaic~="f-height-large"] { height: 700px; } } @media only screen and (min-width: 1800px) { .custom-mosaic .c-mosaic [data-f-mosaic~="f-height-large"] { height: 742px; } } .c-drawer > button:hover, .c-drawer > button:focus { z-index: 100; } /* 20210810 New mosaic CSS */ @media only screen and (max-width: 1083px) { section.surface-hero-pivot-multi-img .m-hero-item .pivot-copy-block p .supBLink span, section.surface-hero-pivot-multi-img .m-hero-item .pivot-copy-block p .supBLink span { color: #005293 !important; text-decoration: underline; } .custom-mosaic h3, .custom-mosaic p { background: rgba(243, 243, 243, 0.5) !important; backdrop-filter: blur(13px); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.14); font-weight: 600; padding: 2px 20px !important; border-radius: 8px; font-size: 18px; } .custom-mosaic .c-mosaic-placement .c-group, .custom-mosaic .c-mosaic-placement picture, .custom-mosaic .c-mosaic-placement picture:after { top: 10px; } .custom-mosaic section.m-image-intro { padding-left: 0; padding-right: 0; } .custom-mosaic .m-mosaic { padding-top: 0px !important; } div#homeMosaic.custom-mosaic { padding-left: 2%; padding-right: 2%; } .custom-mosaic .m-image-intro.f-align-left > div { top: 0px; } [data-grid="container"] .m-feature, [data-grid="container"] .m-image, [data-grid="container"] .m-social { padding-left: 5%; padding-right: 5%; } .pivot-copy-block .custom-pivot header { display: initial; } } .computers .custom-mosaic h3, .computers .custom-mosaic p, .windows-11 .win11-mosaic h3, .windows-11 .win11-mosaic p { background: rgba(243, 243, 243, 0.5) !important; backdrop-filter: blur(13px); padding: 8px 20px !important; border-radius: 0; margin-right: 5px; position: initial !important; } .computers .custom-mosaic p, .windows-11 .win11-mosaic p { margin-top: -4px; font-size: 18px; box-shadow: 0 7px 10px rgba(0, 0, 0, 0.14); } .compare-edition-tables tr td .c-drawer button[aria-expanded="true"]::before { content: '\E70E'; } .compare-edition-tables tr td .c-drawer button[aria-expanded="false"]::before { content: '\E70D'; } #homepage-hero { display: block; } .windows .static-in-lower-vp, .windows-11 .static-in-lower-vp { display: none; } @media only screen and (max-width: 1280px) { .windows .animation-in-higher-vp, .windows-11 .animation-in-higher-vp { display: none; } #homepage-hero, .home-stickynav { display: none; } .windows .static-in-lower-vp, .windows-11 .static-in-lower-vp { display: block; } .windows-11-pc-gaming .laptop-static-in-lower-vp { display: block !important; } .windows-11-pc-gaming .laptop-animation-in-higher-vp { display: none !important; } .windows-11 #chatTA { display: block; } .windows-11 #chat { display: none; } .windows-11 .article-section-footnotes.disclaimer ul li.c-caption-2:nth-child(4), .windows-11 .article-section-footnotes.disclaimer p.c-caption-2:nth-child(4) { display: none; } #windowsh22.windows-11 .article-section-footnotes.disclaimer ul li.c-caption-2:nth-child(4), #windowsh22.windows-11 .article-section-footnotes.disclaimer p.c-caption-2:nth-child(4) { display: block; } } #PivotTarget0 #articleslisting { display: flex; flex-wrap: wrap; } .position-fixed { position: fixed; top: 0 !important; } .m-feature.custom-small-feature { display: flex; justify-content: center; align-items: center; } .hubmain .m-feature.custom-small-feature .c-group a { margin-bottom: 20px; white-space: initial; } .vertical-parallax-hero3 { margin-top: -2px; } .rounded-corners .c-button.f-primary::after, .mp4inline .f-video-trigger .c-glyph.glyph-play::after, .tipsTricks-filters-section .tipstricks-filter::after, .tipstricks-loadmore::after { content: ""; position: absolute; top: calc(var(--y, 0) * 1px - 50px) !important; left: calc(var(--x, 0) * 1px - 50px) !important; width: 100px; height: 100px; background: radial-gradient(white, #3984ff00 80%); opacity: 0; transition: opacity 0.2s; } .rounded-corners .c-button.f-primary:hover::after, .mp4inline .f-video-trigger .c-glyph.glyph-play:hover::after, .tipsTricks-filters-section .tipstricks-filter:hover::after, .tipstricks-loadmore:hover::after { opacity: 0.4; } @media (prefers-reduced-motion: reduce) { .rounded-corners .c-button.f-primary:hover::after, .mp4inline .f-video-trigger .c-glyph.glyph-play:hover::after, .tipsTricks-filters-section .tipstricks-filter:hover::after, .tipstricks-loadmore:hover::after { opacity: 0; } } .animation-container p { font-weight: 400; } .m-hero-item.theme-light a.c-hyperlink, .m-hero-item.theme-light a.c-hyperlink:focus, .m-hero-item.theme-light a.c-hyperlink:hover { color: #0067b8 !important; } @media only screen and (max-width: 326px) { .custom-mosaic .m-mosaic .c-mosaic [data-f-mosaic~="f-height-medium"], .custom-mosaic .m-mosaic .c-mosaic [data-f-mosaic~="f-height-large"] { height: 242px !important; } } @media only screen and (min-width: 327px) and (max-width: 400px) { .custom-mosaic .m-mosaic .c-mosaic [data-f-mosaic~="f-height-medium"], .custom-mosaic .m-mosaic .c-mosaic [data-f-mosaic~="f-height-large"] { height: 247px !important; } } @media only screen and (min-width: 401px) and (max-width: 500px) { .custom-mosaic .m-mosaic .c-mosaic [data-f-mosaic~="f-height-medium"], .custom-mosaic .m-mosaic .c-mosaic [data-f-mosaic~="f-height-large"] { height: 297px !important; } } .hubmain a.c-hyperlink:focus { outline: 2px dashed #000 !important; line-height: 14px; border: none; padding: 3px 4px; } .transfer-your-data .c-table thead th { font-size: 15px; } .transfer-your-data .c-table td:first-child { font-weight: 600; } .transfer-your-data .c-table.f-divided thead tr { border-top: 1px solid #dbdbdb; } .transfer-your-data a.c-hyperlink.drawer-ctas:after { font-size: 11px; margin-top: -1px; margin-left: 4px; display: inline-block; content: "\E76C"; vertical-align: middle; font-family: "MWF-MDL2"; } .transfer-your-data a.c-hyperlink.drawer-ctas { margin-top: 10px; padding-bottom: 10px; padding-top: 10px; display: inline-block; text-decoration: none; } .transfer-your-data.hubmain a.c-hyperlink:focus { outline: 2px solid #000 !important; } .windows-11-specifications #table5 .c-table thead { border-bottom: none; } .windows-11-specifications #table5 .c-table { border-bottom: 1px solid #dbdbdb; } .windows-11-specifications .m-link-navigation.rounded-corners .c-link-navigation picture p, .windows-11-specifications .m-link-navigation.rounded-corners .c-link-navigation picture p:hover, .windows-11-specifications .m-link-navigation.rounded-corners .c-link-navigation picture p:focus { color: #0067b8 !important; } .vertical-parallax-hero3 .m-hero-item, .vertical-parallax-hero2 .m-hero-item, .parallax-hero .m-hero-item { padding: 0 0%; } .windows-11 .featured-cards .featured-single-card h3 { margin-bottom: 16px; } .tyd-table td { vertical-align: top; } #windowsh22.compare-windows-11-home-vs-pro-versions .compare-edition-tables tr td:not(:first-child), #windowsh22.compare-windows-11-home-vs-pro-versions .compare-edition-tables tr th:not(:first-child) { text-align: center; } .expand-collapse-toggle-area button { font-weight: 500; } .m-social.f-horizontal.f-share img { opacity: 1; } .windows-11 .white-bg-video .videobutton.c-call-to-action.c-glyph.bottom-right, .windows-11 .white-bg-video .videobutton.c-call-to-action.c-glyph.bottom-right:focus { right: 0; } .windows-11-specifications #table6 .c-paragraph-3 a.c-call-to-action:hover { text-decoration: underline; } #prefooterDrawer { display: none; } .expand-collapse-toggle-area { display: flex; justify-content: flex-end; align-items: center; } .expand-collapse-toggle-area button { margin-top: 0px !important; } .windows-11-specifications div#table1 > div[data-grid="col-12"], .windows-11-specifications div#table2 > div[data-grid="col-12"], .windows-11-specifications div#table3 > div[data-grid="col-12"], .windows-11-specifications div#table4 > div[data-grid="col-12"], .windows-11-specifications div#table5 > div[data-grid="col-12"] { margin-top: 48px; } .windows .home-stickynav li.nav-1 { padding-top: 14px; } .windows-11-specifications .accolate-panel-specs .c-image img, .accolate-panel-specs.small-feature-panel .c-image img { width: auto !important; margin-right: 40px; display: inline-block; } .windows-11-specifications .accolate-panel-specs .c-image, .accolate-panel-specs.small-feature-panel .c-image { display: inline-block; width: auto; } .windows-11-specifications .accolate-panel-specs .featurecontent, .accolate-panel-specs.small-feature-panel .featurecontent { display: inline-block; text-align: left; } .windows-11 .f-video-trigger button.c-action-trigger.c-glyph.glyph-play:hover span, .windows-11 .f-video-trigger button.c-action-trigger.c-glyph.glyph-play:focus span { border-bottom: 2px solid #fff !important; text-decoration: none !important; } .windows-11 .f-video-trigger button.c-action-trigger.c-glyph.glyph-play { text-decoration: none; } section.c-pivot.custom-pivot a { padding: 0; margin: 0; border: 0; } section.c-pivot.custom-pivot li { height: 52px; width: 52px; } .m-link-navigation.wdg-support-links nav.c-link-navigation div[role="link"]::after { content: none; } .tips-background, #tips-background, #cp-tipstricks, .cp-tipstricks { background: #f2f2f2 !important; } #all-tips { background: none; } #all-tips .featured-single-card picture + div { text-align: left; } [dir="rtl"] #all-tips .featured-single-card picture + div { text-align: right; } #all-tips .c-badge { margin-top: 20px; font-weight: bold; padding: 5px; height: auto; border-radius: 3px; background: #00ffff } [dir="rtl"] #all-tips .c-group { text-align: right !important; } #all-tips .c-group { width: 100%; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; bottom: 0px; left: 0px; background: #FFFFFF; height: 44%; display: block; text-align: left; } #all-tips .c-group h3 { padding-top: 0; margin-bottom: 24px; } #all-tips a { background: none; padding: 0; color: #0067b8; height: auto; text-align: left; white-space: initial; position: absolute; bottom: 30px; font-weight: 600; } #all-tips a span { font-size: 20px; word-wrap: break-word; display: inline; padding-right: 0px; } #all-tips a.c-call-to-action:not(.glyph-play):after { float: right; } #all-tips .featured-single-card { box-shadow: 0px 0px 5px #656565; border-radius: 8px; width: 460px !important; } #all-tips .content-only { background: #FFFFFF; border-radius: 10px; z-index: 0; } #all-tips .content-only div.c-group { background: transparent; position: static; padding-left: 0; text-align: left; } [dir="rtl"] #all-tips .content-only div.c-group { padding-right: 0; } #all-tips .content-only:hover { background: #0068b9 !important; color: #FFFFFF; transition: all 0.5s; } #all-tips .featured-single-card:hover { margin-top: -2px; cursor: pointer; transition: margin-top 0.5s; } #all-tips .featured-single-card:not(.content-only):hover div.c-group { background: #0068b9 !important; transition: background 0.5s; } #all-tips .featured-single-card:hover > div h3, #all-tips .featured-single-card:hover > div a { color: #FFFFFF !important; } #all-tips .featured-single-card div a:hover span { box-shadow: none !important; } #all-tips .featured-single-card picture .non-hover { display: block; } #all-tips .featured-single-card picture .on-hover { display: none; } #all-tips .featured-single-card:not(.content-only):hover picture .non-hover { display: none; } #all-tips .featured-single-card:not(.content-only):hover picture .on-hover { display: block; } .tips-overlay svg { vertical-align: middle; margin-left: 5px; } div#default-lightbox .m-content-placement-item > div { padding: 40px; } .tips-overlay [role="dialog"], .tips-overlay [role="document"] { width: auto !important; border-radius: 10px; } .tips-overlay.c-dialog iframe { min-height: 304px; } a.tips-glyph:after { content: '\E76C'; font-family: "MWF-MDL2"; } [dir="rtl"] a.tips-glyph:after { content: '\E76B'; font-family: "MWF-MDL2"; } [dir="rtl"] #all-tips a:before { transform: rotate(180deg); } .windows-11-specifications #table5 td { vertical-align: top; } [data-theme='dark'] #footerArea *, [data-theme='dark'] #social-network, [data-theme='dark'] #social-network * { background-color: #000000 !important; color: #FFFFFF !important; } [data-theme='dark'] .c-uhfh .c-show-pipe::before { border-left: 2px solid #fff; } .surface-hero-pivot-multi-img .pivot-copy-block section.custom-pivot header a { padding: 0; } @media only screen and (min-width: 540px) { #prefooterDrawer { display: none; } .article-image-dialog h2 { display: inline-block; } .article-image-dialog picture { padding-right: 30px; padding-bottom: 20px; } .article-image-dialog h2 { display: inline-block; } } @media only screen and (max-width: 539px) { #prefooterDrawer { display: block; } .wdg-support-links 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: 100%; } .wdg-support-links button.drawer:focus-visible { outline-style: dashed; } .wdg-support-links button.drawer:after { margin-top: 2px; position: absolute; padding-left: 6px; font-size: x-small; } [dir="rtl"] .wdg-support-links button.drawer:after { padding-right: 6px; } .wdg-support-links nav.c-link-navigation { margin: 0 auto 24px 0; display: none; } .wdg-support-links nav.c-link-navigation ul li { clear: both; display: block; height: auto; width: 100%; padding-top: 10px; } .wdg-support-links nav.c-link-navigation ul li a.c-hyperlink.f-image { padding-top: 4px; } .wdg-support-links nav.c-link-navigation ul li a.c-hyperlink picture, .wdg-support-links nav.c-link-navigation ul li a.c-hyperlink p { display: inline-block !important; } .wdg-support-links nav.c-link-navigation ul li a.c-hyperlink picture { text-align: left; max-width: none; display: inline-block; } .wdg-support-links nav.c-link-navigation ul li a.c-hyperlink span, .wdg-support-links nav.c-link-navigation ul li a.c-hyperlink p { color: #0067b8; } .wdg-support-links nav.c-link-navigation ul li a.c-hyperlink picture img { width: 30px; height: 100%; } .wdg-support-links nav.c-link-navigation ul li a.c-hyperlink picture, .wdg-support-links nav.c-link-navigation ul li a.c-hyperlink p { display: inline-block !important; } .m-link-navigation.wdg-support-links nav.c-link-navigation li a.c-hyperlink.f-image div { max-width: initial; padding-top: 0 !important; } .wdg-support-links nav.c-link-navigation ul li .c-hyperlink:focus:not(.x-hidden-focus):not(.wdg-f-blue-button) { outline: #000 dashed 2px !important; border: none !important; } .wdg-support-links button.drawer[aria-expanded="true"]::after { content: "\E70E"; } .wdg-support-links button.drawer[aria-expanded="false"]::after { content: "\E70D"; } .wdg-support-links nav.c-link-navigation li a.c-hyperlink.f-image:focus img { outline: 0px solid #0067b8; } .wdg-support-links nav.c-link-navigation li a.c-hyperlink.f-image:focus div { background: none; } .hubmain hr.c-divider { margin-left: 5%; margin-right: 5%; } .article-image-dialog picture img { margin-bottom: 20px; width: 100%; } } /* New Article Template CSS Start */ .c-hyperlink.category { padding: 10px 0; margin-right: 16px; display: inline-block; } .c-hyperlink.category.access { border-bottom: 2px solid #F46A4A; } .c-hyperlink.category.beproductive { border-bottom: 2px solid #CC8200; } .c-hyperlink.category.connect { border-bottom: 2px solid #A67DF4; } .c-hyperlink.category.organize { border-bottom: 2px solid #009DDB; } .c-hyperlink.category.protect { border-bottom: 2px solid #00AD10; } .c-hyperlink.category.relax { border-bottom: 2px solid #05A390; } .category-link-navigation ul li.access.active, .category-link-navigation ul li.access:hover { border-bottom: 8px solid #F46A4A; } .category-link-navigation ul li.beproductive.active, .category-link-navigation ul li.beproductive:hover { border-bottom: 8px solid #CC8200; } .category-link-navigation ul li.connect.active, .category-link-navigation ul li.connect:hover { border-bottom: 8px solid #A67DF4; } .category-link-navigation ul li.organize.active, .category-link-navigation ul li.organize:hover { border-bottom: 8px solid #009DDB; } .category-link-navigation ul li.protect.active, .category-link-navigation ul li.protect:hover { border-bottom: 8px solid #00AD10; } .category-link-navigation ul li.relax.active, .category-link-navigation ul li.relax:hover { border-bottom: 8px solid #05A390; } .category-link-navigation ul li.access, .category-link-navigation ul li.beproductive, .category-link-navigation ul li.connect, .category-link-navigation ul li.organize, .category-link-navigation ul li.protect, .category-link-navigation ul li.relax { border-bottom: 8px solid transparent; } .category-link-navigation ul li a.c-hyperlink.f-image { margin: 20px 22px 0 !important; } .category-link-navigation img { height: 80px; width: 80px; } .category-link-navigation ul li { width: 16%; } .blockquote { padding: 5px 10px; line-height: 2; margin: 20px 0 20px 25px; } .blockquote.access { border-left: 2px solid #F46A4A; color: #F46A4A; } .blockquote.beproductive { border-left: 2px solid #CC8200; color: #CC8200; } .blockquote.connect { border-left: 2px solid #A67DF4; color: #A67DF4; } .blockquote.organize { border-left: 2px solid #009DDB; color: #009DDB; } .blockquote.protect { border-left: 2px solid #00AD10; color: #00AD10; } .blockquote.relax { border-left: 2px solid #05A390; color: #05A390; } .m-banner.access { background: #F46A4A; } .m-banner.beproductive { background: #CC8200; } .m-banner.connect { background: #A67DF4; } .m-banner.organize { background: #009DDB; } .m-banner.protect { background: #00AD10; } .m-banner.relax { background: #05A390; } .tag-button.access span { border-bottom: 3px solid #F46A4A; box-shadow: none !important } .tag-button.beproductive span { border-bottom: 3px solid #CC8200; box-shadow: none !important } .tag-button.connect span { border-bottom: 3px solid #A67DF4; box-shadow: none !important } .tag-button.organize span { border-bottom: 3px solid #009DDB; box-shadow: none !important } .tag-button.protect span { border-bottom: 3px solid #00AD10; box-shadow: none !important } .tag-button.relax span { border-bottom: 3px solid #05A390; box-shadow: none !important } .more-articles-section { background: #f2f2f2; padding: 0; padding-bottom: 48px; } .article-date { margin-top: 24px; color: #707070; margin-bottom: 18px; } .article-read { font-weight: 600 !important; } .feature-with-border { border: 2px solid #D2D2D2; background: linear-gradient(#fff, #fafafa); border-right-color: #f1f1f1; } /* New Article Template CSS End */ /* Changing Old Article to New Article Template Start */ /* #right-container { margin-bottom: 0px !important; } #right-container .m-banner { text-align: left; } #right-container .m-content-placement { padding-left: 0px !important; padding-right: 0px !important; } #right-container .m-content-placement .content-touts[data-grid="col-12"] { width: 33%; padding: 6px; } */ /* Changing Old Article to New Article Template End */ #windowsh22.get-windows-11 .m-banner h2 .supBLink { font-size: 15px !important; } #table1 table tbody tr td:first-child, #table2 table tbody tr td:first-child, #table3 table tbody tr td:first-child { font-weight: 600; } [dir="rtl"] #social-network .m-social.f-horizontal.f-share.social-share { float: left; } html[lang='zh-cn'] #social-network .f-share ul li:first-child .qrcode { width: 90px !important; height: 90px !important; position: absolute; background: #fff; display: none; margin-top: 10px; margin-left: -26px; } html[lang='zh-cn'] #social-network .f-share ul li:first-child:hover .qrcode, html[lang='zh-cn'] #social-network .f-share ul li:first-child a:focus + .qrcode { display: block; } #cle-panel .m-hero-item { border-radius: 8px; } .white-theme video + button.videobutton:focus { border: none !important; outline: 2px dashed #000 !important; } .black-theme video + button.videobutton:focus { border: none !important; outline: 2px dashed #fff !important; } #table2 .bground-default, #table4 .bground-default { background-color: #e8f7fe !important; } #windowsh22.compare-windows-11-home-vs-pro-versions .m-content-placement-item[data-js-href]:hover picture img, #windowsh22.compare-windows-11-home-vs-pro-versions .c-content-placement[data-js-href]:hover picture img { opacity: 1; } #homepage-hero .animation-in-higher-vp p.c-paragraph-1 { width: 75%; margin: 0 auto; } .windows-11-pc-gaming .rounded-corners.hero-darkbgcolor > div > div { background: rgba(60, 64, 68,0.9); padding: 50px 30px; border-radius: 8px; } [dir="rtl"] .rounded-corners .c-button.f-primary.blue-button { margin-right: 0px; } [dir="rtl"] div.custom-mosaic h3, [dir="rtl"] div.custom-mosaic .m-image-intro h3 { text-align: right; right: 24px; left: auto; padding-left: 24px; } [dir="rtl"] .videobutton.glyph-play.c-call-to-action.c-glyph:before { margin-left: -2px; } [dir="rtl"] .videobutton.glyph-pause.c-call-to-action.c-glyph:before { margin-left: -4px; } .windows-11-pc-gaming .featured-cards { background: -webkit-linear-gradient(top, #343434 65%, #171717); background: -moz-linear-gradient(top, #343434 65%, #171717); background: -ms-linear-gradient(top, #343434 65%, #171717); background: -o-linear-gradient(top, #343434 65%, #171717); background: linear-gradient(top, #343434 65%, #171717); padding-top: 48px; padding-bottom: 48px; text-align: center; clear: both; } .windows-11-pc-gaming { background: #171717; } .windows-11-pc-gaming .m-feature.custom-small-feature.bground-games.rounded-corners-10 { background: #0d244d; color: #40a0ee; } .windows-11-pc-gaming .f-video-trigger > div { -ms-transform: translateY(0%); -webkit-transform: translateY(0%); transform: translateY(0%); } .windows-11-pc-gaming .featured-cards-group { text-align: left; } .windows-11-pc-gaming a.c-call-to-action.c-glyph.c-button.f-primary.blue-button span, .windows-11-pc-gaming .f-video-trigger button.c-action-trigger.c-glyph, .windows-11-pc-gaming .f-video-trigger a.c-action-trigger.c-glyph, .windows-11-pc-gaming .f-video-trigger button.c-action-trigger.c-glyph:before, .windows-11-pc-gaming .featured-cards-group.c-button.f-primary.blue-button { color: black !important; } .c-uhfh > div:first-child { margin-bottom: 0px !important; } [dir='rtl'] .compare-edition-tables tr td .c-drawer button[aria-expanded="false"]::before { float: left; } [dir='rtl'] .compare-edition-tables tr td .c-drawer button[aria-expanded="true"]::before { float: left; } [dir='rtl'] .compare-edition-tables tr td .c-drawer div.c-drawer-panel { padding-right: 0px; } [dir='rtl'] .compare-edition-tables tr td .c-drawer button { padding-right: 0; } .feature-products-content, picture.featured-products-image { display: inline-block; } .featured-products-area { display: flex !important; align-items: center; margin-right: 20px; width: 46% !important; } .featured-products-area .feature-products-content { padding-left: 20px; padding-right: 20px; background: #f2f2f2; padding-top: 3%; padding-bottom: 3%; } .featured-products { display: flex; flex-wrap: wrap; } .featured-products-image img { width: 100%; } @media only screen and (max-width: 767px) { .featured-products-area .featured-products-image { width: 25%; } .featured-products-area .feature-products-content { width: 75%; } .featured-products-area { width: 100% !important; } .featured-products { padding-left: 5%; padding-right: 5%; } .tips-overlay .m-content-placement-item > div { padding: 20px !important; } .offers-features-item { padding-left: 2% !important; padding-right: 2% !important; } } @media screen and (max-width: 1083px) { .tyd-table { width: 90%; margin: 0 auto; } .computers div.custom-mosaic p, .windows-11 .win11-mosaic p { font-size: initial; font-weight: 400; padding-bottom: 5px !important; } .windows-11 .win11-mosaic p { font-size: 15px; } .windows-11 .custom-mosaic .m-image-intro.f-align-left > div { width: 100%; } .computers .custom-mosaic .m-image-intro.f-align-left > div { width: 100% !important; } .windows-11-pc-gaming .vertical-parallax-hero2 .hero-darkbgcolor > div > div, .windows-11-pc-gaming .vertical-parallax-hero3 .hero-darkbgcolor > div > div { background: none; backdrop-filter: none; padding: 0; } .tips-overlay [role="dialog"] .m-content-placement-item h3 { font-size: 24px; line-height: 24px; } } @media screen and (max-width: 767px) { .tyd-table.c-table th:first-child { padding-left: 19px !important; } .tyd-table.c-table th { padding: 10px !important; } .windows-11-pc-gaming #games-hero .m-hero-item div > div { top: calc(50%); } .computers .custom-mosaic h3, .computers .custom-mosaic p, .windows-11 .win11-mosaic p, .windows-11 .win11-mosaic h3 { background: rgba(243, 243, 243, 0.8) !important; } .c-dialog.tips-overlay [role="dialog"] { min-width: 324px; } .article-category .image-priority-accolate .cat-feature .featurecontent { box-shadow: 0px 2px 2px 2px #f2f2f2; text-align: left; } .article-category div#articlesSmallFeature .featurecontent { box-shadow: none !important; } } .computers div.custom-mosaic p, .windows-11 .win11-mosaic p { position: absolute; left: 24px; text-align: left; padding-right: 24px; } .computers .custom-mosaic .c-mosaic-placement div, .windows-11 .win11-mosaic .c-mosaic-placement > div { justify-content: start; top: 30px; padding: 0 14px; } .computers .custom-mosaic .m-image-intro.f-align-left > div { width: 40%; } @media only screen and (min-width: 768px) and (max-width: 1083px) { [dir="rtl"] .sync-across-your-devices .m-feature > div { right: 0% !important; } .windows-11-pc-gaming #games-hero .m-hero-item div > div { transform: translateY(5%); } .remote-resource-center .m-hero-item > div > div, .article-category .m-hero-item > div > div { transform: translateY(35%) !important; } .new-article .featured-products { padding-left: 5%; padding-right: 5%; } .sync-across-your-devices .m-highlight-feature > div { width: 48%; height: auto; top: calc(55%); } .sync-across-your-devices .m-highlight-feature > div h2 { padding-top: 10px; } .sync-across-your-devices div.featurecontent div.c-logo img { margin: 0 auto; } #parallaxheroimage .m-hero-item > div > div { transform: translate(0%, 35%) !important; } .windows-11-pc-gaming #gamecontroller .m-hero-item > div > div { transform: translate(0%, 25%) !important; } } [data-theme="dark"] .m-link-navigation.wdg-support-links a.c-hyperlink { color: #3AA0EF; } .hubmain.windows-11-pc-gaming div#pchealthcheck .m-feature .comppanel .c-group a { color: #3AA0EF; } [data-theme="dark"] .rounded-corners .c-button.f-primary.blue-button, [data-theme="dark"] .rounded-corners .f-video-trigger button.c-action-trigger.c-glyph { background: #3AA0EF !important; color: #000000 !important; } [data-theme="dark"] .rounded-corners .c-call-to-action.c-glyph { color: #3AA0EF; } @media only screen and (max-width: 539px) { [dir="rtl"] .wdg-support-links button.drawer { text-align: right; } .featured-single-card picture + div { padding: 20px 20px !important; } .windows-11 .win11-mosaic p { font-size: 14px; padding-top: 0 !important; padding-bottom: 5px !important; } } .wdg-support-links nav.c-link-navigation li a.c-hyperlink p, .wdg-support-links nav.c-link-navigation li a.c-hyperlink div { text-transform: none !important; } [dir="rtl"] .f-video-trigger button.c-action-trigger.c-glyph:before { transform: rotate(180deg); float: right; margin-left: 10px; } .windows-11-pc-gaming .f-video-trigger button.c-action-trigger.c-glyph.glyph-play { text-decoration: none; } .windows-11-pc-gaming .f-video-trigger button.c-action-trigger.c-glyph.glyph-play:hover span, .windows-11-pc-gaming .f-video-trigger button.c-action-trigger.c-glyph.glyph-play:focus span { color: #000000; box-shadow: 0 2px #000000 !important; text-decoration: none; } .windows-11-pc-gaming #gaming-pcs .rounded-corners.hero-darkbgcolor > div > div { background: none; backdrop-filter: none; } [data-theme="dark"] .c-button.f-primary.blue-button:hover span, [data-theme="dark"] .c-button.f-primary.blue-button:focus span { color: #000000; box-shadow: 0 2px #000000 !important; } [data-theme="dark"] hr.c-divider { border-top: 1px solid #595959; } @media only screen and (min-width: 767px) and (max-width: 1083px) { #windowsh22.compare-windows-11-home-vs-pro-versions .toutheading.c-heading-4 { word-break: break-word; } } body .article-category #right-container .image-priority-accolate .m-feature.accolate-section { padding: 0 !important; border: none !important; min-height: 300px !important; max-height: 350px !important; display: flex; align-items: center; } .category-link-navigation nav.c-link-navigation div[role="link"]::after { content: ""; } .category-link-navigation ul li a { color: #000; } .tag-button-container a.c-call-to-action { text-transform: none; } .tag-button-container a.c-call-to-action { text-transform: none; color: #606060 !important; } .tag-button-container a.c-call-to-action span { box-shadow: 0 1.5px currentColor; } .tag-button-container a.c-call-to-action.c-glyph.tag-button::after { content: ""; } .remote-resource-center #rrc-color-accolate { background: #fbf7ec; padding-top: 48px; padding-bottom: 48px; } div#rrc-color-accolate .m-feature { background: #fff; } div#articlesSmallFeature .small-feature-panel.accolate-section { border: none !important; padding: 0 !important; background: #e9e9e9; } #articlesSmallFeature .accolate-panel-specs.small-feature-panel .c-image img { margin-right: 60px } .article-tags div#right-container { margin-bottom: 0; } .category-link-navigation nav.c-link-navigation { margin-top: 0; } @media screen and (max-width: 1083px) { .category-link-navigation .c-link-navigation ul li { width: 32%; display: inline-block; } .category-link-navigation ul li a.c-hyperlink.f-image { margin: 20px 0px 0 !important; } .category-link-navigation ul li a.c-hyperlink.f-image div { display: block; text-align: center; max-width: none !important; } .category-link-navigation ul li a.c-hyperlink.f-image picture { display: block; text-align: center; } body .article-category #right-container .image-priority-accolate .m-feature.accolate-section { display: initial; max-height: initial !important; } div#articlesSmallFeature .small-feature-panel, div#articlesSmallFeature .small-feature-panel .featurecontent { text-align: center; } #articlesSmallFeature .accolate-panel-specs.small-feature-panel .c-image img { margin-right: 0px; } div#articlesSmallFeature .small-feature-panel.accolate-section { padding: 5% !important; } #right-container .filter-component-dropdown { text-align: left; padding-top: 0; padding-left: 5%; } div#rrc-color-accolate .m-feature { background: #fbf7ec; } div#rrc-color-accolate .m-feature .featurecontent { background: #fff; width: 100%; padding-bottom: 40px; } div#rrc-color-accolate { width: 100%; } [dir="rtl"] .videobutton.c-call-to-action.c-glyph.bottom-left, [dir="rtl"] .videobutton.c-call-to-action.c-glyph.bottom-left:focus { left: 10px; } div#sticky-share .m-social { margin-top: 10px; margin-bottom: 24px; } .remote-resource-center .small-hero-item .m-hero-item h1 { color: #000 !important; } .article-image-dialog picture img { margin-bottom: 30px; width: 100%; } div#categorySocialIcons .m-social { padding-left: 5%; padding-right: 5%; } .remote-resource-center #rrc-color-accolate .c-image img { border-start-end-radius: 8px; border-start-start-radius: 8px; } .remote-resource-center #rrc-color-accolate .m-feature .featurecontent { border-end-end-radius: 8px; border-end-start-radius: 8px; } div#articlesSmallFeature .small-feature-panel .c-image img { border-radius: 8px; } .getting-started .image-priority-accolate .m-feature .featurecontent .c-logo img { margin: 0 auto; } #windowsh22.compare-windows-11-home-vs-pro-versions .compare-edition-tables { padding-left: 5%; padding-right: 5%; } .windows-11 .win11-feature-hero .m-hero-item:before { padding-bottom: 45.875%; } } .filter-component-dropdown { text-align: right; padding-top: 30px; } button#filteredDropdownArea-generated-select-menu-trigger { color: #0067b8; font-weight: 500; } button#filteredDropdownArea-generated-select-menu-trigger:after { color: #0067b8; } .filter-component-dropdown ul { width: auto; text-align: left; } .filter-component-dropdown ul li span { padding: 11px 10px; } div#category-loadless-articles { display: none; } .featured-video-popup .featured-products-bleed-area { display: flex !important; align-items: center; margin-right: 20px; border-top: 1px solid #000; border-bottom: 1px solid #000; padding-top: 10px; padding-bottom: 10px; } .featured-products-bleed-area .feature-products-content { padding-right: 20px; padding-left: 20px; } body.removeoverflow { overflow: hidden !important; } .reduced-article { overflow: hidden; } div#default-lightbox .m-content-placement-item > div p a.c-hyperlink { margin-right: 0; } [lang="zh-cn"] .windows-11 .m-ambient-video .f-video-trigger { display: none; } [data-theme="dark"] body a.m-back-to-top[aria-disabled=false], [data-theme="dark"] .wdg-support-links #prefooterDrawer { color: white; } .windows-11-pc-gaming #gaming-mosaic .featured-single-card .c-group a.tips-glyph span { white-space: normal; } div#category-loadmore-articles .c-group a { background: #0067b8; color: #fff; padding: 10px 20px 7px; border-radius: 30px; } .getting-started-tips .featured-single-card { box-shadow: 0px 0px 5px #656565; border-radius: 8px; } .getting-started-tips .featured-single-card picture + div { text-align: left; } .getting-started-tips .c-badge { margin-top: 20px; font-weight: bold; padding: 5px; height: auto; border-radius: 3px; background: #00ffff; } .getting-started-tips .c-group { width: 100%; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; bottom: 0px; left: 0px; background: #FFFFFF; height: 44%; display: block; text-align: left !important; } .getting-started-tips .c-group h3 { padding-top: 0; margin-bottom: 24px; } .getting-started-tips a { background: none; padding: 0; height: auto; text-align: left; white-space: initial; position: absolute; bottom: 30px; font-weight: 600; color: #0067b8 !important; } .getting-started-tips a.tips-glyph:after { content: '\E76C'; font-family: "MWF-MDL2"; font-size: 12px; } .getting-started-tips a.tips-glyph:hover span { box-shadow: 0 2px currentColor; } [data-theme="dark"] nav.c-link-navigation li a.c-hyperlink.f-image:focus p, [data-theme="dark"] nav.c-link-navigation li a.c-hyperlink.f-image:focus div, [data-theme="dark"] nav.c-link-navigation li a.c-hyperlink.f-image:hover p, [data-theme="dark"] nav.c-link-navigation li a.c-hyperlink.f-image:hover div, [data-theme="dark"] nav.c-link-navigation li a.c-hyperlink.f-image:active p, [data-theme="dark"] nav.c-link-navigation li a.c-hyperlink.f-image:active div { color: #3AA0EF !important; } .article-category div#top-container { margin-bottom: 40px; } @media only screen and (min-width: 540px) and (max-width: 767px) { .tips-overlay.c-dialog iframe { min-height: 180px; } } .computers .custom-mosaic h3, .windows-11 .win11-mosaic h3 { margin-bottom: 4px; } div#devices-mosaic .f-width-small div .c-group a { white-space: normal; margin-right: 20px; margin-left: 20px; } .hubmain.features #pchealthcheck img { padding: 20px; } [dir="rtl"] .windows-11-pc-gaming .featured-cards-group { text-align: right; } .windows-11 #pchealthcheck .m-feature.custom-small-feature .c-group a { margin-bottom: 0; } .windows-11 #pchealthcheck .m-feature.custom-small-feature { padding-bottom: 20px } @media screen and (min-width: 1920px) { .m-image img { width: 100%; } .devices-mosaic .c-mosaic-placement picture img { width: 100%; } .remote-resource-center #rrc-color-accolate { max-width: initial; } } .redesign-touts .content-touts .articletouts .m-content-placement-item > div { padding: 0 20px 0px 20px; } .category-link-navigation ul li a:hover picture div { text-decoration: none !important; color: #000 !important; } .rrc-category-hero .m-hero-item .c-group a, .rrc-category-hero .m-hero-item .c-group a:hover, .rrc-category-hero .m-hero-item .c-group a:focus { color: #000; background: none !important; padding: 0; } .rrc-category-hero .m-hero-item a.c-call-to-action:not(.glyph-play):before, .rrc-category-hero .m-hero-item button.c-call-to-action:not(.glyph-play):before { font-size: 11px; margin-top: 3px; margin-left: 1px; display: inline-block; position: relative; right: 0; content: ""; vertical-align: top; transform: scaleX(-1); -moz-transform: scaleX(-1); -webkit-transform: scaleX(-1); -ms-transform: scaleX(-1); } .rrc-category-hero .m-hero-item a.c-call-to-action:not(.glyph-play):after, .rrc-category-hero .m-hero-item button.c-call-to-action:not(.glyph-play):after { content: none; } .rrc-category-hero .m-hero-item a.c-call-to-action:not(.glyph-play):hover:before { left: -4px !important; } .image-priority-accolate section.m-feature.feature-bleed { padding: 0 !important; border: 0 !important; } .image-priority-accolate section.m-feature.feature-bleed .featurecontent { top: calc(0%); transform: translateY(0); } div#category-loadmore-articles { margin-top: 50px; clear: both; float: right; width: 100%; } #cp-tipstricks a.c-hyperlink.c-glyph::after { font-family: MWF-MDL2; font-size: 11px; margin-top: 1px; margin-left: 3px; content: ""; } .getting-started #cp-tipstricks .m-product-placement .m-product-placement-item p { padding-top: 0 } #right-container .content-touts .articletouts section { background: #fff; } #right-container .content-touts .articletouts section > div { padding: 0 20px; } #right-container .content-touts .articletouts section > div .c-group { padding-bottom: 20px; } div#categorySocialIcons { margin-bottom: 48px; clear: both; } .morearticles-bg { box-shadow: 0 -50px 20px #f2f2f2; } .article-tags div#right-container { margin-top: 48px; } .readmore-newarticle .c-group a, .readmore-newarticle .c-group a:hover, .readmore-newarticle .c-group a:focus { background: #0067b8 !important; color: #fff !important; padding: 10px 20px 7px; border-radius: 30px; } div#sticky-share li a:focus, .remote-resource-center .social-linked-icon a:focus, #categorySocialIcons .social-linked-icon a:focus { background-color: #fff; border: 2px dashed #000; border-radius: 50%; } div#sticky-share li a:focus:before, .remote-resource-center .social-linked-icon a:focus:before, .remote-resource-center .social-linked-icon a:hover:before, #categorySocialIcons .social-linked-icon a:focus:before, #categorySocialIcons .social-linked-icon a:hover:before { background: rgba(0,0,0,0); } .remote-resource-center .social-linked-icon a, #categorySocialIcons .social-linked-icon a { width: 40px; height: 40px; } .remote-resource-center .category-link-navigation { padding-left: 5%; padding-right: 5%; } div#readmore-article a:after, div#category-loadmore-articles .c-group a:after { transform: rotate(90deg); } .new-article h1 { font-weight: 400; } .article-tags .tags-container h2 { font-size: 28px; line-height: 30px; } .rounded-corners .c-button.f-primary.white-bg-button, .windows .offers-features-item .rounded-corners .c-button.f-primary.white-bg-button, .computers .offers-features-item .rounded-corners .c-button.f-primary.white-bg-button { border-radius: 6px; text-align: center; padding-top: 12px; padding-right: 20px; padding-bottom: 10px; padding-left: 27px; line-height: 1; box-shadow: none; background: #fff; color: #000; margin-right: 15px; margin-top: 15px; } .rounded-corners .c-button.f-primary.white-bg-button:hover, .rounded-corners .c-button.f-primary.white-bg-button:focus, .windows .offers-features-item .rounded-corners .c-button.f-primary.white-bg-button:focus, .computers .offers-features-item .rounded-corners .c-button.f-primary.white-bg-button:focus { background: #fff !important; color: #000 !important; } .offers-features-item .m-hero-item { border-radius: 8px; } /*Rounded conrners for redesigned rrc start*/ .remote-resource-center div#rrc-home-articles .content-touts .articletouts picture img { border-radius: 8px; } div#articlesSmallFeature .small-feature-panel { border-end-start-radius: 10px; border-start-start-radius: 10px; border-end-end-radius: 8px; border-start-end-radius: 8px; } .article-category .image-priority-accolate .m-feature picture img { border-radius: 8px; } .article-category .redesign-touts .content-touts .articletouts .m-content-placement-item picture img { border-radius: 8px; } .new-article #right-container .m-content-placement-item img, .postcard-article #right-container .m-content-placement-item img { border-top-left-radius: 8px; border-top-right-radius: 8px; } .new-article #right-container .m-content-placement-item, .postcard-article #right-container .m-content-placement-item { border-radius: 8px; } .new-article #left-container img { border-radius: 8px; } .new-article #left-container iframe { border-radius: 8px; } .new-article .featured-products .feature-products-content { border-bottom-right-radius: 8px; border-top-right-radius: 8px; } .new-article .featured-products .featured-products-image img { border-bottom-left-radius: 8px !important; border-top-left-radius: 8px !important; border-top-right-radius: 0px !important; border-bottom-right-radius: 0px !important; } .tags-container .image-priority-accolate img { border-radius: 8px; } /*Rounded conrners for redesigned rrc start*/ @media screen and (max-width: 767px) { .featured-products-area.m-content-placement-item { background-color: #f2f2f2; border-top-right-radius: 8px; border-bottom-right-radius: 8px; border-top-left-radius: 8px; border-bottom-left-radius: 8px; } .sync-across-your-devices .m-highlight-feature > div { background: #fff; } .category-link-navigation ul { display: initial !important; } .windows-11-pc-gaming #gamecontroller .m-hero-item > div > div { top: calc(55%); } #parallaxheroimage .parallax-hero-laptop-cls { position: absolute; z-index: 999; display: block; } #parallaxheroimage .parallax-hero-laptop-cls > picture { z-index: 999; display: block; } } @media screen and (min-width: 1240px) { .featured-products-area.m-content-placement-item { background: #f2f2f2; border-radius: 8px; } .featured-products-area .feature-products-content { background: none; } } .getting-started div#cp-tipstricks .forwin10 { padding-bottom: 48px; } #static-banner.green .offer-test { background-color: #107c10 !important; color: #FFFFFF; } .logo-cta.c-call-to-action:not(.glyph-play):after { content: none; } .getting-started .m-content-placement-item { cursor: default !important; } .getting-started .m-content-placement-item[data-js-href]:hover picture img { opacity: 1; } .new-article li svg { vertical-align: middle; margin-left: 5px; } .gray-border { border: #d2d2d2 solid 2px; } .sync-across-your-devices #pchealthcheck .m-feature.custom-small-feature.has-border { border: 1px solid #0067b8; } .article-image-dialog a.image-dialog { pointer-events: none; } /*Accessibility tasks styles starts*/ .specs-stickynav .c-in-page-navigation.f-dropdown.f-sticky a.f-dropdown-link:focus { border-color: #000 !important; } .specs-stickynav nav.c-in-page-navigation.f-dropdown .f-dropdown-menu > a:focus { border-color: #000 !important; } .hubmain .article-section-footnotes .c-hyperlink:focus { background: #fff !important; border-color: #fff !important; outline: 2px dashed #fff !important; padding: 0px 1px !important; outline-offset: 1px; color: #0067b8 !important; } .wdg-support-links nav.c-link-navigation li a.c-hyperlink div { padding-bottom: 1px !important; } .wdg-support-links nav.c-link-navigation li a.c-hyperlink.f-image:focus div { background: none !important; } a.m-back-to-top:focus { outline: 1px dashed #000 !important; } #social-network .m-social > h3, #categorySocialIcons .m-social > h3, .old-article .m-social > h3, #sticky-share .m-social > h3 { font-size: 15px; line-height: 20px; color: rgba(0,0,0,.6); padding-right: 12px; margin-bottom: 4px; font-weight: 400; } .accessibility-features .inline-popup.mp4inline .f-video-trigger button.c-action-trigger.c-glyph span { margin-left: -5px; } @media only screen and (max-width: 1083px) { .accessibility-features .image-priority-accolate { width: 100%; } .accessibility-features #accessbilityHero .m-hero-item { background: #0078d7 !important; } .accessibility-features #accessbilityHero .m-hero-item > div, .windows-11 .showinlowerVp .m-hero-item > div, .windows .showinlowerVp .m-hero-item > div, .windows .win11-feature-hero .m-hero-item > div, #windowsh22.compare-windows-11-home-vs-pro-versions .m-hero-item > div, #windowsh22.get-windows-11 .m-hero-item > div, .features .m-hero-item > div { text-align: left !important; } .accessibility-features #accessbilityFeature_1_Banner_2 .m-feature.f-align-left > div, .accessibility-features #accessbilityFeature_1_Banner_3 .m-feature.f-align-left > div { text-align: left; padding-left: 0px; padding-right: 20px; width: 100%; } } @media (min-width: 768px) and (max-width: 1083px) { .accessibility-features .numberlist-structurelist .c-image, .windows-11 .numberlist-structurelist .c-image, .windows .numberlist-structurelist .c-image { padding-right: 50px !important; } } .accessibility-features .m-content-placement-item[data-js-href] picture img { opacity: 1 !important; } .accessibility-features .m-content-placement-item { cursor: default !important; } /*Accessibility tasks styles end*/ .sync-across-your-devices .articletouts section.m-content-placement-item { cursor: default; } .sync-across-your-devices .articletouts section.m-content-placement-item:hover img { opacity: 1; } .parallax-hero-laptop-cls > picture { position: absolute; width: 100%; } .parallax-hero-laptop-cls > picture > img { width: 100%; } /*Teams Chat Animation Styles Starts*/ .show { display: block; } .show-inline { display: inline-block; } .feature-content { max-width: 375px; padding: 38px; opacity: 0; } .feature-panel-right-image { display: contents !important; } .feature-panel-right-image img { height: 200px !important; display: inline-block !important; position: relative; left: 220px; bottom: 864px; opacity: 0; } #chat .pin-spacer { display: inline !important; } .teams-icon img { height: 400px; } .teams-connect { display: contents !important; } .teams-connect img { position: relative; left: 132px; height: 255px; width: 475px; top: 200px; opacity: 0; } .m-hero-item { pointer-events: none; } .teams-connect img { border-radius: 3px; } .teams-connect-content { background: #f4f2f2; padding: 50px 30px; border-radius: 8px; transform: translateY(-68%) !important; } .slide-container { margin-top: -60px; } .text-image-container { width: 100%; text-align: center; height: 160vh; } .left-heading { display: inline-block; opacity: 0; transform: translate(-80px, 360px); width: 35%; text-align: right; } .right-heading { display: inline-block; z-index: -999; opacity: 0; transform: translate(85px, 360px); width: 35%; text-align: left; } .pin-image { display: inline-block; vertical-align: middle; } .feature-content-img-div img { height: 80px; width: 80px; } .m-hero-item.f-transparent:before, .c-hero.f-transparent:before { padding-bottom: 0; } .teams-connect-section { height: 100vh; } #chat .m-feature { float: none; } @media (min-width: 1024px) and (max-width: 1279px) { .teams-icon img { height: 300px !important; } .pin-image.teams-image img { transform: scale(0.7) !important; } .feature-content { width: 275px !important; height: 230px !important; max-width: 510px; } .feature-panel-right-image img { transform: scale(0.5); } .feature-panel-paragraph { font-size: 12px !important; line-height: 1.3 !important; } .pin-wrapper { padding-top: 11% !important; } .text-image-container { padding-bottom: 60% !important; } .teams-image img { padding-top: 0%; } .left-heading { transform: translate(-80px, 380px); } .right-heading { transform: translate(85px, 380px); } } @media (min-width: 1280px) and (max-width: 1366px) { .teams-icon img { height: 350px !important; } .pin-image.teams-image img { transform: scale(0.8) !important; } .feature-content { width: 353px !important; height: 280px !important; max-width: 510px; } .feature-panel-right-image img { height: 205px !important; } .feature-panel-paragraph { font-size: 14px !important; line-height: 1.3 !important; } .pin-wrapper { padding-top: 10% !important; } .text-image-container { padding-bottom: 88% !important; } .teams-image img { padding-top: 0%; } .left-heading { transform: translate(-80px, 380px); } .right-heading { transform: translate(85px, 380px); } } @media (min-width: 1367px) and (max-width: 1525px) { .pin-image.teams-image img { transform: scale(0.9) !important; } .feature-content { width: 365px !important; height: 435px !important; } .feature-panel-right-image img { height: 270px !important; } .feature-panel-paragraph { font-size: 18px !important; line-height: 1.3 !important; } .pin-wrapper { padding-top: 10% !important; } .text-image-container { padding-bottom: 100% !important; } .teams-image img { padding-top: 0%; } .left-heading { transform: translate(-80px, 430px); } .right-heading { transform: translate(85px, 430px); } } @media (min-width: 1367px) and (max-width: 1450px) { .pin-wrapper { padding-top: 8% !important; } } @media (min-width: 1526px) and (max-width: 1649px) { .pin-image.teams-image img { transform: scale(0.9) !important; } .feature-content { width: 365px !important; height: 435px !important; } .feature-panel-right-image img { height: 270px !important; } .feature-panel-paragraph { font-size: 18px !important; line-height: 1.3 !important; } .pin-wrapper { padding-top: 10% !important; } .text-image-container { padding-bottom: 82% !important; } .teams-image img { padding-top: 0%; } .left-heading { transform: translate(-80px, 430px); } .right-heading { transform: translate(85px, 430px); } } @media (min-width: 1800px) and (max-width: 2100px) { .pin-wrapper { padding-top: 10% !important; } .feature-panel-right-image img { left: 230px; bottom: 830px; } } @media (min-width: 1726px) and (max-width: 1799px) { .pin-wrapper { padding-top: 12% !important; } .feature-panel-right-image img { left: 228px; bottom: 865px; } } @media (min-width: 1651px) and (max-width: 1725px) { .pin-wrapper { padding-top: 10% !important; } .feature-panel-right-image img { left: 235px; bottom: 850px; } .text-image-container { padding-bottom: 82% !important; } } @media (min-width: 1580px) and (max-width: 1650px) { .feature-panel-right-image img { left: 190px; bottom: 852px; } } @media (min-width: 1400px) and (max-width: 1579px) { .feature-panel-right-image img { left: 195px; bottom: 848px; } } @media (min-width: 1366px) and (max-width: 1399px) { .feature-panel-right-image img { left: 168px; bottom: 850px; } } @media (min-width: 1260px) and (max-width: 1365px) { .feature-panel-right-image img { left: 155px; bottom: 865px; } } @media (min-width: 1650px) and (max-width: 2100px) { .teams-icon img { height: 450px !important; } .pin-image.teams-image img { transform: scale(1) !important; } .feature-content { width: 510px !important; height: 470px !important; max-width: 510px; } .feature-panel-right-image img { height: 300px !important; } .feature-panel-paragraph { font-size: 18px !important; line-height: 1.3 !important; } .text-image-container { padding-bottom: 90%; } /*.teams-image img { padding-top: 14%; } */ .left-heading { transform: translate(-80px, 570px); } .right-heading { transform: translate(85px, 570px); } } @media (min-width: 1365px) and (max-width: 1399px) { .left-heading { transform: translate(94px, 336px); } .right-heading { transform: translate(-88px, 336px); } } @media (min-width: 1400px) and (max-width: 1579px) { .left-heading { transform: translate(-80px, 490px); } .right-heading { transform: translate(85px, 490px); } .left-heading h2, .right-heading h2 { font-size: 40px; } } @media (min-width: 1580px) and (max-width: 1679px) { .left-heading { transform: translate(-80px, 530px); } .right-heading { transform: translate(85px, 530px); } .left-heading h2, .right-heading h2 { font-size: 42px; } } @media (min-width: 1680px) and (max-width: 1879px) { .left-heading { transform: translate(-80px, 560px); } .right-heading { transform: translate(85px, 560px); } .left-heading h2, .right-heading h2 { font-size: 46px; } } @media (min-width: 1880px) and (max-width: 3000px) { .left-heading { transform: translate(-80px, 600px); } .right-heading { transform: translate(85px, 600px); } .left-heading h2, .right-heading h2 { font-size: 48px; } } @media (min-width: 3001px) and (max-width: 4100px) { .left-heading { transform: translate(-80px, 60vh); } .right-heading { transform: translate(85px, 60vh); } .left-heading h2, .right-heading h2 { font-size: 54px !important; } } @media (min-width: 1180px) and (max-width: 1399px) { .pin-image.teams-image { transform: translate(0px, -205px) } } @media (min-width: 1400px) and (max-width: 1479px) { .pin-image.teams-image { transform: translate(0px, -180px) } } @media (min-width: 1480px) and (max-width: 1569px) { .pin-image.teams-image { transform: translate(0px, -210px) } } @media (min-width: 1570px) and (max-width: 1679px) { .pin-image.teams-image { transform: translate(0px, -185px) } } @media (min-width: 1680px) and (max-width: 1879px) { .pin-image.teams-image { transform: translate(0px, -170px) } } @media (min-width: 1880px) and (max-width: 1979px) { .pin-image.teams-image { transform: translate(0px, -140px) } } @media (min-width: 1980px) and (max-width: 2800px) { .pin-image.teams-image { transform: translate(0px, -18vh) } } @media (min-width: 2801px) and (max-width: 4100px) { .pin-image.teams-image { transform: translate(0px, -8vh) } } .feature-panel-right-image img { transform-origin: 0px 80px; } @media (min-width: 1300px) and (max-width: 1379px) { .feature-panel-right-image img { transform-origin: 13px 60px; } } @media (min-width: 1079px) and (max-width: 1280px) { #chatTA { padding-bottom: 48px !important; } } @media (min-width: 2100px) and (max-width: 4100px) { .windows-11 .pin-wrapper { padding-top: 15% !important; } .windows-11 .win11-feature-hero .f-x-left > div, .windows-11 .win11-feature-hero .f-x-right > div { max-width: 75vw !important; } } @media (min-width: 2100px) and (max-width: 3000px) { .windows-11 .teams-icon img { height: 40vh; } .windows-11 .pin-image.teams-image img { transform: scale(1.2) !important; } .windows-11 .feature-panel-right-image img { height: 17vw !important; } .windows-11 .feature-panel-right-image img { transform-origin: -3vw 25vh; } .windows-11 .feature-content { height: 33vh; max-width: 15vw; } .windows-11 .feature-content-img-div img { height: 6vw; width: 6vw; } } @media (min-width: 3001px) and (max-width: 4100px) { .windows-11 .teams-icon img { height: 40vh; } .windows-11 .pin-image.teams-image img { transform: scale(1.6) !important; } .windows-11 .feature-panel-right-image img { height: 33vh !important; } .windows-11 .feature-panel-right-image img { transform-origin: -5vw 20vh; } .windows-11 .feature-content { height: 33vh; max-width: 10vw; left: -8vw !important; } .windows-11 .feature-content-img-div img { height: 6vw; width: 6vw; } } /*Teams Chat Animation Styles Ends*/ #gamecontroller .hero-darkbgcolor > div > div { top: calc(75%); } .article-pop-up-video .f-video-trigger > div { position: absolute; } .article-pop-up-video .f-video-trigger button.c-action-trigger.c-glyph[aria-label], .article-pop-up-video .f-video-trigger a.c-action-trigger.c-glyph[aria-label] { margin: 0px; background: rgba(0, 0, 0, 0.6) !important; } .article-pop-up-video button.c-action-trigger.c-glyph:before, .article-pop-up-video a.c-action-trigger.c-glyph:before { margin-left: 6px; margin-right: 10px; } .article-pop-up-video .f-video-trigger button.c-action-trigger.c-glyph, .article-pop-up-video .f-video-trigger a.c-action-trigger.c-glyph { padding: 0 !important; } .article-pop-up-video .youtubevidplayer-posterimagewrap picture { background: rgb(0,0,0); } .article-pop-up-video .youtubevidplayer-posterimagewrap picture img { opacity: 0.6; margin-top: -2px; } .article .featurebox .accolate-section picture a:hover img { opacity: 0.9; } .sync-across-your-devices .mp4videoinline { border-radius: 8px; } @media (min-width: 2391px) { #parallaxheroimage .parallax-hero-laptop-cls picture { top: calc(20%); } } @media (min-width: 2201px) and (max-width: 2390px) { #parallaxheroimage .parallax-hero-laptop-cls picture { top: calc(15%); } } @media (min-width: 2049px) and (max-width: 2200px) { #parallaxheroimage .parallax-hero-laptop-cls picture { top: calc(10%); } } @media (min-width: 1921px) and (max-width: 2048px) { #parallaxheroimage .parallax-hero-laptop-cls picture { top: calc(5%); } } .windows-11-pc-gaming .laptop-static-in-lower-vp { display: none; } .windows-11-pc-gaming .laptop-animation-in-higher-vp { display: block; } .windows .hero-item-copy-animation .video-parallax-copy, .windows-11 .hero-item-copy-animation .video-parallax-copy { padding: 0; } .windows .hero-item-copy-animation .video-parallax-copy.context-accessory > div > div, .windows-11 .hero-item-copy-animation .video-parallax-copy.context-accessory > div > div { top: 50px; min-width: 100%; } .windows-11 .win11-feature-hero .m-hero-item { padding: 0 0%; } .windows-11 #chatTA { display: none; } .windows-11 #chat { display: block; background-image: linear-gradient(to bottom, white, rgb(226, 239, 249), rgb(226, 239, 249), white); } @media (min-width: 1701px) and (max-width: 1920px) { .windows-11 .win11-feature-hero .m-hero-item > div > div { max-width: 390px; } } @media (min-width: 1040px) and (max-width: 1083px) { .windows #devices-mosaic .mosaic_right_bottom_image_1 picture.mosaic_right_btm_img_1 > img { width: 100% !important; } } @media (min-width: 1084px) and (max-width: 1700px) { .windows-11 .win11-feature-hero .m-hero-item > div > div { max-width: 325px; } } .windows-11 .win11-mosaic .videobutton { right: 2% !important; bottom: 6% !important; } .windows-11 .featured-cards { margin-top: -1px; } .windows-11 .windows-video-overlay button.c-action-trigger.c-glyph { width: auto; border-radius: 6px; font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 16px; padding-right: 12px; font-weight: 600; margin-top: 0; } .windows-11 .windows-video-overlay button.c-action-trigger.c-glyph span { position: initial !important; } .windows-11 .windows-video-overlay .f-video-trigger > div { position: absolute; top: calc(90%); } @media only screen and (min-width: 1779px) { [dir="rtl"] .windows-11 .teams-feature-panel .m-feature.f-align-left > div.feature-content { left: 0; right: initial; } [dir="rtl"] .windows-11 .teams-feature-panel .m-feature.f-align-left picture.feature-panel-right-image img { left: 230px; } } #all-tips .featured-single-card.yellow .c-badge { background: #ffd800; } .windows-11 .video-priority button.c-action-trigger:focus:not(.x-hidden-focus) { color: #ffffff; } .windows-11 .mp4inline.video-priority .f-video-trigger { margin-top: 0; } @media only screen and (min-width: 350px) and (max-width: 400px) { [lang="el-gr"] .windows-11 .win11-mosaic p, [lang="uk-ua"] .windows-11 .win11-mosaic p { font-size: 13px; } [lang="el-gr"] .windows-11 .custom-mosaic .m-image-intro.f-align-left > div, [lang="uk-ua"] .windows-11 .custom-mosaic .m-image-intro.f-align-left > div { width: 90%; } } @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; } .article-category #categorySocialIcons li.social-linked-icon a, #social-network li.social-linked-icon a, .new-article #sticky-share li.social-linked-icon a { border: none !important; } .article-category #categorySocialIcons .m-social > a:before, .m-social > ul > li > a:before, .c-social > a:before, .c-social > ul > li > a:before { border: none !important; } } [dir="rtl"] .windows-11 .win11-mosaic p { text-align: right; } [dir="rtl"] .windows-11 .win11-mosaic .videobutton { right: initial !important; left: 1% !important; } .tag-button-container a.c-call-to-action:focus span { box-shadow: 0 1.5px currentColor !important; } .wdg-support-links nav.c-link-navigation li a.c-hyperlink.f-image:focus img, .category-link-navigation nav.c-link-navigation li a.c-hyperlink.f-image:focus img { outline: none; } .windows-11 .windows-video-overlay.video-priority .youtubevidplayer { float: initial; } .category-link-navigation nav.c-link-navigation li a.c-hyperlink.f-image:focus div { text-decoration: none; } @media screen and (min-width: 1281px) { .windows .hero-item-copy-animation .video-parallax-copy.context-accessory > div > div p { padding: 14px 0 0; } .windows-11 .hero-item-copy-animation .video-parallax-copy.context-accessory > div > div p { padding: 20px 0 0; } .windows .hero-item-copy-animation .video-parallax-copy.context-accessory > div > div > div, .windows-11 .hero-item-copy-animation .video-parallax-copy.context-accessory > div > div > div { margin: 0px !important; padding: 1px !important; } } @media screen and (min-width: 1281px) and (max-width: 1600px) { .windows .hero-item-copy-animation .video-parallax-copy.context-accessory > div > div { top: 20px; } .windows-11 .hero-item-copy-animation .video-parallax-copy.context-accessory > div > div { top: 60px; } [lang='vi-vn'] .windows .hero-item-copy-animation .video-parallax-copy.context-accessory .c-heading-2 { font-size: 43px; } } @media screen and (min-width: 1601px) { .windows .hero-item-copy-animation .video-parallax-copy.context-accessory > div > div { top: 30px; } .windows-11 .hero-item-copy-animation .video-parallax-copy.context-accessory > div > div { top: 85px; } } .getting-started .image-priority-accolate.featurebox .m-feature .featurecontent .c-group a { text-align: left; } /*post card article*/ .top-bg-color-ps { background: #eafcff; } .date-read p { display: inline; } .postcard-right-img img { width: 100%; } .pc-inner-container h1 { font-weight: 400; } .postcard-article .pc-block { padding-right: 5%; } .mixed-article .back-to-listicle { margin-bottom: 30px; } .mixed-article div#left-container img, .mixed-article #right-container .m-content-placement-item, .mixed-article div#right-container, .mixed-article #right-container .m-content-placement-item img, .postcard-right-img img { border-radius: 8px; } .mixed-article .featured-products .featured-products-image img, .postcard-article .featured-products .featured-products-image img { border-bottom-left-radius: 8px !important; border-top-left-radius: 8px !important; border-top-right-radius: 0px !important; border-bottom-right-radius: 0px !important; } .mixed-article div#right-container .m-banner h2 { text-align: left; } .mixed-article #right-container .m-banner { padding-left: 9%; padding-right: 9%; } .mixed-article #right-container .content-touts .articletouts section { background: none; } .mixed-article #right-container .content-touts .articletouts section > div { padding: 0; } .mixed-article #left-container { padding-right: 30px; } .mixed-article h1 { font-weight: 400; } .mixed-article .featured-products .feature-products-content, .postcard-article .featured-products .feature-products-content { border-bottom-right-radius: 8px; border-top-right-radius: 8px; } @media only screen and (max-width: 767px) { .postcard-article .pc-block, .postcard-article .pc-img-block { width: 100%; } .mixed-article .featured-video-popup .featured-products-bleed-area, .new-article .featured-video-popup .featured-products-bleed-area { display: block !important; } .mixed-article .featured-video-popup .featured-products-bleed-area .featured-products-image, .new-article .featured-video-popup .featured-products-bleed-area .featured-products-image { margin-bottom: 20px; width: 100%; } .postcard-article .articletouts { padding-left: 25px !important; padding-right: 25px !important; } } @media only screen and (max-width: 1083px) { .postcard-right-img { padding: 5%; } .pc-inner-container { padding-bottom: 5%; } .new-article .featured-video-popup, .mixed-article .featured-video-popup, .mixed-article .featured-products, .postcard-article .featured-products { margin-left: 5%; margin-right: 5%; } } @media only screen and (min-width: 1084px) and (max-width: 1279px) { .mixed-article div#sticky-share { margin-left: -50px; } } @media only screen and (min-width: 1084px) { .postcard-article div#sticky-share { margin-left: -70px; } .pc-inner-container { padding: 0 8% 3% 8% !important; } .postcard-article div#sticky-share .m-social { margin-top: 126px; } .mixed-article div#sticky-share .m-social { margin-top: 10px; } } @media only screen and (min-width: 1280px) { .mixed-article div#sticky-share { margin-left: -60px; } } .windows-11 #pchealthcheck .m-feature.custom-small-feature .c-group a.pchc-bg-white, .computers .m-mosaic a.mosaic-white-button { border: #0067b8 solid 1px !important; padding-left: 10px !important; padding-right: 10px !important; border-radius: 6px; background-color: #ffffff !important; } .windows-11 #pchealthcheck .m-feature.custom-small-feature .c-group a.pchc-bg-white span, .windows-11 #pchealthcheck .m-feature.custom-small-feature .c-group a.pchc-bg-white:after { color: #0067b8; } .featured-products-bleed-area .videobutton.c-call-to-action.c-glyph, .featured-products-bleed-area .videobutton.c-call-to-action.c-glyph:focus { width: 40px; height: 40px; background: rgba(0,0,0,0.6) !important; border-radius: 100%; position: absolute !important; left: calc(50% - 20px); top: calc(50% - 20px); margin: 0; padding: 0; border: 0px solid #fff; } .featured-products-bleed-area .mp4inline { position: relative; } .featured-products-bleed-area .videobutton.c-call-to-action.c-glyph:before { margin-left: 13px; margin-top: 3px; color: #fff; } .featured-products-bleed-area .videobutton.c-call-to-action.c-glyph { opacity: 0; } .featured-products-bleed-area:hover .videobutton.c-call-to-action.c-glyph { opacity: 1; } .featured-products-bleed-area video.mp4videoinline { border-radius: 8px; } [lang='de-de'] .tips-overlay .m-content-placement-item p { font-size: 16px; } .windows-11-pc-gaming .m-hero-item.gradient-effect::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; background: none; transition: all 3s ease; } @media screen and (max-width: 767px) { .windows-11 .m-hero-item.how-to-get-win-11:before { padding-bottom: 57.5% !important; } .sync-across-your-devices .m-feature.no-play-pause { overflow: hidden; border-radius: 8px; } } @media only screen and (min-width: 767px) and (max-width: 1083px) { .windows-11 .how-to-get-win-11.tablet-height:before { padding-bottom: 50.25%; } .windows-11 .how-to-get-win-11.tablet-height > div > div { height: 500px !important; } } @media screen and (max-width: 475px) { .windows-11 .how-to-get-win-11.tablet-height > div { height: 450px !important; } } .tipstricks-loadmore { position: relative; background-color: #0067b8 !important; border-radius: 20px; max-width: 10% !important; float: none !important; min-width: fit-content !important; } .loadMore { text-align: center; } .clicked-btn { background-color: #0067b8 !important; color: white !important; } .tipsTricks-filters-section .tipstricks-filter { position: relative; background-color: #f2f2f2; background: #f2f2f2; color: #0067B8; border-radius: 20px !important; margin-right: 10px; font-size: 15px; outline: 0; padding: 9px 12px 10px; margin-top: 12px; display: inline-block; text-align: center; line-height: 1; font-weight: 600; /*box-shadow: 0 4px 8px 0 transparent;*/ cursor: pointer; /*overflow: hidden;*/ transition: all .2s ease-in-out; vertical-align: bottom; white-space: nowrap; /*text-decoration: none;*/ border: none; min-width: fit-content; } .filter-heading { text-align: center; text-transform: uppercase; } .tips-tricks-right { font-size: 27px; /*margin-top: -1px; margin-left: 4px;*/ display: inline-block; /*content: "\E76C";*/ vertical-align: middle; /*font-family: "MWF-MDL2";*/ left: 76% !important; z-index: 1001 !important; top: 45% !important; position: fixed !important; color: white !important; cursor: pointer; background-color: black !important; } .tips-tricks-left { font-size: 27px; /* margin-top: -1px; margin-left: 4px;*/ display: inline-block; /*content: "\E76B";*/ vertical-align: middle; /*font-family: "MWF-MDL2";*/ left: 20% !important; z-index: 1001 !important; top: 45% !important; position: fixed !important; color: white !important; background-color: black !important; cursor: pointer; } .newsletter-subscription .news-letter-hero-btn { color: #0067B8; background: transparent !important; padding-left: 0; padding-right: 5px; text-transform: inherit !important; font-size: 15px; white-space: normal; text-align: left; } #all-tips .tipstricks-filter { background: #f2f2f2; color: #0067B8; float: inherit; border: 1px solid #0067B8; } .tips-current-position { color: white; z-index: 1000; font-weight: 600; font-size: 15px; text-align: center; background: #181818 } .tipsTricks-filter-container { text-align: center; padding-bottom: 15px; width: 100%; } .tipsTricks-filter-container::-webkit-scrollbar-track { box-shadow: inset 0 0 6px rgba(0,0,0,0.3); -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background-color: #F5F5F5; } .tipsTricks-filter-container::-webkit-scrollbar { width: 6px; background-color: #F5F5F5; height: 6px; } .tipsTricks-filter-container::-webkit-scrollbar-thumb { background-color: #0067B8; } .windows #Feature-panel-1 { background: #e7cac3; } .windows #Feature-panel-2 { background: #d1e5d5; } .windows #Feature-panel-3 { background: #fdd9b9; } .windows #Feature-panel-1, .windows #Feature-panel-2, .windows #Feature-panel-3 { position: sticky; } .computers #Banner-panel, .computers #devices-mosaic { background: #f8efe0; } .windows .content-touts { margin-bottom: 48px; } .tips-overlay.c-dialog.f-lightbox [role="dialog"] { background: #181818 !important; } /*Accessibility fixes*/ #PostcardBlock-panel-3 a.c-hyperlink:not(.f-image) { color: #005da6; text-decoration: underline !important; } @media (prefers-contrast: more) { #view-all .c-checkbox input[type="checkbox"] + span:before { border: 1px solid transparent; box-shadow: none; } .ocid-postcard a.c-call-to-action.c-glyph, .pc-block a.c-hyperlink, #sticky-share .social-linked-icon a, #sticky-share .social-linked-icon a:before { border: none !important; outline: none !important; } .ocid-postcard a.c-call-to-action.c-glyph:focus, .pc-block a.c-hyperlink:focus, #sticky-share .social-linked-icon a:focus { border: 2px solid transparent !important; outline: 1px solid transparent !important; } #uhfLogo, #uhfLogo:after, #uhfCatLogo, #uhfCatLogo:after, .uhf-menu-item button, .uhf-menu-item a.c-uhf-nav-link, .c-uhf-menu button { outline: none; border: none !important; } .c-uhfh a:not(.x-hidden-focus):focus, .c-uhfh button:not(.x-hidden-focus):focus, .c-uhfh span:not(.x-hidden-focus):focus, .c-uhfh :not(.x-hidden-focus) a:focus, .c-uhfh :not(.x-hidden-focus) button:focus, .c-uhfh :not(.x-hidden-focus) span:focus, .c-uhfh .c-me .msame_Header:focus { outline: 1px dashed transparent !important; outline-offset: -1px; } a.c-call-to-action.c-glyph, a.c-hyperlink { border: none !important; outline: none !important; } a.c-call-to-action.c-glyph:focus, a.c-hyperlink:focus { outline: 2px dashed transparent !important; } a.c-call-to-action.c-glyph:hover span, a.c-hyperlink:hover span, a.c-call-to-action.c-glyph:focus span, a.c-hyperlink:focus span { text-decoration: underline !important; } nav.c-link-navigation li a.c-hyperlink.f-image { border: none; outline: none; } nav.c-link-navigation li a.c-hyperlink.f-image:focus { outline: 2px solid transparent !important; } .m-social.f-horizontal > a, .m-social.f-horizontal ul > li > a, .c-social.f-horizontal > a, .c-social.f-horizontal ul > li > a { border: none !important; outline: none !important; } .m-social > a:before, .m-social > ul > li > a:before, .c-social > a:before, .c-social > ul > li > a:before { border: none !important; } .m-social.f-horizontal > a:focus, .m-social.f-horizontal ul > li > a:focus, .c-social.f-horizontal > a:focus, .c-social.f-horizontal ul > li > a:focus, .m-social.f-horizontal > a:hover, .m-social.f-horizontal ul > li > a:hover, .c-social.f-horizontal > a:hover, .c-social.f-horizontal ul > li > a:hover { outline: 2px solid transparent !important; } nav.c-in-page-navigation a { border: none !important; } nav.c-in-page-navigation a:before { border: none !important; } nav.c-in-page-navigation a:focus { outline: 1px dashed transparent !important; } .stickyV2 .m-in-page-navigation nav.c-in-page-navigation > ul li > a.f-active { border-bottom: 3px solid #0078D7 !important; } [class^="m-"] button:not(.c-select-button):not(.c-sequence-indicator):hover:not(:disabled), [class^="m-"] button:not(.c-select-button):not(.c-sequence-indicator):active:not(:disabled), [class^="m-"] button:not(.c-select-button):not(.c-sequence-indicator):focus:not(:disabled), [class*=" m-"] button:not(.c-select-button):not(.c-sequence-indicator):hover:not(:disabled), [class*=" m-"] button:not(.c-select-button):not(.c-sequence-indicator):active:not(:disabled), [class*=" m-"] button:not(.c-select-button):not(.c-sequence-indicator):focus:not(:disabled), [class^="c-"] button:not(.c-select-button):not(.c-sequence-indicator):hover:not(:disabled), [class^="c-"] button:not(.c-select-button):not(.c-sequence-indicator):active:not(:disabled), [class^="c-"] button:not(.c-select-button):not(.c-sequence-indicator):focus:not(:disabled), [class*=" c-"] button:not(.c-select-button):not(.c-sequence-indicator):hover:not(:disabled), [class*=" c-"] button:not(.c-select-button):not(.c-sequence-indicator):active:not(:disabled), [class*=" c-"] button:not(.c-select-button):not(.c-sequence-indicator):focus:not(:disabled) { color: Highlight !important; } .sync-across-your-devices .c-pivot.center ul[role="tablist"] li:hover { color: transparent !important; -ms-high-contrast-adjust: inherit !important; } .sync-across-your-devices .drawer-panel .expand-collapse-toggle-area .c-action-trigger.active:hover { color: Highlight !important; background-color: transparent !important; } .sync-across-your-devices .drawer-panel .expand-collapse-toggle-area .c-action-trigger.active:focus { color: Highlight !important; } .sync-across-your-devices .drawer-panel .c-drawer button.c-glyph:focus:not(:disabled) { color: Highlight !important; background: none !important; } } @media screen and (-ms-high-contrast: active) { [class^="m-"] button:not(.c-select-button):not(.c-sequence-indicator):hover:not(:disabled), [class^="m-"] button:not(.c-select-button):not(.c-sequence-indicator):active:not(:disabled), [class^="m-"] button:not(.c-select-button):not(.c-sequence-indicator):focus:not(:disabled), [class*=" m-"] button:not(.c-select-button):not(.c-sequence-indicator):hover:not(:disabled), [class*=" m-"] button:not(.c-select-button):not(.c-sequence-indicator):active:not(:disabled), [class*=" m-"] button:not(.c-select-button):not(.c-sequence-indicator):focus:not(:disabled), [class^="c-"] button:not(.c-select-button):not(.c-sequence-indicator):hover:not(:disabled), [class^="c-"] button:not(.c-select-button):not(.c-sequence-indicator):active:not(:disabled), [class^="c-"] button:not(.c-select-button):not(.c-sequence-indicator):focus:not(:disabled), [class*=" c-"] button:not(.c-select-button):not(.c-sequence-indicator):hover:not(:disabled), [class*=" c-"] button:not(.c-select-button):not(.c-sequence-indicator):active:not(:disabled), [class*=" c-"] button:not(.c-select-button):not(.c-sequence-indicator):focus:not(:disabled) { color: Highlight !important; } } .animation-false .m-hero-item.inline-popup.mp4inline > div > div, .end-of-support #HeroItem-Win7 .m-hero-item > div > div { background: rgba(0,0,0,0.5); padding: 20px; border-radius: 8px; } @media only screen and (max-width: 1083px) { .postcard-right-video { padding: 5%; } } .postcard-right-video video { border-radius: 8px; } @media only screen and (max-width: 1083px) and (min-width: 480px) { .tips-tricks-right { left: 85% !important; } .tips-tricks-left { left: 7% !important; } [dir="rtl"] .tips-tricks-right { right: 85% !important; } [dir="rtl"] .tips-tricks-left { right: 7% !important; } } @media only screen and (max-width: 480px) and (min-width: 320px) { .tips-tricks-right { bottom: 5% !important; right: 36% !important; top: initial !important; left: initial !important; } .tips-tricks-left { bottom: 5% !important; left: 36% !important; top: initial !important; } } @media only screen and (max-width: 540px) and (min-width: 320px) { [dir="rtl"] .tips-tricks-right { bottom: 5% !important; left: 36% !important; top: initial !important; right: initial !important; } [dir="rtl"] .tips-tricks-left { bottom: 5% !important; right: 36% !important; top: initial !important; } } #all-tips button.c-button:before { border: none !important; } @media only screen and (min-width: 1650px) { .tipsTricks-filter-container { justify-content: center; } } @media only screen and (min-width: 1920px) { .windows #Feature-panel-1, .windows #Feature-panel-2, .windows #Feature-panel-3, .windows #Feature-panel-4 { max-width: 100%; } } .windows #content-placement-panel-1 picture, .accessibility-features .m-content-placement picture { padding-bottom: 100%; } .tipsTricks-filters-section .tipstricks-filter:hover, .tipstricks-loadmore:hover { box-shadow: none !important; } @media only screen and (min-width: 1366px) { .tipsTricks-filter-container { display: inline-flex; } } @media only screen and (max-width: 1366px) { .tipsTricks-filters-section .tipstricks-filter { max-width: 140px; } } @media only screen and (min-width: 930px) and (max-width: 1100px) { .tipsTricks-filter-container { padding-left: 6%; padding-right: 6%; } } @media only screen and (min-width: 700px) and (max-width: 929px) { .tipsTricks-filter-container { padding-left: 12%; padding-right: 12%; } } @media only screen and (min-width: 540px) and (max-width: 699px) { .tipsTricks-filter-container { padding-left: 14%; padding-right: 14%; } } .windows #Feature-panel-1, .windows #Feature-panel-2, .windows #Feature-panel-3, .windows #Feature-panel-4 { width: 100%; overflow: hidden; } .tipsTricks-filters-section .tipstricks-filter:hover, .tipstricks-loadmore:hover { text-decoration: underline !important; } .tipsTricks-filters-section { padding-bottom: 12px; } button.c-button.white-button.tipstricks-filter:focus { outline: 2px dashed #0067B8 !important; } /* Home page gray-home-button css */ @media screen and (max-width: 1083px) { .rounded-corners .c-button.f-primary.gray-home-button { background: #FFFFFF !important; } .c-button.f-primary.gray-home-button:hover, .c-button.f-primary.gray-home-button:focus { background: #FFFFFF !important; } } @media screen and (min-width: 1084px) { .rounded-corners .c-button.f-primary.gray-home-button { background: #e6e6e6 !important; } .c-button.f-primary.gray-home-button:hover, .c-button.f-primary.gray-home-button:focus { background: #e6e6e6 !important; } } .rounded-corners .c-button.f-primary.gray-home-button { border-radius: 6px !important; text-align: center !important; padding-top: 12px !important; padding-right: 28px !important; padding-bottom: 10px !important; padding-left: 28px !important; line-height: 1 !important; box-shadow: none !important; color: #005da6 !important; margin-top: 15px !important; white-space: normal !important; border: 2px solid #0067b8 !important; } .c-button.f-primary.gray-home-button:hover span, .c-button.f-primary.gray-home-button:focus span { color: #005da6 !important; box-shadow: 0 2px #005da6 !important; } .c-button.f-primary.gray-home-button span { color: #005da6 !important; } @media only screen and (min-width: 768px) and (max-width: 1083px) { .windows .Hero-Item-panel-2 .m-hero-item:before, .windows #Hero-Item-panel-3 .m-hero-item:before { padding-bottom: 55%; } .windows #Hero-Item-panel-1 .m-hero-item.f-transparent:before { padding-bottom: 66%; } .windows .Hero-Item-panel-2 .m-hero-item > div, .windows #Hero-Item-panel-3 .m-hero-item > div { padding-bottom: 48px; } } @media only screen and (min-width: 1084px) and (max-width: 1920px) { .windows-11 .bottom-padding { padding-bottom: 19%; } } .computers div#devices-mosaic .f-width-large div .c-group a { margin-right: 20px; } .windows #Hero-Item-panel-1 .m-hero-item > div > div .c-paragraph-3 { padding-right: 24px; } [dir="rtl"] .sync-across-your-devices .m-content-placement-item .c-hyperlink { margin-left: 0px !important; } .featurebox .m-feature > picture .videobutton { border: 1px solid #000 !important; } .windows .hero-item-copy-animation .gradient-effect.video-parallax-copy.context-accessory > div > div { top: calc(50%); min-width: auto; } .windows .hero-item-video .m-hero-item.f-y-center.f-transparent > div > div { top: calc(50%); max-width: 545px; } .windows-11-pc-gaming #gaming-pcs-1 > section > div > div > p > svg { fill: #fff; } .windows #content-placement-panel-1 .articletouts .m-content-placement-item, .windows #content-placement-panel-1 .articletouts .m-content-placement-item:hover { cursor: default; } .windows #content-placement-panel-1 .articletouts .m-content-placement-item[data-js-href]:hover picture img { opacity: 1; } @media screen and (max-width: 1083px) { .showinhigherVp { display: none !important; } .showinlowerVp { display: block !important; float: none; } .windows-11-pc-gaming #HeroItem-3 .videobutton.c-call-to-action.c-glyph.top-left, .videobutton.c-call-to-action.c-glyph.top-left:focus { left: 25px; top: 30px; border: 1px solid #000; } } @media screen and (min-width: 1084px) { .showinhigherVp { display: block !important; } .showinlowerVp { display: none !important; float: none; } .comprehensive-security .holiday-animated-hero .m-hero-item, .windows .Hero-Item-panel-2 .m-hero-item, .windows #Hero-Item-panel-3 .m-hero-item { height: 100vh; object-fit: cover; } .windows .Hero-Item-panel-2 .m-hero-item .mp4videoinline { position: relative; object-fit: fill; } .windows .Hero-Item-panel-2 .pin-spacer .m-hero-item picture > .mp4inline .mp4videoinline, .windows #Hero-Item-panel-3 .pin-spacer .m-hero-item picture > .mp4inline .mp4videoinline { width: 100%; border: none; height: 100vh; object-fit: fill; } .windows #Hero-Item-panel-3 .m-hero-item .mp4videoinline { object-fit: fill; height: 100vh; } .windows .Hero-Item-panel-2 .videobutton.c-call-to-action.c-glyph.top-left, .windows .Hero-Item-panel-2 .videobutton.c-call-to-action.c-glyph.top-left:focus, .windows #Hero-Item-panel-3 .videobutton.c-call-to-action.c-glyph.top-left, .windows #Hero-Item-panel-3 .videobutton.c-call-to-action.c-glyph.top-left:focus, .windows #Feature-panel-1 .videobutton.c-call-to-action.c-glyph.top-left, .windows #Feature-panel-1 .videobutton.c-call-to-action.c-glyph.top-left:focus, .windows #Feature-panel-2 .videobutton.c-call-to-action.c-glyph.top-left, .windows #Feature-panel-2 .videobutton.c-call-to-action.c-glyph.top-left:focus, .windows #Feature-panel-3 .videobutton.c-call-to-action.c-glyph.top-left, .windows #Feature-panel-3 .videobutton.c-call-to-action.c-glyph.top-left:focus { left: 40px; top: 50px; } } @media screen and (max-width: 1083px) { .windows .Hero-Item-panel-2 .videobutton.c-call-to-action.c-glyph.top-left, .windows .Hero-Item-panel-2 .videobutton.c-call-to-action.c-glyph.top-left:focus, .windows #Hero-Item-panel-3 .videobutton.c-call-to-action.c-glyph.top-left, .windows #Hero-Item-panel-3 .videobutton.c-call-to-action.c-glyph.top-left:focus, .windows #Feature-panel-1 .videobutton.c-call-to-action.c-glyph.top-left, .windows #Feature-panel-1 .videobutton.c-call-to-action.c-glyph.top-left:focus, .windows #Feature-panel-2 .videobutton.c-call-to-action.c-glyph.top-left, .windows #Feature-panel-2 .videobutton.c-call-to-action.c-glyph.top-left:focus, .windows #Feature-panel-3 .videobutton.c-call-to-action.c-glyph.top-left, .windows #Feature-panel-3 .videobutton.c-call-to-action.c-glyph.top-left:focus { left: 30px; top: 25px; } } /*EOS css starts*/ .end-of-support #show-more-faq-Win10 .mscom-link.c-call-to-action.c-glyph, .end-of-support #show-more-faq-Win8 .mscom-link.c-call-to-action.c-glyph, .end-of-support #show-more-faq-Win7 .mscom-link.c-call-to-action.c-glyph { background: none; color: #0067B8; border-color: transparent; border-width: 2px; padding: 10px 5px 7px; margin-left: 0; transition: none; } .withoutimage .m-content-placement-item picture { display: none; } .withoutimage picture + div { border: 2px solid #CCCCCC; padding: 30px 20px; box-shadow: 11.5px 16.4px 27px 0 rgb(63 79 91 / 0.8) !important; } .content-touts.withoutimage picture + div { text-align: left; } .content-touts.withoutimage:first-child picture + div { background: #0067b8; color: #ffffff !important; } .content-touts.withoutimage:first-child picture + div a { color: #ffffff !important; } .content-touts.withoutimage:last-child picture + div { background: #f7f7f7; color: #717171 !important; } .content-touts.withoutimage picture + div .toutheading { font-size: 34px; line-height: 40px; border-bottom: solid; } .m-panes picture { margin: 0 auto; } .m-panes img { width: 100%; max-width: 100%; max-height: 100%; object-fit: contain; } /*#panes-panel-Win8 .m-panes .f-align-middle picture{ height:435px; }*/ .m-panes .f-align-middle picture { width: 570px; } #new-panes-panel-Win8 .m-panes .f-align-middle picture, #panes-panel-Win7 .m-panes .f-align-middle picture { height: 570px; } .m-panes .f-stacked picture { width: 353px; } #new-panes-panel-Win8 .m-panes .f-stacked picture, #panes-panel-Win7 .m-panes .f-stacked picture { height: 353px; } .m-panes section.f-stacked:last-child > div { display: block !important; } .m-panes section.f-align-middle { padding-top: 10px !important; } .end-of-support .c-pivot.center ul[role='tablist'] li:focus{ border: 2px solid #000 !important; padding-left: 3px; padding-right: 3px; text-decoration: underline; text-decoration-color: #0078D4; text-decoration-thickness: 2px; text-underline-offset: 10px; } @media only screen and (max-width: 540px) { #panes-panel-Win8 .m-panes .f-align-middle picture, #panes-panel-Win8-t1-with-ocid .m-panes .f-align-middle picture, #panes-panel-Win8-t2-with-ocid .m-panes .f-align-middle picture, #panes-panel-Win8-t3-with-ocid .m-panes .f-align-middle picture { height: 350px; } #panes-panel-Win8 .m-panes .f-stacked picture, #panes-panel-Win8-t3-with-ocid .m-panes .f-stacked picture { width: 100%; height: 330px; } #panes-panel-Win8-t1-with-ocid .m-panes .f-stacked picture, #panes-panel-Win8-t2-with-ocid .m-panes .f-stacked picture { height: 225px; width: 100%; } } @media only screen and (min-width: 768px) and (max-width: 900px) { #panes-panel-Win8 .m-panes .f-stacked picture, #panes-panel-Win8-t1-with-ocid .m-panes .f-stacked picture, #panes-panel-Win8-t2-with-ocid .m-panes .f-stacked picture, #panes-panel-Win8-t3-with-ocid .m-panes .f-stacked picture { width: 100%; height: 260px; } } @media only screen and (min-width: 901px) and (max-width: 1083px) { #panes-panel-Win8 .m-panes .f-stacked picture, #panes-panel-Win8-t1-with-ocid .m-panes .f-stacked picture, #panes-panel-Win8-t2-with-ocid .m-panes .f-stacked picture, #panes-panel-Win8-t3-with-ocid .m-panes .f-stacked picture { width: 100%; height: 300px; } } @media only screen and (min-width: 960px) and (max-width: 1083px) { #panes-panel-Win8 .m-panes .f-align-middle picture, #panes-panel-Win8-t1-with-ocid .m-panes .f-align-middle picture, #panes-panel-Win8-t2-with-ocid .m-panes .f-align-middle picture, #panes-panel-Win8-t3-with-ocid .m-panes .f-align-middle picture { height: 520px; } } @media only screen and (max-width: 1083px) { .m-panes .f-align-middle picture, .m-panes .f-stacked picture { width: 100%; height: 100%; } } @media only screen and (min-width: 541px) and (max-width: 767px) { #panes-panel-Win8 .m-panes .f-align-middle picture, #panes-panel-Win8-t3-with-ocid .m-panes .f-align-middle picture { height: 335px; } #panes-panel-Win8-t1-with-ocid .m-panes .f-align-middle picture, #panes-panel-Win8-t2-with-ocid .m-panes .f-align-middle picture { height: 300px; } #panes-panel-Win8 .m-panes .f-stacked picture, #panes-panel-Win8-t3-with-ocid .m-panes .f-stacked picture { width: 100%; height: 250px; } #panes-panel-Win8-t1-with-ocid .m-panes .f-stacked picture, #panes-panel-Win8-t2-with-ocid .m-panes .f-stacked picture { width: 100%; height: 200px; } #new-panes-panel-Win8 .m-panes .f-stacked picture, #panes-panel-Win7 .m-panes .f-stacked picture { height: 225px; } } @media only screen and (min-width: 1084px) and (max-width: 1280px) { /*#panes-panel-Win8 .m-panes .f-align-middle picture { height: 420px; }*/ #panes-panel-Win8 .m-panes .f-stacked picture, #panes-panel-Win8-t1-with-ocid .m-panes .f-stacked picture, #panes-panel-Win8-t2-with-ocid .m-panes .f-stacked picture, #panes-panel-Win8-t3-with-ocid .m-panes .f-stacked picture { height: 275px; } } .end-of-support section.m-content-placement-item { cursor: default !important; } .end-of-support #content-placement-win7 .articletouts .toutheading.c-heading-4 { min-height: 162px; } .end-of-support #content-placement-win7 .articletouts .toutpara.c-paragraph-4 { min-height: 172px; } .end-of-support .drawer-panel ul { margin-left: 2%; } .end-of-support .drawer-panel ul li ul { margin-left: 3%; } .end-of-support .drawer-panel ul li { list-style: disc; } .end-of-support .drawer-panel ul li ul li { list-style: circle; } .end-of-support #NewFeatureGroupId .m-feature-group { margin-top: 0px; background: #f4f2f2; } .end-of-support #NewFeatureGroupId .m-feature-group .m-feature .c-group a { color: #0067b8; } .end-of-support #NewFeatureGroupId .m-feature-group .m-area-heading { padding-bottom: 10px; padding-top: 20px } .end-of-support #show-more-faq-Win10 .drawer-panel .spaceforpcls, .end-of-support #show-more-faq-Win8 .drawer-panel .spaceforpcls, .end-of-support #show-more-faq-Win7 .drawer-panel .spaceforpcls{ padding-top:10px; } @media only screen and (max-width: 1083px) { .end-of-support #HeroItem-Win7 .m-hero-item{ background-color: #333 !important; padding:0px !important; } .end-of-support #HeroItem-Win10 .m-hero-item, .end-of-support #HeroItem-Win8 .m-hero-item{ padding:0px !important; } .end-of-support #HeroItem-Win10 .m-hero-item:before, .end-of-support #HeroItem-Win8 .m-hero-item:before, .end-of-support #HeroItem-Win7 .m-hero-item:before{ padding-bottom:0% !important; } .end-of-support #HeroItem-Win10 .m-hero-item > picture, .end-of-support #HeroItem-Win8 .m-hero-item > picture, .end-of-support #HeroItem-Win7 .m-hero-item > picture{ position: relative; top: 0; } .end-of-support #HeroItem-Win10 .m-hero-item > picture > img, .end-of-support #HeroItem-Win8 .m-hero-item > picture > img, .end-of-support #HeroItem-Win7 .m-hero-item > picture > img{ position: relative; top: 0; transform: none; left: 0; } .end-of-support #HeroItem-Win10 .m-hero-item > div, .end-of-support #HeroItem-Win8 .m-hero-item > div, .end-of-support #HeroItem-Win7 .m-hero-item > div { width: 90%; height: fit-content !important; position: relative; padding-top:50px !important; padding-bottom:50px !important; } .end-of-support #HeroItem-Win10 .m-hero-item > div > div, .end-of-support #HeroItem-Win8 .m-hero-item > div > div, .end-of-support #HeroItem-Win7 .m-hero-item > div > div { height: fit-content !important; padding: 48px 10px; transform: none; top: 0; position: relative; width: 100%; max-width: 100%; } .end-of-support #NewFeatureGroupId .m-feature-group .c-feature > div, .end-of-support #NewFeatureGroupId .m-feature-group .m-feature > div { padding-bottom: 28px !important; } } @media only screen and (max-width: 1083.98px) { .end-of-support #HeroItem-Win7 .m-hero-item{ background-color: #333 !important; padding:0px !important; } .end-of-support #HeroItem-Win10 .m-hero-item, .end-of-support #HeroItem-Win8 .m-hero-item{ padding:0px !important; } .end-of-support #HeroItem-Win10 .m-hero-item:before, .end-of-support #HeroItem-Win8 .m-hero-item:before, .end-of-support #HeroItem-Win7 .m-hero-item:before{ padding-bottom:0% !important; } .end-of-support #HeroItem-Win10 .m-hero-item > picture, .end-of-support #HeroItem-Win8 .m-hero-item > picture, .end-of-support #HeroItem-Win7 .m-hero-item > picture{ position: relative; top: 0; } .end-of-support #HeroItem-Win10 .m-hero-item > picture > img, .end-of-support #HeroItem-Win8 .m-hero-item > picture > img, .end-of-support #HeroItem-Win7 .m-hero-item > picture > img{ position: relative; top: 0; transform: none; left: 0; } .end-of-support #HeroItem-Win10 .m-hero-item > div, .end-of-support #HeroItem-Win8 .m-hero-item > div, .end-of-support #HeroItem-Win7 .m-hero-item > div { width: 90%; height: fit-content !important; position: relative; padding-top:50px !important; padding-bottom:50px !important; } .end-of-support #HeroItem-Win10 .m-hero-item > div > div, .end-of-support #HeroItem-Win8 .m-hero-item > div > div, .end-of-support #HeroItem-Win7 .m-hero-item > div > div { height: fit-content !important; padding: 48px 10px; transform: none; top: 0; position: relative; width: 100%; max-width: 100%; } .end-of-support #NewFeatureGroupId .m-feature-group .c-feature > div, .end-of-support #NewFeatureGroupId .m-feature-group .m-feature > div { padding-bottom: 28px !important; } } .end-of-support #NewFeatureGroupId .m-feature-group .m-feature, .end-of-support #NewFeatureGroupId .m-feature-group .m-feature > picture { position: relative; } .end-of-support #NewFeatureGroupId .m-feature-group .m-feature > picture .videobutton, .end-of-support #NewFeatureGroupId .m-feature-group .m-feature > picture .videobutton:focus { border: 1px solid #FFFFFF; } .end-of-support #PivotTarget2 #NewFeatureGroupId .m-feature-group .m-feature > picture .videobutton, .end-of-support #PivotTarget2 #NewFeatureGroupId .m-feature-group .m-feature > picture .videobutton:focus { border: 1px solid #000; } .end-of-support #NewFeatureGroupId .m-feature-group .m-feature > picture .videobutton.c-call-to-action.c-glyph.bottom-right, .end-of-support #NewFeatureGroupId .m-feature-group .m-feature > picture .videobutton.c-call-to-action.c-glyph.bottom-right:focus { right: 30px; bottom: 25px; } .end-of-support #NewFeatureGroupId .m-feature-group .m-feature > picture .videobutton.c-call-to-action.c-glyph.top-right, .end-of-support #NewFeatureGroupId .m-feature-group .m-feature > picture .videobutton.c-call-to-action.c-glyph.top-right:focus { right: 30px; top: 25px; } .end-of-support #NewFeatureGroupId .m-feature-group .m-feature > picture .videobutton.c-call-to-action.c-glyph.bottom-left, .end-of-support #NewFeatureGroupId .m-feature-group .m-feature > picture .videobutton.c-call-to-action.c-glyph.bottom-left:focus { left: 30px; bottom: 25px; } .end-of-support #NewFeatureGroupId .m-feature-group .m-feature > picture .videobutton.c-call-to-action.c-glyph.top-left, .end-of-support #NewFeatureGroupId .m-feature-group .m-feature > picture .videobutton.c-call-to-action.c-glyph.top-left:focus { left: 30px; top: 25px; } .end-of-support #NewFeatureGroupId .m-feature-group .m-feature > picture .videobutton.c-call-to-action.c-glyph:before { color: #FFFFFF !important; } .end-of-support #PivotTarget2 #NewFeatureGroupId .m-feature-group .m-feature > picture .videobutton.c-call-to-action.c-glyph:before { color: #000 !important; } .end-of-support .hatch-button.rounded-corners { border-radius: 6px; font-size: 15px; } @media only screen and (min-width: 768px) and (max-width: 1083px) { .end-of-support a.hatch-button.cta { font-weight: 600; } } .end-of-support #windowsTransfer .m-feature > picture .videobutton.c-call-to-action.c-glyph.bottom-right{ right: 30px; bottom: 25px; } .end-of-support #windowsTransfer .m-feature > picture .videobutton.c-call-to-action.c-glyph.bottom-left{ left: 30px; bottom: 25px; } .end-of-support #panes-panel-Win8 .f-align-middle .deviceBadge, .end-of-support #panes-panel-Win8-t1-with-ocid .f-align-middle .deviceBadge, .end-of-support #panes-panel-Win8-t2-with-ocid .f-align-middle .deviceBadge, .end-of-support #panes-panel-Win8-t3-with-ocid .f-align-middle .deviceBadge { justify-content: center; } @media only screen and (max-width: 1422px) { .end-of-support #panes-panel-Win8 .deviceBadge, .end-of-support #panes-panel-Win8-t1-with-ocid .deviceBadge, .end-of-support #panes-panel-Win8-t2-with-ocid .deviceBadge, .end-of-support #panes-panel-Win8-t3-with-ocid .deviceBadge { justify-content: center; } } .end-of-support #panes-panel-Win8 .c-badge.f-highlight, .end-of-support #panes-panel-Win8-t1-with-ocid .c-badge.f-highlight, .end-of-support #panes-panel-Win8-t2-with-ocid .c-badge.f-highlight, .end-of-support #panes-panel-Win8-t3-with-ocid .c-badge.f-highlight { border-radius: 4px; } .end-of-support .deviceBadge .badge-tooltip:hover + span { display: block; } .end-of-support #panes-panel-Win8 .tooltipInfoCopy span.c-tooltip, .end-of-support #panes-panel-Win8-t1-with-ocid .tooltipInfoCopy span.c-tooltip, .end-of-support #panes-panel-Win8-t2-with-ocid .tooltipInfoCopy span.c-tooltip, .end-of-support #panes-panel-Win8-t3-with-ocid .tooltipInfoCopy span.c-tooltip { position: absolute; left: -180px !important; top: 20px !important; border-radius: 8px; width: 200px; text-align: left; } .end-of-support #panes-panel-Win8 .tooltipInfoCopy span.c-tooltip:hover, .end-of-support #panes-panel-Win8-t1-with-ocid .tooltipInfoCopy span.c-tooltip:hover, .end-of-support #panes-panel-Win8-t2-with-ocid .tooltipInfoCopy span.c-tooltip:hover, .end-of-support #panes-panel-Win8-t3-with-ocid .tooltipInfoCopy span.c-tooltip:hover { display: block !important; } .end-of-support .f-align-middle .hatch-button.rounded-corners { margin-top: 3%; } .end-of-support .f-stacked .hatch-button.rounded-corners { margin-top: 5%; } [dir="rtl"] .end-of-support #content-placement-win7 .articletouts .m-content-placement-item .c-group { text-align: right; } .end-of-support .show-more-faq-Win7-description { margin: 15px 10px 0px; } [dir="rtl"] .end-of-support .content-touts.withoutimage picture + div { text-align: right; } [dir="rtl"] .end-of-support #show-more-faq-Win7 div.c-drawer-panel, [dir="rtl"] .end-of-support #show-more-faq-Win8 div.c-drawer-panel { margin-right: 15px; } [dir="rtl"] .end-of-support #show-more-faq-Win7 .drawer-panel ul, [dir="rtl"] .end-of-support #show-more-faq-Win8 .drawer-panel ul { margin-right: 2%; } .end-of-support .deviceBadge .c-badge.f-small { white-space: normal; height: auto; text-overflow: initial; } .end-of-support section.m-content-placement-item { cursor: default !important; overflow-wrap: break-word; } @media only screen and (max-width: 767px) { .end-of-support #Hero-Item-panel-3 .m-hero-item > div { min-height: 390px !important; max-height: 450px !important; margin-top: 10px; } } @media only screen and (max-width: 540px) { .end-of-support #Hero-Item-panel-3 .m-hero-item > div { min-height: 450px !important; max-height: 500px !important; margin-top: 10px; } } @media only screen and (max-width: 367px) { .end-of-support #Hero-Item-panel-3 .m-hero-item > div { min-height: 490px !important; max-height: 520px !important; margin-top: 10px; } } .end-of-support #show-more-faq-Win10 .mscom-link.c-call-to-action.c-glyph, .end-of-support #show-more-faq-Win8 .mscom-link.c-call-to-action.c-glyph, .end-of-support #show-more-faq-Win7 .mscom-link.c-call-to-action.c-glyph { white-space: initial; } @media only screen and (max-width: 1399px) { .end-of-support #HeroItem-Win8 .m-hero-item > div > div, .c-hero > div > div { max-width: 410px; } .end-of-support #HeroItem-Win8 .context-accessory.m-hero-item > div > div { max-width: 100%; } } @media only screen and (min-width: 1084px) { .end-of-support #NewFeatureGroupId .m-feature.f-align-right.f-image-priority > div { top: 45%; width: 36%; } .end-of-support #NewFeatureGroupId .m-feature.f-align-left.f-image-priority > div { top: 45%; width: 36%; } .end-of-support #HeroItem-Win8 .context-accessory.m-hero-item > div > div { max-width: 410px; } } .end-of-support .deviceBadge .tooltipInfoCopy img { width: unset; max-width: unset; } .end-of-support #content-placement-win7 .c-group { min-height: 44px; } .end-of-support div#NewFeatureGroupId { margin-top: 3%; } @media screen and (min-width: 767px) and (max-width: 1083px) { [dir="rtl"] .end-of-support #NewFeatureGroupId .m-feature.f-align-right.f-image-priority > div { right: 0%; } .end-of-support #HeroItem-Win8 .m-hero-item:before { padding-bottom: 55.875%; } .end-of-support #HeroItem-Win8 .m-hero-item > div { padding-bottom: 50px; } } .end-of-support #content-placement-win7 .articletouts .m-content-placement-item .c-group { margin-top: 20px; } /*EOS css ends*/ .nondefault { display: none !important; } @media screen and (max-width: 474px) { [lang='en-us'] .computers #Multihero-panel-1 .m-hero-item > div { height: 400px !important; } } @media only screen and (min-width: 1650px) { .windows #Feature-panel-1, .windows #Feature-panel-2, .windows #Feature-panel-3 { max-width: calc(100%); } } @media only screen and (min-width: 1084px) { .windows #Hero-Item-panel-4 .m-hero-item > div > div, .windows-11-pc-gaming #HeroItem-2 .m-hero-item > div > div { top: calc(45%) !important; } } .windows #content-placement-panel-1 .articletouts .m-content-placement-item .c-group > .c-call-to-action { text-align: center; } @media only screen and (min-width: 1083px) and (max-width: 1600px) { [lang='fr-fr'] .computers .devices-mosaic .mosaic-white-button, [lang='fr-ca'] .computers .devices-mosaic .mosaic-white-button { font-size: 12px; } } @media only screen and (min-width: 540px) and (max-width: 801px) { [lang='fr-fr'] .computers .devices-mosaic .mosaic-white-button, [lang='ja-jp'] .computers .devices-mosaic .mosaic-white-button, [lang='fr-ca'] .computers .devices-mosaic .mosaic-white-button { font-size: 12px; } } /*pc-gaming text issues*/ @media only screen and (max-width: 1399px) { .windows-11-pc-gaming #games-hero .m-hero-item > div > div { max-width: 420px; } } @media only screen and (min-width: 1084px) and (max-width: 1200px) { .windows-11-pc-gaming #HeroItem-2 .m-hero-item > div > div { max-width: 360px; } } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .windows-11-pc-gaming #HeroItem-2 .m-hero-item > div > div { max-width: 410px; } } /*pc-gaming text issues -end*/ .forwin11.without-ocid.nondefault { display: none !important; } [dir="rtl"] .windows #Hero-Item-panel-1 .m-hero-item > div > div .c-paragraph-3 { padding-right: 0px; } [dir="rtl"] .windows #Feature-panel-1 .videobutton.c-call-to-action.c-glyph.top-right, [dir="rtl"] #Feature-panel-1 .windows .videobutton.c-call-to-action.c-glyphtop-right:focus, [dir="rtl"] .windows #Feature-panel-2 .videobutton.c-call-to-action.c-glyph.top-right, [dir="rtl"] #Feature-panel-2 .windows .videobutton.c-call-to-action.c-glyphtop-right:focus, [dir="rtl"] .windows #Feature-panel-3 .videobutton.c-call-to-action.c-glyph.top-right, [dir="rtl"] #Feature-panel-3 .windows .videobutton.c-call-to-action.c-glyphtop-right:focus { right: 40px; top: 30px; } @media only screen and (max-width: 768px) { .windows #Hero-Item-panel-4 .m-hero-item > div > div .c-group .rounded-corners .c-button.f-primary.blue-button { margin-right: 15px; } } @media only screen and (min-width: 1084px) { .windows #Hero-Item-panel-4 .m-hero-item > div > div { max-width: 345px; } } @media only screen and (min-width: 768px) { .windows #Hero-Item-panel-4 .m-hero-item .blue-button { margin-right: 0px !important; } } @media screen and (max-width: 961px) and (min-width: 959px) { .tips-overlay [role="dialog"] .m-content-placement-item h3 { font-size: 20px; line-height: 20px; } div#default-lightbox .m-content-placement-item > div { padding: 10px; } .tips-overlay [role="dialog"] .m-content-placement-item p.c-paragraph-1 { padding: 10px 0 4px; font-size: 16px; line-height: 18px; } .tips-overlay [role="dialog"] .m-content-placement-item .c-group > a.c-call-to-action { font-size: 10px; padding: 7px 3px 5px 0; line-height: 1; } .tips-overlay [role="dialog"] .m-content-placement-item .c-group > a.c-call-to-action:not(.glyph-play):after { font-size: 10px; margin: 0px !important; } } #games-hero .m-hero-item.f-transparent:before, .windows-11 .holiday-animated-hero .m-hero-item.f-transparent:before, .comprehensive-security .holiday-animated-hero .m-hero-item.f-transparent:before, .windows .holiday-animated-hero .m-hero-item.f-transparent:before { padding-bottom: 62.5%; } @media screen and (max-width: 767px) { .windows #Hero-Item-panel-4 .m-hero-item > div, .c-hero > div { height: 400px !important; } } @media screen and (max-width: 330px) and (min-width: 310px) { a.c-call-to-action:not(.glyph-play):after { margin: 0px !important; } .c-dialog.tips-overlay [role="dialog"] { min-width: 200px; } .tips-overlay.c-dialog iframe { min-height: 110px !important; } .tips-overlay [role="dialog"] .m-content-placement-item h3 { font-size: 7px; line-height: 10px; } div#default-lightbox .m-content-placement-item > div { padding: 5px !important; } .tips-overlay svg { margin-left: 2px; width: 9px !important; } .tips-overlay [role="dialog"] .m-content-placement-item p.c-paragraph-1 { padding: 3px 0 0px; font-size: 6px; line-height: 9px; } .tips-overlay [role="dialog"] .m-content-placement-item .c-group > a.c-call-to-action { font-size: 5px; padding: 2px; line-height: 1; } .tips-overlay [role="dialog"] .m-content-placement-item .c-group > a.c-call-to-action:not(.glyph-play):after { font-size: 5px; } .tips-current-position { font-size: 6px; } .featured-single-card picture + div > div.c-group { padding: 5px; } #all-tips a { bottom: 12px; } #all-tips .c-badge { margin-top: 0px !important; } .featured-single-card picture + div { padding: 5px 5px !important; } .tipsRedesign h3.c-heading-4 { font-size: 18px; } #all-tips a span { font-size: 18px; } } #show-more-faq-Win8 a.c-hyperlink, #show-more-faq-Win7 a.c-hyperlink { text-decoration: underline; } #show-more-faq-Win8 a.c-hyperlink:focus, #show-more-faq-Win7 a.c-hyperlink:focus { text-decoration: none; } #show-more-faq-Win7 .show-more-faq-Win7-description a.c-hyperlink:focus { line-height: 31px; } .end-of-support #NewFeatureGroupId .m-feature-group .m-feature > picture .videobutton:focus { border-color: none; border: none; outline: 2px dashed #FFF !important; } .end-of-support #PivotTarget2 #NewFeatureGroupId .m-feature-group .m-feature > picture .videobutton:focus { outline: 2px dashed #000 !important; } @media (prefers-contrast: more) { .end-of-support button#chatButtonWin8:focus, .end-of-support button#chatButtonWin8:hover, .end-of-support button#chatButtonWin7:focus, .end-of-support button#chatButtonWin7:hover { outline: 2px transparent dashed !important; } .c-pivot.center ul[role="tablist"] li { border: none !important; outline: none !important; } .c-pivot.center ul[role="tablist"] li.f-active:focus { outline: 2px dashed transparent !important; } .drawer-panel p.expand-collapse-toggle-area button.c-action-trigger { border: none; } .drawer-panel p.expand-collapse-toggle-area button.c-action-trigger.active { border: 1px solid transparent; } .drawer-panel p.expand-collapse-toggle-area button.c-action-trigger.active:focus { outline: 1px dashed transparent; } .drawer-panel .c-drawer .c-glyph { border: none; outline: none; } .drawer-panel .c-drawer .c-glyph:focus { outline: 1px solid transparent; } } body a.m-back-to-top[aria-disabled=false]:focus:after { content: attr(data-aria-label); position: fixed; width: auto; bottom: -9px; right: 66px; z-index: 500; visibility: visible; padding: 2px 5px; margin: 10px; background: rgba(0,0,0,.1); border: 1px solid rgba(255,255,255,.5) !important; } .postcard-article #sticky-share .social-linked-icon.Twitter a:focus:after { content: attr(data-aria-label); position: fixed; font-size: 11px; width: auto; bottom: 42%; left: 59px; z-index: 500; visibility: visible; padding: 2px 5px; margin: 10px; background: #FFF; border: 1px solid rgba(255,255,255,.5) !important; } .postcard-article #sticky-share .social-linked-icon.Facebook a:focus:after { content: attr(data-aria-label); position: fixed; font-size: 11px; width: auto; bottom: 49%; left: 59px; z-index: 500; visibility: visible; padding: 2px 5px; margin: 10px; background: #FFF; border: 1px solid rgba(255,255,255,.5) !important; } .postcard-article #sticky-share .social-linked-icon.Pinterest a:focus:after { content: attr(data-aria-label); position: fixed; font-size: 11px; width: auto; bottom: 35%; left: 59px; z-index: 500; visibility: visible; padding: 2px 5px; margin: 10px; background: #FFF; border: 1px solid rgba(255,255,255,.5) !important; } @media only screen and (min-width: 1084px) { #win8_app_omc_win_t3_feature_id .m-feature.f-align-left.f-image-priority > div { width: 50%; } #win8_app_omc_win_t3_feature_id .m-feature.f-align-left.f-image-priority picture { width: 50%; } } /*EOS chat css starts*/ .eos_sidebar { position: relative; color: rgb(233, 233, 233); width: 100%; height: 100%; z-index: 99; } .eos_iframe { z-index: 99; } .eos_iframe iframe { background: #fff; border: none; width: 0; height: 0; display: flex; flex-direction: column-reverse; z-index: 999; position: fixed !important; overflow: auto; } .eos_sidebar button { position: fixed !important; bottom: 0px; right: 0px; } /*EOS chat css ends*/ /*Getting started css start*/ .getting-started .hero-quicklinks.c-call-to-action.c-glyph::after { display: none !important; } .getting-started .hero-quicklinks.c-call-to-action.c-glyph { background-color: transparent !important; padding: 8px 20px 4px 22px !important; } [lang="fr-fr"] .getting-started .hero-quicklinks.c-call-to-action.c-glyph, [lang="fr-ca"] .getting-started .hero-quicklinks.c-call-to-action.c-glyph { padding: 8px 8px 2px 8px !important; } .getting-started .hero-quicklinks.c-call-to-action.c-glyph:nth-child(2n+1) { margin-right: 10px; } .getting-started .hero-quicklinks.c-call-to-action.c-glyph:nth-child(-n+2) { margin-bottom: 5px; } .getting-started .hero-quicklinks span { font-size: 15px; } [lang="fr-fr"] .getting-started .hero-quicklinks span, [lang="fr-ca"] .getting-started .hero-quicklinks span { font-size: 12px; } .getting-started .forwin10 .hero-quicklinks { color: white !important; border: 1px solid #fff !important; } .getting-started .forwin11 .hero-quicklinks { color: #0067b8 !important; border: 1px solid #0067b8 !important; } @media (min-width: 1083px) { .getting-started .hero-quicklinks { width: 45% !important; } [lang="fr-fr"] .getting-started .hero-quicklinks, [lang="fr-ca"] .getting-started .hero-quicklinks { width: 48% !important; margin-right: 0px !important; } } @media screen and (min-width: 768px) and (max-width: 1083px) { .getting-started .hero-quicklinks.c-call-to-action.c-glyph { width: 40% !important; } .getting-started .hero-quicklinks { max-width: 400px; } [lang="fr-ca"] .getting-started .hero-quicklinks, [lang="fr-fr"] .getting-started .hero-quicklinks { max-width: 500px; } .getting-started .hero-quicklinks.c-call-to-action.c-glyph:nth-child(2n+1) { margin-right: 0px; } .getting-started .hero-quicklinks.c-call-to-action.c-glyph:nth-child(-n+2) { margin-bottom: 5px; } [lang="fr-fr"] .getting-started .hero-quicklinks span, [lang="fr-ca"] .getting-started .hero-quicklinks span { font-size: 10px; } } @media screen and (min-width: 541px) and (max-width: 767px) { .getting-started .hero-quicklinks { margin-top: 10px !important; } .getting-started .hero-quicklinks.c-call-to-action.c-glyph { width: 40% !important; } [lang="fr-fr"] .getting-started .hero-quicklinks.c-call-to-action.c-glyph, [lang="fr-ca"] .getting-started .hero-quicklinks.c-call-to-action.c-glyph { width: 47% !important; } .getting-started .hero-quicklinks span { font-size: 12px; } [lang="fr-fr"] .getting-started .hero-quicklinks span, [lang="fr-ca"] .getting-started .hero-quicklinks span { font-size: 10px; } } @media(max-width: 540px) { .getting-started .hero-quicklinks.c-call-to-action.c-glyph { width: 47% !important; } .getting-started .hero-quicklinks.c-call-to-action.c-glyph { padding: 8px 0px 4px !important; } .getting-started .hero-quicklinks a.c-call-to-action:after { margin-top: 12px !important; } .getting-started .hero-quicklinks span { font-size: 12px; } [lang="fr-fr"] .getting-started .hero-quicklinks span, [lang="fr-ca"] .getting-started .hero-quicklinks span { font-size: 8px; } [lang="fr-fr"] .getting-started .hero-quicklinks.c-call-to-action.c-glyph, [lang="fr-ca"] .getting-started .hero-quicklinks.c-call-to-action.c-glyph { padding: 2px 8px !important; } [lang="pl-pl"] .computers .m-hero-item .c-heading-3.f-lean { font-size: 22px; line-height: 28px; } [lang="pl-pl"] .computers .m-hero-item p.c-paragraph-3 { font-size: 14px; } } @media screen and (min-width: 1083px) and (max-width: 1399px) { [lang="ja-jp"] .getting-started .hero-quicklinks span, [lang="de-de"] .getting-started .hero-quicklinks span { font-size: 12px; } [lang="fr-fr"] .getting-started .hero-quicklinks span, [lang="fr-ca"] .getting-started .hero-quicklinks span { font-size: 10px; } } /*Getting started css ends*/ @media only screen and (min-width: 1083px) { [dir="rtl"] .tips-tricks-left { right: 20% !important; } [dir="rtl"] .tips-tricks-right { right: 76% !important; } } a.m-back-to-top, a.c-back-to-top { background-color: #D9D9D9 !important; } #default-lightbox .m-content-placement-item > div > p { padding: 15px 0 4px; } @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 (max-width: 400px) { [lang='de-at'] .tips-overlay[role="dialog"] .m-content-placement-item h3, [lang='de-ch'] .tips-overlay [role="dialog"] .m-content-placement-item h3, [lang='de-de'] .tips-overlay [role="dialog"] .m-content-placement-item h3, [lang='el-gr'] .tips-overlay [role="dialog"] .m-content-placement-item h3, [lang='bg-bg'] .tips-overlay [role="dialog"] .m-content-placement-item h3 { font-size: 20px; line-height: 20px; } [lang='de-at'] .tips-overlay[role="dialog"] .m-content-placement-item p, [lang='de-ch'] .tips-overlay[role="dialog"] .m-content-placement-item p, [lang='de-de'] .tips-overlay[role="dialog"] .m-content-placement-item p, [lang='el-gr'] .tips-overlay[role="dialog"] .m-content-placement-item p, [lang='bg-bg'] .tips-overlay[role="dialog"] .m-content-placement-item p { font-size: 15px; line-height: 20px; } [lang='el-gr'] .tips-overlay[role="dialog"] .m-content-placement-item p, [lang='bg-bg'] .tips-overlay[role="dialog"] .m-content-placement-item p { padding: 3px 0 0 0; } [lang='el-gr'] .tips-overlay [role="dialog"] .m-content-placement-item div, [lang='bg-bg'] .tips-overlay [role="dialog"] .m-content-placement-item div { padding-top: 5px; } #windowsh22.compare-windows-11-home-vs-pro-versions .c-pivot.center [role="tablist"] [role="tab"], #windowsh22.get-windows-11 .c-pivot.center [role="tablist"] [role="tab"] { padding: 10px; } } /*EOS Glyph css starts*/ .end-of-support .deviceCtaSection .tooltipInfoCopyGlyphinfo img, .end-of-support .glyphiconFeaturectasection .tooltipforFeaturePanelGlyphinfo img { width: 22px; } .end-of-support .f-align-middle .tooltipInfoCopyGlyphinfo, .end-of-support .f-stacked .tooltipInfoCopyGlyphinfo { position: relative; /*padding: 10px 3px 7px 0; */ padding-top: 5px; } .tooltipInfoCopyGlyphinfo span.c-tooltip:hover { display: block !important; } .deviceCtaSection .badge-tooltip:hover + span { display: block; } .deviceCtaSection { display: flex; align-items: center; justify-content: center; } .end-of-support .f-align-middle .tooltipInfoCopyGlyphinfo span.c-tooltip, .end-of-support .f-stacked .tooltipInfoCopyGlyphinfo span.c-tooltip { position: absolute; left: -180px !important; top: 32px !important; border-radius: 8px; width: 200px; text-align: left; } .end-of-support #HeroItem-Win10 .m-hero-item .c-group>.c-call-to-action+.c-call-to-action { padding: 10px 3px 7px 0; } @media only screen and (min-width: 1400px) { .end-of-support .f-stacked .deviceCtaSection { align-items: center; justify-content: flex-start; } .end-of-support .f-stacked .deviceCtaSection a { text-align: left; } .end-of-support .deviceCtaSection { justify-content: center; } } /*EOS Glyph css ends*/ /* EOS Trade panel Glyph starts*/ .end-of-support .glyphiconFeaturectasection .tooltipforFeaturePanelGlyphinfo { position: relative; padding: 6px 3px 7px 0; } .end-of-support .tooltipforFeaturePanelGlyphinfo span.c-tooltip:hover, .end-of-support .glyphiconFeaturectasection .badge-tooltip:hover + span { display: block !important; } .end-of-support .glyphiconFeaturectasection { display: flex !important; } @media only screen and (max-width: 1083px) { .end-of-support .glyphiconFeaturectasection { align-items: center; justify-content: center; } .end-of-support .glyphiconFeaturectasection .tooltipforFeaturePanelGlyphinfo { padding: 0px 3px 7px 0; } } .end-of-support .glyphiconFeaturectasection .tooltipforFeaturePanelGlyphinfo span.c-tooltip { position: absolute; left: -180px !important; top: 26px !important; border-radius: 8px; width: 200px; text-align: left; } @media only screen and (min-width: 1083px) { .end-of-support .glyphiconFeaturectasection .tooltipforFeaturePanelGlyphinfo span.c-tooltip { top: 30px !important; } } /* EOS Trade panel Glyph ends */ .image-priority-accolate .m-feature button.videobutton:focus { outline: 2px dashed #000 !important; } @media only screen and (min-width: 768px) and (max-width: 1083px) { .windows #Hero-Item-panel-3 section div div { display: none; } } @media only screen and (max-width: 767px) { .windows #Hero-Item-panel-3 section > div { display: none; } .windows #Hero-Item-panel-3 #grad-v2:before { padding-bottom: 56.25% !important; } .windows #Hero-Item-panel-3.hero-item-video #grad-v2.m-hero-item:before, .windows .hero-item-video .m-hero-item:before { padding-bottom: 0% !important; } .end-of-support #HeroItem-Win10 .m-hero-item .c-group>.c-call-to-action+.c-call-to-action { white-space: normal; text-align: left; } .end-of-support #HeroItem-Win10 .m-hero-item .c-group>.c-call-to-action+.c-call-to-action span{ display: inline; } } .getting-started div[data-module-id] { min-height: auto; } /* patnership page css starts */ #partnership .windows-video-overlay button.c-action-trigger.c-glyph { width: auto; border-radius: 6px; font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 16px; padding-right: 12px; font-weight: 600; margin-top: 0; } #partnership .windows-video-overlay button.c-action-trigger.c-glyph span { position: initial !important; } #partnership .windows-video-overlay .f-video-trigger > div { position: absolute; top: calc(50%); } #partnership .windows-video-overlay.video-priority .youtubevidplayer { float: initial; } #partnership .articletouts .m-content-placement-item > picture { display: none; } #partnership .articletouts .m-content-placement-item .toutheading { padding-top: 0px; } #partnership .feature-no-container.f-align-left.f-image-priority picture { width: 100%; } #partnership .feature-no-container { padding-bottom: 30px; } #partnership .linearHorzontalLine { width: 100px; height: 4px; background: linear-gradient(89.85deg, #8661C5 -1.21%, #D59DFF 46.37%, #7ED367 99.73%); margin-top: 32px !important; margin-bottom: 8px; position: relative; padding: 0px; margin: 0 auto; } #partnership .linearHorzontalLineLeft { width: 100px; height: 4px; background: linear-gradient(89.85deg, #8661C5 -1.21%, #D59DFF 46.37%, #7ED367 99.73%); margin-top: 32px !important; margin-bottom: 8px !important; position: relative; padding: 0px !important; margin: 0; } #partnership #saveheroPartnershipID .m-hero-item > div > div { width: 100%; } #partnership #heropanelid .m-hero-item > div > div > h1 { font-style: normal; font-weight: 600; font-size: 71px; line-height: 84px; text-align: center; color: #000000; padding-top: 0; } #partnership #heropanelid .m-hero-item > div > div > p { font-weight: 600; font-size: 24px; line-height: 28px; } #partnership .m-feature .featurecontent > h2 { font-style: normal; font-weight: 600; font-size: 46px; line-height: 56px; padding-top: 0; } #partnership .m-feature .featurecontent > p { font-style: normal; font-weight: 400; font-size: 20px; line-height: 24px; } #partnership #powerfultoolid .m-feature, #partnership #switchtoolid .m-feature, #partnership #transformid .m-feature { margin-top: 0px; } #partnership #powerfultoolid .m-feature.f-align-right picture, #partnership #transformid .m-feature.f-align-right picture { padding-right: 8px; } #partnership #switchtoolid .m-feature.f-align-left picture { padding-left: 8px; } #partnership #switchtoolid .m-feature.f-align-left .featurecontent { padding-left: 0px; } /* #partnership #powerfultoolid .m-feature.f-align-right picture > img, #partnership #switchtoolid .m-feature.f-align-left picture > img, #partnership #transformid .m-feature.f-align-right picture > img { min-height: 494px; } */ #partnership #powerfultoolid .m-feature.f-align-right picture > img, #partnership #switchtoolid .m-feature.f-align-left picture > img, #partnership #transformid .m-feature.f-align-right picture > img, #partnership #customizePartnershipID .m-feature .featurecontent > picture > img, #partnership #surfaceproPartnershipID .m-feature .featurecontent > picture > img { border-radius: 8px; } #partnership #savethedayid > div > h2, #partnership #contentPlacementPanelPartnershipID .content-touts .articletouts .m-content-placement-item > div > h3 { font-style: normal; font-weight: 600; font-size: 71px; line-height: 84px; } #partnership #contentPlacementPanelPartnershipID .content-touts .articletouts .m-content-placement-item > div > .toutpara { font-style: normal; font-weight: 400; font-size: 18px; line-height: 26px; padding-top: 25px; color: #107C10; } #partnership #saveheroPartnershipID .m-hero-item > div > div > h2 { font-style: normal; font-weight: 600; font-size: 46px; line-height: 56px; } #partnership #saveheroPartnershipID .m-hero-item > div > div > p { font-style: normal; font-weight: 400; font-size: 18px; line-height: 26px; } #partnership #herosecondpanelid picture > .f-video-trigger { border: none; } #partnership #herosecondpanelid.m-image { padding: 0; } #partnership .greenTextcls { color: #107C10; } #partnership #customizePartnershipID { margin-bottom: 0; } #partnership #surfaceproPartnershipID { margin-bottom: 24px; } #partnership #heropanelid .m-hero-item.f-y-center.f-x-center > div { width: 100%; min-width: 100%; } #partnership #Footnotes-panel-1 { background: #fff !important; color: #333 !important; } #partnership #heropanelid .m-hero-item.f-y-center.f-x-center > div > div { padding: 0 40px; } #partnership #herosecondpanelid button.c-action-trigger:focus:not(.x-hidden-focus), #partnership #herosecondpanelid button.c-action-trigger:hover { color: #fff !important; } #partnership #herosecondpanelid .c-action-trigger, #partnership .m-banner .c-group > a, #partnership .m-feature .featurecontent .c-group > a, #partnership .m-hero-item .c-group > a, #partnership #contentPlacementPanelPartnershipID .c-group > a { font-style: normal; font-weight: 700; font-size: 15px; line-height: 20px; } #partnership #Footnotes-panel-1 .c-caption-2 { font-style: normal; font-weight: 400; font-size: 13px; line-height: 16px; } #partnership #Footnotes-panel-1 .c-caption-2 > strong { font-style: normal; font-weight: 700; font-size: 13px; line-height: 16px; } #partnership #heropanelid .m-hero-item:before, #partnership #heropanelid .c-hero:before { padding-bottom: 50%; } #partnership #heropanelid .m-hero-item { display: flex; justify-content: center; align-items: center; } #partnership #heropanelid .m-hero-item.f-y-center.f-x-center > div > div { transform: none; padding-left: 50px; padding-right: 50px; top: auto; left: auto; } #partnership #heropanelid .m-hero-item.f-y-center.f-x-center > div { max-width: 100%; width: 100%; height: auto !important; padding: 40px 0 !important; display: flex; align-items: center; justify-content: center; } @media only screen and (min-width: 768px) and (max-width: 1083px) { #partnership #heropanelid .m-hero-item > div > div > h1 { font-style: normal; font-weight: 600; font-size: 50px; line-height: 60px; text-align: center; color: #000000; } #partnership #heropanelid .m-hero-item > div > div > p { font-weight: 600; font-size: 20px; line-height: 24px; } #partnership #heropanelid .m-hero-item > picture > img { height: 100%; } #partnership #heropanelid .m-hero-item.f-y-center.f-x-center > div > div { position: relative; height: auto; } #partnership #heropanelid .m-hero-item.f-y-center.f-x-center > div { position: relative; } } @media only screen and (max-width: 1083.98px) { #partnership #powerfultoolid .m-feature .featurecontent, #partnership #switchtoolid .m-feature .featurecontent, #partnership #transformid .m-feature .featurecontent { text-align: left; margin-top: 0; padding: 32px 0 36px; width: 100%; } #partnership #saveheroPartnershipID .m-hero-item > div > div { text-align: left; } #partnership #customizePartnershipID .m-feature .featurecontent, #partnership #surfaceproPartnershipID .m-feature .featurecontent { text-align: left; margin: 0; padding: 32px 0 36px 0; } #partnership #powerfultoolid .m-feature.f-align-right picture, #partnership #transformid .m-feature.f-align-right picture { padding-right: 0; } #partnership #switchtoolid .m-feature.f-align-left picture { padding-left: 0; } .hubmain .m-feature.herowithgradientline-blue .featurecontent { text-align: left !important; } [dir="rtl"] .hubmain .m-feature.herowithgradientline-blue .featurecontent { text-align: right !important; right: 0; } } @media only screen and (min-width: 1084px) { #partnership #saveheroPartnershipID .m-hero-item > div > div { top: calc(48%); } #partnership #heropanelid .m-hero-item.f-y-center.f-x-center > div > div { width: 100%; min-width: 100%; padding: 0 40px; } } @media only screen and (max-width: 767px) { #partnership #contentPlacementPanelPartnershipID > div > div + div > div > section { margin-top: 0px; } #partnership #heropanelid .m-hero-item { display: flex; } #partnership #heropanelid .m-hero-item > picture > img { height: 100%; } #partnership #heropanelid .m-hero-item.f-y-center.f-x-center > div > div { position: relative; } #partnership #heropanelid .m-hero-item.f-y-center.f-x-center > div { position: relative; } #partnership #saveheroPartnershipID .m-hero-item > div > div { transform: none; } #partnership #saveheroPartnershipID .m-hero-item > div { height: auto !important; padding: 100px 0 50px !important; } #partnership #heropanelid .m-hero-item > div > div > h1 { font-style: normal; font-weight: 600; font-size: 37px; line-height: 44px; text-align: center; } #partnership #heropanelid .m-hero-item > div > div > p { font-style: normal; font-weight: 600; font-size: 20px; line-height: 24px; } #partnership .m-feature .featurecontent > h2 { font-style: normal; font-weight: 600; font-size: 37px; line-height: 44px; } #partnership .m-feature .featurecontent > p { font-style: normal; font-weight: 400; font-size: 18px; line-height: 24px; } #partnership #savethedayid > div > h2, #partnership #contentPlacementPanelPartnershipID .content-touts .articletouts .m-content-placement-item > div > h3 { font-style: normal; font-weight: 600; font-size: 37px; line-height: 44px; } #partnership #contentPlacementPanelPartnershipID .content-touts .articletouts .m-content-placement-item > div > .toutpara { font-style: normal; font-weight: 400; font-size: 18px; line-height: 26px; } #partnership #saveheroPartnershipID .m-hero-item > div > div > h2 { font-style: normal; font-weight: 600; font-size: 37px; line-height: 44px; } #partnership #saveheroPartnershipID .m-hero-item > div > div > p { font-style: normal; font-weight: 400; font-size: 18px; line-height: 26px; } } #partnership #herosecondpanelid button.c-action-trigger:hover { text-decoration: none !important; } #partnership .f-video-trigger button.c-action-trigger.c-glyph.glyph-play:hover span { border-bottom: 2px solid #fff !important; text-decoration: none !important; } #partnership #Footnotes-panel-1 li.c-caption-2:focus, #partnership #Footnotes-panel-1 p.c-caption-2:focus { border: 1px dashed #000; } @media only screen and (min-width: 1084px) { #partnership #powerfultoolid .m-feature .featurecontent > p, #partnership #switchtoolid .m-feature .featurecontent > p, #partnership #transformid .m-feature .featurecontent > p { margin-bottom: 5%; } } #partnership #herosecondpanelid > div > div > picture > img { width: 100%; } /* patnership page css ends */ .hubmain.end-of-support .m-panes a.c-hyperlink.supBLink:focus { outline: 1px dashed #000 !important; padding: 0px !important; margin-left: 1px !important; line-height: 31px; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .m-panes .f-align-middle picture { width: fit-content; } } /*bgfullbleed css starts*/ .fullBleedBgBanner { background-repeat: no-repeat; background-size: cover !important; background-position: right !important; } .fullBleedBgBanner .m-feature a.c-call-to-action.f-lightweight, .fullBleedBgBanner .m-feature a.c-call-to-action.f-lightweight:hover span { color: white !important; text-decoration: none; } .fullBleedBgBanner .m-feature > div { text-align: left; color: white; } /*bgfullbleed css ends*/ /*contentplacement number comp css starts*/ .numberContentPlacement .m-content-placement-item .c-badge { color: #0073d4 !important; font-size: 10rem; background: none !important; letter-spacing: unset; overflow: unset; font-weight: 600 !important; padding: 0px !important; } .numberContentPlacement .m-content-placement-item .c-heading { font-size: 28px; } .numberContentPlacement .m-content-placement-item > picture { display: none; } /*contentplacement number comp css starts*/ /* new accessbility page css start */ /*stickynavv2 css starts*/ .stickyV2 nav.c-in-page-navigation > ul li > a.f-active { color: #000; border-bottom: 4px solid #0078D7; padding-bottom: 12px; font-weight: 700; } .stickyV2 nav.c-in-page-navigation { margin-bottom: 10px; } /*stickynavv2 css ends*/ /* accessbility page css starts */ @media only screen and (min-width: 1084px) { #accessbilityID #accessbility_feature_1_b_2 .m-feature.f-align-left.f-image-priority picture { width: 50%; } #accessbilityID #accessbility_feature_1_b_2 .m-feature .f-image-priority > div { width: 49%; } .accessibility-features #accessbilityHero .m-hero-item.f-transparent:before { Padding-bottom: 64% !important; } .accessibility-features #accessbilityHero .m-hero-item { background: none !important; } .accessibility-features #accessbilityHero .m-hero-item > div .c-paragraph-3 { padding-right: 14px !important; } .accessibility-features #accessbilityHero .m-hero-item > div .c-heading-1 > span.accessbilityHeroHeading { display: block; } } #accessbilityID #hearing, #accessbilityID #accessbilityFeature_1_Banner_2, #accessbilityID #neurodiversity { background-color: #f2f2f2; } #accessbilityID #neurodiversity, #accessbilityID #hearing { margin-top: 48px; } #accessbilityID #accessbilityContentplacement_1_Banner_4.m-content-placement > [data-grid~="stack-2"], #accessbilityID #accessbilityContentplacement_1_Banner_2.m-content-placement > [data-grid~="stack-2"] { padding-bottom: 48px; } #accessbilityContentplacement1_Banner_1 .m-content-placement-item .toutpara a.c-hyperlink  { text-decoration: underline; } /* accessbility page css ends */ /*NumberList css starts*/ .numberlistpanel { padding: 40px 0px; } .numberlistpanel .numberlist-structurelist { display: flex; } .numberlistpanel .numberlist-structurelist a.c-call-to-action:active { background: transparent; } .bg-color-num .structure-container:first-child { border-top: solid #acacac 0.5px; } .bg-color-num .structure-container { border-bottom: solid #acacac 0.5px; } .numberlist-structurelist .c-image { position: absolute; width: 100%; z-index: 1; bottom: 0px; padding-right: 10px; } .structure-item .c-call-to-action { padding: 20px 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; white-space: normal; text-align: left; } .structure-item .c-call-to-action:focus:not(.x-hidden-focus), .structure-item .c-call-to-action:focus:not(.x-hidden-focus) { color: #005da6; background: rgba(0,103,184,.1); } .structure-item .c-call-to-action:hover { color: #005da6; background: transparent; } .structure-container { padding-top: 0px; padding-bottom: 0px; } .numberlist-structurelist .numberlistbanner { position: relative; } .numbers { display: none; } @media screen and (max-width: 767px) { /* .numberlist-structurelist .numberlistbanner .content { padding-left: 0px !important; } */ #windowsh22.laptops-for-students .numberlistbanner .content p.c-paragraph-1.fy23-font-weight { font-size: 15px; line-height: 20px; font-weight: 400 !important; } [dir="rtl"] .numberlist-structurelist .numberlistbanner .content { padding-right: 0px !important; } } /*NumberList css ends*/ @media screen and (max-width: 767px) { .structure-container { padding-left: 0; padding-right: 0; } .numberlist .structure-item p, .structure-item .ctaclass { left: 0 !important; } /*.nonumber .numberlist .structure-item p, .structure-item .ctaclass { left: 0 !important; }*/ .nonumber .numberlist .m-structured-list.structure-container .c-structured-list { display: block; } .nonumber.numberlist-structurelist .numberlistbanner .c-image { display: none; } } @media screen and (min-width:1084px) { .numberlistpanel.list-4 .numberlist-structurelist .c-image { left: -70px; top: 150px; } .nonumber.numberlist-structurelist #gradient-mobile .c-image { display: none; } .numberlist-structurelist #gradient-image-numglyphs .c-image { display: block; } .numberlist-structurelist[data-grid="container"] { padding-left: 5%; padding-right: 5%; } .numberlist-structurelist #gradient-mobile { display: none; } } @media screen and (min-width:768px) and (max-width:1083px) { .numberlist-structurelist .c-image { position: absolute; width: 100%; margin-top: 20px; text-align: center; bottom: 0; padding: 5%; } .numberlist-structurelist[data-grid="container"] { padding-top: 5%; padding-bottom: 5%; } .numberlist-structurelist .numberlistbanner .c-paragraph-1 { width: 86%; } .m-structured-list .c-structured-list .numbers { font-size: 5rem; margin-right: 26px; } } @media screen and (min-width:541px) and (max-width:767px) { .numberlist-structurelist[data-grid="container"] { padding-left: 5%; padding-right: 5%; } .m-structured-list .c-structured-list .numbers { font-size: 3.7rem; margin-right: 20px; } .numberlist > div:first-child { margin-top: 40px; } } @media screen and (max-width:1083px) { .numberlist-structurelist.nonumber .numberlistbanner, .numberlist-structurelist.nonumber .numberlist, .numberlist-structurelist .numberlistbanner, .numberlist-structurelist .numberlist { width: 100%; } .numberlistpanel .numberlist-structurelist { flex-direction: column; padding-top: 0px; padding-bottom: 0px; } .numberlist-structurelist[data-grid="container"] { padding-left: 5%; padding-right: 5%; } [dir="rtl"] .numberlist-structurelist .numberlistbanner .content { padding-right: 0px !important; } #windowsh22.comprehensive-security .numberlist-structurelist .numberlistbanner .content { padding-left: 0px; } .numberlist-structurelist .numberlistbanner .content { padding: 0 5% 5% 0; } .number .m-structured-list.structure-container { padding: 0px !important; } .numberlist-structurelist #gradient-mobile, .numberlist-structurelist #gradient-image-numglyphs { display: none; } } @media screen and (max-width:540px) { .numberlist .structure-item p, .structure-item .ctaclass { left: -60px; } .numbers { margin-right: 20px; } } .numberlist .m-structured-list p { font-size: 15px !important; line-height: 20px; font-weight: 400 !important; padding-top: 14px; } #windowsh22 .numberlistbanner .content p.c-paragraph-1.fy23-font-weight { font-size: 18px; line-height: 24px; font-weight: 400 !important; } .structure-container .c-structured-list { margin: 0 0 24px 0; } .numberlist-structurelist { margin-top: 48px; } .numberlistbanner > .ct-heading-1 { padding-right: 25px; } @media screen and (max-width: 767px) { .numberlist .listitems .c-list { margin: 0 0; } .numberlist .glyph_icon { align-items: flex-end !important; } .numberlist .structure-item p, .numberlist-structurelist.number .numberlist .m-structured-list .ctaclass a { position: relative; left: -70px; } .numberlist .numberlist-structurelist .structure-item h2.c-heading-4, .glyph_icon .c-glyph::after { font-size: 32px; padding-bottom: 5px; line-height: 38px; } .numberlist .glyph_icon { align-items: flex-end !important; } .numberlist .numberlistbanner p { padding-bottom: 15px !important; } .numberlist .numbers { position: relative; top: 0px; } } .number .m-structured-list.structure-container { padding-top: 0px !important; } /*compare page new css*/ #windowsh22.compare-windows-11-home-vs-pro-versions.hubmain, #windowsh22.get-windows-11.hubmain .c-pivot, #windowsh22.compare-windows-11-home-vs-pro-versions #PivotTarget0, #windowsh22.compare-windows-11-home-vs-pro-versions #PivotTarget1 { background: linear-gradient(179.22deg, #EBF4FC 0.64%, #FFFFFF 89.43%); } #windowsh22.compare-windows-11-home-vs-pro-versions.hubmain .image-priority-accolate.featurebox { background: #ffffff; } #windowsh22.compare-windows-11-home-vs-pro-versions .c-pivot.center ul[role="tablist"] li.f-active, #windowsh22.get-windows-11 .c-pivot.center ul[role="tablist"] li.f-active { background: #ebf4fc; color: #000 !important; padding-top: 8px; border-bottom: 2px solid #000; padding-bottom: 8px; border-radius: 0px; border-left: 0px !important; border-right: 0px !important; border-top: 0px !important; margin: 0px 20px; } #windowsh22.compare-windows-11-home-vs-pro-versions .c-pivot.center [role="tablist"] [role="tab"] { font-weight: 700; font-size: 16px; border-radius: 6px; text-align: center; padding: 0px 0px 8px 0px; line-height: 1; box-shadow: none; color: #006CAC; margin: 0px 20px; background: rgb(235, 244, 252); } #windowsh22.get-windows-11 .c-pivot.center [role="tablist"] [role="tab"] { font-weight: 700; font-size: 16px; border-radius: 6px; text-align: center; padding: 0px 0px 8px 0px; line-height: 1; box-shadow: none; color: #006CAC; margin: 0px 20px; background: rgb(235, 244, 252); } #windowsh22.compare-windows-11-home-vs-pro-versions .c-pivot.center ul[role="tablist"] li.f-active:focus, #windowsh22.get-windows-11 .c-pivot.center ul[role="tablist"] li.f-active:focus { outline: 2px dashed #000 !important; } #windowsh22.compare-windows-11-home-vs-pro-versions p.expand-collapse-toggle-area.x-type-right, #windowsh22.compare-windows-11-home-vs-pro-versions tr td .c-drawer button::before { visibility: hidden; } #windowsh22.compare-windows-11-home-vs-pro-versions .c-pivot.center section[role=tabpanel], #windowsh22.get-windows-11 .c-pivot.center section[role=tabpanel] { position: relative; overflow: hidden; box-shadow: none; margin-top: -5px; } #windowsh22.compare-windows-11-home-vs-pro-versions .c-pivot.center section[role=tabpanel] { margin-top: 0; } #windowsh22.compare-windows-11-home-vs-pro-versions .compare-edition-tables tr td .c-drawer, #windowsh22.compare-windows-11-home-vs-pro-versions .compare-edition-tables tr td .c-drawer button { background: transparent; } #windowsh22.compare-windows-11-home-vs-pro-versions .compare-edition-tables tbody tr td:not(:first-child), #windowsh22.compare-windows-11-home-vs-pro-versions .compare-edition-tables tbody tr th:not(:first-child) { text-align: center; background: white; border: 1px solid #dbdbdb; } #windowsh22.compare-windows-11-home-vs-pro-versions .compare-edition-tables tbody tr td:last-child, #windowsh22.compare-windows-11-home-vs-pro-versions .compare-edition-tables tbody tr th:last-child { border-right: none !important; } #windowsh22.compare-windows-11-home-vs-pro-versions .compare-edition-tables tbody tr:last-child, #windowsh22.compare-windows-11-home-vs-pro-versions .compare-edition-tables tbody tr td:not(:first-child), #windowsh22.compare-windows-11-home-vs-pro-versions .compare-edition-tables tbody tr th:not(:first-child) { border-bottom: none; } #windowsh22.compare-windows-11-home-vs-pro-versions .compare-edition-tables tbody tr td:not(:first-child) > span { display: block; } #windowsh22.compare-windows-11-home-vs-pro-versions tbody tr:first-child td:not(:first-child) { border-top: 3px solid #0076d1; } #windowsh22.compare-windows-11-home-vs-pro-versions .compare-edition-tables .tick.c-glyph { border-radius: 50px; border: 2px solid #0078d7; } #windowsh22.compare-windows-11-home-vs-pro-versions .c-table thead th { font-size: 24px; line-height: 28px; vertical-align: bottom; color: #000; font-weight: 600; text-align: center; padding-bottom: 32px; } #windowsh22.compare-windows-11-home-vs-pro-versions .c-drawer > button[disabled] { color: inherit; cursor: auto !important; } #windowsh22.compare-windows-11-home-vs-pro-versions .tick.c-glyph { font-size: 25px; text-align: center; font-family: MWF-MDL2; color: #0078d7; padding: 4px; } /*compare page new css end*/ .main-heading, .gradient-heading { margin-top: 0px !important; } .gradient-line { display: flex; width: 5px; float: left; background: linear-gradient(to top, #0b8be9 0%,#28cef1 47.14%,#7ed367 100%); height: auto !important; margin-right: 20px; padding: 0 5px 0 0; } [dir="rtl"] .gradient-line { margin-left: 20px; margin-right: 0px; } .fit-content { transform: none !important; top: 0 !important; } .verticalgrdient { margin-top: 40px; display: flex; width: 90%; } .content-gradient { flex-grow: 1; } .fit-content .c-group { margin-left: 24px; } .f-active.f-inactive { border-bottom: 0 !important; } @media only screen and (max-width: 1083px) { .verticalgrdient, .fit-content .c-group { text-align: left; } .gradient-LVP { margin-bottom: 10px; } } .gradient-LVP .fit-content .main-heading, .gradient-divs .gradient-heading { letter-spacing: 0em; } .gradient-LVP .fit-content p.main-paragraph { font-weight: 400; letter-spacing: 0em; } .gradient-line { background: linear-gradient(180deg, #0067B8 0%, #50E6FF 100%); } .gradient-divs:not(:first-child) { margin-top: 40px; } /*5050 With Gradient line ends*/ /*Home content placement css starts*/ .windows .crossCards > div { margin: 0 auto; float: none; } @media screen and (min-width: 768px) { .crossCards div.content-touts:nth-child(2) { padding-top: 12%; } } .crossCards { background: linear-gradient(179.22deg, #EBF4FC 0.64%, #F9F9F9 89.43%); padding: 40px 0px; } .windows #numberListId { background: #f9f9f9; } #windowsh22.windows-11 #homeMosaic a.c-call-to-action.c-glyph.c-button.f-primary.button-0078D4 { background: #0078D4; color: #ffffff !important; height: 42px; border-radius: 6px; padding: 8px 40px 16px 40px; } #windowsh22.windows-11 #homeMosaic .m-mosaic .c-group { top: auto; left: 19px; right: auto; bottom: 12px; } [dir="rtl"] #windowsh22.windows-11 #homeMosaic .m-mosaic .c-group { top: auto; right: 19px; left: auto; bottom: 12px; } .linearHorzontalLinerightshade-blue { width: 60px; height: 4px; background: linear-gradient(97.21deg, #50E6FF 5.82%, #0067B8 134%); margin-top: 32px !important; margin-bottom: 8px; position: relative; padding: 0px !IMPORTANT; margin: 0; } /*Home content placement css ends*/ .linearHorzontalLineLeft-blue { width: 60px; height: 4px; background: linear-gradient(97.21deg, #0067B8 5.82%, #50E6FF 134%); margin-top: 32px !important; margin-bottom: 8px; position: relative; padding: 0px !IMPORTANT; margin: 0; } /*toggleButton CSS*/ /* Slider CSS */ .toggle-button { background: #E3E3E3; color: #000; font-size: 13px; font-weight: 600; line-height: 16px; } .toggle-button-container { display: flex; align-items: center; padding: 6px; justify-content: flex-end; } .switch { position: relative; width: 44px; height: 20px; margin-right: 5px; margin-left: 5px; } .switch input { opacity: 0; width: 0; height: 0; } .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; } .slider:before { position: absolute; content: ""; width: 10px; height: 10px; left: 4px; bottom: 5px; top: 4px; background-color: #000; -webkit-transition: .4s; transition: .4s; } input:checked + .slider { background-color: #2196F3; } input:focus + .slider { box-shadow: 0 0 1px #2196F3; } input:checked + .slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px); } .slider.round { border-radius: 34px; border: 1px solid #000 !important; } .slider.round:before { border-radius: 50%; } /*Start Video Gallery*/ .video-gallery { padding: 40px 0; } .video-gallery .header-enlarge, .video-gallery .header-active { color: #000 !important; font-weight: 600 !important; font-size: 34px; line-height: 40px; } .video-gallery .feature-button, .video-gallery .feature-button.header-enlarge-mobile, .video-gallery .feature-button.header-active-mobile { color: #ffffff !important; } .video-gallery .c-video-player .f-video-trigger { border: none; } .video-gallery .oneplayer-inline { background-color: #171717; } .video-gallery .feature-button.header-enlarge-mobile, .video-gallery .feature-button.header-active-mobile { color: #000 !important; font-size: 26px !important; line-height: 32px !important; } .video-gallery .m-image.inline-video-fae { padding-top: 0 !important; height: 100%; } .video-gallery .media-selector { position: relative; display: flex; flex-direction: row; } .animate-text-group { display: block; } .animate-text { opacity: 0; display: block; color: inherit; margin-top: 3px !important; } .animate-text a { position: relative; border: 2px solid transparent; outline: 1px solid transparent; outline-offset: -3px; font-weight: 600; color: #0067b8 !important; } .animate-text a:hover { color: #005da6; text-decoration: none; } .screen-reader-text { position: absolute; left: -10000px; top: auto; width: 0px; height: 0px; overflow: hidden; opacity: 0; } .off-focus { opacity: 1; } .hubmain .off-focus { animation: offFocusContent 0.3s forwards; } .animation-false .off-focus { animation: offFocusContent 0s forwards; } .on-focus { opacity: 0; } .hubmain .on-focus { animation: onFocusContent 0.3s forwards; } .animation-false .on-focus { animation: onFocusContent 0s forwards; } .hubmain .video-gallery .media-selector .loadFeature { opacity: 0; animation: onFocusContent 1s 0s forwards; } .animation-false .video-gallery .media-selector .loadFeature { opacity: 0; animation: onFocusContent 0s 0s forwards; } @keyframes onFocusContent { from { transform: translateY(10px); opacity: 0; } to { transform: translateY(0); opacity: 1; } } @keyframes offFocusContent { from { transform: translateY(0); opacity: 1; } to { transform: translateY(10px); opacity: 0; } } .currently-focused__divider { opacity: 1 !important; } .currently-focused { animation: none !important; animation-duration: 0 !important; opacity: 1 !important; } .video-gallery .media-selector .loadFeature-mobile { opacity: 1; } @media screen and (min-width: 540px) and (max-width: 1083px) { .video-gallery .media-selector { height: auto; flex-direction: column; } .video-gallery .media-selector li { opacity: 1; } .video-gallery .media-selector .c-list { margin: 0; } } @media screen and (max-width: 539.98px) { .video-gallery .media-selector { height: auto; flex-direction: column; } .video-gallery .media-selector .c-list { margin: 0; } #windowsh22.compare-windows-11-home-vs-pro-versions .c-pivot.center section[role=tabpanel] { float: left; width: 100%; } } .video-gallery .media-selector__display { order: 1; margin: auto 0px; position: relative; } @media screen and (max-width: 1083px) { .video-gallery .media-selector__display { order: 0 !important; align-items: flex-start; margin: 0 0 18px 0; width: 100% !important; } } .video-gallery .media-selector__display__media { position: absolute; opacity: 0 !important; background: transparent; z-index: 0; padding: auto 0; width: 100%; height: 100%; } .video-gallery .media-selector__display__media video, .video-gallery .media-selector__display__media > picture img { min-width: 100%; min-height: 100%; max-height: 100%; height: 100%; width: 100%; object-fit: fill; } .video-gallery .media-selector__display__media video:focus { outline: 2px solid #0067b8; border: 2px solid #0067b8; } @media (-ms-high-contrast: active) { .video-gallery .media-selector__display__media video:focus { border: 4px solid #0067b8 !important; } } .video-gallery .media-selector__display__media .c-progress { display: none; } .video-gallery .media-selector__display__media[aria-hidden="true"] .f-video-trigger { display: none; } .video-gallery .media-selector__display__media[aria-hidden="true"] .f-video-controls { display: none; } @keyframes fade-in { from { opacity: 0; } to { opacity: 1; } } .hubmain .fade-in { opacity: 0; animation: fade-in 2s 0.3s forwards; } .animation-false .fade-in { animation: fade-in 0s 0s forwards; } .video-gallery .media-selector__display .mount { opacity: 1 !important; z-index: 2 !important; } .hubmain .video-gallery .media-selector__display .mount { animation: fade-in 3s 0s forwards; } .animation-false .video-gallery .media-selector__display .mount { animation: fade-in 0s 0s forwards; } .video-gallery .media-selector__display .unmount { opacity: 1; z-index: 1 !important; } .hubmain .video-gallery .media-selector__display .unmount { animation: fade-out 3s 0s forwards; } .video-gallery .media-selector .media-selector__features__container { display: flex; justify-content: center; margin: auto 0; order: 0; } @media screen and (max-width: 1083px) { .video-gallery .media-selector .media-selector__features__container { order: 1; width: 100% !important; } } .video-gallery .media-selector .media-selector__features__container .media-selector__features { order: 0; display: flex; margin: auto 0; width: 100%; } .video-gallery .media-selector .media-selector__features__container .media-selector__features .selection-bar { display: block; width: 10%; position: relative; } @media screen and (min-width: 539px) and (max-width: 1083px) { .video-gallery .media-selector .media-selector__features__container .media-selector__features .selection-bar { width: 5%; } } .video-gallery .media-selector .media-selector__features__container .media-selector__features .selection-bar__position { /*opacity: 0;*/ z-index: 10; position: absolute; width: 100%; height: auto; top: 12px; /* transition: top 0.75s ease-in-out; */ padding-left: 45%; padding-right: 40%; } .animation-true .video-gallery .media-selector .media-selector__features__container .media-selector__features .selection-bar__position { transition: top 0.75s ease-in-out; } .animation-false .video-gallery .media-selector .media-selector__features__container .media-selector__features .selection-bar__position { transition: top 0s ease-in-out; } @media screen and (min-width: 540px) and (max-width: 1083px) { .video-gallery .media-selector .media-selector__features__container .media-selector__features .selection-bar__position { padding-left: 63%; padding-right: 20%; } } .video-gallery .media-selector .media-selector__features__container .media-selector__features .selection-bar__position__area { height: 0px; background: linear-gradient(#0093F9, #98ECFE ); } .animation-true .video-gallery .media-selector .media-selector__features__container .media-selector__features .selection-bar__position__area { transition: height 0.75s ease-in-out; } .animation-false .video-gallery .media-selector .media-selector__features__container .media-selector__features .selection-bar__position__area { transition: height 0s ease-in-out; } @media (-ms-high-contrast: active) { .video-gallery .media-selector .media-selector__features__container .media-selector__features .selection-bar__position__area { border: 2px solid white; } } .video-gallery .media-selector .media-selector__features__container .media-selector__features ul { margin: 0; width: 90%; padding-right: 6%; padding-left: 1%; } .animation-true .video-gallery .media-selector .media-selector__features__container .media-selector__features ul { transition: width 0.75s ease-in; } .animation-false .video-gallery .media-selector .media-selector__features__container .media-selector__features ul { transition: width 0s ease-in; } @media screen and (min-width: 540px) and (max-width: 1083px) { .video-gallery .media-selector .media-selector__features__container .media-selector__features ul { padding-right: 10%; padding-left: 1.7%; width: 85%; } } .video-gallery .media-selector .media-selector__features__container .media-selector__features ul li { opacity: 0; margin: 0; border: none; padding: 18px 0; width: 100%; } .video-gallery .media-selector .media-selector__features__container .media-selector__features .c-subheading-2 { padding: 0; text-align: left; } .video-gallery .media-selector .media-selector__features__container .media-selector__features .c-subheading-3 { padding: 0; text-align: left; } .video-gallery .media-selector .media-selector__features__container .media-selector__features .c-heading-3 { padding: 0; text-align: left; } .video-gallery .media-selector__content { position: relative; width: auto; display: block; } .animation-true .video-gallery .media-selector__content { transition: height 1s ease-in; } .animation-false .video-gallery .media-selector__content { transition: height 0s ease-in; } .animation-true .video-gallery .media-selector__content.initialLoad { animation: rise-fade-in; animation-duration: 1s; animation-fill-mode: forwards; } .animation-false .video-gallery .media-selector__content.initialLoad { animation: rise-fade-in; animation-duration: 0s; animation-fill-mode: forwards; } .video-gallery .media-selector__content .feature-header { width: auto; text-align: left; } .video-gallery .media-selector__content .feature-header .feature-button { position: relative; display: inline-block; background: none; color: #2f2f2f; margin: 0; padding: 3px 5px 3px 5px; font: inherit; cursor: pointer; text-align: left !important; height: auto; border: 2px solid transparent; } .animation-true .video-gallery .media-selector__content .feature-header .feature-button { transition: height 0.5s ease-out; } .animation-false .video-gallery .media-selector__content .feature-header .feature-button { transition: height 0s ease-out; } @media (-ms-high-contrast: white-on-black) { .video-gallery .media-selector__content .feature-header .feature-button { border: 2px solid white; } } @media (-ms-high-contrast: black-on-white) { .video-gallery .media-selector__content .feature-header .feature-button { border: 2px solid transparent; } } .video-gallery .media-selector__content .feature-header .feature-button:focus { border: 2px solid #000; outline: 2px solid #000; } @media (-ms-high-contrast: active) { .video-gallery .media-selector__content .feature-header .feature-button:focus { border: 2px solid #0067b8; outline: 2px solid #0067b8; } } .video-gallery .media-selector__content .feature-header .feature-button:focus[init-selected="true"] { border: 2px solid #000; outline: none; } .video-gallery .media-selector__content .feature-header .feature-button:focus[aria-pressed="true"] { border: 2px solid #000; outline: 2px solid #000; } .video-gallery .media-selector__content .feature-header .feature-button:focus { outline: none; border: 2px solid #000; } .video-gallery .mp4videoinline + .videobutton.glyph-pause { visibility: hidden; } .video-gallery .mp4videoinline:hover + .videobutton.glyph-pause, .video-gallery .videobutton.glyph-pause:hover { visibility: visible; } @media (-ms-high-contrast: active) { .video-gallery .media-selector__content .feature-header .feature-button:focus[aria-pressed="true"] { border: 2px solid #0067b8; outline: 2px solid #0067b8; } } .video-gallery .media-selector__content .feature-header .feature-button .chevron-wrapper { position: relative; white-space: pre-wrap; display: inline-block; padding-right: 20px; } .video-gallery .media-selector__content .feature-header .feature-button .glyph-chevron-right { display: inline-block; position: absolute; margin-top: 2px; margin-left: 7px; font-size: 12px; color: #0067b8; } .video-gallery .media-selector__content .feature-header .feature-button.header-enlarge .glyph-chevron-right, .video-gallery .media-selector__content .feature-header .feature-button.header-active .glyph-chevron-right, .video-gallery .media-selector__content .feature-header .feature-button.header-enlarge-mobile .glyph-chevron-right, .video-gallery .media-selector__content .feature-header .feature-button.header-active-mobile .glyph-chevron-right { opacity: 1; } .video-gallery .media-selector__content__subcontent { height: auto; width: 100%; } .animation-true .video-gallery .media-selector__content__subcontent { transition: height 1s ease; } .animation-false.video-gallery .media-selector__content__subcontent { transition: height 0s ease; } .video-gallery .media-selector__content__subcontent .c-divider { margin: 2% 0; } .video-gallery .media-selector__content__subcontent p { text-align: left; padding: 3px 6px 0 6px; } .video-gallery .c-video-player.wdg-oneplayer-inline { padding-bottom: 53%; } [dir="rtl"] .video-gallery .media-selector .media-selector__features__container .media-selector__features .selection-bar__position { padding-right: 45%; padding-left: 40%; } @media screen and (min-width: 540px) and (max-width: 1083px) { [dir="rtl"] .video-gallery .media-selector .media-selector__features__container .media-selector__features .selection-bar__position { padding-right: 88%; padding-left: 6%; } } @media screen and (max-width: 539px) { [dir="rtl"] .video-gallery .media-selector .media-selector__features__container .media-selector__features .selection-bar__position { padding-right: 50%; padding-left: 30%; } [dir="rtl"] .video-gallery .media-selector .media-selector__features__container .media-selector__features ul { padding-right: 0; padding-left: 5%; } .video-gallery .media-selector__content .feature-header .feature-button { padding-bottom: 2px; } .video-gallery .media-selector .media-selector__features__container .media-selector__features ul { padding-left: 0; padding-right: 5%; width: 92%; } .video-gallery .media-selector .media-selector__features__container .media-selector__features ul li { padding: 12.5px 0; } .video-gallery .media-selector .media-selector__features__container .media-selector__features .selection-bar { width: 8%; } .video-gallery .media-selector .media-selector__features__container .media-selector__features .selection-bar__position { padding-left: 50%; padding-right: 30%; } #windowsh22.compare-windows-11-home-vs-pro-versions .c-pivot.center [role="tablist"] [role="tab"], #windowsh22.get-windows-11 .c-pivot.center [role="tablist"] [role="tab"] { border-bottom: 2px solid #D2D2D2 !important; border-top: 0; border-left: 0; border-right: 0; border-radius: 0; } #windowsh22.compare-windows-11-home-vs-pro-versions .c-pivot.center ul[role="tablist"] li, #windowsh22.get-windows-11 .c-pivot.center ul[role="tablist"] li { display: block; margin: 20px 0px !important; padding: 8px 0px !important; } #windowsh22.compare-windows-11-home-vs-pro-versions .c-pivot.center ul[role="tablist"] li.f-active span, #windowsh22.get-windows-11 .c-pivot.center ul[role="tablist"] li.f-active span { border-bottom: 2px solid #000 !important; padding: 2px; } } [dir="rtl"] .video-gallery .media-selector .media-selector__features__container .media-selector__features ul { padding-left: 6%; padding-right: 1%; } @media screen and (min-width: 540px) and (max-width: 1083px) { [dir="rtl"] .video-gallery .media-selector .media-selector__features__container .media-selector__features ul { padding-left: 10%; padding-right: 1.7%; } } [dir="rtl"] .video-gallery .media-selector .media-selector__features__container .media-selector__features .c-subheading-2 { padding: 0; text-align: right; } [dir="rtl"] .video-gallery .media-selector .media-selector__features__container .media-selector__features .c-subheading-3 { padding: 0; text-align: right; } [dir="rtl"] .video-gallery .media-selector .media-selector__features__container .media-selector__features .c-heading-3 { padding: 0; text-align: right; } [dir="rtl"] .video-gallery .media-selector__content .feature-header { text-align: left; } [dir="rtl"] .video-gallery .media-selector__content .feature-header .feature-button { text-align: right !important; padding-left: 20px !important; } [dir="rtl"] .video-gallery .media-selector__content .feature-header .feature-button .chevron-wrapper { padding-left: 20px; } [dir="rtl"] .video-gallery .media-selector__content .feature-header .feature-button .glyph-chevron-right { display: inline; position: absolute; margin-top: 2px; margin-left: 0px; margin-right: 7px; color: #0067b8; } [dir="rtl"] .video-gallery .media-selector__content__subcontent p { text-align: right; padding: 3px 6px 0 6px; } .video-gallery .scrollvideogallery.media-selector .media-selector__features__container .media-selector__features ul .feature-button.header-enlarge .c-glyph.glyph-chevron-right:before, .video-gallery .scrollvideogallery.media-selector .media-selector__features__container .media-selector__features ul .c-glyph.glyph-chevron-right:before { display: none; } .video-gallery .scrollvideogallery.media-selector .media-selector__features__container .media-selector__features ul .feature-button.header-enlarge:after { display: none; } .video-gallery .scrollvideogallery.media-selector .media-selector__features__container .media-selector__features ul .feature-button:not(.header-active):after { content: "\E710"; position: absolute; top: 50%; transform: translateY(-50%); right: 0; } .video-gallery .scrollvideogallery.media-selector .media-selector__features__container .media-selector__features ul .feature-button:after, .video-gallery .scrollvideogallery.media-selector .media-selector__features__container .media-selector__features ul .feature-button.header-enlarge:after { font-family: "MWF-MDL2"; margin-left: 5px; float: right; font-size: 15px; } .scrollvideogallery { display: flex; flex-wrap: wrap; flex-direction: row; } .scrollvideogallery.f-align-left .media-selector__features__container { order: 2; } .video-gallery .scrollvideogallery .feature-button.header-enlarge, .video-gallery .scrollvideogallery .feature-button.header-active { color: #000 !important; font-weight: 600 !important; /* font-size: 20px !important; */ line-height: 40px; } .video-gallery .scrollvideogallery .feature-button { color: #000 !important; width: 100%; padding-right: 17px; position: relative; } .video-gallery .media-selector.scrollvideogallery.f-align-left .media-selector__features__container .media-selector__features ul li, .video-gallery .media-selector.scrollvideogallery.f-align-left .media-selector__display__media { opacity: 1; } .video-gallery .scrollvideogallery.media-selector.f-align-left .media-selector__features__container .media-selector__features, .video-gallery .scrollvideogallery.media-selector.f-align-left .media-selector__features__container { margin: auto 0; } .video-gallery .feature-header.c-subheading-3 { font-size: 34px; line-height: 40px; } @media screen and (max-width: 767px) { .video-gallery .feature-header.c-subheading-3 { font-size: 24px; line-height: 28px; } } .video-gallery .animate-text-group strong { display: block; } /*END Video Gallery*/ /*generic button css*/ .rounded-corners .c-button.f-primary.button-0078D4 { border-radius: 6px; text-align: center; padding: 11px 40px; line-height: normal; box-shadow: none; background: #0078D4; color: #FFFFFF; margin-top: 15px; white-space: normal; } .bg-A8E1C5 { background-color: #FFABB0; padding-top: 24px; } .linearHorzontalLineLeft-grey { width: 60px; height: 4px; background: linear-gradient(270deg, #B3B3B3 0%, #FFFFFF 97.96%); margin-top: 32px !important; margin-bottom: 8px; position: relative; padding: 0px !important; } .linearHorzontalLineLeftColor-blue { width: 60px; height: 4px; background: #D289ff; margin-top: 32px !important; margin-bottom: 8px; position: relative; padding: 0px !important; } .paradiv { padding-top: 25px !important; } #windowsh22.get-windows-11 .c-table.f-divided tbody tr:first-child { border-top: 1px solid #dbdbdb; } #accessbilityID #accessbilityContentplacement1_Banner_1 .articletouts .m-content-placement-item .toutheading:nth-child(2) { padding-top: 12px; } #windowsh22 .custom-small-feature .comppanel a:focus, #windowsh22 .custom-small-feature .comppanel a.supBLink:focus { outline: 2px dashed #FFF !important; } #windowsh22 #pchealthcheck .custom-small-feature .comppanel a:focus, #windowsh22 #pchealthcheck .custom-small-feature .comppanel a.supBLink:focus { outline: 2px dashed #000 !important; } .custom-small-feature .comppanel a.supBLink:focus { line-height: 14px; } .custom-small-feature .comppanel a.c-call-to-action { padding-top: 10px !important; margin-top: 48px; } #feature_1[data-grid="container"], #feature_2[data-grid="container"], #feature_3[data-grid="container"], #feature_4[data-grid="container"] { background: #fff; } .theme-dark1 { background-color: #FFFFFF; } @media screen and (min-width:1084px) and (max-width:1200px) { .windows-11 #Hero-Item-panel-1 .m-hero-item > div > div { padding-left: 0; } } @media only screen and (min-width: 768px) and (max-width: 1083px) { .windows .holiday-animated-hero .m-hero-item:before, .windows-11 .holiday-animated-hero .m-hero-item:before { padding-bottom: 100% !important; } [lang="en-us"] #windowsh22.windows-11 .show-animation-lvp.holiday-animated-hero .m-hero-item { padding: 0px; } [lang="en-us"] #windowsh22.windows-11 .animation-off.holiday-animated-hero .m-hero-item { padding: 0px; } [lang="en-us"] #windowsh22.windows-11 .show-animation-lvp.holiday-animated-hero .m-hero-item:before { padding-bottom: 0% !important; } [lang="en-us"] #windowsh22.windows-11 .show-animation-lvp.holiday-animated-hero .m-hero-item > div > div { position: relative !important; } [lang="en-us"] #windowsh22.windows-11 .show-animation-lvp.holiday-animated-hero .m-hero-item > picture { position: relative !important; top: 0; transform: none; } [lang="en-us"] #windowsh22.windows-11 .animation-off.holiday-animated-hero .m-hero-item:before { padding-bottom: 0% !important; } [lang="en-us"] #windowsh22.windows-11 .animation-off.holiday-animated-hero .m-hero-item > div > div { position: relative !important; } [lang="en-us"] #windowsh22.windows-11 .animation-off.holiday-animated-hero .m-hero-item > picture { position: relative !important; top: 0; transform: none; } [lang="en-us"] #windowsh22.windows-11 .animation-off.holiday-animated-hero .m-hero-item > picture > img { transform: none; top: 0; position: relative; left: 0; } } @media screen and (max-width: 767px) { .windows .holiday-animated-hero .m-hero-item:before, .windows-11 .holiday-animated-hero .m-hero-item:before { padding-bottom: 100% !important; } #windowsh22.get-windows-11 #HeroItem-panel-1 .m-hero-item:before, #windowsh22.get-windows-11 #HeroItem-panel-2 .m-hero-item:before, .features #HeroItem-panel-1 .m-hero-item:before { padding-bottom: 56.25% !important; } [lang="en-us"] #windowsh22.windows .show-animation-lvp.holiday-animated-hero .m-hero-item:before { padding-bottom: 0% !important; } [lang="en-us"] #windowsh22.windows .show-animation-lvp.holiday-animated-hero .m-hero-item > div > div { position: relative !important; } [lang="en-us"] #windowsh22.windows .show-animation-lvp.holiday-animated-hero .m-hero-item > picture { position: relative !important; top: 0; transform: none; } #windowsh22.laptop-buying-guide hr.c-divider{ border-top: 0px; } } @media screen and (max-width: 1083px) { #Banner-panel-1 .m-banner { margin-top: 0px !important; } } /*accessbility fixes start for fy23*/ [dir="rtl"] .accessibility-features .number .m-structured-list .c-group > .c-call-to-action { text-align: right; } [dir="rtl"] .accessibility-features .linearHorzontalLineLeft-grey { background: linear-gradient(270deg, #B3B3B3 0%,#FFFFFF 97.96%); } [dir="rtl"] .accessibility-features .fullBleedBgBanner { background-position: left !important; } .accessibility-features nav.c-in-page-navigation.f-dropdown .f-dropdown-menu #unique-id-for-list li a.bg-blue-sticky { font-weight: 600; } .accessibility-features nav .f-dropdown-menu > a { font-weight: 700 !important; } .accessibility-features #vision, .accessibility-features #hearing, .accessibility-features #mobility, .accessibility-features #neurodiversity { padding-top: 24px; } .accessibility-features .c-badge.f-highlight { border-radius: 4px; } .accessibility-features nav.c-in-page-navigation > ul li > a, .accessibility-features nav.c-in-page-navigation a { font-weight: 700; font-size: 20px; line-height: 24px; margin-left: 0px; } .windows-11 #stickynavwindows11 nav.c-in-page-navigation > ul li > a, .windows-11 #stickynavwindows11 nav.c-in-page-navigation a { font-weight: 700; font-size: 20px; line-height: 24px; } #windowsh22.windows-11 nav.c-in-page-navigation.f-dropdown .f-dropdown-menu > a.f-active, #windowsh22.comprehensive-security nav.c-in-page-navigation.f-dropdown .f-dropdown-menu > a.f-active, #windowsh22.laptop-buying-guide nav.c-in-page-navigation.f-dropdown .f-dropdown-menu > a.f-active { color: #171717 !important; } #windowsh22.windows-11 nav.c-in-page-navigation.f-dropdown .f-dropdown-menu > a, #windowsh22.comprehensive-security nav.c-in-page-navigation.f-dropdown .f-dropdown-menu > a { color: #171717 !important; } .accessibility-features nav.c-in-page-navigation.f-dropdown.f-sticky { padding-left: 5%; } .accessibility-features nav.c-in-page-navigation.f-dropdown .f-dropdown-menu > a { font-weight: 600; width: 100%; margin-left: 6px; } .accessibility-features nav.c-in-page-navigation.f-dropdown .f-dropdown-menu > a:hover, .accessibility-features nav.c-in-page-navigation.f-dropdown .f-dropdown-menu > a:focus, .accessibility-features nav.c-in-page-navigation.f-dropdown .f-dropdown-menu > a:active, .accessibility-features nav.c-in-page-navigation.f-dropdown .f-dropdown-menu > a.f-active { color: #171717 !important; } .accessibility-features nav.c-in-page-navigation.f-dropdown .f-dropdown-menu > a { color: #171717 !important; } @media screen and (max-width: 330px) and (min-width: 310px) { #windowsh22.compare-windows-11-home-vs-pro-versions .c-pivot.center [role="tablist"] [role="tab"], #windowsh22.get-windows-11 .c-pivot.center [role="tablist"] [role="tab"] { padding: 4px !important; } } @media screen and (min-width: 1800px) { .accessibility-features div[data-grid="container"] { max-width: 100%; padding-left: 11%; padding-right: 11%; } } @media screen and (min-width: 1084px) { .accessibility-features .fullBleedBgBanner .m-feature.custom-small-feature { padding: 0; } .accessibility-features .fullBleedBgBanner .m-feature.custom-small-feature .content { margin: 0; } } @media screen and (max-width: 1083px) { .accessibility-features .fullBleedBgBanner .m-feature.custom-small-feature .content { width: 94%; } [dir="rtl"] .accessibility-features .fullBleedBgBanner .m-feature > div { text-align: right !important } .accessibility-features #accessbilityHero .m-hero-item .linearHorzontalLineLeft-grey { margin-top: 0px !important; } } @media screen and (max-width: 539px) { .windows .Hero-Item-panel-2 .m-hero-item > div { padding-bottom: 30px !important; } #windowsh22.compare-windows-11-home-vs-pro-versions .c-table td:first-child, #windowsh22.compare-windows-11-home-vs-pro-versions .c-table th:first-child { padding-left: 0px; } #windowsh22.get-windows-11 .m-content-placement.numberContentPlacement div[data-grid*="col-"] { width: 90%; margin-left: 5%; } } @media only screen and (max-width: 1399px) { .windows .win11-feature-hero .m-hero-item > div > div { max-width: 360px; } } .windows #homeContentPlacemet .articletouts .m-content-placement-item, .windows #homeContentPlacemet .articletouts .m-content-placement-item:hover { cursor: default; } .windows #homeContentPlacemet .articletouts .m-content-placement-item[data-js-href]:hover picture img { opacity: 1; } .video-gallery .media-selector__features ul .media-selector__content .media-selector__content__subcontent .animate-text-group a { padding: 10px 3px 7px 0 !important; position: relative; border: 2px solid transparent; outline: 1px solid transparent; outline-offset: -3px; margin-left: 0; color: #0067b8; background: transparent; transition: none; white-space: normal; font-weight: 700; } .media-selector__features__container li[selected='true'] .animate-text { opacity: 1 !important; } .m-social .social-linked-icon a span.social-icon-tooltip { display: none; } .m-social .social-linked-icon a:hover span.social-icon-tooltip, .m-social .social-linked-icon a:focus span.social-icon-tooltip { background-color: #fff; border: 1px solid #ccc; box-shadow: 2px 2px 2px #777; color: #000; display: block; font-size: 12px; max-width: 1000px; line-height: 1.5; overflow-wrap: break-word; padding: 2px; z-index: 9999999; right: -120%; margin-top: 35px; width: 165px; text-align: left; } .m-social .social-linked-icon a:hover span.social-icon-tooltip, .m-social .social-linked-icon a:focus span.social-icon-tooltip { position: absolute; top: 0; } a.m-back-to-top:hover span.social-icon-tooltip, a.m-back-to-top:focus span.social-icon-tooltip { right: -35%; width: 70px; } /* smooth scrolling text start */ .windows-11 nav.c-in-page-navigation > ul li > a { font-weight: 600; } .windows-11 #productivity, .windows-11 #easiertouse, .windows-11 #performancesecurity, .windows-11 #gaming.image-priority-accolate { background: #fff; width: 100%; overflow: hidden; position: sticky; } .windows-11 .featurepositionfixed { position: fixed; top: 0 !important; } .windows-11 #stickynavwindows11.sticky-navbarNew, .accessibility-features #stickynav1.sticky-navbarNew, .comprehensive-security #stickynavwindows11.sticky-navbarNew, .comprehensive-security #stickynavwindows11.sticky-navbarNew > div { min-height: 61px; } /* smooth scrolling text end */ /*feature bg css start*/ @media only screen and (min-width: 1084px) { .bg-feature-section { padding: 0 5%; /* margin-top: 100px; */ float: none; } .bg-feature-section.m-feature { border-radius: 8px; display: flex; min-height: 100%; } .bg-feature-section.m-feature.f-align-left { flex-direction: row-reverse; width: calc(100% - 90px); float: left; } .bg-feature-section.m-feature.f-align-right { flex-direction: column; width: calc(100% - 90px); float: right; padding-bottom: 0px; } #windowsh22.compare-windows-11-home-vs-pro-versions #Feature-panel-7 { margin-bottom: 51px; } .bg-feature-section.m-feature.f-align-left picture { padding: 0; right: -90px; top: -40px; position: relative; float: left; } .bg-feature-section.m-feature.f-align-right picture { padding: 0; left: -90px; top: -40px; position: relative; float: right; } .bg-feature-section.m-feature picture img { border-radius: 8px; width: 100%; height: 100%; } .bg-feature-section.m-feature picture + div { width: 40%; } } @media only screen and (max-width: 1083.98px) { .bg-feature-section.m-feature.f-align-right { background: #EBF4FC; border-radius: 8px; margin-left: 50px; width: calc(100% - 80px); min-height: 100%; margin-right: 30px; } .bg-feature-section.m-feature.f-align-left { background: #EBF4FC; border-radius: 8px; margin-right: 50px; width: calc(100% - 80px); min-height: 100%; margin-left: 30px; } .bg-feature-section.m-feature.f-align-left picture { padding: 0; right: -50px; top: -40px; position: relative; } .bg-feature-section.m-feature.f-align-right picture { padding: 0; left: -50px; top: -40px; position: relative; } .bg-feature-section.m-feature picture img { border-radius: 8px; width: 100%; height: 100%; } .bg-feature-section.m-feature picture + div { width: 100%; } } #windowsh22.get-windows-11 .custom-small-feature .content p a.c-hyperlink.supBLink { color: #FFF !important; } #windowsh22.get-windows-11 .numberContentPlacement .content-touts { pointer-events: none; cursor: pointer; } #windowsh22.get-windows-11 .numberContentPlacement .content-touts p.toutpara sup { pointer-events: all; } @media screen and (min-width: 1770px) { #windowsh22.get-windows-11 #fullBleedBgBannerId[data-grid="container"] { max-width: 100%; padding-left: 11%; padding-right: 11%; } } @media screen and (min-width: 1084px) { .linearHorzontalLineLeft-grey { background: linear-gradient(270deg, #FFFFFF 0%, #B3B3B3 97.96%); } .linearHorzontalLineLeftColor-blue { background: #D289ff; } } /*feature bg css ends*/ #windowsh22.get-windows-11 .image-priority-accolate .bg-feature-section.m-feature, #windowsh22.compare-windows-11-home-vs-pro-versions.hubmain .image-priority-accolate .bg-feature-section.m-feature { background: #F9F9F9; } #windowsh22.get-windows-11 .m-hero-item.nonPCUsers { background: linear-gradient(113.78deg, rgba(141, 79, 130, 0.51) 0%, rgba(136, 80, 126, 0.51) 65.85%, rgba(156, 98, 145, 0.4488) 83.42%); } @media only screen and (min-width: 768px) and (max-width: 1083px) { #windowsh22.get-windows-11 .m-hero-item.herowithgradientline > div, #windowsh22.get-windows-11 .m-hero-item.herowithgradientlineblue > div, .features .m-hero-item.herowithbluegradientline > div { width: 100%; padding-bottom: 24px; height: fit-content; } #windowsh22.get-windows-11 .m-hero-item.herowithgradientline[class*=f-x][class*=f-y] > div > div, #windowsh22.get-windows-11 .m-hero-item.herowithgradientlineblue[class*=f-x][class*=f-y] > div > div, .features .m-hero-item.herowithbluegradientline[class*=f-x][class*=f-y] > div > div { top: 0; transform: translateY(2%); padding-bottom: 30px; height: fit-content !important; } } @media only screen and (max-width: 767px) { #windowsh22.get-windows-11 .m-hero-item.herowithgradientline > div, #windowsh22.get-windows-11 .m-hero-item.herowithgradientlineblue > div, .features .m-hero-item.herowithbluegradientline > div { padding-bottom: 24px; height: fit-content !important; } #windowsh22.get-windows-11 .m-hero-item.herowithgradientline[class*=f-x][class*=f-y] > div > div, #windowsh22.get-windows-11 .m-hero-item.herowithgradientlineblue[class*=f-x][class*=f-y] > div > div, .features .m-hero-item.herowithbluegradientline[class*=f-x][class*=f-y] > div > div { top: 0; transform: translateY(2%); padding-bottom: 30px; } } @media screen and (min-width: 540px)and (max-width: 767px) { #windowsh22.get-windows-11 .m-content-placement.numberContentPlacement div[data-grid*="col-"] { width: 90%; margin-left: 4%; } } #windowsh22.get-windows-11 .image-priority-accolate { margin-top: 48px; } .m-hero-item.PCUsers { background: #f3dcb2; } /*accessbility fixes end for fy23*/ /* holiday Items bugs css start*/ #windowsh22.get-windows-11 div.c-pivot.center { margin-top: 0px; } #windowsh22.get-windows-11 div#Hero-banner { background: rgba(0, 120, 215, 0.08); } #windowsh22.get-windows-11 .numberContentPlacement .articletouts .c-badge { font-size: 121px; line-height: 40px; } #windowsh22.get-windows-11 .retailers .c-link-navigation a.f-image p { font-size: 18px; line-height: 24px; font-weight: 600; } #windowsh22.get-windows-11 .two-column-table table th { font-size: 18px; line-height: 24px; font-weight: 600; } .windows-11#windowsh22 .featurebox .featurecontent p { font-weight: 400 !important; } .windows-11 #stickynavwindows11 nav.c-in-page-navigation.f-dropdown { padding-left: 0px; } .windows .numberlist .m-structured-list.structure-container .c-structured-list .c-group, .windows-11 .numberlist .m-structured-list.structure-container .c-structured-list .c-group { padding-left: 0px; } .windows .media-selector__display li.media-selector__display__media.mount picture { float: left; } .windows-11 #easiertouse .m-feature > picture, .windows-11 #productivity .m-feature > picture, .windows-11 #performancesecurity .m-feature > picture, .windows-11 #gaming.image-priority-accolate .m-feature > picture { margin-top: 25px; float: left; } .windows-11 #easiertouse .m-feature > picture, .windows-11 #performancesecurity .m-feature > picture { float: right; } .windows-11 #easiertouse .m-feature, .windows-11 #productivity .m-feature, .windows-11 #performancesecurity .m-feature, .windows-11 #gaming.image-priority-accolate .m-feature { display: flex; min-height: auto !important; margin: 40px 0; align-items: start; } .windows-11 #easiertouse .m-feature .featurecontent, .windows-11 #productivity .m-feature .featurecontent, .windows-11 #performancesecurity .m-feature .featurecontent, .windows-11 #gaming.image-priority-accolate .m-feature .featurecontent { position: relative; left: 0%; padding-left: 0px; margin-left: 10%; margin-top: 15px; } .windows-11 #easiertouse .m-feature .featurecontent, .windows-11 #performancesecurity .m-feature .featurecontent { margin-left: 0; margin-right: 10%; margin-top: 15px; } [dir="rtl"] .windows-11 #easiertouse .m-feature .featurecontent, [dir="rtl"] .windows-11 #productivity .m-feature .featurecontent, [dir="rtl"] .windows-11 #performancesecurity .m-feature .featurecontent, [dir="rtl"] .windows-11 #gaming.image-priority-accolate .m-feature .featurecontent { margin-right: 10%; margin-left: 0; text-align: right; } [dir="rtl"] .windows-11 #easiertouse .m-feature .featurecontent, [dir="rtl"] .windows-11 #performancesecurity .m-feature .featurecontent { margin-left: 10%; margin-right: 0; padding-right: 0; padding-left: 36px; margin-top: 15px; } .windows-11 .stickyV2 #stickynavwindows11 nav.c-in-page-navigation > ul li > a:nth-of-type(1) { margin-left: 0; } .windows-11 nav.c-in-page-navigation.f-dropdown .f-dropdown-menu > a { width: 100%; margin-left: 6px; } @media (min-width: 1084px) and (max-width: 1399px) { .windows #VideoGallery1.video-gallery .media-selector__content .feature-header .feature-button { padding-right: 25px; } } @media screen and (min-width: 1800px) { .windows-11 #homeMosaic.custom-mosaic[data-grid="container"] { max-width: 100%; padding-left: 5%; padding-right: 5%; } } @media screen and (max-width: 1083px) { [dir="rtl"] .windows-11 #easiertouse .m-feature .featurecontent, [dir="rtl"] .windows-11 #productivity .m-feature .featurecontent, [dir="rtl"] .windows-11 #performancesecurity .m-feature .featurecontent, [dir="rtl"] .windows-11 #gaming.image-priority-accolate .m-feature .featurecontent { margin-right: 0%; margin-left: 0; text-align: right; padding-right: 0; } .windows .win11-feature-hero-lowervp .m-hero-item > div { height: fit-content !important; padding: 16px 0px 48px !important; } .windows .win11-feature-hero-lowervp .m-hero-item > div > div { transform: none !important; height: fit-content !important; top: 0px !important; } .windows .holiday-animated-hero .m-hero-item > div > div, .windows-11 .holiday-animated-hero .m-hero-item > div > div { top: 0 !important; } .windows .win11-feature-hero-lowervp .m-hero-item.f-transparent:before { padding-bottom: 56.25% !important; } .windows-11 #easiertouse .m-feature, .windows-11 #productivity .m-feature, .windows-11 #performancesecurity .m-feature, .windows-11 #gaming.image-priority-accolate .m-feature { flex-direction: column; min-height: auto !important; } #AnimationtoggleButton-panel-1 .toggle-button-container, #AnimationtoggleButton-panel-2 .toggle-button-container { padding-right: 20px; } .windows-11 #easiertouse .m-feature .featurecontent, .windows-11 #productivity .m-feature .featurecontent, .windows-11 #performancesecurity .m-feature .featurecontent, .windows-11 #gaming.image-priority-accolate .m-feature .featurecontent { margin-left: 0px; padding-left: 0px; text-align: left; } .windows-11 .featurebox .m-feature.gradient-LVP .featurecontent { padding-top: 48px; } .windows-11 .custom-mosaic .c-mosaic-placement picture { border-radius: 8px; } .windows .showinlowerVp.holiday-animated-hero .m-hero-item .c-group > a, .windows-11 .holiday-animated-hero .m-hero-item .c-group > a { float: left; padding: 12px 20px; } .windows-11 .showinlowerVp.holiday-animated-hero .m-hero-item .c-group > a { float: left; padding: 12px 20px; } .windows .holiday-animated-hero .m-hero-item > div > div, .windows-11 .holiday-animated-hero .m-hero-item > div > div { width: 100%; height: fit-content !important; float: left; } .windows-11 #easiertouse .m-feature .featurecontent .c-group, .windows-11 #productivity .m-feature .featurecontent .c-group, .windows-11 #performancesecurity .m-feature .featurecontent .c-group, .windows-11 #gaming .m-feature .featurecontent .c-group { margin-left: 0px; } #windowsh22.compare-windows-11-home-vs-pro-versions.hubmain .image-priority-accolate.featurebox { width: 100%; } .show-animation-on-hvp { display: none !important; } .show-animation-lvp { display: block; } .show-animation-lvp .m-hero-item.holiday-video-auto > div > div { text-align: left; } .windows-11 .holiday-animated-hero .m-hero-item > div > div { text-align: left; } [dir="rtl"] .windows-11 .holiday-animated-hero .m-hero-item > div > div { text-align: right; } .windows-11 .animation-off.holiday-animated-hero .m-hero-item > div > div, .windows .animation-off.holiday-animated-hero .m-hero-item > div > div { text-align: left; } .windows-11 #stickynavwindows11 nav.c-in-page-navigation.f-dropdown.f-sticky { padding-left: 5%; } #windowsh22.windows-11 .show-animation-lvp.holiday-animated-hero .m-hero-item > picture > .mp4inline > video, #windowsh22.windows-11 .animation-off.holiday-animated-hero .m-hero-item > picture > img { border-radius: 8px; } } @media screen and (min-width: 1084px) { #windowsh22.compare-windows-11-home-vs-pro-versions #Feature-panel-6 .m-feature .featurecontent { padding-left: 0px; top: calc(40%); } .windows-11 #numberListId .numberlist-structurelist .numberlistbanner, .windows #numberListId .numberlist-structurelist .numberlistbanner { min-height: 620px; } .windows-11 #numberListId .numberlist-structurelist .numberlistbanner, .windows #numberListId .numberlist-structurelist .numberlistbanner { min-height: 676px; } .windows-11 #easiertouse .m-feature, .windows-11 #performancesecurity .m-feature { flex-direction: row-reverse; } #windowsh22 .numberlistpanel { padding-top: 100px; padding-bottom: 90px; } .windows-11 .m-feature.f-align-left > div { width: 40% !important; } [dir="rtl"] .windows-11 .m-feature.f-align-left > div { width: 50% !important; } .end-of-support .context-accessory picture + div h2 { font-size: 34px; line-height: 40px; } .comprehensive-security .holiday-animated-hero .m-hero-item.f-transparent, .windows-11 .holiday-animated-hero .m-hero-item.f-transparent, .windows .holiday-animated-hero .m-hero-item.f-transparent { height: auto !important; } .windows #pcs .m-banner { margin-top: 48px; } .windows #VideoGallery1 { padding-bottom: 48px; } .windows-11 #easiertouse .m-feature.f-align-right picture, .windows-11 #productivity .m-feature.f-align-right picture, .windows-11 #performancesecurity .m-feature.f-align-right picture, .windows-11 #gaming.image-priority-accolate .m-feature.f-align-right picture { width: 50%; } .windows-11 #easiertouse .m-feature.f-align-right > div, .windows-11 #productivity .m-feature.f-align-right > div, .windows-11 #performancesecurity .m-feature.f-align-right > div, .windows-11 #gaming.image-priority-accolate .m-feature.f-align-right > div { width: 50%; } .show-animation-on-hvp { display: block; } .show-animation-lvp { display: none !important; } .show-animation-on-hvp .m-hero-item.holiday-video-auto > div > div { display: none; } /*get-win11 start*/ #windowsh22.get-windows-11 .c-table td:first-child, #windowsh22.get-windows-11 .c-table th:first-child { padding-left: 8px; } #windowsh22.get-windows-11 .m-table.left-table { margin-right: 16px; } #windowsh22.get-windows-11 .m-table.right-table { margin-left: 16px; } #windowsh22.get-windows-11 .two-column-table table th { width: 226px; padding-right: 29px; } #windowsh22.get-windows-11 .two-column-table table td { width: 355px; padding-right: 0px; } #windowsh22.get-windows-11 .paradiv { margin-top: 30px; } /*get-win11 end*/ } @media (min-width: 768px) and (max-width: 1083px) { #windowsh22 .numberlistpanel { padding: 60px 0px; } .windows-11 .holiday-animated-hero .m-hero-item > div { margin-left: 0px !important; height: fit-content !important; padding: 48px 0px !important; } [dir="rtl"] .windows-11 .holiday-animated-hero .m-hero-item > div { margin-right: 0px !important; } [lang="en-us"] #windowsh22.windows-11 .show-animation-lvp .m-hero-item > div, [lang="en-us"] #windowsh22.windows-11 .animation-off .m-hero-item > div { margin-left: 50px !important; height: fit-content !important; padding: 48px 0px !important; } #windowsh22.windows .show-animation-lvp .m-hero-item > div, #windowsh22.windows .animation-off .m-hero-item > div { margin-left: 0px !important; height: fit-content !important; padding: 48px 0px !important; } .windows-11 .show-animation-lvp .m-hero-item > div > div, .windows-11 .animation-off .m-hero-item > div > div { transform: none; } .windows-11 .holiday-animated-hero .m-hero-item > div > div, .windows .show-animation-lvp .m-hero-item > div > div, .windows-11 .holiday-animated-hero .m-hero-item > div > div, .windows .animation-off .m-hero-item > div div { transform: none; } #windowsh22.get-windows-11 .image-priority-accolate .bg-feature-section div.c-group { margin-bottom: 24px; } .windows .win11-feature-hero-lowervp .m-hero-item.f-transparent:before { padding-bottom: 62.25% !important; } } @media screen and (min-width: 541px) and (max-width: 767px) { .windows-11 #numberListId .numberlist-structurelist .numberlist > div:first-child, .windows #numberListId .numberlist-structurelist .numberlist > div:first-child { margin-top: 0px; } } @media screen and (max-width: 767px) { .windows-11 #numberListId, .windows #numberListId { padding-top: 0px; } #windowsh22 .numberlistpanel, #view-all .numberlistpanel { padding: 50px 0px; } .windows .holiday-animated-hero .m-hero-item > div, .windows-11 .holiday-animated-hero .m-hero-item > div { height: fit-content !important; padding: 48px 0px !important; } .windows .holiday-animated-hero .m-hero-item > div > div, .windows-11 .holiday-animated-hero .m-hero-item > div > div { transform: translateY(0%) !important; top: 0 !important; } #windowsh22.compare-windows-11-home-vs-pro-versions .c-table thead th { text-align: left !important; } [dir="rtl"] #windowsh22.compare-windows-11-home-vs-pro-versions .c-table thead th { text-align: right !important; } #windowsh22.get-windows-11 .retailers nav.c-link-navigation li { width: 250px; display: inline-block; } #windowsh22.get-windows-11 .retailers nav.c-link-navigation p { width: 250px; } } @media only screen and (min-width: 768px) { .windows .numberlist-structurelist .numberlistbanner .content, .windows-11 .numberlist-structurelist .numberlistbanner .content, .windows .numberlist-structurelist .numberlistbanner .content > h2, .windows-11 .numberlist-structurelist .numberlistbanner .content > h2 { padding-top: 0px; } #fullBleedBgBannerId .m-feature.custom-small-feature.padding-bottom-48 { padding: 0px 36px 0px 0px; } } @media only screen and (max-width: 540px) { #windowsh22.get-windows-11 #systemrequirements h2.c-heading-2 { font-size: 24px; line-height: 28px; } #windowsh22.windows .win11-feature-hero-lowervp .m-hero-item > div > div > p { padding-top: 16px; font-size: 18px; line-height: 24px; } } img.bettertogetherpaneloff { transform: translateY(-50%) !important; top: calc(50%) !important; } .mosaic-animate-stop .mosaic_firstleft_img_main picture img { transform: translate(-50%, -50%) !important; } .mosaic-animate-stop .mosaic-win11-left-img picture img { /*transform: translate(-50%, -50%) !important;*/ transform: none !important; position: relative; left: 0; top: 0; } /* get-win11 start*/ #windowsh22.get-windows-11 .m-hero-item.PCUsers { background: #f3dcb2; } /*get win11 end*/ /* accessbility fixes start*/ .accessibility-features .articletouts .m-content-placement-item p.toutpara a { text-decoration: underline !important; } @media screen and (-ms-high-contrast: active){ #windowsh22.Transfer-your-data .c-drawer > button:focus{ color: highlight !important } input:checked + .slider{ background: highlight !important; } } @media only screen and (max-width: 767px) { .hubmain.transfer-your-data-with-windows-backup #feature-banner a.supBLink:focus, .hubmain.transfer-your-data-with-windows-backup .m-feature a.c-hyperlink:focus, .hubmain.transfer-your-data-with-windows-backup .m-banner a.supBLink.c-hyperlink:focus, .hubmain.transfer-your-data-with-windows-backup .m-content-placement-item a.c-hyperlink:focus, .hubmain.transfer-your-data-with-windows-backup .m-content-placement-item a.c-hyperlink.supBLink:focus, .hubmain.transfer-your-data-with-windows-backup .c-drawer a.c-hyperlink:focus{ outline: 2px dashed #000 !important; padding: 2px 4px; background: none !important; } } .transfer-your-data-with-windows-backup .toggle-button input:focus + .slider, .end-of-support .toggle-button input:focus + .slider, .windows .toggle-button input:focus + .slider, .comprehensive-security .toggle-button input:focus + .slider, .windows-11 .toggle-button input:focus + .slider, #windowsh22.laptops-for-students .toggle-button input:focus + .slider { outline: 2px dashed #000; } @media (prefers-contrast: more) { #windowsh22.laptops-for-students .toggle-button span.slider.round, .windows .toggle-button span.slider.round, .windows-11 .toggle-button span.slider.round, .comprehensive-security .toggle-button span.slider.round { border: 1px solid transparent; } #windowsh22.laptops-for-students .toggle-button span.slider.round:before, .windows .toggle-button .slider.round:before, .windows-11 .toggle-button .slider.round:before, .comprehensive-security .toggle-button .slider.round:before { border: 1px solid transparent; } #windowsh22.laptops-for-students .toggle-button input:focus + .slider, .windows .toggle-button input:focus + .slider, .windows-11 .toggle-button input:focus + .slider, .comprehensive-security .toggle-button input:focus + .slider { outline: 2px dashed transparent; } #windowsh22.compare-windows-11-home-vs-pro-versions .c-pivot.center ul[role="tablist"] li.f-active, #windowsh22.get-windows-11 .c-pivot.center ul[role="tablist"] li.f-active { border-bottom: 4px solid #000 !important; } #view-all .m-product-placement-item.view-all-devices a.hatch-button, .valid-compare-page a.hatch-button, #compare-button, a.hardcodelink { border: 1px solid highlight !important; outline:none !important; } #view-all .m-product-placement-item.view-all-devices a.hatch-button:focus, .valid-compare-page a.hatch-button:focus, #compare-button:focus, a.hardcodelink:focus{ border: 2px solid highlight !important; } .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, .c-checkbox input[type="checkbox"]:disabled + span { opacity: 0.5; } .windows-11-specifications nav.c-in-page-navigation.f-sticky .f-active { border: 2px solid grayText !important; } .windows-11-specifications nav.c-in-page-navigation.f-sticky .f-active:focus { border: 2px solid grayText !important; } /* .m-product-placement-item span.supText { color: highlightText !important; } */ } @media only screen and (min-width: 320px) and (max-width: 330px) {       .drawer-panel p.expand-collapse-toggle-area { margin-right: 12px; } .hubmain nav.c-in-page-navigation a { padding: 5px 12px; font-size: 10px !important; } } /* accessbility fixes end*/ #windowsh22 .c-heading-1, #accessbilityID .c-heading-1 { font-size: 62px; font-weight: 600; line-height: 72px; letter-spacing: 0em; } #windowsh22 .c-paragraph-1 { font-size: 20px; font-weight: 400; line-height: 24px; letter-spacing: 0em; } #windowsh22 .c-paragraph-2, #accessbilityID .c-paragraph-2 { font-size: 18px; font-weight: 400; line-height: 24px; letter-spacing: 0em; } #windowsh22 .toutheading { font-size: 34px; font-weight: 600; line-height: 40px; letter-spacing: 0em; } #windowsh22 .linearHorzontalLineLeft-grey, #windowsh22 .linearHorzontalLineLeft-blue, #windowsh22 .linearHorzontalLinerightshade-blue, .features .linearHorzontalLineLeftColor-blue { margin-bottom: 24px; } #windowsh22.compare-windows-11-home-vs-pro-versions h2.c-subheading-4 { font-size: 18px; font-weight: 600; line-height: 24px; letter-spacing: 0em; } @media only screen and (min-width: 1400px) { #windowsh22 .win11-feature-hero .m-hero-item > div > div { max-width: 400px; } #windowsh22.compare-windows-11-home-vs-pro-versions .m-banner { padding: 68px 0px; } } #windowsh22.windows-11 .numberlist .m-structured-list p, #windowsh22.laptops-for-students .numberlist .m-structured-list p, #windowsh22.windows .numberlist .m-structured-list p { line-height: 20px; } #windowsh22.windows-11 #pchealthcheck .custom-small-feature { margin-top: 0px; margin-bottom: 44px !important; } #windowsh22.windows-11 #Hero-Item-panel-1 .m-hero-item .linearHorzontalLinerightshade-blue { margin-top: 0px !important; } #windowsh22.windows-11 #Hero-Item-panel-1 .m-hero-item .linearHorzontalLinerightshade-blue { margin-top: 32px !important; } @media screen and (max-width: 768px) { #windowsh22.get-windows-11 #fullBleedBgBannerId p.c-paragraph-2 { margin-bottom: 30px; } #windowsh22.windows-11 .stickyV2 #stickynavwindows11 nav.c-in-page-navigation { margin-bottom: 0px; } #windowsh22.get-windows-11 #fullBleedBgBannerId div.c-group { margin-top: 0px; } #windowsh22 .c-heading-1, #accessbilityID .c-heading-1, .features .c-heading-1 { font-size: 34px; font-weight: 600; line-height: 40px; } #windowsh22.get-windows-11 #retailers .m-banner h2, .hubmain #retailers .m-banner > span { font-size: 34px !important; } #windowsh22 .c-paragraph-1, #accessbilityID .c-paragraph-2 { font-size: 15px; font-weight: 400; line-height: 20px; } #windowsh22 .toutheading { font-size: 24px; font-weight: 600; line-height: 28px; letter-spacing: 0em; } #windowsh22 .c-paragraph-2 { font-size: 15px; line-height: 20px; } #windowsh22 .video-gallery { padding: 0px; } .video-gallery .feature-header.c-subheading-3 button[aria-expanded="false"] { font-size: 18px; line-height: 24px; } #windowsh22.windows .m-mosaic { padding-top: 0px; } #windowsh22 .linearHorzontalLineLeft-grey, #windowsh22 .linearHorzontalLineLeft-blue, #windowsh22 .linearHorzontalLinerightshade-blue, .features .linearHorzontalLineLeft-grey, .features .linearHorzontalLineLeftColor-blue { margin-bottom: 16px; } .nonumber #gradient-mobile { margin-top: 48px; } #windowsh22.compare-windows-11-home-vs-pro-versions .compare-edition-tables.padding-bottom-48 { padding-bottom: 0px !important; } #windowsh22.get-windows-11 #fullBleedBgBannerId p.c-paragraph-2, #windowsh22.get-windows-11 #Hero-banner p.c-paragraph-2 { font-size: 18px !important; line-height: 24px !important; } #windowsh22.get-windows-11 .bg-feature-section .margin-top-24 { margin-top: 0px !important; } #accessbilityID #numberListId.margin-bottom-48 { margin-bottom: 0px !important; } #windowsh22.compare-windows-11-home-vs-pro-versions #Feature-panel-6 .featurecontent { padding-bottom: 0px !important; } } #windowsh22.windows p.toutpara { height: auto !important } #fullBleedBgBannerId .m-feature.custom-small-feature.padding-bottom-48 .content { margin-right: 0px !important; } @media screen and (min-width: 320px) and (max-width: 330px) { #windowsh22.compare-windows-11-home-vs-pro-versions .c-table thead th { font-size: 12px !important; line-height: 20px !important; padding: 0px; } #windowsh22.get-windows-11 .two-column-table table th { font-size: 12px !important; line-height: 20px !important; padding: 0px; } #windowsh22.compare-windows-11-home-vs-pro-versions .c-pivot.center ul[role="tablist"] li { line-height: 15px !important; font-size: 10px !important; padding: 10px 12px !important; } } @media screen and (max-width: 540px) { #windowsh22.compare-windows-11-home-vs-pro-versions .compare-edition-tables { padding-left: 5%; padding-right: 5%; } #windowsh22.compare-windows-11-home-vs-pro-versions #Feature-panel-6 .m-feature { padding-bottom: 90px !important; } #windowsh22.get-windows-11 #Feature-panel-2 .bg-feature-section.m-feature.f-align-right { width: calc(100% - 18px); } #windowsh22.get-windows-11 #Feature-panel-2 { margin-left: 0px; } #windowsh22.get-windows-11 Feature-panel-7 { margin-left: 0px; } #windowsh22.windows-11 .structure-container .c-structured-list .structure-item h3, #windowsh22.windows .structure-container .c-structured-list .structure-item h3 { padding-top: 24px; } #windowsh22.compare-windows-11-home-vs-pro-versions .c-table thead th { font-size: 20px !important; line-height: 24px !important; padding: 0px; } #windowsh22.compare-windows-11-home-vs-pro-versions #Feature-panel-7.image-priority-accolate .linearHorzontalLineLeft-blue { margin-top: 0px !important; } #windowsh22.compare-windows-11-home-vs-pro-versions .bg-feature-section.m-feature.f-align-right, #windowsh22.get-windows-11 .bg-feature-section.m-feature.f-align-right { width: calc(100% - 60px) !important; } #windowsh22.compare-windows-11-home-vs-pro-versions .c-table thead th { padding-bottom: 16px; line-height: 28px !important; font-size: 24px !important; } .bg-feature-section.m-feature.f-align-right { width: calc(100% - 50px); } #windowsh22 .bg-feature-section.rounded-corners .c-button.f-primary.blue-button { padding: 11px 30px; } #windowsh22.windows .video-gallery .feature-button.header-enlarge-mobile, #windowsh22.windows .video-gallery .feature-button.header-active-mobile { font-size: 24px !important; line-height: 28px !important; } .video-gallery .scrollvideogallery.media-selector .media-selector__features__container .media-selector__features ul .feature-button:not(.header-active)[aria-expanded="true"]:after { content: ''; } .video-gallery .scrollvideogallery button.feature-button.header-active { font-size: 2p4x !important; line-height: 28px !important; } #accessbilityID .toutheading { font-size: 24px; font-weight: 600; line-height: 28px; letter-spacing: 0em; padding-top: 42px; } #accessbilityID .toutpara { font-size: 15px; font-weight: 400; line-height: 20px; letter-spacing: 0em; } #accessbilityID .m-feature .c-heading-2 { font-size: 24px; font-weight: 600; line-height: 28px; } #accessbilityID .m-feature .c-paragraph-2 { font-size: 15px; font-weight: 400; line-height: 20px; } .accessibility-features #vision, .accessibility-features #hearing, .accessibility-features #mobility, .accessibility-features #neurodiversity { padding-top: 0px; } .accessibility-features #vision .m-banner, .accessibility-features #hearing .m-banner, .accessibility-features #mobility .m-banner, .accessibility-features #neurodiversity .m-banner { padding-top: 0px; padding-bottom: 0px !important; } #accessbilityID #numberListId.margin-bottom-48 { margin-bottom: 0px !important; } #windowsh22.compare-windows-11-home-vs-pro-versions .bg-feature-section .featurecontent { padding: 0px !important; } #windowsh22 #Feature-panel-5.image-priority-accolate .linearHorzontalLineLeft-blue, #windowsh22 #Feature-panel-6.image-priority-accolate .linearHorzontalLineLeft-blue { margin-top: 48px !important; } } span.visually-hidden, p.visually-hidden { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0,0,0,0) !important; white-space: nowrap !important; border: 0 !important; } @media only screen and (min-width: 320px) and (max-width: 330px) { #windowsh22.get-windows-11 .drawer-panel .expand-collapse-toggle-area { margin-right: 12px !important; } #windowsh22.photo-movie-editor .f-video-trigger button.c-action-trigger.c-glyph { height: 26px; padding: 0 2px !important; } #windowsh22.photo-movie-editor button.c-action-trigger.c-glyph:before { margin-right: 0px !important; } } @media screen and (min-width: 320px) and (max-width: 375px) { .accessibility-features nav.c-in-page-navigation > ul li > a, .accessibility-features nav.c-in-page-navigation a { font-size: 16px; } [lang="th-th"] .accessibility-features nav.c-in-page-navigation > ul li > a, [lang="th-th"] .accessibility-features nav.c-in-page-navigation a { font-size: 13px; } #windowsh22.windows-11 #homeMosaic .m-mosaic .c-group > a span { font-size: 12px; line-height: normal; } #windowsh22 .c-heading-2 { font-size: 24px; line-height: 28px; } #windowsh22.windows .numberlistbanner .content > h2 { font-size: 34px; font-weight: 600; line-height: 40px; } #windowsh22.windows .numberlistpanel, #windowsh22.windows-11 .numberlistpanel, .accessibility-features .numberlistpanel, #view-all .numberlistpanel { padding-top: 48px; padding-bottom: 24px; } #windowsh22.windows .structure-container .c-structured-list .structure-item h3, #windowsh22.windows-11 .structure-container .c-structured-list .structure-item h3, .accessibility-features .structure-container .c-structured-list .structure-item h3 { font-size: 24px; font-weight: 600; line-height: 28px; } [lang="nl-be"] .accessibility-features .structure-container .c-structured-list .structure-item h3 { font-size: 20px; } [lang="nl-nl"] .accessibility-features nav.c-in-page-navigation.f-dropdown .f-dropdown-menu > a:after { right: 15px; } #windowsh22.compare-windows-11-home-vs-pro-versions .c-table thead th { line-height: 24px !important; font-size: 20px !important; } /* comparepage issues start*/ .bg-feature-section.m-feature.f-align-right { margin-left: 31px; } .bg-feature-section.m-feature.f-align-right picture { left: -45px; } #windowsh22 .bg-feature-section .featurecontent { padding: 0px 0px 24px 12px !important; } #windowsh22 #Feature-panel-6.image-priority-accolate .linearHorzontalLineLeft-blue { margin-top: 16px !important; } #windowsh22 .bg-feature-section .featurecontent > div.c-group { margin-top: 8px; } /* comparepage issues end*/ } #windowsh22.windows-11 div#homeMosaic { padding-bottom: 64px !important; } #windowsh22.windows-11 div#homeMosaic { padding-bottom: 84px; } @media screen and (max-width: 1083px) { .windows .win11-feature-hero-lowervp .m-hero-item.bettergothergradientline { background: #EBF4FC; } .fullBleedBgBanner.margin-bottom-48 { margin-bottom: 0px !important; } #windowsh22.get-windows-11 .paradiv { margin-left: 30px !important; padding-right: 36px !important; } } #windowsh22.windows .crossCards .m-content-placement-item .c-group > .c-call-to-action, #windowsh22.windows #numberListId .numberlist .m-structured-list .structure-item .c-call-to-action, #windowsh22.windows-11 #numberListId .numberlist .m-structured-list .structure-item .c-call-to-action { font-weight: 700; } #windowsh22.windows-11 #easiertouse .m-feature .featurecontent > div.c-group, #windowsh22.windows-11 #productivity .m-feature .featurecontent > div.c-group, #windowsh22.windows-11 #performancesecurity .m-feature .featurecontent > div.c-group, #windowsh22.windows-11 #gaming .m-feature .featurecontent > div.c-group { margin-top: 24px; } #windowsh22.windows .showinhigherVp.win11-feature-hero .bettergothergradientline .linearHorzontalLineLeft-blue { margin-bottom: 16px !important; } #windowsh22 .rounded-corners .c-button.f-primary.blue-button { border-radius: 6px; text-align: center; padding: 11px 40px; line-height: 20px; box-shadow: none; background: #0078D4; color: #FFFFFF; white-space: normal; font-weight: 700; margin-top: 15px; border: 0; min-height: 42px; height: auto; } #windowsh22 .rounded-corners .c-button.f-primary.blue-button span { display: block; } #windowsh22 a.c-call-to-action, button.c-call-to-action { outline-offset: -2px; } #windowsh22 .rounded-corners .c-button.f-primary.white-button { border-radius: 6px; text-align: center; padding: 11px 40px !important; line-height: normal; box-shadow: none; white-space: normal; font-weight: 700; } @media screen and (max-width: 768px) { #windowsh22.get-windows-11 .two-column-table table th { padding-left: 0px; } #windowsh22.get-windows-11 .retailers .c-link-navigation picture div { text-align: center; } #windowsh22.get-windows-11 #Feature-panel-2 .linearHorzontalLineLeft-blue { margin-top: 10px !important; } #windowsh22.get-windows-11 #Feature-panel-2 .m-feature.herowithgradientline-blue .featurecontent { padding-bottom: 48px; padding-left: 0px; } #windowsh22.get-windows-11 #Feature-panel-2 { margin-left: 0px; margin-right: 0px; width: 100%; } } #windowsh22.get-windows-11 #fullBleedBgBannerId div.c-group a.c-call-to-action { font-weight: 700; } @media screen and (max-width: 1083px) { #windowsh22.get-windows-11 div#fullBleedBgBannerId { padding-left: 2%; padding-right: 2%; } } @media screen and (min-width: 540px) { #windowsh22.get-windows-11 .numberContentPlacement .toutheading { padding-top: 24px; } } #windowsh22.compare-windows-11-home-vs-pro-versions .c-pivot.center ul[role="tablist"], #windowsh22.get-windows-11 .c-pivot.center ul[role="tablist"] { margin-bottom: 22px; } #windowsh22.compare-windows-11-home-vs-pro-versions .c-pivot.center ul[role="tablist"] { float:left; } #windowsh22.compare-windows-11-home-vs-pro-versions .c-pivot > [role="tablist"] > [role="tab"]:focus, #windowsh22.get-windows-11 .c-pivot > [role="tablist"] > [role="tab"]:focus { border: 0px; } #windowsh22.get-windows-11 .retailers .c-link-navigation img { border: 1px solid #f9f9f9; box-shadow: 0px 0px 10px #CCCCCC; } #windowsh22.get-windows-11 .retailers .c-link-navigation ul li picture { max-height: initial; text-align: center; margin-top: 20px; } #windowsh22.get-windows-11 .retailers .c-link-navigation ul li p { display: block; text-align: center; text-decoration: none; } #windowsh22.get-windows-11 .retailers .c-link-navigation picture div { text-transform: none; font-weight: 700; } #windowsh22.get-windows-11 .two-column-table table td a.c-hyperlink { text-decoration: underline; } @media (min-width: 1600px) and (max-width: 1700px) { .animation-true .video-gallery .media-selector__content .feature-header .feature-button { padding-right: 15px; } } /* Spacings for Accessbility page Start here */ #accessbilityID.accessibility-features .stickyV2 nav.c-in-page-navigation { margin-bottom: 0px; } #accessbilityID.accessibility-features .stickyV2 nav.c-in-page-navigation:not(.f-sticky) { padding-right: 0; padding-left: 0; } #accessbilityID.accessibility-features #vision .m-banner .c-heading-1 { padding-top: 40px; } #accessbilityID.accessibility-features #vision .m-banner { padding-bottom: 42px !important; } #accessbilityID.accessibility-features .m-banner .c-heading-1 { padding-top: 24px; } #accessbilityID.accessibility-features #vision .m-banner, #accessbilityID.accessibility-features #hearing .m-banner, #accessbilityID.accessibility-features #mobility .m-banner, #accessbilityID.accessibility-features #neurodiversity .m-banner { padding-top: 0px !important; } #accessbilityID.accessibility-features #hearing .m-banner, #accessbilityID.accessibility-features #mobility .m-banner, #accessbilityID.accessibility-features #neurodiversity .m-banner { padding-bottom: 4px !important; } #accessbilityID.accessibility-features #accessbilityFeature_1_Banner_2, #accessbilityID.accessibility-features #accessbilityFeature_1_Banner_3 { padding-bottom: 48px; } #accessbilityID.accessibility-features .fullBleedBgBanner .m-feature { margin-top: 25px; padding-bottom: 84px !important; } /*#accessbilityID.accessibility-features .numberlistpanel {margin-bottom: 60px !important;}*/ [dir="rtl"] .accessibility-features .number a.c-call-to-action:not(.glyph-play):hover:after { left: -2px; } @media (min-width: 1084px) and (max-width: 1400px) { #accessbilityID.accessibility-features .m-hero-item > div { width: 95%; } } @media screen and (max-width: 540px) { #accessbilityID.accessibility-features .m-hero-item:before { padding-bottom: 56.5% !important; } #accessbilityID.accessibility-features .m-hero-item > div { height: auto !important; } #accessbilityID.accessibility-features .m-hero-item.f-y-center.f-transparent > div > div { padding: 48px 0px !important; transform: none !important; } #accessbilityID.accessibility-features #vision .m-banner .c-heading-1 { padding-top: 48px; } #accessbilityID.accessibility-features .m-content-placement-item, .c-content-placement { margin-top: 36px !important; } #accessbilityID.accessibility-features #hearing, .accessibility-features #neurodiversity { margin-top: 36px; } #accessbilityID.accessibility-features #hearing .m-banner .c-heading-1, .accessibility-features #mobility .c-heading-1, .accessibility-features #neurodiversity .m-banner .c-heading-1 { padding-top: 48px !important; } #accessbilityID.accessibility-features .m-feature { margin-top: 30px; } #accessbilityID.accessibility-features .m-feature .featurecontent { padding-bottom: 0px; } #accessbilityID #accessbilityContentplacement_1_Banner_4.m-content-placement > [data-grid~="stack-2"], #accessbilityID #accessbilityContentplacement_1_Banner_2.m-content-placement > [data-grid~="stack-2"] { padding-bottom: 38px; } #accessbilityID.accessibility-features .numberlistpanel { padding-top: 20px; } #accessbilityID.accessibility-features .m-feature.custom-small-feature { padding-bottom: 12px !important; } #accessbilityID.accessibility-features #vision .m-banner { padding-bottom: 0px !important; } #accessbilityID.accessibility-features #accessbilityFeature_1_Banner_2, #accessbilityID.accessibility-features #accessbilityFeature_1_Banner_3 { padding-bottom: 10px; } } @media (min-width: 768px) and (max-width: 1083px) { /*#windowsh22.get-windows-11 #contentPlacementId > div:first-child { margin-left: -5%; }*/ #windowsh22.windows .holiday-animated-hero .m-hero-item > div > div h2.c-heading-1 { padding-top: 12px; } } @media (min-width: 540px) and (max-width: 1083.99px) { #windowsh22.compare-windows-11-home-vs-pro-versions .compare-edition-tables { padding-left: 0%; padding-right: 0%; } #windowsh22.compare-windows-11-home-vs-pro-versions #PivotTarget0, #windowsh22.get-windows-11 #PivotTarget0, #windowsh22.compare-windows-11-home-vs-pro-versions #PivotTarget1, #windowsh22.get-windows-11 #PivotTarget1 { padding-left: 5%; padding-right: 5%; } #windowsh22.compare-windows-11-home-vs-pro-versions #Table-panel-4, #windowsh22.get-windows-11 #PivotTarget0 > div, #windowsh22.compare-windows-11-home-vs-pro-versions #Table-panel-5, #windowsh22.get-windows-11 #PivotTarget1 > div:first-child { border-top: 2px solid #D2D2D2 !important; padding-top: 22px !important; } #windowsh22.compare-windows-11-home-vs-pro-versions .c-pivot.center ul[role="tablist"], #windowsh22.get-windows-11 .c-pivot.center ul[role="tablist"] { margin-bottom: 0px !important; } } @media screen and (max-width: 1083px) { .windows-11 .featurebox .m-feature.gradient-LVP .featurecontent { padding-top: 40px; margin-top: 0px !important; padding-bottom: 16px; } #windowsh22.windows-11 div#homeMosaic { padding-top: 0 !important; padding-bottom: 48px !important; } #windowsh22.windows-11 .m-banner.x-type-center.bg-A8E1C5 { padding-bottom: 48px !important; } .windows-11 #easiertouse .m-feature > picture, .windows-11 #productivity .m-feature > picture, .windows-11 #performancesecurity .m-feature > picture, .windows-11 #gaming.image-priority-accolate .m-feature > picture { margin-top: 0px; } } @media screen and (min-width: 1084px) and (max-width: 1109px) { [lang="el-gr"] #windowsh22.windows-11 #homeMosaic section.c-mosaic-placement.f-height-large.f-width-small .c-group .blue-button, [lang="lt-lt"] #windowsh22.windows-11 #homeMosaic section.c-mosaic-placement.f-height-large.f-width-small .c-group .blue-button, [lang="pl-pl"] #windowsh22.windows-11 #homeMosaic section.c-mosaic-placement.f-height-large.f-width-small .c-group .blue-button { margin-top: 0px; } [lang="el-gr"] #windowsh22.windows-11 #homeMosaic section.c-mosaic-placement.f-height-large.f-width-small .c-group, [lang="lt-lt"] #windowsh22.windows-11 #homeMosaic section.c-mosaic-placement.f-height-large.f-width-small .c-group, [lang="pl-pl"] #windowsh22.windows-11 #homeMosaic section.c-mosaic-placement.f-height-large.f-width-small .c-group { bottom: 16px } } @media screen and (min-width: 1084px) and (max-width: 1400px) { [lang="bg-bg"] #windowsh22.windows-11 #homeMosaic section.c-mosaic-placement.f-height-large.f-width-small .c-group .blue-button { margin-top: 0px; } [lang="bg-bg"] #windowsh22.windows-11 #homeMosaic section.c-mosaic-placement.f-height-large.f-width-small .c-group { bottom: 12px } } @media screen and (max-width: 400px) { [lang="pl-pl"] #windowsh22.windows-11 #homeMosaic .m-mosaic .c-group, [lang="lt-lt"] #windowsh22.windows-11 #homeMosaic .m-mosaic .c-group { bottom: 28px; } } @media screen and (max-width: 350px) { [lang="el-gr"] #windowsh22.windows-11 #homeMosaic .m-mosaic .c-group, [lang="bg-bg"] #windowsh22.windows-11 #homeMosaic .m-mosaic .c-group, [lang="lt-lt"] #windowsh22.windows-11 #homeMosaic .m-mosaic .c-group, [lang="pl-pl"] #windowsh22.windows-11 #homeMosaic .m-mosaic .c-group { bottom: 28px; } } @media screen and (min-width: 1084px) { #accessbilityID.accessibility-features .numberlistpanel { padding-top: 52px; padding-bottom: 90px; margin-bottom: 0px !important; } #windowsh22.windows-11 div#homeMosaic { padding-top: 80px !important; padding-bottom: 100px !important; } [lang="en-us"] #windowsh22.windows-11 .m-banner.x-type-center.bg-A8E1C5 { padding-top: 100px; } .video-gallery .media-selector__features ul .media-selector__content .media-selector__content__subcontent .animate-text-group a { text-align: left; } #windowsh22.windows-11 #easiertouse .m-feature > picture, .windows-11 #productivity .m-feature > picture, #windowsh22.windows-11 #performancesecurity .m-feature > picture, .windows-11 #gaming.image-priority-accolate .m-feature > picture { margin-top: 25px; } #windowsh22.compare-windows-11-home-vs-pro-versions #PivotTarget0, #windowsh22.get-windows-11 #PivotTarget0, #windowsh22.compare-windows-11-home-vs-pro-versions #PivotTarget1, #windowsh22.get-windows-11 #PivotTarget1 { padding-left: 5%; padding-right: 5%; } #windowsh22.compare-windows-11-home-vs-pro-versions #Table-panel-4, #windowsh22.get-windows-11 #PivotTarget0 > div, #windowsh22.compare-windows-11-home-vs-pro-versions #Table-panel-5, #windowsh22.get-windows-11 #PivotTarget1 > div:first-child { border-top: 2px solid #D2D2D2 !important; padding-top: 22px !important; padding-left: 0%; padding-right: 0%; } #windowsh22.compare-windows-11-home-vs-pro-versions .c-pivot.center ul[role="tablist"], #windowsh22.get-windows-11 .c-pivot.center ul[role="tablist"] { margin-bottom: 0px !important; } } @media screen and (min-width: 1040px) and (max-width: 1084px) { #windowsh22 #mosaic-devices picture.mosaic_right_btm_img_1 { zoom: 104%; } } #windowsh22.windows .media-selector__features__container .media-selector__content .media-selector__content__subcontent .animate-text-group a.c-call-to-action.c-glyph:focus { border: 2px dashed #000; } #windowsh22.laptop-buying-guide #Sticky-Navigation #stickynavwindows11 .c-in-page-navigation a.f-active:focus, #windowsh22.windows-11 #Sticky-Navigation #stickynavwindows11 .c-in-page-navigation a.f-active:focus, #windowsh22.comprehensive-security #Sticky-Navigation #stickynavwindows11 .c-in-page-navigation a.f-active:focus { outline: 2px solid #000 !important; border-left: 2px solid transparent; border-right: 2px solid transparent; border-top: 2px solid transparent; outline-offset: -2px; } #windowsh22.windows-11 #Sticky-Navigation #stickynavwindows11 .c-in-page-navigation a.upgrade-button.f-active:focus { border: 0 !important; } #windowsh22.compare-windows-11-home-vs-pro-versions .c-pivot.center ul[role="tablist"] li.f-active:focus, #windowsh22.get-windows-11 .c-pivot.center ul[role="tablist"] li.f-active:focus { border-bottom: 2px solid #000; } /* Spacings for Accessbility page Ends here */ /*Accessbility feature ROW fixes start*/ [dir="rtl"] .accessibility-features nav.c-in-page-navigation a, [dir="rtl"] #windowsh22.windows-11 nav.c-in-page-navigation > ul li > a, [dir="rtl"] #windowsh22.windows-11 nav.c-in-page-navigation a { margin-right: 0px; margin-left: 24px !important; } [dir="rtl"] .accessibility-features nav.c-in-page-navigation ul li > a { margin-left: 0 !important; } [dir="rtl"] .accessibility-features nav.c-in-page-navigation.f-dropdown.f-sticky { padding-right: 5%; } [dir="rtl"] .accessibility-features nav.c-in-page-navigation.f-dropdown .f-dropdown-menu > a { margin-right: 6px; } @media screen and (max-width: 1083px) { [dir="rtl"] #accessbilityID.accessibility-features #accessbilityHero .m-hero-item > div, [dir="rtl"] #windowsh22.windows-11 .showinlowerVp .m-hero-item > div, [dir="rtl"] #windowsh22.windows .showinlowerVp .m-hero-item > div, [dir="rtl"] #windowsh22.windows .win11-feature-hero .m-hero-item > div, [dir="rtl"] #windowsh22.compare-windows-11-home-vs-pro-versions .m-hero-item > div, [dir="rtl"] #windowsh22.get-windows-11 .m-hero-item > div { text-align: right !important; } [dir="rtl"] #accessbilityID.accessibility-features #accessbilityFeature_1_Banner_2 .m-feature.f-align-left > div, [dir="rtl"] #accessbilityID.accessibility-features #accessbilityFeature_1_Banner_3 .m-feature.f-align-left > div { text-align: right; } } @media screen and (min-width: 1084px) { [dir="rtl"] #accessbilityID.accessibility-features .fullBleedBgBanner .m-feature.custom-small-feature .content { margin-right: 0px !important; } [lang="de-ch"] #windowsh22.compare-windows-11-home-vs-pro-versions #Feature-panel-6 .m-feature .featurecontent h2, [lang="de-at"] #windowsh22.compare-windows-11-home-vs-pro-versions #Feature-panel-6 .m-feature .featurecontent h2, [lang="de-de"] #windowsh22.compare-windows-11-home-vs-pro-versions #Feature-panel-6 .m-feature .featurecontent h2, [lang="hu-hu"] #windowsh22.compare-windows-11-home-vs-pro-versions #Feature-panel-6 .m-feature .featurecontent h2 { font-size: 48px; line-height: 60px; } } @media (min-width: 1084px) and (max-width: 1400px) { #windowsh22.windows-11 .m-banner { padding-left: 5%; padding-right: 5%; } [lang="nb-no"] #accessbilityID.accessibility-features #accessbilityFeature_1_Banner_2 .m-feature .featurecontent, [lang="nb-no"] #accessbilityID.accessibility-features #accessbilityFeature_1_Banner_3 .m-feature .featurecontent, [lang="nl-be"] #accessbilityID.accessibility-features #accessbilityFeature_1_Banner_2 .m-feature .featurecontent, [lang="nl-be"] #accessbilityID.accessibility-features #accessbilityFeature_1_Banner_3 .m-feature .featurecontent, [lang="nl-nl"] #accessbilityID.accessibility-features #accessbilityFeature_1_Banner_2 .m-feature .featurecontent, [lang="nl-nl"] #accessbilityID.accessibility-features #accessbilityFeature_1_Banner_3 .m-feature .featurecontent { padding-left: 0px; } [lang="de-at"] #accessbilityID.accessibility-features #accessbilityFeature_1_Banner_2 .m-feature .featurecontent > h2, [lang="de-at"] #accessbilityID.accessibility-features #accessbilityFeature_1_Banner_3 .m-feature .featurecontent > h2, [lang="de-ch"] #accessbilityID.accessibility-features #accessbilityFeature_1_Banner_2 .m-feature .featurecontent > h2, [lang="de-ch"] #accessbilityID.accessibility-features #accessbilityFeature_1_Banner_3 .m-feature .featurecontent > h2, [lang="de-de"] #accessbilityID.accessibility-features #accessbilityFeature_1_Banner_2 .m-feature .featurecontent > h2, [lang="de-de"] #accessbilityID.accessibility-features #accessbilityFeature_1_Banner_3 .m-feature .featurecontent > h2, [lang="da-dk"] #accessbilityID.accessibility-features #accessbilityFeature_1_Banner_2 .m-feature .featurecontent > h2, [lang="da-dk"] #accessbilityID.accessibility-features #accessbilityFeature_1_Banner_3 .m-feature .featurecontent > h2, [lang="et-ee"] #accessbilityID.accessibility-features #accessbilityFeature_1_Banner_2 .m-feature .featurecontent > h2, [lang="et-ee"] #accessbilityID.accessibility-features #accessbilityFeature_1_Banner_3 .m-feature .featurecontent > h2, [lang="ru-ru"] #accessbilityID.accessibility-features #accessbilityFeature_1_Banner_2 .m-feature .featurecontent > h2, [lang="ru-ru"] #accessbilityID.accessibility-features #accessbilityFeature_1_Banner_3 .m-feature .featurecontent > h2 { font-size: 36px; } [dir="rtl"] #accessbilityID.accessibility-features .m-hero-item > div { width: 97%; } [lang="ro-ro"] #accessbilityID #accessbilityHero .m-hero-item h1.c-heading-1, [lang="ru-ru"] #accessbilityID #accessbilityHero .m-hero-item h1.c-heading-1, [lang="pt-pt"] #accessbilityID #accessbilityHero .m-hero-item h1.c-heading-1, [lang="pt-br"] #accessbilityID #accessbilityHero .m-hero-item h1.c-heading-1, [lang="da-dk"] #accessbilityID #accessbilityHero .m-hero-item h1.c-heading-1, [lang="de-at"] #accessbilityID #accessbilityHero .m-hero-item h1.c-heading-1, [lang="de-ch"] #accessbilityID #accessbilityHero .m-hero-item h1.c-heading-1, [lang="de-de"] #accessbilityID #accessbilityHero .m-hero-item h1.c-heading-1, [lang="hr-hr"] #accessbilityID #accessbilityHero .m-hero-item h1.c-heading-1, [lang="ko-kr"] #accessbilityID #accessbilityHero .m-hero-item h1.c-heading-1, [lang="nb-no"] #accessbilityID #accessbilityHero .m-hero-item h1.c-heading-1 { font-size: 54px } [lang="hu-hu"] #accessbilityID #accessbilityHero .m-hero-item h1.c-heading-1, [lang="el-gr"] #accessbilityID #accessbilityHero .m-hero-item h1.c-heading-1, [lang="ja-jp"] #accessbilityID #accessbilityHero .m-hero-item h1.c-heading-1, [lang="fi-fi"] #accessbilityID #accessbilityHero .m-hero-item h1.c-heading-1, [lang="nl-be"] #accessbilityID #accessbilityHero .m-hero-item h1.c-heading-1, [lang="nl-nl"] #accessbilityID #accessbilityHero .m-hero-item h1.c-heading-1 { font-size: 45px } } #accessbilityID.accessibility-features .stickyV2 nav.c-in-page-navigation > ul li > a.f-active:focus { outline: 2px solid #000 !important; } @media screen and (min-width: 540px) and (max-width: 1083px) { #windowsh22.compare-windows-11-home-vs-pro-versions .c-pivot.center [role="tablist"] [role="tab"] { white-space: normal; max-width: calc(50% - 40px) !important; } } @media screen and (min-width: 320px) and (max-width: 375px) { #windowsh22.compare-windows-11-home-vs-pro-versions .c-table thead th { line-height: normal !important; font-size: 12px !important; } } /*Accessbility feature ROW fixes end here*/ /* hoilday Row home page starts*/ #windowsh22.windows .holiday-animated-hero button.c-button.f-primary:active, #windowsh22.windows .holiday-animated-hero a.c-button.f-primary:active, #windowsh22.windows .holiday-animated-hero button.c-button[type="submit"]:active { transform: none !important; } [dir="rtl"] #windowsh22.compare-windows-11-home-vs-pro-versions .linearHorzontalLineLeft-blue, [dir="rtl"] #windowsh22.get-windows-11 .linearHorzontalLineLeft-blue, [dir="rtl"] #windowsh22.windows .linearHorzontalLineLeft-blue, [dir="rtl"] #windowsh22.laptops-for-students .linearHorzontalLineLeft-blue { background: linear-gradient(277.21deg, #0067B8 5.82%, #50E6FF 134%); } [dir="rtl"] #windowsh22.get-windows-11 .linearHorzontalLineLeft-grey { background: linear-gradient(90deg, #FFFFFF 0%, #B3B3B3 97.96%); } [dir="rtl"] .gradient-line { background: linear-gradient(180deg, #50E6FF 0%, #0067B8 100%); } [dir="rtl"] .linearHorzontalLinerightshade-blue { background: linear-gradient(277.21deg, #50E6FF 5.82%, #0067B8 134%); } #windowsh22.get-windows-11 #Hero-banner { padding-left: 5%; padding-right: 5%; } [lang="sk-sk"] #windowsh22 .c-mosaic .c-mosaic-placement.f-width-large .c-group > a:nth-child(1), [lang="bg-bg"] #windowsh22 .c-mosaic .c-mosaic-placement.f-width-large .c-group > a:nth-child(1) { margin-top: 0px; } [lang="en-id"] #windowsh22.get-windows-11 .featurebox, [lang="en-is"] #windowsh22.get-windows-11 .featurebox, [lang="en-my"] #windowsh22.get-windows-11 .featurebox, [lang="en-nz"] #windowsh22.get-windows-11 .featurebox, [lang="en-ph"] #windowsh22.get-windows-11 .featurebox, [lang="en-sg"] #windowsh22.get-windows-11 .featurebox, [lang="ar-xm"] #windowsh22.get-windows-11 .featurebox, [lang="es-ar"] #windowsh22.get-windows-11 .featurebox, [lang="es-cl"] #windowsh22.get-windows-11 .featurebox, [lang="es-xl"] #windowsh22.get-windows-11 .featurebox, [lang="fr-ch"] #windowsh22.get-windows-11 .featurebox, [lang="fr-xf"] #windowsh22.get-windows-11 .featurebox, [lang="he-il"] #windowsh22.get-windows-11 .featurebox, [lang="pt-br"] #windowsh22.get-windows-11 .featurebox, [lang="sr-latn-rs"] #windowsh22.get-windows-11 .featurebox, [lang="th-th"] #windowsh22.get-windows-11 .featurebox, [lang="vi-vn"] #windowsh22.get-windows-11 .featurebox, [lang="zh-tw"] #windowsh22.get-windows-11 .featurebox { margin-bottom: 96px; } [dir="rtl"] #windowsh22.windows .m-content-placement-item .c-hyperlink { margin-left: 1px; } [dir="rtl"] .accessibility-features .articletouts .m-content-placement-item p.toutpara a.c-hyperlink { margin-left: 1px; } [dir="rtl"] #windowsh22.windows .video-gallery .scrollvideogallery.media-selector .media-selector__features__container .media-selector__features ul .feature-button:not(.header-active):after { left: 0%; right: unset; } @media screen and (max-width: 375px) { [lang='pl-pl'] #windowsh22.windows .video-gallery .media-selector__features ul .media-selector__content .media-selector__content__subcontent .animate-text-group a { font-size: 12px; } } @media screen and (min-width: 540px) and (max-width: 767px) { [dir="rtl"] #windowsh22.get-windows-11 .m-content-placement.numberContentPlacement div[data-grid*="col-"] { margin-right: 4% !important; } } @media screen and (max-width: 539px) { [dir="rtl"] #windowsh22.get-windows-11 .m-content-placement.numberContentPlacement div[data-grid*="col-"] { margin-right: 5% !important; } } #windowsh22 .common-button.f-sticky .c-in-page-navigation.f-sticky li a.blue-button:focus{ outline: 2px solid #000; } @media screen and (min-width: 1084px) { .features .ocid_hero .m-hero-item:before { padding-bottom: 62.65%; } [lang='bg-bg'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation a, [lang='de-at'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation a, [lang='de-ch'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation a, [lang='de-de'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation a, [lang='el-gr'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation a, [lang='es-ar'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation a, [lang='es-co'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation a, [lang='es-cl'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation a, [lang='es-es'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation a, [lang='es-mx'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation a, [lang='fi-fi'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation a, [lang='fr-be'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation a, [lang='fr-ch'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation a, [lang='fr-ca'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation a, [lang='fr-fr'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation a, [lang='fr-xf'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation a, [lang='hr-hr'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation a, [lang='hu-hu'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation a, [lang='it-it'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation a, [lang='ja-jp'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation a, [lang='nl-be'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation a, [lang='nl-nl'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation a, [lang='pl-pl'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation a, [lang='pt-br'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation a, [lang='pt-pt'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation a, [lang='ro-ro'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation a, [lang='ru-ru'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation a, [lang='sk-sk'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation a, [lang='sr-latn-rs'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation a, [lang='uk-ua'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation a, [lang='es-xl'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation a, [lang='lv-lv'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation a, [lang='sl-si'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation a, [lang='vi-vn'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation a { font-size: 14px !important; line-height: initial !important; margin-left: 8px; margin-right: 8px; margin-top: 3px; } [lang='bg-bg'] .accessibility-features .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation a, [lang='de-at'] .accessibility-features .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation a, [lang='de-ch'] .accessibility-features .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation a, [lang='de-de'] .accessibility-features .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation a, [lang='el-gr'] .accessibility-features .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation a, [lang='es-ar'] .accessibility-features .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation a, [lang='es-co'] .accessibility-features .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation a, [lang='es-cl'] .accessibility-features .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation a, [lang='es-es'] .accessibility-features .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation a, [lang='es-mx'] .accessibility-features .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation a, [lang='fi-fi'] .accessibility-features .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation a, [lang='fr-be'] .accessibility-features .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation a, [lang='fr-ch'] .accessibility-features .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation a, [lang='fr-ca'] .accessibility-features .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation a, [lang='fr-fr'] .accessibility-features .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation a, [lang='fr-xf'] .accessibility-features .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation a, [lang='hr-hr'] .accessibility-features .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation a, [lang='hu-hu'] .accessibility-features .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation a, [lang='it-it'] .accessibility-features .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation a, [lang='ja-jp'] .accessibility-features .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation a, [lang='nl-be'] .accessibility-features .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation a, [lang='nl-nl'] .accessibility-features .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation a, [lang='pl-pl'] .accessibility-features .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation a, [lang='pt-br'] .accessibility-features .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation a, [lang='pt-pt'] .accessibility-features .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation a, [lang='ro-ro'] .accessibility-features .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation a, [lang='ru-ru'] .accessibility-features .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation a, [lang='sk-sk'] .accessibility-features .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation a, [lang='sr-latn-rs'] .accessibility-features .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation a, [lang='uk-ua'] .accessibility-features .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation a, [lang='es-xl'] .accessibility-features .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation a, [lang='lv-lv'] .accessibility-features .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation a, [lang='sl-si'] .accessibility-features .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation a, [lang='vi-vn'] .accessibility-features .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation a { margin-top: 4px !important; } [lang='bg-bg'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation.f-dropdown a, [lang='de-at'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation.f-dropdown a, [lang='de-ch'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation.f-dropdown a, [lang='de-de'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation.f-dropdown a, [lang='el-gr'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation.f-dropdown a, [lang='es-ar'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation.f-dropdown a, [lang='es-co'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation.f-dropdown a, [lang='es-cl'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation.f-dropdown a, [lang='es-es'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation.f-dropdown a, [lang='es-mx'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation.f-dropdown a, [lang='fi-fi'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation.f-dropdown a, [lang='fr-be'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation.f-dropdown a, [lang='fr-ch'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation.f-dropdown a, [lang='fr-ca'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation.f-dropdown a, [lang='fr-fr'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation.f-dropdown a, [lang='fr-xf'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation.f-dropdown a, [lang='hr-hr'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation.f-dropdown a, [lang='hu-hu'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation.f-dropdown a, [lang='it-it'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation.f-dropdown a, [lang='ja-jp'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation.f-dropdown a, [lang='nl-be'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation.f-dropdown a, [lang='nl-nl'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation.f-dropdown a, [lang='pl-pl'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation.f-dropdown a, [lang='pt-br'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation.f-dropdown a, [lang='pt-pt'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation.f-dropdown a, [lang='ro-ro'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation.f-dropdown a, [lang='ru-ru'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation.f-dropdown a, [lang='sk-sk'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation.f-dropdown a, [lang='sr-latn-rs'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation.f-dropdown a, [lang='uk-ua'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation.f-dropdown a, [lang='es-xl'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation.f-dropdown a, [lang='lv-lv'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation.f-dropdown a, [lang='sl-si'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation.f-dropdown a, [lang='vi-vn'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation.f-dropdown a { margin: 0; } [lang='bg-bg'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation.f-dropdown .f-dropdown-menu > a, [lang='de-at'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation.f-dropdown .f-dropdown-menu > a, [lang='de-ch'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation.f-dropdown .f-dropdown-menu > a, [lang='de-de'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation.f-dropdown .f-dropdown-menu > a, [lang='el-gr'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation.f-dropdown .f-dropdown-menu > a, [lang='es-ar'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation.f-dropdown .f-dropdown-menu > a, [lang='es-co'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation.f-dropdown .f-dropdown-menu > a, [lang='es-cl'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation.f-dropdown .f-dropdown-menu > a, [lang='es-es'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation.f-dropdown .f-dropdown-menu > a, [lang='es-mx'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation.f-dropdown .f-dropdown-menu > a, [lang='fi-fi'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation.f-dropdown .f-dropdown-menu > a, [lang='fr-be'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation.f-dropdown .f-dropdown-menu > a, [lang='fr-ch'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation.f-dropdown .f-dropdown-menu > a, [lang='fr-ca'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation.f-dropdown .f-dropdown-menu > a, [lang='fr-fr'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation.f-dropdown .f-dropdown-menu > a, [lang='fr-xf'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation.f-dropdown .f-dropdown-menu > a, [lang='hr-hr'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation.f-dropdown .f-dropdown-menu > a, [lang='hu-hu'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation.f-dropdown .f-dropdown-menu > a, [lang='it-it'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation.f-dropdown .f-dropdown-menu > a, [lang='ja-jp'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation.f-dropdown .f-dropdown-menu > a, [lang='nl-be'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation.f-dropdown .f-dropdown-menu > a, [lang='nl-nl'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation.f-dropdown .f-dropdown-menu > a, [lang='pl-pl'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation.f-dropdown .f-dropdown-menu > a, [lang='pt-br'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation.f-dropdown .f-dropdown-menu > a, [lang='pt-pt'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation.f-dropdown .f-dropdown-menu > a, [lang='ro-ro'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation.f-dropdown .f-dropdown-menu > a, [lang='ru-ru'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation.f-dropdown .f-dropdown-menu > a, [lang='sk-sk'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation.f-dropdown .f-dropdown-menu > a, [lang='sr-latn-rs'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation.f-dropdown .f-dropdown-menu > a, [lang='uk-ua'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation.f-dropdown .f-dropdown-menu > a, [lang='es-xl'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation.f-dropdown .f-dropdown-menu > a, [lang='lv-lv'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation.f-dropdown .f-dropdown-menu > a, [lang='sl-si'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation.f-dropdown .f-dropdown-menu > a, [lang='vi-vn'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation.f-dropdown .f-dropdown-menu > a { transform: translateX(0px); -ms-transform: translateX(0px); } [lang='bg-bg'] #windowsh22.laptop-buying-guide .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation li:last-child a, [lang='de-at'] #windowsh22.laptop-buying-guide .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation li:last-child a, [lang='de-ch'] #windowsh22.laptop-buying-guide .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation li:last-child a, [lang='de-de'] #windowsh22.laptop-buying-guide .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation li:last-child a, [lang='el-gr'] #windowsh22.laptop-buying-guide .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation li:last-child a, [lang='es-ar'] #windowsh22.laptop-buying-guide .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation li:last-child a, [lang='es-co'] #windowsh22.laptop-buying-guide .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation li:last-child a, [lang='es-cl'] #windowsh22.laptop-buying-guide .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation li:last-child a, [lang='es-es'] #windowsh22.laptop-buying-guide .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation li:last-child a, [lang='es-mx'] #windowsh22.laptop-buying-guide .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation li:last-child a, [lang='fi-fi'] #windowsh22.laptop-buying-guide .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation li:last-child a, [lang='fr-be'] #windowsh22.laptop-buying-guide .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation li:last-child a, [lang='fr-ch'] #windowsh22.laptop-buying-guide .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation li:last-child a, [lang='fr-ca'] #windowsh22.laptop-buying-guide .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation li:last-child a, [lang='fr-fr'] #windowsh22.laptop-buying-guide .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation li:last-child a, [lang='fr-xf'] #windowsh22.laptop-buying-guide .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation li:last-child a, [lang='hr-hr'] #windowsh22.laptop-buying-guide .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation li:last-child a, [lang='hu-hu'] #windowsh22.laptop-buying-guide .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation li:last-child a, [lang='it-it'] #windowsh22.laptop-buying-guide .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation li:last-child a, [lang='ja-jp'] #windowsh22.laptop-buying-guide .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation li:last-child a, [lang='nl-be'] #windowsh22.laptop-buying-guide .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation li:last-child a, [lang='nl-nl'] #windowsh22.laptop-buying-guide .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation li:last-child a, [lang='pl-pl'] #windowsh22.laptop-buying-guide .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation li:last-child a, [lang='pt-br'] #windowsh22.laptop-buying-guide .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation li:last-child a, [lang='pt-pt'] #windowsh22.laptop-buying-guide .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation li:last-child a, [lang='ro-ro'] #windowsh22.laptop-buying-guide .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation li:last-child a, [lang='ru-ru'] #windowsh22.laptop-buying-guide .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation li:last-child a, [lang='sk-sk'] #windowsh22.laptop-buying-guide .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation li:last-child a, [lang='sr-latn-rs'] #windowsh22.laptop-buying-guide .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation li:last-child a, [lang='uk-ua'] #windowsh22.laptop-buying-guide .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation li:last-child a, [lang='es-xl'] #windowsh22.laptop-buying-guide .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation li:last-child a, [lang='lv-lv'] #windowsh22.laptop-buying-guide .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation li:last-child a, [lang='sl-si'] #windowsh22.laptop-buying-guide .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation li:last-child a, [lang='vi-vn'] #windowsh22.laptop-buying-guide .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation li:last-child a { margin-top: 0; } } #windowsh22.laptop-buying-guide .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation a { line-height: 24px !important; } @media screen and (min-width: 1084px) and (max-width: 1200px) { [dir="rtl"] #windowsh22.get-windows-11 #HeroItem-panel-2 .m-hero-item h1 { font-size: 32px; } } @media screen and (min-width: 1201px) and (max-width: 1399px) { [dir="rtl"] #windowsh22.get-windows-11 #HeroItem-panel-2 .m-hero-item h1 { font-size: 46px; } [lang='bg-bg'] .windows-11 #stickynavwindows11 nav.c-in-page-navigation a, [lang='de-at'] .windows-11 #stickynavwindows11 nav.c-in-page-navigation a, [lang='de-ch'] .windows-11 #stickynavwindows11 nav.c-in-page-navigation a, [lang='de-de'] .windows-11 #stickynavwindows11 nav.c-in-page-navigation a, [lang='el-gr'] .windows-11 #stickynavwindows11 nav.c-in-page-navigation a, [lang='es-ar'] .windows-11 #stickynavwindows11 nav.c-in-page-navigation a, [lang='es-co'] .windows-11 #stickynavwindows11 nav.c-in-page-navigation a, [lang='es-cl'] .windows-11 #stickynavwindows11 nav.c-in-page-navigation a, [lang='es-es'] .windows-11 #stickynavwindows11 nav.c-in-page-navigation a, [lang='es-mx'] .windows-11 #stickynavwindows11 nav.c-in-page-navigation a, [lang='fi-fi'] .windows-11 #stickynavwindows11 nav.c-in-page-navigation a, [lang='fr-be'] .windows-11 #stickynavwindows11 nav.c-in-page-navigation a, [lang='fr-ch'] .windows-11 #stickynavwindows11 nav.c-in-page-navigation a, [lang='fr-ca'] .windows-11 #stickynavwindows11 nav.c-in-page-navigation a, [lang='fr-fr'] .windows-11 #stickynavwindows11 nav.c-in-page-navigation a, [lang='fr-xf'] .windows-11 #stickynavwindows11 nav.c-in-page-navigation a, [lang='hr-hr'] .windows-11 #stickynavwindows11 nav.c-in-page-navigation a, [lang='it-it'] .windows-11 #stickynavwindows11 nav.c-in-page-navigation a, [lang='ja-jp'] .windows-11 #stickynavwindows11 nav.c-in-page-navigation a, [lang='nl-be'] .windows-11 #stickynavwindows11 nav.c-in-page-navigation a, [lang='nl-nl'] .windows-11 #stickynavwindows11 nav.c-in-page-navigation a, [lang='pl-pl'] .windows-11 #stickynavwindows11 nav.c-in-page-navigation a, [lang='pt-br'] .windows-11 #stickynavwindows11 nav.c-in-page-navigation a, [lang='pt-pt'] .windows-11 #stickynavwindows11 nav.c-in-page-navigation a, [lang='ro-ro'] .windows-11 #stickynavwindows11 nav.c-in-page-navigation a, [lang='ru-ru'] .windows-11 #stickynavwindows11 nav.c-in-page-navigation a, [lang='sk-sk'] .windows-11 #stickynavwindows11 nav.c-in-page-navigation a, [lang='sr-latn-rs'] .windows-11 #stickynavwindows11 nav.c-in-page-navigation a, [lang='uk-ua'] .windows-11 #stickynavwindows11 nav.c-in-page-navigation a { font-size: 15px !important; line-height: initial !important; } } @media (min-width: 1084px) and (max-width: 1600px) { #windowsh22.get-windows-11 #HeroItem-panel-2 .m-hero-item:before { padding-bottom: 56.65%; } } @media (min-width: 1084px) and (max-width: 1399px) { #windowsh22.get-windows-11 #HeroItem-panel-2 .m-hero-item h1, #windowsh22.get-windows-11 #HeroItem-panel-1 .m-hero-item h1, .features #HeroItem-panel-1 .m-hero-item h1 { font-size: 46px; line-height: normal; } [dir="rtl"] #windowsh22.windows #VideoGallery1.video-gallery .media-selector__content .feature-header .feature-button { padding-left: 25px; } [dir="rtl"] #windowsh22.windows .show-animation-on-hvp .m-hero-item.holiday-video-auto > div > div, [dir="rtl"] #windowsh22.windows .animation-off.holiday-animated-hero .m-hero-item > div > div { padding-right: 25px; } [lang="vi-vn"] #windowsh22.windows .Hero-Item-panel-2 .m-hero-item h1.c-heading-1, [lang="nl-be"] #windowsh22.windows .Hero-Item-panel-2 .m-hero-item h1.c-heading-1, [lang="nl-nl"] #windowsh22.windows .Hero-Item-panel-2 .m-hero-item h1.c-heading-1, [lang="cs-cz"] #windowsh22.windows .Hero-Item-panel-2 .m-hero-item h1.c-heading-1, [lang="et-ee"] #windowsh22.windows .Hero-Item-panel-2 .m-hero-item h1.c-heading-1, [lang="sr-latn-rs"] #windowsh22.windows .Hero-Item-panel-2 .m-hero-item h1.c-heading-1, [lang="hr-hr"] #windowsh22.windows .Hero-Item-panel-2 .m-hero-item h1.c-heading-1, [lang="hu-hu"] #windowsh22.windows .Hero-Item-panel-2 .m-hero-item h1.c-heading-1, [lang="ru-ru"] #windowsh22.windows .Hero-Item-panel-2 .m-hero-item h1.c-heading-1, [lang="el-gr"] #windowsh22.windows .Hero-Item-panel-2 .m-hero-item h1.c-heading-1 { font-size: 45px; line-height: normal; } } @media only screen and (min-width: 1084px) { [dir="rtl"] #windowsh22.get-windows-11 .m-table.left-table { margin-left: 16px; } [dir="rtl"] #windowsh22.windows .content { text-align: right !important; } } @media only screen and (min-width: 1600px) { .windows-11 #numberListId .numberlist-structurelist .numberlistbanner, .windows #numberListId .numberlist-structurelist .numberlistbanner { min-height: 750px; } [lang='sr-latn-rs'] .common-button.m-in-page-navigation.f-sticky nav.c-in-page-navigation a { margin: 0 15px; } [lang='pl-pl'] #windowsh22.comprehensive-security .numberlist-structurelist .numberlistbanner .content h2 { font-size: 34px; line-height: normal; } } @media only screen and (max-width: 1399px) { [dir="rtl"] #windowsh22.windows .win11-feature-hero .m-hero-item > div > div { max-width: 330px; } } @media screen and (max-width: 1083px) { [dir="rtl"] #windowsh22.windows-11 #easiertouse .m-feature .featurecontent .c-group, [dir="rtl"] #windowsh22.windows-11 #productivity .m-feature .featurecontent .c-group, [dir="rtl"] #windowsh22.windows-11 #performancesecurity .m-feature .featurecontent .c-group, [dir="rtl"] #windowsh22.windows-11 #gaming .m-feature .featurecontent .c-group { margin-right: 0px; text-align: right; } [dir="rtl"] #windowsh22.get-windows-11 #fullBleedBgBannerId .custom-small-feature .content { text-align: right !important; } [dir="rtl"] #windowsh22.windows .show-animation-lvp .m-hero-item.holiday-video-auto > div > div, [dir="rtl"] #windowsh22.windows .animation-off.holiday-animated-hero .m-hero-item > div > div { text-align: right; } [dir="rtl"] .windows-11 .holiday-animated-hero .m-hero-item .c-group > a { float: right; } } @media (min-width: 768px) and (max-width: 1083px) { [lang="el-gr"] .windows .Hero-Item-panel-2 .m-hero-item > div { padding-bottom: 96px !important; } [dir="rtl"] #windowsh22.windows-11 .show-animation-lvp .m-hero-item > div, [dir="rtl"] #windowsh22.windows .show-animation-lvp .m-hero-item > div, [dir="rtl"] #windowsh22.windows-11 .animation-off .m-hero-item > div, [dir="rtl"] #windowsh22.windows .animation-off .m-hero-item > div { margin-right: 0px !important; } [dir="rtl"] #windowsh22.windows .holiday-animated-hero .m-hero-item > div, [dir="rtl"] #windowsh22.windows-11 .holiday-animated-hero .m-hero-item > div { margin-right: auto !important; height: auto !important; } } #windowsh22.laptop-buying-guide nav.c-in-page-navigation.f-dropdown .f-dropdown-menu #unique-id-for-list li a.bg-blue-sticky, #windowsh22.windows-11 nav.c-in-page-navigation.f-dropdown .f-dropdown-menu #unique-id-for-list li a.bg-blue-sticky, #windowsh22.comprehensive-security nav.c-in-page-navigation.f-dropdown .f-dropdown-menu #unique-id-for-list li a.bg-blue-sticky { font-weight: 600; } #windowsh22.windows-11 nav .f-dropdown-menu > a, #windowsh22.comprehensive-security nav .f-dropdown-menu > a { font-weight: 700 !important; } @media only screen and (max-width: 325px) { #homeMosaic [data-f-mosaic*="card-large"] .c-mosaic-placement picture img { height: 322px; } } @media only screen and (min-width: 326px) { #homeMosaic [data-f-mosaic*="card-large"] .c-mosaic-placement picture img { height: 347px; } } @media only screen and (min-width: 501px) { #homeMosaic [data-f-mosaic*="card-large"] .c-mosaic-placement picture img { height: 397px; } } @media only screen and (min-width: 601px) { #homeMosaic [data-f-mosaic*="card-large"] .c-mosaic-placement picture img { height: 479px; } } @media only screen and (min-width: 671px) { #homeMosaic [data-f-mosaic*="card-large"] .c-mosaic-placement picture img { height: 533px; } } @media only screen and (min-width: 761px) { #homeMosaic [data-f-mosaic*="card-large"] .c-mosaic-placement picture img { height: 586px; } } @media only screen and (min-width: 881px) { #homeMosaic [data-f-mosaic*="card-large"] .c-mosaic-placement picture img { height: 596px; } } @media only screen and (min-width: 972px) { #homeMosaic [data-f-mosaic*="card-large"] .c-mosaic-placement picture img { height: 728px; } } @media only screen and (min-width: 1084px) { #homeMosaic [data-f-mosaic*="card-large"] .c-mosaic-placement picture img { height: 537px; } } @media only screen and (min-width: 1229px) { #homeMosaic [data-f-mosaic*="card-large"] .c-mosaic-placement picture img { height: 597px; } } @media only screen and (min-width: 1400px) { #homeMosaic [data-f-mosaic*="card-large"] .c-mosaic-placement picture img { height: 625px; } } @media only screen and (min-width: 1536px) { #homeMosaic [data-f-mosaic*="card-large"] .c-mosaic-placement picture img { height: 683px; } } @media only screen and (min-width: 1700px) { #homeMosaic [data-f-mosaic*="card-large"] .c-mosaic-placement picture img { height: 750px; } } @media only screen and (min-width: 1800px) { #homeMosaic [data-f-mosaic*="card-large"] .c-mosaic-placement picture img { height: 792px; } } @media only screen and (min-width: 1920px) { #devices-mosaic .devices-mosaic .c-mosaic-placement picture img { width: initial; } } #devices-mosaic .devices-mosaic .f-width-small div .c-group a { margin-left: 10px; margin-right: 10px; } .wdg-support-links nav.c-link-navigation li:first-child a.c-hyperlink div { text-transform: capitalize !important; } /* hoilday Row home page ends*/ #windowsh22.animation-false .rounded-corners .c-button.f-primary::after, #windowsh22.animation-false .mp4inline .f-video-trigger .c-glyph.glyph-play::after, #windowsh22.animation-false .tipsTricks-filters-section .tipstricks-filter::after, #windowsh22.animation-false .tipstricks-loadmore::after { background: none !important } div#windowsh22.animation-false .featureanimate-off, div#windowsh22.animation-false .m-hero-item .featureanimate-off, div#windowsh22.animation-true .c-image.mp4inline, div#windowsh22.animation-true .m-hero-item .featureanimate-off + picture, div#windowsh22.animation-false .m-hero-item .featureanimate-off ~ div > div { display: block !important; } div#windowsh22.animation-true .featureanimate-off, div#windowsh22.animation-true .m-hero-item .featureanimate-off, div#windowsh22.animation-false .c-image.mp4inline, div#windowsh22.animation-false .m-hero-item .featureanimate-off + picture { display: block !important; } div#windowsh22.animation-false .m-hero-item .featureanimate-off ~ div > div { display: none; } #windowsh22 p[aria-hidden="true"] { visibility: hidden } /* Hoilday last css changes start*/ #windowsh22.windows .holiday-animated-hero .m-hero-item a.c-call-to-action:not(.glyph-play):hover span { right: 0px; } @media screen and (max-width: 1083px) { [dir="rtl"] #windowsh22.windows-11 .verticalgrdient, [dir="rtl"] #windowsh22.windows-11 .fit-content .c-group { text-align: right; } } #windowsh22.get-windows-11 .drawer-panel p svg { margin: 0 4px; } .drawer-panel { padding: 0 13px 0 10px; } [dir="rtl"] #windowsh22.get-windows-11 .fullBleedBgBanner { background-position: left !important; } [dir="rtl"] #windowsh22.windows .video-gallery .media-selector .media-selector__features__container .media-selector__features .selection-bar__position__area { background: linear-gradient(#98ECFE, #0093F9 ); } @media only screen and (min-width: 1084px) { [dir="rtl"] .bg-feature-section.m-feature.f-align-right picture { right: -90px; left: auto; } [dir="rtl"] .bg-feature-section.m-feature.f-align-right { float: left; } #windowsh22.laptops-for-students .articletouts { padding-left: 30px; padding-right: 30px; } } @media only screen and (max-width: 1083.98px) { [dir="rtl"] .bg-feature-section.m-feature.f-align-right picture { right: -60px; left: auto; } [dir="rtl"] .bg-feature-section.m-feature.f-align-right { margin-left: 30px; margin-right: 50px; float: left; } #windowsh22.comprehensive-security .holiday-animated-hero .m-hero-item > div > div, #windowsh22.windows .holiday-animated-hero .m-hero-item > div > div { text-align: left; } [dir="rtl"] #windowsh22.comprehensive-security .holiday-animated-hero .m-hero-item > div > div, [dir="rtl"] #windowsh22.windows .holiday-animated-hero .m-hero-item > div > div { text-align: right; } } @media only screen and (max-width: 768px) { [dir="rtl"] .bg-feature-section.m-feature.f-align-right picture { right: -60px; } } @media only screen and (max-width: 640px) { #windowsh22.compare-windows-11-home-vs-pro-versions .c-table thead th { line-height: normal !important; font-size: 12px !important; } [lang="pt-br"] #windowsh22.compare-windows-11-home-vs-pro-versions .c-pivot.center [role="tablist"] [role="tab"], [lang="vi-vn"] #windowsh22.compare-windows-11-home-vs-pro-versions .c-pivot.center [role="tablist"] [role="tab"], [lang="ru-ru"] #windowsh22.compare-windows-11-home-vs-pro-versions .c-pivot.center [role="tablist"] [role="tab"] { line-height: normal !important; font-size: 12px !important; } [lang="pt-br"] #windowsh22.compare-windows-11-home-vs-pro-versions .c-pivot.center ul[role="tablist"] li.f-active span, [lang="vi-vn"] #windowsh22.compare-windows-11-home-vs-pro-versions .c-pivot.center ul[role="tablist"] li.f-active span, [lang="ru-ru"] #windowsh22.compare-windows-11-home-vs-pro-versions .c-pivot.center ul[role="tablist"] li.f-active span { padding: 5px; } } @media only screen and (max-width: 540px) { [dir="rtl"] .bg-feature-section.m-feature.f-align-right picture { right: -40px; } [lang="fr-ca"] #windowsh22.compare-windows-11-home-vs-pro-versions .c-pivot.center [role="tablist"] [role="tab"] { font-size: 12px; } [lang="vi-vn"] #windowsh22.get-windows-11 .wdg-support-links nav.c-link-navigation ul li a.c-hyperlink picture, [lang="vi-vn"] #windowsh22.get-windows-11 .wdg-support-links nav.c-link-navigation ul li a.c-hyperlink p, [lang="ru-ru"] #windowsh22.get-windows-11 .wdg-support-links nav.c-link-navigation ul li a.c-hyperlink picture, [lang="ru-ru"] #windowsh22.get-windows-11 .wdg-support-links nav.c-link-navigation ul li a.c-hyperlink p, [lang="pl-pl"] #windowsh22.get-windows-11 .wdg-support-links nav.c-link-navigation ul li a.c-hyperlink picture, [lang="pl-pl"] #windowsh22.get-windows-11 .wdg-support-links nav.c-link-navigation ul li a.c-hyperlink p, [lang="vi-vn"] #windowsh22.compare-windows-11-home-vs-pro-versions .wdg-support-links nav.c-link-navigation ul li a.c-hyperlink picture, [lang="vi-vn"] #windowsh22.compare-windows-11-home-vs-pro-versions .wdg-support-links nav.c-link-navigation ul li a.c-hyperlink p, [lang="ru-ru"] #windowsh22.compare-windows-11-home-vs-pro-versions .wdg-support-links nav.c-link-navigation ul li a.c-hyperlink picture, [lang="ru-ru"] #windowsh22.compare-windows-11-home-vs-pro-versions .wdg-support-links nav.c-link-navigation ul li a.c-hyperlink p, [lang="pl-pl"] #windowsh22.compare-windows-11-home-vs-pro-versions .wdg-support-links nav.c-link-navigation ul li a.c-hyperlink picture, [lang="pl-pl"] #windowsh22.compare-windows-11-home-vs-pro-versions .wdg-support-links nav.c-link-navigation ul li a.c-hyperlink p { display: flex !important; align-items: center; justify-content: start; } [lang="vi-vn"] #windowsh22.get-windows-11 .m-link-navigation.wdg-support-links nav.c-link-navigation li a.c-hyperlink.f-image div, [lang="ru-ru"] #windowsh22.get-windows-11 .m-link-navigation.wdg-support-links nav.c-link-navigation li a.c-hyperlink.f-image div, [lang="pl-pl"] #windowsh22.get-windows-11 .m-link-navigation.wdg-support-links nav.c-link-navigation li a.c-hyperlink.f-image div, [lang="vi-vn"] #windowsh22.compare-windows-11-home-vs-pro-versions .m-link-navigation.wdg-support-links nav.c-link-navigation li a.c-hyperlink.f-image div, [lang="ru-ru"] #windowsh22.compare-windows-11-home-vs-pro-versions .m-link-navigation.wdg-support-links nav.c-link-navigation li a.c-hyperlink.f-image div, [lang="pl-pl"] #windowsh22.compare-windows-11-home-vs-pro-versions .m-link-navigation.wdg-support-links nav.c-link-navigation li a.c-hyperlink.f-image div { margin: 0; } } @media screen and (min-width: 769px) and (max-width: 1084px) { [lang="pt-br"] #windowsh22.get-windows-11 .numberContentPlacement .toutheading, [lang="bg-bg"] #windowsh22.get-windows-11 .numberContentPlacement .toutheading, [lang="et-ee"] #windowsh22.get-windows-11 .numberContentPlacement .toutheading, [lang="lv-lv"] #windowsh22.get-windows-11 .numberContentPlacement .toutheading, [lang="pl-pl"] #windowsh22.get-windows-11 .numberContentPlacement .toutheading, [lang="ru-ru"] #windowsh22.get-windows-11 .numberContentPlacement .toutheading, [lang="sk-sk"] #windowsh22.get-windows-11 .numberContentPlacement .toutheading, [lang="tr-tr"] #windowsh22.get-windows-11 .numberContentPlacement .toutheading, [lang="es-es"] #windowsh22.get-windows-11 .numberContentPlacement .toutheading, [lang="es-ar"] #windowsh22.get-windows-11 .numberContentPlacement .toutheading, [lang="es-cl"] #windowsh22.get-windows-11 .numberContentPlacement .toutheading, [lang="es-co"] #windowsh22.get-windows-11 .numberContentPlacement .toutheading, [lang="es-mx"] #windowsh22.get-windows-11 .numberContentPlacement .toutheading, [lang="es-xl"] #windowsh22.get-windows-11 .numberContentPlacement .toutheading, [lang="fr-ch"] #windowsh22.get-windows-11 .numberContentPlacement .toutheading, [lang="fr-fr"] #windowsh22.get-windows-11 .numberContentPlacement .toutheading, [lang="fr-xf"] #windowsh22.get-windows-11 .numberContentPlacement .toutheading, [lang="it-it"] #windowsh22.get-windows-11 .numberContentPlacement .toutheading { font-size: 28px !important; } [lang="de-at"] #windowsh22.get-windows-11 .numberContentPlacement .toutheading, [lang="de-ch"] #windowsh22.get-windows-11 .numberContentPlacement .toutheading, [lang="de-de"] #windowsh22.get-windows-11 .numberContentPlacement .toutheading, [lang="fr-be"] #windowsh22.get-windows-11 .numberContentPlacement .toutheading { font-size: 26px !important; } } @media screen and (min-width: 768px) and (max-width: 870px) { [lang="da-dk"] #windowsh22.get-windows-11 .two-column-table table th, [lang="de-de"] #windowsh22.get-windows-11 .two-column-table table th, [lang="de-at"] #windowsh22.get-windows-11 .two-column-table table th, [lang="de-ch"] #windowsh22.get-windows-11 .two-column-table table th { font-size: 14px; line-height: 22px; } [lang="hu-hu"] #windowsh22.get-windows-11 .two-column-table table th { font-size: 12px; line-height: 22px; } } @media (min-width: 768px) and (max-width: 1083px) { #windowsh22.windows .holiday-animated-hero .m-hero-item > div { margin-left: 0px !important; height: fit-content !important; padding: 48px 0px !important; } } [lang="da-dk"] #windowsh22.windows .media-selector__features__container li[selected='true'] .animate-text { display: inline; } /*below css is to fix bug 159004 for all stickynav pages*/ nav.c-in-page-navigation + nav { display: none !important; } nav.c-in-page-navigation.f-hide + nav { display: block !important; } /* holiday offer css start*/ /* @media only screen and (max-width: 1083px) { #windowsh22.windows .holdiayoffer .m-hero-item > div { text-align: left !important; } #windowsh22.windows .holidayOffer{ background:#ECEAED; } #windowsh22.windows .holidayOffer .m-hero-item { padding:0 ; } #windowsh22.windows .holidayOffer .m-hero-item:before{ padding-bottom:0 !important; } #windowsh22.windows .holidayOffer .m-hero-item > picture { position:relative; transform:none; } #windowsh22.windows .holidayOffer .m-hero-item > picture > img{ position:relative; transform:none; left:0; top:0; } #windowsh22.windows .holidayOffer .m-hero-item > div { height: fit-content !important; top: 0; padding-top:0px; } #windowsh22.windows .holidayOffer .m-hero-item > div > div{ top: 0; transform: none; padding: 48px 0px; height: fit-content; } } @media only screen and (min-width: 1400px) { #windowsh22.windows .holidayOffer .m-hero-item > div > div{ padding-left:40px; } #windowsh22.windows .holidayOffer .m-hero-item > picture > img{ height: fit-content; transform: none; top: 0; } #windowsh22.windows .holidayOffer .m-hero-item:before{ padding-bottom: 62.25%; } #windowsh22.windows .video-gallery .media-selector{ margin-bottom: 48px; } } @media only screen and (min-width: 1084px) { [lang="de-de"] #windowsh22.windows .video-gallery .media-selector, [lang="fr-fr"] #windowsh22.windows .video-gallery .media-selector, [lang="fr-ca"] #windowsh22.windows .video-gallery .media-selector, [lang="ja-jp"] #windowsh22.windows .video-gallery .media-selector{ margin-bottom:96px; } [lang="de-de"] #windowsh22.windows #VideoGallery1, [lang="fr-fr"] #windowsh22.windows #VideoGallery1, [lang="fr-ca"] #windowsh22.windows #VideoGallery1, [lang="ja-jp"] #windowsh22.windows #VideoGallery1{ padding-bottom:0px !important; } [lang="de-de"] #windowsh22.windows #pcs .m-banner, [lang="fr-fr"] #windowsh22.windows #pcs .m-banner, [lang="fr-ca"] #windowsh22.windows #pcs .m-banner, [lang="ja-jp"] #windowsh22.windows #pcs .m-banner{ margin-top:0px !important } } @media (min-width: 1084px) and (max-width: 1399px){ #windowsh22.windows #pcs .m-banner{ padding-top:0px; margin-top:0px; } } */ /* holiday offer css end*/ /* Hoilday last css changes end*/ /*accessbility features start */ .accessibility-features #accessbilityHero .m-hero-item .c-action-trigger { background: #fff !important; color: #0067B8; } .accessibility-features #accessbilityHero .m-hero-item .f-video-trigger button.c-action-trigger.c-glyph:before { color: #0067B8; } .accessibility-features #accessbilityHero .m-hero-item .c-group > div { text-align: left; } [dir="rtl"] .accessibility-features #accessbilityHero .m-hero-item .c-group > div { text-align: right; } .accessibility-features #accessbilityHero .m-hero-item .c-action-trigger:focus span { color: #0067B8 !important; } .accessibility-features #accessbilityHero .m-hero-item .c-group > div { margin-top: 20px !important; } @media screen and (max-width: 540px) { #accessbilityID.accessibility-features .m-hero-item.f-y-center.f-transparent > div > div { padding: 0px !important; transform: none !important; } } @media only screen and (max-width: 1083px) { .accessibility-features #accessbilityHero .m-hero-item:before { padding-bottom: 0 !important; } .accessibility-features #accessbilityHero .m-hero-item { padding: 0px; } .accessibility-features #accessbilityHero .m-hero-item > div { padding: 48px 0 !important; height: auto !important; } .accessibility-features #accessbilityHero .m-hero-item > picture { transform: none; top: 0; left: 0; height: fit-content !important; position: relative; } .accessibility-features #accessbilityHero .m-hero-item > picture > img { transform: none; top: 0; left: 0; height: fit-content !important; position: relative; border-radius: 0; } .accessibility-features #accessbilityHero .m-hero-item > div > div { height: auto; padding: 5px 0; transform: none; top: 0; left: 0; float: left; } .accessibility-features #accessbilityHero .m-hero-item .c-action-trigger { float: left; margin-top: 0; } [dir="rtl"] .accessibility-features #accessbilityHero .m-hero-item .c-action-trigger { float: right; margin-top: 0; } [dir="rtl"] .accessibility-features #accessbilityHero .m-hero-item > div > div { float: right; } .accessibility-features #accessbilityHero .m-hero-item .c-group > div { transform: none; float: left; margin-top: 23px; } .accessibility-features #accessbilityHero .m-hero-item .c-group { float: left; } } .hubmain .rounded-corners.c-button.f-primary.blue-button:focus span { box-shadow: 0 2px currentColor !important; } [lang='fr-fr'] .awbCatalogCategory .c-heading-3 { font-size: 30px; line-height: 36px; } @media only screen and (max-width: 767px) { .wdg-support-links nav.c-link-navigation li a.c-hyperlink.f-image div { max-width: 100%; padding-top: 0 !important; } .windows-11-specifications table th { padding: 8px 8px; } .windows-11-specifications .m-link-navigation nav.c-link-navigation li a.c-hyperlink picture { display: block; } .windows-11-specifications .m-link-navigation nav.c-link-navigation li a.c-hyperlink div { padding-top: 0 !important; } } @media print { @page { margin: 1cm 0; } html, body { margin: 0; padding: 0; min-width: 1140px; } } /* Accessbility fixes start*/ .windows-11-pc-gaming .wdg-support-links a.c-hyperlink:focus, .windows-11-pc-gaming .theme-dark a.supBLink:focus, .windows-11-pc-gaming .custom-small-feature a.supBLink:focus { outline: 2px dashed #fff !important; } .windows-11-pc-gaming .m-social > ul > li > a:focus { border: 2px dashed; } #windowsh22.compare-windows-11-home-vs-pro-versions .compare-edition-tables thead tr th a.c-hyperlink:focus { text-decoration: underline; } [lang='fr-fr'] #windowsh22.comprehensive-security nav.c-in-page-navigation.f-dropdown .f-dropdown-menu > a, [lang='fr-fr'] #windowsh22.comprehensive-security nav.c-in-page-navigation a { font-size: 19px; } @media only screen and (min-width:310px) and (max-width:350px) { .windows-11-specifications table th > img { width: 60px; } .windows-11-specifications .m-link-navigation nav.c-link-navigation li a.c-hyperlink div { padding-right: 0 !important; max-width: calc(100% - 120px) !important; } .windows-11-specifications #table5 .c-table .c-list, .windows-11-specifications .c-table, .windows-11-specifications .c-table ul.c-list, .windows-11-specifications .c-table .c-paragraph-3, .windows-11-specifications .c-table .c-paragraph-4 { font-size: 11px; line-height: 15px; } .windows-11-specifications .c-table thead th .c-heading-3 { font-size: 15px; line-height: 20px; } .windows-11-specifications #table5 .c-table .c-heading-3 { font-size: 15px; line-height: 20px; } #windowsh22.comprehensive-security nav.c-in-page-navigation.f-dropdown .f-dropdown-menu > a { font-size: 13px; } .c-dialog.f-lightbox .nav-buttons .c-glyph.glyph-cancel { top: 10px; right: 10px; font-size: 20px; width: 20px; height: 20px; } .tips-tricks-left { bottom: none !important; left: 10px !important; top: 45% !important; } .tips-tricks-right { bottom: none !important; right: 10px !important; top: 45% !important; left: initial !important; } .c-in-page-navigation.f-dropdown ul { width: 100% !important; margin-left: -6px !important; } .c-dialog.f-lightbox [role="dialog"] { top: 15% !important; transform: translate(-50%,-15%) !important; height: 100%; } .video-lightbox.c-dialog.f-lightbox.wdg-lightbox [role=dialog] [role=document] { height: calc(100% - 40px); margin-top: 40px; } .security-overlay.c-dialog.f-lightbox [role="dialog"] { top: 50% !important; transform: translate(-50%,-50%) !important; height: auto; } .tips-overlay [role="dialog"], .tips-overlay [role="document"] { border-radius: 0px !important; } div.security-overlay .c-video-player:not(.hide) + .m-content-placement-item > picture { margin-left: 0px !important; padding: 8px 25px 8px 9px !important; } 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 .m-content-placement-item > div { padding: 5px !important; } div.security-overlay .m-content-placement-item > div > h3 { font-size: 7px !important; line-height: 11px !important; } div.security-overlay .m-content-placement-item > div > p { font-size: 6px !important; line-height: 9px !important; padding: 3px 0 4px !important; } 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; } } .security-overlay.c-dialog.f-lightbox [role="dialog"] .c-video-player { display: none; } @media only screen and (min-width:960px) and (max-width:970px) { .tips-overlay [role="dialog"] .m-content-placement-item h3 { font-size: 16px !important; } .tips-overlay [role="dialog"] .m-content-placement-item p.c-paragraph-1 { font-size: 12px; } div#default-lightbox .m-content-placement-item > div { padding: 10px; } div#player-container2 { height: 270px; } } @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; } .c-dialog.tips-overlay [role="dialog"] { min-width: 400px; } div.security-overlay .m-content-placement-item > div > h3 { font-size: 16px !important; line-height: 22px !important; } div.security-overlay .m-content-placement-item > div > p { font-size: 9px !important; line-height: 15px !important; padding: 3px 0 4px !important; } } .newsletter-subscription .news-letter-hero-btn span { display: inline !important; } div#default-lightbox.security-overlay .m-content-placement-item > div { padding-top: 2px !important; } .hubmain #retailers .m-banner * { display: inline; } .hubmain #retailers .m-banner [class^="c-heading-"]:before, .hubmain #retailers .m-banner [class^="c-heading-"]:after { display: inline; } .hubmain #retailers .m-banner h2 { font-size: 58px; line-height:normal; } .hubmain #retailers .m-banner > span { position: relative; left: -20px; font-size: 62px; } .hubmain.laptop-buying-guide #retailers .m-banner > span { left: -10px; } [lang='pt-br'] .hubmain #retailers .m-banner > span, [lang='pt-pt'] .hubmain #retailers .m-banner > span, [lang='zh-cn'] .hubmain #retailers .m-banner > span { left: -10px; } .hubmain #retailers .m-banner > span sup a { font-size: 13px; } .windows-11-specifications .m-link-navigation nav.c-link-navigation li a.c-hyperlink.f-image:focus img { outline: none; } .windows-11-specifications .m-link-navigation nav.c-link-navigation li a.c-hyperlink.f-image:focus div { background: transparent; } @media only screen and (min-width:320px) and (max-width:350px) { .transfer-your-data #Drawer-panel-7 .drawer-panel, .sync-across-your-devices #show-more-faq .drawer-panel { padding: 0px 10px; } .transfer-your-data #Table-panel-5 .tyd-table thead th, .transfer-your-data #Table-panel-5 .tyd-table tbody td { padding: 3px; font-size: 11px; } .transfer-your-data #Table-panel-5 .tyd-table tbody td li { font-size: 11px; line-height: 18px; } } .transfer-your-data #Table-panel-5 .c-table tbody .c-list li a.c-hyperlink, .transfer-your-data #Table-panel-5 .c-table thead th a.c-hyperlink, .transfer-your-data #Table-panel-5 .c-table tbody p a.c-hyperlink, .sync-across-your-devices #simpleDrawer2 .c-list a.c-hyperlink { text-decoration: underline; } /*163394*/ @media only screen and (min-width:1083px) { .getting-started #Feature-panel-46.featurebox .m-feature .featurecontent p a.c-call-to-action span { font-size: 13px; } } /*163389*/ .getting-started .m-hero-item.theme-light .c-group > .c-call-to-action + .c-call-to-action:focus, .getting-started .hero-quicklinks.c-call-to-action:focus { outline: none !important; border: 2px dashed #000 !important; } /* Accessbility fixes end*/ /*EOS start*/ #content-placement-win7-id .content-touts.withoutimage picture + div { background: #0067b8; color: #ffffff !important; } /*EOS end*/ /*VA css*/ /*VA Css*/ #windowsh22.windows .win11-feature-hero { background: linear-gradient(0deg, rgba(0, 120, 215, 0.08), rgba(0, 120, 215, 0.08)), #FFFFFF; } [dir="rtl"] .windows-11-specifications nav.c-link-navigation div[role="link"]::after { transform: rotate(180deg); margin-right: 5px; } [dir="rtl"] .windows-11-pc-gaming a.c-call-to-action:not(.glyph-play) span { right: 4px !important; } .windows-11-pc-gaming .rounded-corners .c-button.f-primary.blue-button { line-height: 1.2 } .getting-started .m-feature .c-call-to-action:not(.f-primary):not(.f-secondary):hover span { box-shadow: none; border-bottom: 2px solid currentColor; } /*Comprehensive Security starts*/ #windowsh22.comprehensive-security .holiday-animated-hero .m-hero-item > div > div .c-group a { background: transparent; color: #0067b8; padding-left: 0px; white-space: normal; text-align: left; } .getting-started .image-priority-accolate.featurebox .m-feature .featurecontent a { white-space: normal; text-align: left; } #windowsh22.comprehensive-security .holiday-animated-hero .m-hero-item > div > div .c-group a span, .getting-started .featurebox :not(.glyph-play).c-call-to-action.c-glyph span { display: inline; } #windowsh22.comprehensive-security .holiday-animated-hero .m-hero-item > div > div .c-group a.c-call-to-action:focus { background: rgba(0,103,184,.1); } div.security-overlay .c-video-player:not(.hide) + .m-content-placement-item { background: #F2F2F2 !important; } #windowsh22.comprehensive-security a.security-popup:not(.glyph-play):after { display: none; } #windowsh22.comprehensive-security .security-popup.c-glyph.glyph-info:before { width: 20px; font-size: 20px; font-weight: 100; top: 2px; position: relative; } #windowsh22.comprehensive-security nav.c-in-page-navigation > ul li > a, #windowsh22.comprehensive-security nav.c-in-page-navigation a, #windowsh22.laptop-buying-guide nav.c-in-page-navigation > ul li > a, #windowsh22.laptop-buying-guide nav.c-in-page-navigation a { font-weight: 600 !important; font-size: 20px; line-height: 24px; margin-left: 0px; color: #464646; } html.scroll-behavior #windowsh22.comprehensive-security nav.c-in-page-navigation > ul li a { transition: outline 0.5s; } #windowsh22.comprehensive-security nav.c-in-page-navigation.f-dropdown .f-dropdown-menu > a { font-weight: 600; width: 100%; margin-left: 6px; } #windowsh22.comprehensive-security nav.c-in-page-navigation.f-dropdown { padding-left: 0px; } #windowsh22.comprehensive-security nav.f-sticky { padding-left: 25px; } #windowsh22.laptop-buying-guide nav.c-in-page-navigation > ul li > a.f-active, #windowsh22.laptop-buying-guide nav.c-in-page-navigation a.f-active, #windowsh22.laptop-buying-guide nav.c-in-page-navigation > ul li > a:focus, #windowsh22.laptop-buying-guide nav.c-in-page-navigation a:focus, #windowsh22.comprehensive-security nav.c-in-page-navigation > ul li > a.f-active, #windowsh22.comprehensive-security nav.c-in-page-navigation a.f-active, #windowsh22.comprehensive-security nav.c-in-page-navigation > ul li > a:focus, #windowsh22.comprehensive-security nav.c-in-page-navigation a:focus { color: #171717; } #windowsh22.comprehensive-security a.security-popup.c-button:before { display: inline-block; } #windowsh22.comprehensive-security a.security-popup.c-button:focus:not(.x-hidden-focus) { text-decoration: none; } #windowsh22.comprehensive-security a.security-popup.c-button.c-call-to-action:focus span { text-decoration: none !important; } .comprehensive-security .featurebox .featurecontent > p > .feature-paraspace { margin-top: 10px; display: block; } #windowsh22.comprehensive-security .c-call-to-action { font-weight: 700 !important; line-height: 20px !important; } #windowsh22.comprehensive-security .toutheading { font-size: 24px !important; line-height: 28px !important; } #windowsh22.comprehensive-security .numberlist .m-structured-list p { line-height: 20px !important; } div#default-lightbox.security-overlay .m-content-placement-item > div > h3 { font-size: 34px; line-height: 40px; } .comprehensive-security .herowithgradientline-blue .content-touts .articletouts .m-content-placement-item > div > h3 { padding-top: 0px; } div#default-lightbox.security-overlay .m-content-placement-item > div > p { font-weight: 400; font-size: 15px; } #windowsh22.comprehensive-security .info-icon { top: 4px; position: relative; } #windowsh22.comprehensive-security a.security-popup span { bottom: 2px; } #windowsh22.comprehensive-security a.security-popup { cursor: pointer; text-align: left; } [dir="rtl"] #windowsh22.comprehensive-security a.security-popup { text-align: right; } #windowsh22.comprehensive-security a.c-call-to-action:not(.glyph-play):after { margin-top: 2px; } #windowsh22.comprehensive-security .m-content-placement-item .linearHorzontalLineLeft-blue { width: 100px; height: 3px; } #windowsh22.comprehensive-security .m-content-placement-item { cursor: default; } #windowsh22.comprehensive-security .m-content-placement-item a { cursor: pointer; } #windowsh22.comprehensive-security .m-content-placement-item[data-js-href] picture img { opacity: 1 !important; } #windowsh22.comprehensive-security .m-content-placement-item picture img { width: auto; } #windowsh22.comprehensive-security .m-content-placement-item picture { padding-bottom: 60px; } #windowsh22.comprehensive-security #phishingprevention { background: #F7F7F7; padding-top: 10px; } #windowsh22.comprehensive-security #appsecurity { padding-top: 10px; } #windowsh22.comprehensive-security #Modernprotection { background-size: cover !important; } #windowsh22.comprehensive-security .c-feature .c-call-to-action:not(.f-primary):not(.f-secondary):focus:not(.x-hidden-focus) span, #windowsh22.comprehensive-security .c-feature .c-call-to-action:not(.f-primary):not(.f-secondary):active span, #windowsh22.comprehensive-security .m-feature .c-call-to-action:not(.f-primary):not(.f-secondary):focus:not(.x-hidden-focus) span, #windowsh22.comprehensive-security .m-feature .c-call-to-action:not(.f-primary):not(.f-secondary):active span { box-shadow: none; left: 0 !important; border-bottom: 2px solid; } [lang='ar-xm'] #windowsh22.comprehensive-security .m-content-placement-item > picture img, [lang='ar-xm'] #windowsh22.comprehensive-security .c-content-placement > picture img, [lang='he-il'] #windowsh22.comprehensive-security .m-content-placement-item > picture img, [lang='he-il'] #windowsh22.comprehensive-security .c-content-placement > picture img { left: auto; right: 0; } [dir="rtl"] #windowsh22.comprehensive-security nav.c-in-page-navigation > ul li > a, [dir="rtl"] #windowsh22.comprehensive-security nav.c-in-page-navigation a { margin-right: 0px; }   [dir="rtl"] #windowsh22.comprehensive-security .number #gradient-mobile > picture.c-image { display: none !important; } [dir="rtl"] #windowsh22.comprehensive-security .number #gradient-mobile > picture.c-image img { display: none !important; } [dir="rtl"] #windowsh22.comprehensive-security nav.c-in-page-navigation > ul li > a { margin-left: 20px; margin-right: 0px; } #windowsh22.comprehensive-security .number #gradient-mobile > picture.c-image img { display: none !important; } [dir="rtl"] div#default-lightbox.security-overlay .m-content-placement-item > div { left: 0; } [dir="rtl"] #windowsh22.comprehensive-security .m-content-placement-item a { margin-left: 0; } [dir="rtl"] #windowsh22.comprehensive-security .c-in-page-navigation.f-dropdown ul { margin-right: -9px !important; } @media only screen and (min-width:1084px) { #windowsh22.comprehensive-security .full-width-sticky-nav, #windowsh22.laptop-buying-guide .full-width-sticky-nav { max-width: 100%; padding: 0; } #windowsh22.laptop-buying-guide .full-width-sticky-nav ul, #windowsh22.comprehensive-security .full-width-sticky-nav ul { margin-left: 5%; margin-right: 5%; } #windowsh22.comprehensive-security #comprehensiveSecurity_Contentplacement1_appsecurity .toutheading { font-size: 29px !important; line-height: 34px !important; } div#default-lightbox.security-overlay .c-video-player:not(.hide) + .m-content-placement-item { display: flex; padding: 50px; max-width: 560px !important; } div#default-lightbox.security-overlay .c-video-player:not(.hide) + .m-content-placement-item > picture { width: 100%; overflow: initial; padding-bottom: initial; } div#default-lightbox.security-overlay .m-content-placement-item > div { padding: 0px 40px 0px 0px !important; } div#default-lightbox.security-overlay .c-video-player:not(.hide) + .m-content-placement-item > picture img { width: initial; position: relative; } div#default-lightbox.security-overlay .m-content-placement-item > div { left: 40px; position: relative; } #windowsh22.comprehensive-security .holiday-animated-hero .m-hero-item > div > div p.c-paragraph-2 { margin-top: 6px; } #windowsh22.comprehensive-security .featurebox .featurecontent > p { padding-bottom: 26px; padding-top: 45px !important; } #windowsh22.comprehensive-security .security-stickynav:not(.f-sticky) { padding-top: 10px; } #windowsh22.laptop-buying-guide .security-stickynav:not(.f-sticky) { padding-top: 10px; } #windowsh22.comprehensive-security #comprehensiveSecurity_Contentplacement1_malwareProtection { padding-top: 42px; } #windowsh22.comprehensive-security #comprehensiveSecurity_Contentplacement2_malwareProtection { padding-bottom: 42px; } #windowsh22.comprehensive-security .m-content-placement-item .linearHorzontalLineLeft-blue { margin-top: 18px !important; } #windowsh22.comprehensive-security .herowithgradientline-blue .content-touts .articletouts .m-content-placement-item > div > h3 { padding-top: 4px; } #windowsh22.comprehensive-security .numberlistpanel .numberlist-structurelist .numberlist, #view-all .numberlistpanel .numberlist-structurelist .numberlist { min-height: 690px; } #windowsh22.comprehensive-security .numberlistpanel, #windowsh22.laptops-for-students .numberlistpanel, #view-all .numberlistpanel { padding-top: 100px; padding-bottom: 90px; } #view-all .numberlistpanel { clear: both; } #windowsh22.comprehensive-security #Modernprotection.featurebox .featurecontent > p { padding-top: 58px !important; } #windowsh22.comprehensive-security #Modernprotection { padding-bottom: 70px; padding-top: 30px; } #windowsh22.comprehensive-security .m-feature { margin-top: 40px; } #windowsh22.laptop-buying-guide .m-banner { margin-top: 20px; } #windowsh22.comprehensive-security .featurebox .m-feature.f-align-right .featurecontent { padding-left: 94px; } #windowsh22.comprehensive-security .featurebox .m-feature.f-align-left .featurecontent { padding-right: 104px; padding-left: 0px; } #windowsh22.comprehensive-security nav.f-sticky { padding-left: 64px; } #windowsh22.comprehensive-security .c-heading-1 { padding-top: 12px; } [lang='ar-xm'] #windowsh22.comprehensive-security .numberlist-structurelist #gradient-mobile .c-image, [lang='he-il'] #windowsh22.comprehensive-security .numberlist-structurelist #gradient-mobile .c-image { display: none; } [dir="rtl"] #windowsh22.comprehensive-security .featurebox .m-feature.f-align-right .featurecontent { padding-right: 94px; } [dir="rtl"] #windowsh22.comprehensive-security .featurebox .m-feature.f-align-left .featurecontent { padding-left: 94px; padding-right: 0px; } [dir="rtl"] #windowsh22.comprehensive-security .numberlist-structurelist .numberlistbanner .content .c-heading-2 { text-align: left; } [dir="rtl"] #windowsh22.comprehensive-security nav.f-sticky { padding-right: 64px; } } @media only screen and (max-width: 1083.98px) { #windowsh22.comprehensive-security nav.f-sticky.f-dropdown { padding-left: 6%; padding-right: 6%; } #windowsh22.comprehensive-security nav.f-sticky { padding-left: 0px; } #accessbilityID.accessibility-features .numberlistpanel { margin-bottom: 0px !important; } .comprehensive-security .image-priority-accolate { width: 100%; padding-top: 0 !important; } #windowsh22.comprehensive-security .holiday-animated-hero .m-hero-item:before { padding-bottom: 0 !important; } #windowsh22.comprehensive-security .holiday-animated-hero .m-hero-item { padding: 0px; } #windowsh22.comprehensive-security .holiday-animated-hero .m-hero-item > picture { transform: none; top: 0; left: 0; height: fit-content !important; position: relative; } /*looking for more panel hide css*/ #windowsh22.comprehensive-security .nonumber #gradient-mobile { display: none; } /*looking for more panel hide css end*/ #windowsh22.comprehensive-security #numberListId .numberlistbanner, #windowsh22.comprehensive-security #numberListId .numberlist { width: 100%; } #windowsh22.comprehensive-security .holiday-animated-hero .m-hero-item > picture > img { transform: none; top: 0; left: 0; height: auto; position: relative; border-radius: 0; } #windowsh22.comprehensive-security .holiday-animated-hero .m-hero-item > div > div { height: auto; padding: 5px 0; transform: none; top: 0; left: 0; float: left; position: relative; max-width:100%; } #windowsh22.comprehensive-security .holiday-animated-hero .m-hero-item .c-action-trigger { float: left; margin-top: 0; } [dir="rtl"] #windowsh22.comprehensive-security .holiday-animated-hero .m-hero-item .c-action-trigger { float: right; margin-top: 0; } [dir="rtl"] #windowsh22.comprehensive-security .holiday-animated-hero .m-hero-item > div > div { float: right; text-align: right; } #windowsh22.comprehensive-security .holiday-animated-hero .m-hero-item .c-group > div { transform: none; float: left; margin-top: 23px; } #windowsh22.comprehensive-security .holiday-animated-hero .m-hero-item .c-group { float: left; } [dir="rtl"] #windowsh22.comprehensive-security .holiday-animated-hero .m-hero-item .c-group { float: right; } [dir="rtl"] #windowsh22.comprehensive-security .holiday-animated-hero .m-hero-item > div > div .c-group a { text-align: right; padding-right: 6px !important; padding-left: 2px; } #windowsh22.comprehensive-security .m-content-placement-item picture img { width: 40px; } #windowsh22.comprehensive-security #comprehensiveSecurity_Contentplacement1_appsecurity .m-content-placement-item picture img { width: 50px; } #windowsh22.comprehensive-security #comprehensiveSecurity_Contentplacement1_appsecurity .linearHorzontalLineLeft-blue { margin-top: 10px !important; } [dir="rtl"] #windowsh22.comprehensive-security .numberlist-structurelist.nonumber .numberlistbanner, [dir="rtl"] .comprehensive-security .numberlist-structurelist.nonumber .numberlist { width: 100%; } [dir="rtl"] #windowsh22.comprehensive-security .numberlist-structurelist .numberlistbanner { width: 100%; } [dir="rtl"] #windowsh22.comprehensive-security .numberlist-structurelist .numberlist { width: 100%; }   [dir="rtl"] #windowsh22.comprehensive-security .numberlist-structurelist #gradient-image-numglyphs .c-image, [dir="rtl"] #windowsh22.comprehensive-security .numberlist-structurelist .c-image { display: none !important; } #windowsh22.comprehensive-security .numberlist-structurelist .c-image { display: none !important; } #windowsh22.windows .holiday-animated-hero .m-hero-item, #windowsh22.windows-11 .holiday-animated-hero .m-hero-item { padding: 0px; } #windowsh22.windows .holiday-animated-hero .m-hero-item:before, #windowsh22.windows-11 .holiday-animated-hero .m-hero-item:before { padding-bottom: 0px !important; } #windowsh22.windows .holiday-animated-hero .m-hero-item > picture, #windowsh22.windows-11 .holiday-animated-hero .m-hero-item > picture { transform: none; top: 0; left: 0; height: fit-content !important; position: relative; } #windowsh22.windows .holiday-animated-hero .m-hero-item > picture > img, #windowsh22.windows-11 .holiday-animated-hero .m-hero-item > picture > img { transform: none; top: 0; left: 0; height: auto; position: relative; border-radius: 0; } #windowsh22.windows .holiday-animated-hero .m-hero-item > div, #windowsh22.windows-11 .holiday-animated-hero .m-hero-item > div { padding-top: 16px !important; } #windowsh22.windows .holiday-animated-hero .m-hero-item > div > div, #windowsh22.windows-11 .holiday-animated-hero .m-hero-item > div > div { height: auto; padding: 5px 0; transform: none; top: 0; left: 0; float: left; } } @media screen and (max-width: 767.98px) { #windowsh22.comprehensive-security nav.c-in-page-navigation > ul li > a, #windowsh22.comprehensive-security nav.c-in-page-navigation a { font-size: 18px; } #windowsh22.laptop-buying-guide nav.c-in-page-navigation > ul li > a, #windowsh22.laptop-buying-guide nav.c-in-page-navigation a { font-size: 16px; } div#default-lightbox.security-overlay .c-video-player:not(.hide) + .m-content-placement-item { display: block; padding: 28px 24px 40px 24px; } /*looking for more panel hide css*/ #windowsh22.comprehensive-security .bg-color-num .structure-container:first-child { border-top: none; } #windowsh22.comprehensive-security .bg-color-num .numberlist .structure-container:nth-last-child(2) { border-bottom: none; } #windowsh22.comprehensive-security .bg-color-num .numberlist .structure-container:nth-last-child(2) .c-structured-list { margin-bottom: 0px; } #windowsh22.comprehensive-security .numberlist .c-structured-list .structure-item h3.c-heading-3 { padding-top: 25px; } #windowsh22.comprehensive-security .numberlist > div:first-child { margin-top: 0px; } #windowsh22.comprehensive-security .numberlist .structure-item p { left: 0; } #windowsh22.comprehensive-security .numberlist-structurelist.nonumber { padding-bottom: 10px; } /*looking for more panel hide css*/ #accessbilityID.accessibility-features .numberlistpanel { padding: 50px 0px; } #windowsh22.comprehensive-security .holiday-animated-hero .m-hero-item > div .linearHorzontalLineLeft-blue { margin-bottom: 18px !important; margin-top: 16px !important; } #windowsh22.comprehensive-security .m-content-placement-item picture img { width: 30px; } #windowsh22.comprehensive-security #comprehensiveSecurity_Contentplacement1_appsecurity .m-content-placement-item picture img { width: 40px; } #windowsh22.comprehensive-security #appsecurity .m-feature .featurecontent .c-group > .security-popup { text-align: left; } #windowsh22.comprehensive-security .m-content-placement-item picture { padding-bottom: 46px; } #windowsh22.comprehensive-security #comprehensiveSecurity_Contentplacement1_appsecurity .linearHorzontalLineLeft-blue { margin-top: 10px !important; } #windowsh22.comprehensive-security .m-feature { margin-top: 16px !important; } #windowsh22.comprehensive-security #Modernprotection { background: #DBE6F0 !important; } #windowsh22.comprehensive-security #Modernprotection .m-feature { margin-top: 40px; } #windowsh22.comprehensive-security .numberlistpanel { padding-bottom: 26px !important; } #windowsh22.comprehensive-security .numberlist .c-structured-list .structure-item h3.c-heading-3, #windowsh22.laptops-for-students .numberlist .c-structured-list .structure-item h3.c-heading-3 { font-size: 24px; line-height: 28px; } #windowsh22.comprehensive-security .numberlist-structurelist .numberlistbanner h2.c-heading-2 { font-size: 34px; line-height: 40px; } #windowsh22.comprehensive-security .linearHorzontalLineLeft-blue { margin-top: 0px !important; margin-bottom: 24px; } #windowsh22.comprehensive-security #malwareprotection { margin-top: 10px; } #windowsh22.comprehensive-security .holiday-animated-hero .m-hero-item > div { padding: 20px 0 !important; height: auto !important; position: relative; } #windowsh22.comprehensive-security .holiday-animated-hero .m-hero-item > div > div { position: relative; width: 100%; max-width: 100%; } #windowsh22.comprehensive-security .holiday-animated-hero .m-hero-item > div .c-paragraph-2 { padding-top: 38px !important; padding-bottom: 10px; } #windowsh22.comprehensive-security .m-feature.f-align-right > div .c-heading-2, .comprehensive-security .m-feature.f-align-left > div .c-heading-2 { margin-top: 28px !important; margin-bottom: 15px; font-size: 34px !important; line-height: 40px !important; } #windowsh22.comprehensive-security .m-feature .featurecontent .c-paragraph-2 { margin-bottom: 33px; } #windowsh22.comprehensive-security .m-feature { margin-bottom: 0px; padding-bottom: 0px !important; } #windowsh22.comprehensive-security #Modernprotection .m-feature { margin-top: 40px; margin-bottom: 40px !important; } #windowsh22.comprehensive-security .m-feature .featurecontent { text-align: left !important; padding-left: 0px !important; margin-left: 0px !important; padding-bottom: 0px; } #windowsh22.comprehensive-security #Modernprotection .m-feature { margin-bottom: 40px !important; } div#default-lightbox.security-overlay .c-video-player:not(.hide) + .m-content-placement-item > picture img { width: initial; position: relative; } div#default-lightbox.security-overlay .m-content-placement-item > div { padding: 2px 0px 0px 0px !important; } div#default-lightbox.security-overlay .c-video-player:not(.hide) + .m-content-placement-item > picture { padding-bottom: 0 } #windowsh22.comprehensive-security [data-grid~="stack-2"] > [data-grid] { float: none; width: 100%; display: block; } #windowsh22.comprehensive-security .image-priority-accolate { padding-top: initial !important; } #windowsh22.comprehensive-security .show-animation-lvp .m-hero-item > div .c-paragraph-1 { padding-top: 38px; padding-bottom: 10px; } #windowsh22.comprehensive-security .m-content-placement-item .linearHorzontalLineLeft-blue { margin-top: 10px !important; } [dir="rtl"] #windowsh22.comprehensive-security .m-feature .featurecontent { text-align: right !important; margin-right: 0px; padding-right: 0px; } [dir="rtl"] #windowsh22.comprehensive-security .numberlist .structure-item p { left: 0; } [dir="rtl"] #windowsh22.comprehensive-security #appsecurity .m-feature .featurecontent .c-group > .security-popup { text-align: right; } #windowsh22.laptops-for-students .c-heading-2 { font-size: 34px; line-height: 40px; }   #windowsh22.laptops-for-students .c-paragraph-2, #windowsh22 .c-paragraph-2, #accessbilityID .c-paragraph-2, .features .c-paragraph-2 { font-size: 18px; font-weight: 400; line-height: 24px; letter-spacing: 0em; } #windowsh22.laptops-for-students .m-highlight-feature .c-paragraph-2 { font-size: 18px; line-height: 24px; } #windowsh22.laptops-for-students .noimg-contentplacenent > div { padding-bottom: 22px; } #windowsh22.laptops-for-students .bg-color-num .numberlist .structure-container:nth-last-child(2) .c-structured-list { margin-bottom: 0px; } #windowsh22.laptops-for-students .image-priority-accolate .m-feature.m365education > div .linearHorzontalLineLeft-blue { margin-top: 37px !important; } } @media screen and (min-width:320px) and (max-width:767.98px) { div#default-lightbox.security-overlay .m-content-placement-item > div > p { font-size: 10px; line-height: normal; } [lang='fr-fr'] div#default-lightbox.security-overlay .m-content-placement-item > div > p, [lang='it-it'] div#default-lightbox.security-overlay .m-content-placement-item > div > p { font-size: 9px; line-height: normal; } div#default-lightbox.security-overlay .m-content-placement-item > div > h3 { font-size: 30px; line-height: normal; } } @media screen and (min-device-height: 667px) and (min-device-width: 320px) {   div#default-lightbox.security-overlay .m-content-placement-item > div > h3 { font-size: 28px; line-height: 34px; } } @media only screen and (min-width: 320px) and (max-width: 425px) { div#default-lightbox.security-overlay.c-dialog.tips-overlay [role="dialog"] { min-width: 220px; } div#default-lightbox.security-overlay .m-content-placement-item > div > h3 { font-size: 26px; line-height: 32px; } div#default-lightbox.security-overlay .m-content-placement-item > div > p { font-size: 14px; line-height: 18px; } .security-overlay.c-dialog.f-lightbox > [role="presentation"] + .c-glyph { top: 10px; right: 10px; } } @media only screen and (min-width:768px) and (max-width:1083.98px) { #accessbilityID.accessibility-features .numberlistpanel { padding: 60px 0px; } #windowsh22.comprehensive-security .m-content-placement-item .linearHorzontalLineLeft-blue { margin-bottom: 15px; margin-top: 0px !important; } #windowsh22.comprehensive-security .holiday-animated-hero .m-hero-item > div .linearHorzontalLineLeft-blue { margin-bottom: 24px !important; margin-top: 20px !important; } #windowsh22.comprehensive-security .holiday-animated-hero .m-hero-item > div { padding-top: 35px !important; padding-bottom: 58px !important; height: auto !important; margin-left: 50px; position: relative; } #windowsh22.comprehensive-security .holiday-animated-hero .m-hero-item > div .c-paragraph-2 { padding-top: 44px !important; } #windowsh22.comprehensive-security .m-feature { margin-top: 20px !important; padding-bottom: 0px !important; padding-top: 0px !important; } #windowsh22.comprehensive-security #Modernprotection .m-feature { margin-bottom: 48px; } .comprehensive-security .m-feature .featurecontent .c-paragraph-2 { padding-top: 36px; padding-bottom: 10px; } .comprehensive-security .c-feature.f-align-left > div, .comprehensive-security .c-feature.f-align-right > div, .comprehensive-security .c-feature.f-align-center > div, .comprehensive-security .m-feature.f-align-left > div, .comprehensive-security .m-feature.f-align-right > div, .comprehensive-security .m-feature.f-align-center > div { padding-top: 20px; padding-bottom: 15px; padding-left: 0; padding-right: 0; width: 100%; text-align: left; } #windowsh22.comprehensive-security .toutheading { padding-top: 10px !important; padding-bottom: 0px; } #windowsh22.comprehensive-security .numberlistpanel, #view-all .numberlistpanel { padding: 40px 0px; } /*#windowsh22.comprehensive-security .holiday-animated-hero .m-hero-item > div{padding:8px !important;} */ #windowsh22.comprehensive-security .holiday-animated-hero .m-hero-item > div > div p.c-paragraph-1 { padding-top: 45px; } #windowsh22.comprehensive-security #malwareprotection .m-feature { padding-top: 0px !important; } #windowsh22.comprehensive-security .m-feature.f-align-right > div .c-heading-2, .comprehensive-security .m-feature.f-align-left > div .c-heading-2 { margin-top: 0px !important; margin-bottom: 34px; } #windowsh22.comprehensive-security .featurebox .featurecontent p { padding-bottom: 10px; } #windowsh22.comprehensive-security .c-heading-1 { font-size: 46px; line-height: 56px; } #windowsh22.comprehensive-security .holiday-animated-hero .m-hero-item > div > div p.c-paragraph-1 { font-size: 18px; line-height: 24px; } #windowsh22.comprehensive-security [class^="m-feature"], .comprehensive-security .m-in-page-navigation { padding-left: 48px; padding-right: 48px; } #windowsh22.comprehensive-security .m-content-placement { padding-left: 36px; padding-right: 36px; } #windowsh22.comprehensive-security .featurebox .featurecontent p { margin-top: 5px !important; } #windowsh22.comprehensive-security .numberlistpanel { padding: 60px 0px; } #windowsh22.comprehensive-security .numberlist-structurelist .numberlistbanner .content { padding-left: 0px; padding-top: 0px; padding-bottom: 60px; } #windowsh22.comprehensive-security .numberlist-structurelist.nonumber { flex-direction: column; padding-top: 0px; padding-bottom: 0px; } #windowsh22.comprehensive-security .numberlist-structurelist #gradient-image-numglyphs .c-image { display: none; } div#default-lightbox.security-overlay .c-video-player:not(.hide) + .m-content-placement-item > picture { width: 100%; overflow: initial; padding-bottom: initial; } div#default-lightbox.security-overlay .m-content-placement-item > div { padding: 24px 0 0 0 !important; } div#default-lightbox .c-video-player:not(.hide) + .m-content-placement-item { display: block; padding: 48px; } div#default-lightbox.security-overlay .c-video-player:not(.hide) + .m-content-placement-item > picture img { width: initial; position: relative; } [dir="rtl"] #windowsh22.comprehensive-security .holiday-animated-hero .m-hero-item > div { margin-right: 50px; } [dir="rtl"] .comprehensive-security .c-feature.f-align-left > div, [dir="rtl"] .comprehensive-security .c-feature.f-align-right > div, [dir="rtl"] .comprehensive-security .c-feature.f-align-center > div, [dir="rtl"] .comprehensive-security .m-feature.f-align-left > div, [dir="rtl"] .comprehensive-security .m-feature.f-align-right > div, [dir="rtl"] .comprehensive-security .m-feature.f-align-center > div { text-align: right; right: 0; } [dir="rtl"] #windowsh22.comprehensive-security .numberlistpanel .numberlist-structurelist { flex-direction: column; padding-top: 0px; padding-bottom: 0px; } [dir="rtl"] #windowsh22.comprehensive-security .numberlist-structurelist .numberlistbanner .content { padding-right: 0px; } #windowsh22.comprehensive-security .numberlistpanel .numberlist-structurelist, #view-all .numberlistpanel .numberlist-structurelist { flex-direction: column; padding-top: 0px; padding-bottom: 0px; } #windowsh22.windows .holiday-animated-hero .m-hero-item > div, #windowsh22.windows-11 .holiday-animated-hero .m-hero-item > div { margin-left: auto !important; height: auto !important; } } @media only screen and (max-width:585px) { /*#windowsh22.comprehensive-security nav.c-in-page-navigation.f-dropdown{padding-left:0px ;} #windowsh22.comprehensive-security nav.f-sticky{padding-left: 25px !important;}*/ [dir="rtl"] #windowsh22.comprehensive-security nav.f-sticky { padding-right: 25px !important; } } @media only screen and (min-width:1084px) and (max-width:1399.98px) { #windowsh22.comprehensive-security .c-heading-1 { font-size: 56px; line-height: initial; } #windowsh22.comprehensive-security .holiday-animated-hero .m-hero-item > div > div p.c-paragraph-2 { font-size: 17px; line-height: initial; } #windowsh22.comprehensive-security .show-animation-on-hvp.holiday-animated-hero .m-hero-item > div > div, #windowsh22.comprehensive-security .holiday-animated-hero .m-hero-item > div > div { max-width: 345px; top: calc(50%); } #windowsh22.comprehensive-security .security-stickynav:not(.f-sticky) { padding-top: 6px; } #windowsh22.laptop-buying-guide .security-stickynav:not(.f-sticky) { padding-top: 6px; } #windowsh22.comprehensive-security .featurebox .featurecontent > p { padding-bottom: 10px; } #windowsh22.comprehensive-security #comprehensiveSecurity_Contentplacement1_malwareProtection { padding-top: 16px; } #windowsh22.comprehensive-security #comprehensiveSecurity_Contentplacement1_phishingprevention { padding-top: 14px; } #windowsh22.comprehensive-security #comprehensiveSecurity_Contentplacement1_appsecurity { padding-top: 10px; } [dir="rtl"] #windowsh22.comprehensive-security .holiday-animated-hero .m-hero-item > div > div, [dir="rtl"] #windowsh22.comprehensive-security .show-animation-on-hvp.holiday-animated-hero .m-hero-item > div > div { max-width: 315px ; top: calc(50%) ; } /*ROW viewport specific styles*/ [lang='bg-bg'] #windowsh22.comprehensive-security .c-heading-1, [lang='el-gr'] #windowsh22.comprehensive-security .c-heading-1, [lang='fr-be'] #windowsh22.comprehensive-security .c-heading-1, [lang='fr-ch'] #windowsh22.comprehensive-security .c-heading-1, [lang='fr-ca'] #windowsh22.comprehensive-security .c-heading-1, [lang='fr-fr'] #windowsh22.comprehensive-security .c-heading-1, [lang='fr-xf'] #windowsh22.comprehensive-security .c-heading-1, [lang='lv-lv'] #windowsh22.comprehensive-security .c-heading-1, [lang='pt-br'] #windowsh22.comprehensive-security .c-heading-1, [lang='sl-si'] #windowsh22.comprehensive-security .c-heading-1, [lang='ru-ru'] #windowsh22.comprehensive-security .c-heading-1, [lang='sk-sk'] #windowsh22.comprehensive-security .c-heading-1, [lang='th-th'] #windowsh22.comprehensive-security .c-heading-1, [lang='tr-tr'] #windowsh22.comprehensive-security .c-heading-1, [lang='uk-ua'] #windowsh22.comprehensive-security .c-heading-1, [lang='vi-vn'] #windowsh22.comprehensive-security .c-heading-1 { font-size: 46px; line-height: normal; } [lang='bg-bg'] #windowsh22.comprehensive-security .m-feature.f-align-right > div .c-heading-2, [lang='bg-bg'] #windowsh22.comprehensive-security .m-feature.f-align-left > div .c-heading-2, [lang='de-at'] #windowsh22.comprehensive-security .m-feature.f-align-right > div .c-heading-2, [lang='de-at'] #windowsh22.comprehensive-security .m-feature.f-align-left > div .c-heading-2, [lang='de-ch'] #windowsh22.comprehensive-security .m-feature.f-align-right > div .c-heading-2, [lang='de-ch'] #windowsh22.comprehensive-security .m-feature.f-align-left > div .c-heading-2, [lang='de-de'] #windowsh22.comprehensive-security .m-feature.f-align-right > div .c-heading-2, [lang='de-de'] #windowsh22.comprehensive-security .m-feature.f-align-left > div .c-heading-2, [lang='el-gr'] #windowsh22.comprehensive-security .m-feature.f-align-right > div .c-heading-2, [lang='el-gr'] #windowsh22.comprehensive-security .m-feature.f-align-left > div h2.c-heading-2.f-lean.main-heading, [lang='es-ar'] #windowsh22.comprehensive-security .m-feature.f-align-right > div .c-heading-2, [lang='es-ar'] #windowsh22.comprehensive-security .m-feature.f-align-left > div .c-heading-2, [lang='es-co'] #windowsh22.comprehensive-security .m-feature.f-align-right > div .c-heading-2, [lang='es-co'] #windowsh22.comprehensive-security .m-feature.f-align-left > div .c-heading-2, [lang='es-cl'] #windowsh22.comprehensive-security .m-feature.f-align-right > div .c-heading-2, [lang='es-cl'] #windowsh22.comprehensive-security .m-feature.f-align-left > div .c-heading-2, [lang='es-es'] #windowsh22.comprehensive-security .m-feature.f-align-right > div .c-heading-2, [lang='es-es'] #windowsh22.comprehensive-security .m-feature.f-align-left > div .c-heading-2, [lang='es-mx'] #windowsh22.comprehensive-security .m-feature.f-align-right > div .c-heading-2, [lang='es-mx'] #windowsh22.comprehensive-security .m-feature.f-align-left > div .c-heading-2, [lang='es-xl'] #windowsh22.comprehensive-security .m-feature.f-align-right > div .c-heading-2, [lang='es-xl'] #windowsh22.comprehensive-security .m-feature.f-align-left > div .c-heading-2, [lang='et-ee'] #windowsh22.comprehensive-security .m-feature.f-align-right > div .c-heading-2, [lang='et-ee'] #windowsh22.comprehensive-security .m-feature.f-align-left > div .c-heading-2, [lang='fi-fi'] #windowsh22.comprehensive-security .m-feature.f-align-right > div .c-heading-2, [lang='fi-fi'] #windowsh22.comprehensive-security .m-feature.f-align-left > div .c-heading-2, [lang='fr-be'] #windowsh22.comprehensive-security .m-feature.f-align-right > div .c-heading-2, [lang='fr-be'] #windowsh22.comprehensive-security .m-feature.f-align-left > div .c-heading-2, [lang='fr-ch'] #windowsh22.comprehensive-security .m-feature.f-align-right > div .c-heading-2, [lang='fr-ch'] #windowsh22.comprehensive-security .m-feature.f-align-left > div .c-heading-2, [lang='fr-ca'] #windowsh22.comprehensive-security .m-feature.f-align-right > div .c-heading-2, [lang='fr-ca'] #windowsh22.comprehensive-security .m-feature.f-align-left > div .c-heading-2, [lang='fr-fr'] #windowsh22.comprehensive-security .m-feature.f-align-right > div .c-heading-2, [lang='fr-fr'] #windowsh22.comprehensive-security .m-feature.f-align-left > div .c-heading-2, [lang='fr-xf'] #windowsh22.comprehensive-security .m-feature.f-align-right > div .c-heading-2, [lang='fr-xf'] #windowsh22.comprehensive-security .m-feature.f-align-left > div .c-heading-2, [lang='he-il'] #windowsh22.comprehensive-security .m-feature.f-align-right > div .c-heading-2, [lang='he-il'] #windowsh22.comprehensive-security .m-feature.f-align-left > div .c-heading-2, [lang='hu-hu'] #windowsh22.comprehensive-security .m-feature.f-align-right > div .c-heading-2, [lang='hu-hu'] #windowsh22.comprehensive-security .m-feature.f-align-left > div .c-heading-2, [lang='it-it'] #windowsh22.comprehensive-security .m-feature.f-align-right > div .c-heading-2, [lang='it-it'] #windowsh22.comprehensive-security .m-feature.f-align-left > div .c-heading-2, [lang='lt-lt'] #windowsh22.comprehensive-security .m-feature.f-align-right > div .c-heading-2, [lang='lt-lt'] #windowsh22.comprehensive-security .m-feature.f-align-left > div .c-heading-2, [lang='lv-lv'] #windowsh22.comprehensive-security .m-feature.f-align-right > div .c-heading-2, [lang='lv-lv'] #windowsh22.comprehensive-security .m-feature.f-align-left > div .c-heading-2, [lang='nl-be'] #windowsh22.comprehensive-security .m-feature.f-align-right > div .c-heading-2, [lang='nl-be'] #windowsh22.comprehensive-security .m-feature.f-align-left > div .c-heading-2, [lang='nl-nl'] #windowsh22.comprehensive-security .m-feature.f-align-right > div .c-heading-2, [lang='nl-nl'] #windowsh22.comprehensive-security .m-feature.f-align-left > div .c-heading-2, [lang='pl-pl'] #windowsh22.comprehensive-security .m-feature.f-align-right > div .c-heading-2, [lang='pl-pl'] #windowsh22.comprehensive-security .m-feature.f-align-left > div .c-heading-2, [lang='pt-br'] #windowsh22.comprehensive-security .m-feature.f-align-right > div .c-heading-2, [lang='pt-br'] #windowsh22.comprehensive-security .m-feature.f-align-left > div .c-heading-2, [lang='pt-pt'] #windowsh22.comprehensive-security .m-feature.f-align-right > div .c-heading-2, [lang='pt-pt'] #windowsh22.comprehensive-security .m-feature.f-align-left > div .c-heading-2, [lang='ro-ro'] #windowsh22.comprehensive-security .m-feature.f-align-right > div .c-heading-2, [lang='ro-ro'] #windowsh22.comprehensive-security .m-feature.f-align-left > div .c-heading-2, [lang='ru-ru'] #windowsh22.comprehensive-security .m-feature.f-align-right > div .c-heading-2, [lang='ru-ru'] #windowsh22.comprehensive-security .m-feature.f-align-left > div .c-heading-2, [lang='sl-si'] #windowsh22.comprehensive-security .m-feature.f-align-right > div .c-heading-2, [lang='sl-si'] #windowsh22.comprehensive-security .m-feature.f-align-left > div .c-heading-2, [lang='uk-ua'] #windowsh22.comprehensive-security .m-feature.f-align-right > div .c-heading-2, [lang='uk-ua'] #windowsh22.comprehensive-security .m-feature.f-align-left > div .c-heading-2, [lang='vi-vn'] #windowsh22.comprehensive-security .m-feature.f-align-right > div .c-heading-2, [lang='vi-vn'] #windowsh22.comprehensive-security .m-feature.f-align-left > div .c-heading-2 { font-size: 40px !important; line-height: normal; } /*ROW end*/ } @media only screen and (min-width:1400px) and (max-width:1600px) { #windowsh22.windows-11 .show-animation-on-hvp.holiday-animated-hero .m-hero-item > div > div, #windowsh22.windows-11 .holiday-animated-hero .m-hero-item > div > div { max-width: 400px; top: calc(50%); } } @media only screen and (min-width:1400px) { #windowsh22.comprehensive-security .show-animation-on-hvp.holiday-animated-hero .m-hero-item > div > div, #windowsh22.comprehensive-security .holiday-animated-hero .m-hero-item > div > div, #windowsh22.windows .show-animation-on-hvp.holiday-animated-hero .m-hero-item > div > div, #windowsh22.windows .holiday-animated-hero .m-hero-item > div > div, #windowsh22.get-windows-11 .m-hero-item > div > div { max-width: 400px; top: calc(50%); } #windowsh22.comprehensive-security .security-stickynav:not(.f-sticky) { padding-top: 0px; } #windowsh22.laptop-buying-guide .security-stickynav:not(.f-sticky) { padding-top: 0px; } #windowsh22.comprehensive-security #malwareprotection .m-feature, #windowsh22.comprehensive-security #appsecurity .m-feature { margin-top: 30px; } #windowsh22.comprehensive-security #phishingprevention .m-feature { margin-top: 40px; } #windowsh22.laptop-buying-guide #choosewindows .m-banner, #windowsh22.laptop-buying-guide #hardware .m-banner { margin-top: 30px; } #windowsh22.laptop-buying-guide #formfactors .m-banner { margin-top: 40px; } #windowsh22.comprehensive-security #comprehensiveSecurity_Contentplacement1_malwareProtection { padding-top: 6px; } #windowsh22.comprehensive-security #Modernprotection .m-feature { margin-top: 56px !important; margin-bottom: 56px !important; } #windowsh22.comprehensive-security .featurebox .featurecontent > p { padding-bottom: 10px; } [lang="sl-si"] #windowsh22.comprehensive-security .show-animation-on-hvp.holiday-animated-hero .m-hero-item > div > div, [lang="sl-si"] #windowsh22.comprehensive-security .holiday-animated-hero .m-hero-item > div > div, [lang="ru-ru"] #windowsh22.comprehensive-security .show-animation-on-hvp.holiday-animated-hero .m-hero-item > div > div, [lang="ru-ru"] #windowsh22.comprehensive-security .holiday-animated-hero .m-hero-item > div > div { max-width: 420px; top: calc(50%); } } /*Comprehensive Security ends*/ @media only screen and (min-width:1600px) { #windowsh22.comprehensive-security .full-width-sticky-nav ul, #windowsh22.comprehensive-security .full-width-sticky-nav nav.f-sticky ul, #windowsh22.laptop-buying-guide .full-width-sticky-nav ul, #windowsh22.laptop-buying-guide .full-width-sticky-nav nav.f-sticky ul { max-width: 1600px; margin: 0 auto; min-width: 1600px; } #windowsh22.laptop-buying-guide .full-width-sticky-nav ul, #windowsh22.laptop-buying-guide .full-width-sticky-nav nav.f-sticky ul { margin: 0 auto !important; } #windowsh22.comprehensive-security .full-width-sticky-nav nav.f-sticky ul, #windowsh22.laptop-buying-guide .full-width-sticky-nav nav.f-sticky ul { margin: 0 auto !important; } #windowsh22.comprehensive-security nav.f-sticky, #windowsh22.laptop-buying-guide nav.f-sticky { padding-left: 0; } #windowsh22.comprehensive-security #phishingprevention, #windowsh22.comprehensive-security .phishingprevention, #windowsh22.comprehensive-security #Modernprotection { width: 100%; max-width: 100%; padding: 0; } #windowsh22.comprehensive-security #phishingprevention .m-feature, #windowsh22.comprehensive-security #Modernprotection .m-feature, #windowsh22.comprehensive-security .phishingprevention .m-content-placement { max-width: 1600px; margin: 0 auto; min-width: 1600px; float: none; } #windowsh22.comprehensive-security #phishingprevention .m-feature { margin-top: 40px; } } #windowsh22.comprehensive-security .mp4videoinline { background: transparent !important; } @media only screen and (min-width:1084px) { #windowsh22.windows-11 .win10-nav.f-sticky .upgrade-button, #windowsh22 .common-button.f-sticky .c-in-page-navigation.f-sticky li a.blue-button, .accessibility-features .common-button.f-sticky .c-in-page-navigation.f-sticky li a.blue-button, .windows-11-specifications .common-button.f-sticky .c-in-page-navigation.f-sticky li a.blue-button, .windows-11-specifications .common-button.f-sticky .f-dropdown.f-sticky .c-in-page-navigation.f-sticky li a.blue-button { display: inline-block; border-radius: 6px; text-align: center; box-shadow: none; background: #0078D4; color: #FFFFFF !important; font-weight: 700; font-size: 15px; line-height: 20px; border: 0; min-height: 42px; height: auto; padding: 10px 40px; margin-top: 5px; white-space: nowrap; margin-right: 5%; } #windowsh22 .common-button.f-sticky .c-in-page-navigation.f-sticky li a.blue-button { margin-top: 0; } #windowsh22.windows-11 .win10-nav.f-sticky .upgrade-button { font-size: 20px; line-height: 24px; } #windowsh22 .sticky-navbarNew.f-sticky li a.blue-button, .accessibility-features .sticky-navbarNew.f-sticky li a.blue-button, .windows-11-specifications .sticky-navbarNew.f-sticky li a.blue-button { margin-right: 0; margin-top: 0; } #windowsh22 .common-button.f-sticky ul li:last-child, .accessibility-features .common-button.f-sticky ul li:last-child, .windows-11-specifications .common-button.f-sticky ul li:last-child { float: right; margin-left: auto; } #windowsh22.laptop-buying-guide .common-button.f-sticky ul li:last-child { position: absolute; right: 5%; } [dir=rtl] #windowsh22.laptop-buying-guide .common-button.f-sticky ul li:last-child { right: auto; left: 5%; } [dir=rtl] #windowsh22 .common-button.f-sticky ul li:last-child, [dir=rtl] #windowsh22.windows-11 .win10-nav.f-sticky ul li:last-child, [dir=rtl] .accessibility-features .common-button.f-sticky ul li:last-child, [dir=rtl] .windows-11-specifications .common-button.f-sticky ul li:last-child { float: left; margin-right: auto; margin-left: 0; } #windowsh22 .common-button.f-sticky .f-sticky.f-dropdown ul li:last-child, .accessibility-features .common-button.f-sticky .f-sticky.f-dropdown ul li:last-child, .windows-11-specifications .common-button.f-sticky .f-sticky.f-dropdown ul li:last-child, .windows-11-specifications .f-dropdown ul li:last-child { float:left; width: 100%; } #windowsh22 .common-button.f-sticky .f-sticky.f-dropdown ul li:last-child a.blue-button, .accessibility-features .common-button.f-sticky .f-sticky.f-dropdown ul li:last-child a.blue-button, .windows-11-specifications .common-button.f-sticky .f-sticky.f-dropdown ul li:last-child a.blue-button, .windows-11-specifications .f-dropdown ul li:last-child a.blue-button { font-size: 15px; line-height: 20px; width: 100%; } #windowsh22 .common-button.f-sticky li a.blue-button, .accessibility-features .common-button.f-sticky li a.blue-button { font-weight: 700; position: relative; top: 5px; font-size: 15px; } .accessibility-features .common-button.f-sticky li a.blue-button { top: 1px; } .windows-11-specifications .common-button.f-sticky li a.blue-button { top: -2px; margin-left: 0; margin-right: 0; } #windowsh22 .common-button.f-sticky .f-sticky.f-dropdown li a.blue-button, .accessibility-features .common-button.f-sticky .f-sticky.f-dropdown li a.blue-button, #windowsh22.laptop-buying-guide .common-button.f-sticky .f-sticky.f-dropdown li a.blue-button, .windows-11-specifications .common-button.f-sticky .f-sticky.f-dropdown li a.blue-button { top: 0; margin-top: 0; } #windowsh22.windows-11 .win10-nav.f-dropdown ul li:last-child, #windowsh22.windows-11 .win10-nav:not(.f-sticky) .upgrade-button, #windowsh22 .common-button .c-in-page-navigation:not(.f-sticky) li a.blue-button, .accessibility-features .common-button .c-in-page-navigation:not(.f-sticky) li a.blue-button, .windows-11-specifications .common-button .c-in-page-navigation:not(.f-sticky) li a.blue-button, .windows-11-specifications .f-dropdown .c-in-page-navigation:not(.f-sticky) li a.blue-button { display: none; } #windowsh22:not(.comprehensive-security) .common-button .c-in-page-navigation:not(.f-sticky) > ul, #windowsh22.windows-11 .win10-nav:not(.f-sticky) > ul, .accessibility-features .common-button .c-in-page-navigation:not(.f-sticky) > ul, .windows-11-specifications .common-button .c-in-page-navigation:not(.f-sticky) > ul { margin-left: 0 !important; } #windowsh22.laptop-buying-guide .common-button .c-in-page-navigation:not(.f-sticky) > ul, [dir=rtl] #windowsh22.laptop-buying-guide .common-button .c-in-page-navigation:not(.f-sticky) > ul { margin: 0 auto !important; } #windowsh22.windows-11 .win10-nav.f-sticky ul li:last-child { float: right; } #windowsh22.windows-11 .win10-nav.f-sticky.f-dropdown ul li:last-child, #windowsh22.windows-11-specifications .c-in-page-navigation.f-dropdown ul li:last-child { float: left; } #windowsh22.windows-11 .win10-nav.f-sticky.f-hide ul li:last-child { float: none; } [dir=rtl] #windowsh22.windows-11 .win10-nav.f-sticky ul li:last-child { float: left; } #windowsh22.windows-11 .win10-nav.f-sticky ul li:last-child a { margin-right: 0; } [dir=rtl] #windowsh22.windows-11 .win10-nav.f-sticky ul li:last-child a { margin-left: 0 !important; } } [lang='fr-fr'] #popup-container .privacy-footer { height: 83px; } [lang='fr-fr'] #popup-container .privacy-footer p { line-height: 13px; } /*Laptop for college students*/ /* LFCS Css Starts*/ #windowsh22.laptops-for-students .noimg-contentplacenent picture { display: none; } #windowsh22.laptops-for-students .noimgcon-banner .c-heading-2, #windowsh22.laptops-for-students .noimg-contentplacenent .toutheading { padding-top: 0; } #windowsh22.laptops-for-students .m365education.m-feature > picture .videobutton.c-call-to-action.c-glyph.bottom-right, #windowsh22.laptops-for-students .m365education.m-feature > picture .videobutton.c-call-to-action.c-glyph.bottom-right:focus { right: 30px; bottom: 25px; } #windowsh22.laptops-for-students a.c-call-to-action.c-glyph { font-weight: 700; } #windowsh22.laptops-for-students .noimg-contentplacenent > div { padding-bottom: 48px; } #windowsh22.laptops-for-students .m365education.m-feature > picture .videobutton, #windowsh22.laptops-for-students .m365education.m-feature > picture .videobutton:focus { border: 1px solid #FFFFFF !important; } #windowsh22.laptops-for-students .m365education.m-feature > picture .videobutton.c-call-to-action.c-glyph:before { color: #FFFFFF !important; } #windowsh22.laptops-for-students .m-highlight-feature > div, #view-all .m-highlight-feature > div { border-radius: 8px; } @media only screen and (min-width: 1084px) { #windowsh22.laptops-for-students .m-highlight-feature > div, #view-all .m-highlight-feature > div { max-width: 1600px; margin-left: 5%; } #windowsh22.laptops-for-students .featurebox .m-feature.lfcs-hero.f-align-right .featurecontent { padding-left: 107px; } #windowsh22.laptops-for-students .lfcs-hero.m-feature { margin-top: 59px; } #windowsh22.laptops-for-students .numberlistpanel { padding-top: 100px; padding-bottom: 90px; background: #F9F9F9; } #windowsh22.laptops-for-students .numberlistpanel .numberlist-structurelist .numberlist { min-height: 700px; } #windowsh22.laptops-for-students .m365education.m-feature.f-align-right .featurecontent { padding-left: 156px; } [dir="rtl"] #windowsh22.laptops-for-students .featurebox .m-feature.lfcs-hero.f-align-right .featurecontent { padding-right: 107px; } [dir="rtl"] #windowsh22.comprehensive-security .holiday-animated-hero .m-hero-item > div > div .c-group a { padding: 10px 4px 6px 20px; } } #view-all .m-highlight-feature { margin-top: 60px; } #windowsh22.laptops-for-students .m-content-placement-item > picture, .c-content-placement > picture { padding-bottom: 62%; } #windowsh22.laptops-for-students .image-priority-accolate .m365education picture.c-image.mp4inline > video { border-radius: 9.36px; } @media screen and (min-width: 1770px) { #windowsh22.laptops-for-students .m-highlight-feature > div, #view-all .m-highlight-feature > div { margin-left: calc((100% - 1600px) / 2); } } @media screen and (min-width: 1600px) { #windowsh22.laptops-for-students .numberlistpanel .numberlist-structurelist .numberlist { min-height: 750px; } } @media screen and (max-width: 1083px) { #windowsh22.laptops-for-students .m-feature .featurecontent { text-align: left !important; padding-left: 0px !important; padding-right: 0px !important; margin-left: 0px !important; padding-bottom: 0px; } #windowsh22.laptops-for-students .image-priority-accolate { width: 100%; } } @media only screen and (min-width: 768px) and (max-width: 1083px) { #windowsh22.laptops-for-students .m-highlight-feature > div { height: auto; top: calc(50%); } #windowsh22.laptops-for-students .m-highlight-feature > div .c-heading-2 { font-size: 34px; line-height: 40px; } #windowsh22.laptops-for-students .m-feature .featurecontent { padding-top: 48px; } } @media only screen and (min-width: 768px) { #windowsh22.laptops-for-students .featurebox .featurecontent p { padding-top: 24px !important; } #windowsh22.laptops-for-students .image-priority-accolate .m365education { margin-top: 52px; } #windowsh22.laptops-for-students .lfcs-divider { display: none; } } @media screen and (max-width: 767px) { #windowsh22.laptops-for-students .lfcs-hero.m-feature .c-heading-1 { font-size: 46px; line-height: 56px; } [lang="fi-fi"] #windowsh22.laptops-for-students .lfcs-hero.m-feature .c-heading-1 { word-wrap: break-word; } #windowsh22.laptops-for-students .lfcs-hero { margin-top: 24px; } #windowsh22.laptops-for-students .image-priority-accolate .m-feature.lfcs-hero > div .linearHorzontalLineLeft-blue { margin-bottom: 16px !important; margin-top: 48px !important; } #windowsh22.laptops-for-students .m-banner { padding-top: 0px !important; padding-bottom: 32px !important; } #windowsh22.laptops-for-students .m-content-placement-item { margin-top: 40px; } #windowsh22.laptops-for-students .content-banner .c-heading-2 { padding-top: 0px; } #windowsh22.laptops-for-students .noimg-contentplacenent .toutheading { padding-top: 0px; } #windowsh22.laptops-for-students .m-highlight-feature { margin-top: 24px !important; } #windowsh22.laptops-for-students .image-priority-accolate .m365education { margin-top: 0px; } #windowsh22.laptops-for-students .bg-color-num .numberlist .structure-container:nth-last-child(2) { border-bottom: none; } #windowsh22.laptops-for-students .bg-color-num .numberlistpanel { padding-bottom: 60px; } #windowsh22.laptops-for-students .m-highlight-feature, #view-all .m-highlight-feature { padding-top: 0px !important; } } @media (min-width: 540px) and (max-width: 767.98px) { #windowsh22.laptops-for-students .lfcs-divider { padding-left: 19px; padding-right: 19px; } #windowsh22.laptops-for-students .m-content-placement .articletouts { padding-left: 0px; padding-right: 0px; } [lang="en-us"] #windowsh22.windows .devices-mosaic .mosaic_right_btm_img_1 img, [lang="en-us"] #windowsh22.windows .devices-mosaic .mosaic_r_img_1 img { width: 100%; } [lang="en-us"] #windowsh22.windows .devices-mosaic .c-mosaic [data-f-mosaic~="f-height-medium"] { height: 270px !important; } [dir=rtl] .sync-across-your-devices #android-faq-panel div.c-drawer-panel, [dir=rtl] .sync-across-your-devices #ios-faq-panel div.c-drawer-panel { padding-right: 4% !important; } } div#windowsh22.laptops-for-students.animation-false .c-image.mp4inline { display: block !important; } #windowsh22.laptops-for-students .articletouts .m-content-placement-item, #windowsh22.laptops-for-students .articletouts .m-content-placement-item:hover { cursor: default; } #windowsh22.laptops-for-students .m-content-placement-item[data-js-href]:hover picture img, #windowsh22.laptops-for-students .c-content-placement[data-js-href]:hover picture img { opacity: 1; } #windowsh22.comprehensive-security .holiday-animated-hero .m-hero-item > div > div .c-group a { background: transparent; color: #0067b8; padding-left: 0px; } #windowsh22.comprehensive-security .holiday-animated-hero .m-hero-item > div > div .c-group a.c-call-to-action:focus { background: rgba(0,103,184,.1); } @media only screen and (min-width: 320px) and (max-width: 600px) { [dir="rtl"] .accessibility-features nav.c-in-page-navigation.f-dropdown .f-dropdown-menu #unique-id-for-list li a.bg-blue-sticky, [dir="rtl"] #windowsh22.windows-11 nav.c-in-page-navigation.f-dropdown .f-dropdown-menu #unique-id-for-list li a.bg-blue-sticky { margin-left: 0px !important; } [dir="rtl"] .accessibility-features nav.c-in-page-navigation.f-dropdown .f-dropdown-menu .c-menu, [dir="rtl"] #windowsh22.windows-11 nav.c-in-page-navigation.f-dropdown .f-dropdown-menu .c-menu { margin-right: 0px !important; } [dir="rtl"] #windowsh22.windows-11 nav.c-in-page-navigation.f-dropdown .f-dropdown-menu > a { margin-right: 6px; } } .laptops-for-college-students .featurebox .featurecontent, .laptops-for-students .featurebox .featurecontent { padding-bottom: 1px !important; } [lang="fi-fi"] #windowsh22.laptops-for-students .m-highlight-feature > div .c-heading-2 { font-size: 42px; line-height: initial; } @media screen and (min-width: 1084px) and (max-width: 1300.99px) { #windowsh22.laptops-for-students .featurebox .m-feature.lfcs-hero.f-align-right .featurecontent > .c-heading-1 { font-size: 52px; line-height: initial; } #windowsh22.laptops-for-students .featurebox .m-feature.lfcs-hero.f-align-right .featurecontent > .c-paragraph-2 { font-size: 15px; line-height: initial; } #windowsh22.laptops-for-students .lfcs-hero.m-feature { min-height: 0px !important; } #windowsh22.laptops-for-students .m-highlight-feature > div .c-heading-2, [lang="fi-fi"] #windowsh22.laptops-for-students .m-highlight-feature > div .c-heading-2, .view-all .m-highlight-feature > div .c-heading-2 { font-size: 32px; line-height: initial; } #windowsh22.laptops-for-students .m-highlight-feature > div .c-paragraph-2, .view-all .m-highlight-feature > div .c-paragraph-2 { font-size: 15px; line-height: initial; } #windowsh22.laptops-for-students .m365education.m-feature.f-align-right .featurecontent > .c-heading-2 { font-size: 32px; line-height: initial; } #windowsh22.laptops-for-students .content-banner { padding-left: 5%; padding-right: 5%; } [lang="ar-xm"] #windowsh22.laptops-for-students .featurebox .m-feature.lfcs-hero.f-align-right .featurecontent { padding-left: 20px; } [lang="ar-xm"] #windowsh22.laptops-for-students .featurebox .m-feature.lfcs-hero.f-align-right .featurecontent > .c-heading-1 { font-size: 46px; } #windowsh22.laptops-for-students .m365education.m-feature.f-align-right .featurecontent > .c-paragraph-2 { font-size: 15px; line-height: initial; } #windowsh22.laptops-for-students .featurebox .m-feature.lfcs-hero.f-align-right .featurecontent > .c-heading-1 { word-wrap: break-word; } [lang="sk-sk"] #windowsh22.laptops-for-students .featurebox .m-feature.lfcs-hero.f-align-right .featurecontent > .c-heading-1 { word-wrap: normal; } } @media screen and (min-width: 1301px) and (max-width: 1399px) { #windowsh22.laptops-for-students .m-highlight-feature > div .c-heading-2, [lang="fi-fi"] #windowsh22.laptops-for-students .m-highlight-feature > div .c-heading-2, .view-all .m-highlight-feature > div .c-heading-2 { font-size: 32px; line-height: initial; } #windowsh22.laptops-for-students .m365education.m-feature.f-align-right .featurecontent > .c-paragraph-2 { font-size: 18px; line-height: initial; } #windowsh22.laptops-for-students .featurebox .m-feature.lfcs-hero.f-align-right .featurecontent > .c-heading-1 { word-wrap: break-word; } #windowsh22.laptops-for-students .m-highlight-feature > div .c-paragraph-2, .view-all .m-highlight-feature > div .c-paragraph-2 { font-size: 15px; line-height: initial; } } /* LFCS Css ends */ /*@media screen and (min-width: 1400px) { #windowsh22.windows .bingChat { margin-top: 96px; } }*/ @media screen and (min-width: 1084px) { #windowsh22.windows .bingChat { padding-top: 48px; padding-bottom: 14px; } #windowsh22.windows .featurebox .m-feature.bingChat .featurecontent { padding-right: 131px; } [lang='en-us'] .windows #pcs .m-banner { margin-top: 48px; } } @media screen and (max-width: 1083px) { #windowsh22.windows .m-feature.bingChat .featurecontent { text-align: left !important; padding-left: 0px !important; padding-right: 0px !important; margin-left: 0px !important; padding-bottom: 0px; } #windowsh22.windows .featurebox { width: 100% } #windowsh22.windows .image-priority-accolate .m-feature.bingChat > div .linearHorzontalLineLeft-blue { margin-top: 60px !important; } #windowsh22.laptops-for-students .m-highlight-feature > div .c-heading-2, [lang="fi-fi"] #windowsh22.laptops-for-students .m-highlight-feature > div .c-heading-2, .view-all .m-highlight-feature > div .c-heading-2 { font-size: 32px; line-height: initial; } #windowsh22.laptops-for-students .toutheading { font-size: 24px; line-height: 28px; } [dir="rtl"] #windowsh22.laptops-for-students .m-feature .featurecontent { text-align: right !important; margin-right: 0 !important; } } @media screen and (min-width: 768px) { #windowsh22.windows .featurebox .m-feature.bingChat .featurecontent p { padding-top: 24px !important; } .view-all .m-highlight-feature > div .c-paragraph-2 { font-size: 15px; line-height: initial; } .view-all .m-highlight-feature > div .c-heading-2 { font-size: 32px; line-height: initial; } } @media screen and (max-width: 768px) { #windowsh22 .bingChat .c-paragraph-2 { font-size: 15px; line-height: 20px; padding-top: 16px !important; } #windowsh22.windows .image-priority-accolate .m-feature.bingChat .c-group { margin-top: 0px; } } /*SAYD CSS starts*/ .sync-across-your-devices .c-pivot.center ul[role="tablist"] { padding-top: 32px; margin-bottom: 0px !important; } .sync-across-your-devices .c-pivot.center ul[role="tablist"] li.f-active { color: #000 !important; border-bottom: 2px solid #000; padding-bottom: 8px; border-radius: 0px; border-left: 0px !important; border-right: 0px !important; border-top: 0px !important; margin: 0px 20px; } .sync-across-your-devices .c-pivot.center [role="tablist"] [role="tab"] { font-weight: 600; font-size: 18px; border-radius: 6px; text-align: center; padding: 0px 0px 8px 0px; line-height: 1; box-shadow: none; color: #0067B8; margin: 0px 20px; background: #FFF; } .sync-across-your-devices p.c-paragraph-2 { font-weight: 400; } [lang='en-us'] #android-numberlist-banner, [lang='en-us'] #iOS-numberlist-banner { background: linear-gradient(179.22deg, #FFFFFF 0.64%, #EBF4FC 89.43%); } .sync-across-your-devices .c-pivot ul.x-type-center { border-bottom: 1px solid #D2D2D2 !important; } .sync-across-your-devices .c-pivot.center section[role=tabpanel] { box-shadow: none !important; } .sync-across-your-devices #PivotTarget1 > div:nth-child(2) { padding-left: 0px; padding-right: 0px; } .sync-across-your-devices .SAYD-contentplacement a.c-hyperlink:focus { border: 2px dashed #000 !important; line-height: 30px; } .sync-across-your-devices .custom-small-feature .c-image { width: 164px; height: 151px; } #SAYD-Android-Mosaic .c-group a.c-call-to-action { text-align: left; bottom: 10px; } .sync-across-your-devices #android-faq-panel .c-drawer > button, .sync-across-your-devices #ios-faq-panel .c-drawer > button { background: #F7F7F7; border-radius: 8px; } .sync-across-your-devices #android-faq-panel .c-drawer > button:after, .sync-across-your-devices #ios-faq-panel .c-drawer > button:after { color: #0078D7; } .sync-across-your-devices #android-faq-panel .c-drawer-panel, .sync-across-your-devices #ios-faq-panel .c-drawer-panel { background: #F7F7F7; border-radius: 8px; } .sync-across-your-devices #android-faq-panel .c-drawer, .sync-across-your-devices #ios-faq-panel .c-drawer { margin-bottom: 12px; } .sync-across-your-devices .numberlistpanel .numberlist-structurelist { margin-top: 80px; } .sync-across-your-devices #SAYDContentPlacemet.crossCards { background: none; } .sync-across-your-devices .custom-mosaic .c-mosaic-placement .c-group { text-align: left; left: 32px; bottom: 15px; } .SAYD-contentplacement .toutheading a.c-hyperlink { text-decoration: underline; } .sync-across-your-devices .expand-collapse-toggle-area { margin-right: 10px; } .sync-across-your-devices .drawer-panel .c-drawer { background: #F7F7F7; border-radius: 8px; } .sync-across-your-devices .numberContentPlacement .m-content-placement-item .c-badge { color: #0078D7 !important; } .sync-across-your-devices .c-drawer > button { font-weight: 600; font-size: 20px; line-height: 24px; } .sync-across-your-devices .c-drawer > button::before { font-size: 13px !important; line-height: 16px !important; color: #0067b8; } .sync-across-your-devices #iOS-phonelink-banner .custom-small-feature .content.comppanel { color: #001968; } .sync-across-your-devices .SAYD-hero .linearHorzontalLineLeft-blue { transform: rotate(180deg); } .sync-across-your-devices #iOS-phonelink-banner .m-feature.custom-small-feature { flex-direction: row-reverse; background: #BBDEF1; } .sync-across-your-devices .drawer-panel .expand-collapse-toggle-area button.c-action-trigger:focus { outline: none; } .sync-across-your-devices .drawer-panel .c-drawer .c-drawer-panel p.c-paragraph-3, .sync-across-your-devices .drawer-panel .c-drawer .c-drawer-panel .c-list li { font-size: 18px; line-height: 24px; font-weight: 400; } .sync-across-your-devices #android-faq-panel div.c-drawer-panel, .sync-across-your-devices #ios-faq-panel div.c-drawer-panel { padding-bottom: 16px !important; } .sync-across-your-devices p.expand-collapse-toggle-area.x-type-right > span { transform: rotate(20deg); position: relative; top: -2px; } /*.sync-across-your-devices .drawer-panel .expand-collapse-toggle-area button.c-action-trigger[disabled] { color: #000; }*/ .sync-across-your-devices .numberlistpanel .numberlist .structure-container .c-group a { font-weight: 700; } [lang='ar-xm'] .sync-across-your-devices #android-faq-panel .c-drawer-panel, [lang='ar-xm'] .sync-across-your-devices #ios-faq-panel .c-drawer-panel, [lang='he-il'] .sync-across-your-devices #android-faq-panel .c-drawer-panel, [lang='he-il'] .sync-across-your-devices #ios-faq-panel .c-drawer-panel { margin: 0 2% 0 8%; } @media only screen and (min-width: 632px) and (max-width: 640px) { .sync-across-your-devices .c-pivot.center ul[role="tablist"] li.f-active { padding-left: 3px; padding-right: 3px; } } @media only screen and (min-width: 1084px) { .sync-across-your-devices .SAYD-hero .linearHorzontalLineLeft-blue { margin-top: 12px !important; } .sync-across-your-devices .SAYD-hero h1 { margin-top: 20px; } .sync-across-your-devices .SAYD-hero p.c-paragraph-2 { padding-top: 20px; } .m-hero-item.SAYD-hero > div { margin-left: 70px; } .sync-across-your-devices .c-pivot.center ul[role="tablist"] li.f-active { z-index: 1; } .sync-across-your-devices .c-pivot.center ul[role="tablist"] li.f-active:focus { border: 2px dashed #000 !important } .sync-across-your-devices div#PivotRegionLevel-panel-2 { margin-top: 0px; } .sync-across-your-devices #android-numberlist-banner, .sync-across-your-devices #iOS-numberlist-banner { padding-top: 8px; margin-bottom: 20px; } .SAYD-contentplacement section.m-content-placement-item.f-size-medium { padding-top: 36px; padding-bottom: 80px; } .sync-across-your-devices .image-priority-accolate.featurebox { margin-top: 40px; } .sync-across-your-devices .image-priority-accolate.featurebox .m-feature.f-align-right.feature_panel .featurecontent { margin-left: 48px; } .sync-across-your-devices .image-priority-accolate.featurebox .m-feature.f-align-left.feature_panel .featurecontent { padding-left: 0px !important; padding-right: 96px !important; } .sync-across-your-devices .image-priority-accolate.featurebox .featurecontent p { padding-top: 24px !important; } .sync-across-your-devices #samsung-banner { padding-top: 8px; margin-bottom: 80px; } .sync-across-your-devices #samsung-banner p { padding-top: 24px; } .sync-across-your-devices #SAYDContentPlacemet .m-content-placement-item { margin-top: 0px !important; } .sync-across-your-devices #Feature-panel-12.image-priority-accolate.featurebox { margin-top: 80px; } .sync-across-your-devices .image-priority-accolate .bg-feature-section.m-feature { background: #F7F7F7; } [lang='en-us'] #android_faq, [lang='en-us'] #ios-faq { margin-bottom: 32px; margin-top: 80px; } .sync-across-your-devices .numberlistpanel .numberlist-structurelist .numberlist { min-height: 700px; } [lang='en-in'] .sync-across-your-devices .numberlistpanel .numberlist-structurelist .numberlist { min-height: 740px; } [lang='en-in'] .windows-11 .numberlistpanel .numberlist-structurelist .numberlist { min-height: 780px; } .sync-across-your-devices #iOS-phonelink-banner .m-feature.custom-small-feature .content.comppanel { margin: 50px 0; } .sync-across-your-devices #android-numberlist-banner, .sync-across-your-devices #iOS-numberlist-banner { padding-top: 8px; padding-bottom: 20px; } .sync-across-your-devices #PivotTarget0 > div:first-child { margin-top: 22px !important; } .sync-across-your-devices div#iOS-phonelink-banner { padding-left: 0; padding-right: 0; } .sync-across-your-devices #android-faq-panel .c-drawer-panel, .sync-across-your-devices #ios-faq-panel .c-drawer-panel { margin: 0 8% 0 2%; } .sync-across-your-devices #android-faq-panel .drawer-panel, .sync-across-your-devices #ios-faq-panel .drawer-panel { padding: 0px !important; } .SAYD-contentplacement section.m-content-placement-item.f-size-medium { margin-right: 80px; } .sync-across-your-devices .drawer-panel .expand-collapse-toggle-area button { font-weight: 600; } [lang='ar-xm'] .sync-across-your-devices .image-priority-accolate.featurebox .m-feature.f-align-right.feature_panel .featurecontent, [lang='he-il'] .sync-across-your-devices .image-priority-accolate.featurebox .m-feature.f-align-right.feature_panel .featurecontent { margin-right: 48px; } [lang='ar-xm'] .sync-across-your-devices .image-priority-accolate.featurebox .m-feature.f-align-left.feature_panel .featurecontent, [lang='he-il'] .sync-across-your-devices .image-priority-accolate.featurebox .m-feature.f-align-left.feature_panel .featurecontent { padding-left: 96px !important; padding-right: 0px !important; } .sync-across-your-devices .m-hero-item.f-transparent > div > div { background: #fff; padding: 20px; border-radius: 6px; opacity: 0.7; } } @media only screen and (max-width: 1083.98px) { .sync-across-your-devices #iOS-phonelink-banner .m-feature.custom-small-feature { flex-direction: column; } .sync-across-your-devices .SAYD-hero.m-hero-item > div { text-align: left; } .SAYD-hero .linearHorzontalLineLeft-blue { margin-top: 12px !important; margin-bottom: 16px !important; } .sync-across-your-devices .image-priority-accolate .bg-feature-section.m-feature.f-align-right { background: #F7F7F7; } .sync-across-your-devices .custom-mosaic .c-mosaic-placement .c-group { top: auto; } #SAYD-Android-Mosaic .f-vp1-whole.f-height-large.card-large, #SAYD-iOS-Mosaic .f-vp1-whole.f-height-large.card-large { margin-top: 15px; } #SAYD-Android-Mosaic picture, #SAYD-iOS-Mosaic picture { border-radius: 8px; } .sync-across-your-devices .SAYD-hero.m-hero-item { background: #FFF; } .sync-across-your-devices .image-priority-accolate.featurebox .featurecontent { padding: 0px !important; margin: 0px !important; text-align: left !important; } .sync-across-your-devices .image-priority-accolate.featurebox .bg-feature-section .featurecontent { padding-left: 32px !important; padding-right: 32px !important; padding-bottom: 18px !important; margin: 0 auto !important; } .sync-across-your-devices #Feature-panel-14.image-priority-accolate.featurebox { padding: 0 4%; } .sync-across-your-devices .image-priority-accolate { width: 100%; margin: 0px; } .sync-across-your-devices #Feature-panel-12.image-priority-accolate { margin-top: 80px; padding: 0 5%; } .sync-across-your-devices #Feature-panel-12.image-priority-accolate .featurecontent { width: 100%; text-align: left; padding: 0px; } .sync-across-your-devices .bg-feature-section.m-feature.f-align-right { margin-left: 30px; width: calc(100% - 38px); } .sync-across-your-devices .phonelinkbanner, .sync-across-your-devices #SAYD-Android-Mosaic, .sync-across-your-devices #android-faq-panel, .sync-across-your-devices #ios-faq-panel, .sync-across-your-devices #android-faq-panel div.c-drawer-panel, .sync-across-your-devices #ios-faq-panel div.c-drawer-panel, .sync-across-your-devices #SAYD-iOS-Mosaic { padding: 0 5%; } .sync-across-your-devices .numberlist-structurelist[data-grid="container"] { padding-right: 7%; padding-left: 6%; } .sync-across-your-devices .numberContentPlacement.SAYD-contentplacement > div { padding-bottom: 48px; } .sync-across-your-devices #iOS-phonelink-banner .custom-small-feature .show-in-lower { float: left; padding-top: 5%; width: 100%; } .sync-across-your-devices #iOS-phonelink-banner .content.comppanel { padding: 24px 0; text-align: left; } .sync-across-your-devices .numberlistpanel .numberlist-structurelist { margin-top: 40px; } .sync-across-your-devices .number-contentplacement { padding: 0 5%; width: 100%; } .sync-across-your-devices .number-contentplacement .SAYD-contentplacement { padding-left: 0px; padding-right: 0px; } .sync-across-your-devices #SAYD-hero { background: #FFF; } .sync-across-your-devices [data-grid="container"].image-priority-accolate.featurebox .m-feature.bg-feature-section { padding-left: 6% !important; } .sync-across-your-devices .SAYD-hero.m-hero-item { padding: 0px; } .sync-across-your-devices .SAYD-hero.m-hero-item:before { padding-bottom: 0 !important; } .sync-across-your-devices .SAYD-hero.m-hero-item > picture { transform: none; top: 0; left: 0; height: fit-content !important; position: relative; } .sync-across-your-devices .SAYD-hero.m-hero-item > picture > img { transform: none; top: 0; left: 0; height: auto; position: relative; border-radius: 0; } .sync-across-your-devices .SAYD-hero.m-hero-item > div > div { height: auto; padding: 5px 0; transform: none; top: 0; left: 0; float: left; } .sync-across-your-devices .drawer-panel { padding: 0px !important; } .sync-across-your-devices .bg-feature-section.m-feature.f-align-right { padding-bottom: 20px; } .sync-across-your-devices .custom-small-feature .c-image { width: 82px; height: 82px; } .sync-across-your-devices #SAYD-iOS-Mosaic .c-mosaic-placement.SAYD-mosaic-right img, .sync-across-your-devices #SAYD-Android-Mosaic .c-mosaic-placement.SAYD-mosaic-right img { height: 100%; } .sync-across-your-devices #BGbackground_Feature.image-priority-accolate.featurebox { padding-left: 5%; padding-right: 5%; } .sync-across-your-devices .m-hero-item.f-transparent > div > div { transform: none !important; } [dir=rtl] .sync-across-your-devices .SAYD-hero.m-hero-item > div { text-align: right; margin-right: 50px; } [dir=rtl] .sync-across-your-devices .SAYD-hero.m-hero-item > div > div { float: right; } [dir=rtl] .sync-across-your-devices .image-priority-accolate.featurebox .featurecontent, [dir=rtl] .sync-across-your-devices #iOS-phonelink-banner .content.comppanel { text-align: right !important; } [dir=rtl] .sync-across-your-devices #android-faq-panel div.c-drawer-panel, [dir=rtl] .sync-across-your-devices #ios-faq-panel div.c-drawer-panel { padding-right: 2%; padding-top: 16px; } } @media only screen and (min-width: 768px) and (max-width: 1083.98px) { .sync-across-your-devices .SAYD-hero.m-hero-item > div { padding-top: 35px !important; padding-bottom: 58px !important; height: auto !important; margin-left: 50px; } .SAYD-contentplacement section.m-content-placement-item.f-size-medium { margin-right: 80px; } .sync-across-your-devices .numberContentPlacement .m-content-placement-item .c-badge { font-size: 62px; line-height: 72px; } .sync-across-your-devices .numberContentPlacement .m-content-placement-item h3.toutheading.c-heading-3 { font-size: 18px; line-height: 24px; padding-top: 10px; } .sync-across-your-devices .SAYD-hero.m-hero-item > div > div h1.c-heading-1, .sync-across-your-devices .m-banner .c-heading-1 { font-size: 34px; line-height: 40px; } .sync-across-your-devices .c-drawer > button { font-size: 18px; } .sync-across-your-devices .SAYD-hero.m-hero-item > div > div p.c-paragraph-2, .sync-across-your-devices .m-banner p, .sync-across-your-devices .image-priority-accolate.featurebox .featurecontent p, .sync-across-your-devices .m-content-placement.x-type-left.crossCards .m-content-placement-item .toutpara, .sync-across-your-devices .drawer-panel .c-drawer .c-drawer-panel p.c-paragraph-3, .sync-across-your-devices .drawer-panel .c-drawer .c-drawer-panel .c-list li, .sync-across-your-devices .drawer-panel .c-drawer .c-drawer-panel, .sync-across-your-devices .numberlist-structurelist .numberlistbanner .content .c-paragraph-1, .sync-across-your-devices .numberlist-structurelist .structure-container .structure-item p, .sync-across-your-devices #iOS-phonelink-banner .content.comppanel p { font-size: 15px; line-height: 20px; } .sync-across-your-devices .numberlist-structurelist .numberlistbanner .content { padding: 0 5% 48px 0; } .sync-across-your-devices .c-pivot.center [role="tablist"] [role="tab"] { font-size: 15px; line-height: 24px; } .sync-across-your-devices .image-priority-accolate.featurebox .featurecontent .c-heading-2, .sync-across-your-devices #android_faq .c-heading-2, .sync-across-your-devices #ios-faq .c-heading-2, .sync-across-your-devices .numberlist-structurelist .numberlistbanner .content h2 { font-size: 24px; line-height: 28px; } .sync-across-your-devices .m-content-placement.x-type-left.crossCards .m-content-placement-item .toutheading { font-size: 18px; line-height: 24px; } .sync-across-your-devices .numberlist-structurelist .structure-container .structure-item h3, .sync-across-your-devices #iOS-phonelink-banner .content.comppanel h2 { font-size: 20px; line-height: 24px; } .sync-across-your-devices #BGbackground_Feature.image-priority-accolate.featurebox { margin-top: 80px; } } @media only screen and (min-width: 540px) and (max-width: 1083.98px) { [lang='ru-ru'] .sync-across-your-devices .c-pivot.center [role="tablist"] [role="tab"]:first-child { margin-left: 5px; } .sync-across-your-devices .c-pivot > [role="tablist"] > [role="tab"]:focus { border: 0px; outline: 2px dashed #000; } } @media only screen and (max-width: 539px) { .sync-across-your-devices .image-priority-accolate.featurebox .featurecontent { padding: 0px !important; margin: 0px !important; text-align: left !important; } .sync-across-your-devices .image-priority-accolate.featurebox .bg-feature-section .featurecontent { padding-left: 12px !important; padding-right: 12px !important; margin: 0 auto !important; } .sync-across-your-devices #Feature-panel-14.image-priority-accolate.featurebox { padding: 0 4%; } .sync-across-your-devices .articletouts { padding: 0px; } .sync-across-your-devices .numberlist-structurelist[data-grid="container"] { padding-left: 6%; } [dir=rtl] .sync-across-your-devices #android-faq-panel div.c-drawer-panel, [dir=rtl] .sync-across-your-devices #ios-faq-panel div.c-drawer-panel { padding-right: 6% !important; } } .sync-across-your-devices .numberlistpanel .numberlist-structurelist.nonumber .numberlistbanner p { font-weight: 400; } .sync-across-your-devices .numberContentPlacement .m-content-placement-item .c-badge { font-size: 105px; line-height: 120px; } .sync-across-your-devices div.c-drawer-panel { font-size: 18px; line-height: 24px; font-weight: 400; } .sync-across-your-devices .numberbanner-gradient { background: linear-gradient(179.22deg, #FFFFFF 0.64%, #EBF4FC 89.43%); } .sync-across-your-devices .numbercontentplacement-gradient { background: linear-gradient(0deg, #ECF5FD, #ECF5FD), linear-gradient(179.22deg, #EBF4FC 0.64%, #FFFFFF 89.43%); } .sync-across-your-devices ul.c-list.rounded-list { list-style: revert; } .sync-across-your-devices ul.c-list.square-list { list-style: square; } .sync-across-your-devices .c-pivot.center section[role=tabpanel] { margin-top: 0px; } @media only screen and (min-width: 1440px) { .sync-across-your-devices .numberlistpanel .numberlist-structurelist .numberlist { min-height: 750px; } [lang='en-in'] .sync-across-your-devices .numberlistpanel .numberlist-structurelist .numberlist, [lang='en-in'] .windows-11 .numberlistpanel .numberlist-structurelist .numberlist { min-height: 790px; } [lang='ru-ru'] .sync-across-your-devices .numberlistpanel .numberlist-structurelist .numberlist, [lang='bg-bg'] .sync-across-your-devices .numberlistpanel .numberlist-structurelist .numberlist { min-height: 800px; } .sync-across-your-devices .numberbanner-gradient, .sync-across-your-devices .numbercontentplacement-gradient { max-width: 100% !important; } #iOS-phonelink-banner [data-grid='col-3'].show-in-higher { width: 16.66667%; } } @media only screen and (max-width:767px) { .sync-across-your-devices .m-content-placement.crossCards > div { padding: 0 2%; } .sync-across-your-devices .SAYD-hero > div { padding: 20px 0px !important; height: auto !important; position: relative; } .sync-across-your-devices .SAYD-contentplacement .articletouts .m-content-placement-item { padding-top: 80px; width: 80%; } .sync-across-your-devices .SAYD-hero.m-hero-item > div > div h1.c-heading-1 { font-size: 34px; line-height: 40px; } .sync-across-your-devices .c-pivot.center [role="tablist"] [role="tab"] { font-size: 15px; line-height: 24px; } .sync-across-your-devices .m-banner .c-heading-1 { font-size: 34px; line-height: 40px; } .sync-across-your-devices .m-banner p.c-paragraph-2 { font-size: 15px; line-height: 20px; } .sync-across-your-devices .numberContentPlacement .m-content-placement-item .c-badge { font-size: 120px; line-height: 40px; } .sync-across-your-devices #android_faq .c-heading-2, .sync-across-your-devices #ios-faq .c-heading-2, .sync-across-your-devices .image-priority-accolate.featurebox .featurecontent .c-heading-2 { font-size: 24px; line-height: 28px; } .sync-across-your-devices .c-drawer > button { font-size: 18px; line-height: 24px; } .sync-across-your-devices .numberlist-structurelist .numberlistbanner .content .c-paragraph-1 { font-size: 15px; line-height: 20px; } .sync-across-your-devices .image-priority-accolate.featurebox .bg-feature-section .featurecontent .c-heading-2 { font-size: 34px; line-height: 40px; } } @media only screen and (max-width:539px) { .sync-across-your-devices .c-pivot > [role="tablist"] > [role="tab"]:focus { border: 0px; outline: 2px dashed #000; } .sync-across-your-devices .c-pivot.center li[role='tab'] { border-bottom: 1px solid #D2D2D2 !important; display: block; margin: 20px 0px !important; } .sync-across-your-devices .c-pivot.center li[role='tab'].f-active span { border-bottom: 2px solid #000; padding-bottom: 7px; } .sync-across-your-devices .c-pivot ul.x-type-center { border-bottom: none !important; } .sync-across-your-devices .m-content-placement.crossCards { padding-bottom: 0px; } } @media only screen and (min-width: 1084px) and (max-width: 1399.98px) { .m-hero-item.SAYD-hero > div { margin-left: 55px; } } /*SAYD CSS ends*/ /* Features Hero starts */ .features .m-hero-item.f-y-center > div .c-heading-1 { letter-spacing: 0em; } .features .m-hero-item.f-y-center > div .c-paragraph-2 { font-weight: 400; letter-spacing: 0em; } .features .m-hero-item.herowithbluegradientline { background: #30005D; color: #D289FF; } /* Features Hero ends */ @media screen and (max-width: 1083px) { [dir="rtl"] #windowsh22.windows .m-feature.bingChat .featurecontent { text-align: right !important; margin-right: 0px !important; } } [dir="rtl"] #windowsh22.windows .featurebox .m-feature.bingChat .featurecontent { padding-left: 131px; padding-right: 0px; } /*@media screen and (min-width: 1084px) and (max-width:1399px) { [lang='de-at'] #windowsh22.windows .bingChat, [lang='de-ch'] #windowsh22.windows .bingChat, [lang='de-de'] #windowsh22.windows .bingChat, [lang='bg-bg'] #windowsh22.windows .bingChat, [lang='cs-cz'] #windowsh22.windows .bingChat, [lang='es-ar'] #windowsh22.windows .bingChat, [lang='es-cl'] #windowsh22.windows .bingChat, [lang='es-co'] #windowsh22.windows .bingChat, [lang='es-es'] #windowsh22.windows .bingChat, [lang='es-mx'] #windowsh22.windows .bingChat, [lang='es-xl'] #windowsh22.windows .bingChat, [lang='fi-fi'] #windowsh22.windows .bingChat, [lang='hr-hr'] #windowsh22.windows .bingChat, [lang='hu-hu'] #windowsh22.windows .bingChat, [lang='ko-kr'] #windowsh22.windows .bingChat, [lang='lv-lv'] #windowsh22.windows .bingChat, [lang='nb-no'] #windowsh22.windows .bingChat, [lang='nl-be'] #windowsh22.windows .bingChat, [lang='pl-pl'] #windowsh22.windows .bingChat, [lang='pt-br'] #windowsh22.windows .bingChat, [lang='pt-pt'] #windowsh22.windows .bingChat, [lang='sk-sk'] #windowsh22.windows .bingChat, [lang='sr-latn-rs'] #windowsh22.windows .bingChat, [lang='tr-tr'] #windowsh22.windows .bingChat, [lang='uk-ua'] #windowsh22.windows .bingChat { margin-top: 100px; } }*/ /*[lang='en-us'] #windowsh22.windows-11 .stickyV2 nav.c-in-page-navigation { margin-bottom: 80px; } [lang='en-us'] #windowsh22.windows-11 bg-blue-sticky stickyV2{ margin-bottom: 24px; }*/ #windowsh22.windows-11.hubmain, #windowsh22.windows-11 #productivity, #windowsh22.windows-11 #easiertouse, #windowsh22.windows-11 #performancesecurity, #windowsh22.windows-11 #gaming.image-priority-accolate { background: #f9f9f9 !important; } #windowsh22.windows-11 .featurebox .m-feature > picture .mp4videoinline { border-radius: 40px; } #windowsh22.windows-11 .featurebox .m-feature > picture .videobutton { background: #ffffff !important; border: 1px solid #0078D4 !important; } #windowsh22.windows-11 .videobutton.c-call-to-action.c-glyph:before { color: #0078D4; } @media only screen and (min-width:1084px) and (max-width:1399px) { #windowsh22.windows .show-animation-on-hvp.holiday-animated-hero .m-hero-item > div > div, #windowsh22.windows .holiday-animated-hero .m-hero-item > div > div, #windowsh22.get-windows-11 .m-hero-item > div > div { max-width: 345px; top: calc(50%); } [lang='ro-ro'] #windowsh22.windows .holiday-animated-hero .m-hero-item > div > div h1 { font-size: 48px; line-height: normal; } } .m-hero-item.PCUsers, #windowsh22.get-windows-11 .m-hero-item.nonPCUsers { background: none !important; } @media screen and (max-width: 767px) { [lang='en-us'] #windowsh22 .sync .c-paragraph-2 { font-size: 15px; line-height: 20px; padding-top: 16px !important; } #windowsh22.windows .m-feature.f-align-right.rounded-corners.sync.herowithgradientline-blue { margin-top: 0px !important; } #windowsh22.windows .image-priority-accolate .m-feature.sync .c-group { margin-top: 0px; } [lang='fr-ca'] .c-call-to-action.features-btn:not(.glyph-play):after, [lang='fr-ca'] a.c-call-to-action.features-btn:not(.glyph-play):hover:after, [lang='fr-fr'] .c-call-to-action.features-btn:not(.glyph-play):after, [lang='fr-fr'] a.c-call-to-action.features-btn:not(.glyph-play):hover:after { right: 130px !important; } } @media screen and (min-width: 768px) { #windowsh22.windows .featurebox .m-feature.sync .featurecontent p { padding-top: 24px !important; } } @media screen and (max-width: 1083px) { #windowsh22.windows .m-feature.sync .featurecontent { text-align: left !important; padding-left: 0px !important; padding-right: 0px !important; margin-left: 0px !important; padding-bottom: 0px; } [dir='rtl'] #windowsh22.windows .m-feature.sync .featurecontent { text-align: right !important; padding-left: 0px !important; padding-right: 0px !important; margin-right: 0px !important; padding-bottom: 0px; } [lang='en-us'] #windowsh22.windows .featurebox { width: 100% } #windowsh22.windows .image-priority-accolate .m-feature.sync > div .linearHorzontalLineLeft-blue { margin-top: 60px !important; } #windowsh22.windows-11 .holiday-animated-hero .m-hero-item > picture { padding: 5% 5% 0 5%; } #windowsh22.windows-11 .holiday-animated-hero .m-hero-item > div { width: 90%; } } @media screen and (min-width: 1084px) { #windowsh22.windows .featurebox .m-feature.sync .featurecontent { padding-left: 131px; } [dir='rtl'] #windowsh22.windows .featurebox .m-feature.sync .featurecontent { padding-right: 131px; padding-left: 0; } .windows-11 #easiertouse .m-feature, .windows-11 #productivity .m-feature, .windows-11 #performancesecurity .m-feature, .windows-11 #gaming.image-priority-accolate .m-feature { margin: 80px 0; } #windowsh22.windows .bingChat { padding-bottom: 0px !important; } } @media screen and (min-width: 1400px) { #windowsh22.windows .bingChat { margin-top: 32px; } } @media screen and (max-width: 1083px) { .windows-11 #easiertouse .m-feature, .windows-11 #productivity .m-feature, .windows-11 #performancesecurity .m-feature, .windows-11 #gaming.image-priority-accolate .m-feature { display: flex; min-height: auto !important; margin: 48px 0; } #windowsh22.windows-11 p.c-paragraph-2, #windowsh22.windows-11 p.c-paragraph-3, #windowsh22.windows-11 .numberlistbanner .content p.c-paragraph-1.fy23-font-weight { font-size: 15px; line-height: 20px; font-weight: 400 !important; padding-top: 16px !important; } #windowsh22.windows #Banner-panel-1 .m-banner { margin-top: 0px !important; margin-bottom: 0px !important; } } @media screen and (min-width: 768px) and (max-width: 1083px) { [lang='en-us'] #windowsh22.windows .m-feature.f-align-right.rounded-corners.sync.herowithgradientline-blue { margin-top: 12px !important; margin-bottom: 12px !important; } } #windowsh22.windows .articletouts .m-content-placement-item, #windowsh22.windows .articletouts .m-content-placement-item:hover { cursor: default; } #windowsh22.windows .m-content-placement-item[data-js-href]:hover picture img, #windowsh22.windows .c-content-placement[data-js-href]:hover picture img { opacity: 1; } .sync-across-your-devices .custom-mosaic .c-mosaic-placement .c-group a.c-call-to-action { background: #0078D4; } div#default-lightbox .c-video-player.hide + .m-content-placement-item img { opacity: 1; } .sync-across-your-devices .SAYD_crosscard { margin-bottom: 84px !important; } /*@media only screen and (min-width: 1084px) { html:not([lang='en-us']) #windowsh22.windows .show-animation-on-hvp .m-hero-item.holiday-video-auto > div > div { display: block !important; } }*/ @media only screen and (min-width: 1400px) { .sync-across-your-devices .SAYD-hero.m-hero-item.f-y-top.f-transparent > div > div { top: 60px !important; } } @media only screen and (max-width: 1399px) { .sync-across-your-devices .m-hero-item.f-transparent > div > div { top: 24px !important; height: auto !important; } } /*SAYD Accessibility */ .sync-across-your-devices .numberlist .m-structured-list a.c-call-to-action:focus:not(.x-hidden-focus) span { box-shadow: 0 2px #005da6 !important; } .sync-across-your-devices .drawer-panel a.c-hyperlink { text-decoration: underline; } .structure-item .c-call-to-action { padding: 20px 3px 7px 0; } [dir='rtl'] .sync-across-your-devices .SAYD-hero .linearHorzontalLineLeft-blue { transform: none !important; } [dir='rtl'] .sync-across-your-devices p.expand-collapse-toggle-area.x-type-right > span { transform: rotate(-20deg); } @media screen and (min-width: 1084px) { .windows-11 #stickynavwindows11.sticky-navbarNew { padding-top: 24px; } [lang="bg-bg"] #windowsh22.windows-11 .holiday-animated-hero .m-hero-item h1, [lang="de-at"] #windowsh22.windows-11 .holiday-animated-hero .m-hero-item h1, [lang="de-ch"] #windowsh22.windows-11 .holiday-animated-hero .m-hero-item h1, [lang="de-de"] #windowsh22.windows-11 .holiday-animated-hero .m-hero-item h1, [lang="pt-pt"] #windowsh22.windows-11 .holiday-animated-hero .m-hero-item h1, [lang="fi-fi"] #windowsh22.windows-11 .holiday-animated-hero .m-hero-item h1, [lang="lt-lt"] #windowsh22.windows-11 .holiday-animated-hero .m-hero-item h1 { font-size: 46px; } } /* Mosaic transform effect */ /* .windows-11 .c-mosaic-placement picture img { transform: none !important; position: relative; left: 0; top: 0; } */ .windows-11 .c-mosaic-placement picture img { /* transform: translate(-50%,-50%) !important; position: relative; left: 0; top: 0; */ position: absolute; left: calc(50%); top: calc(50%); transform: translate(-50%,-50%) !important; } .windows .c-mosaic-placement picture.l_img img { transform: translate(-50%,-50%) !important; } /*html:not([lang='en-us'],[lang='zh-cn']) #windowsh22.windows-11 .toggle-button { display:none; }*/ @media only screen and (min-width: 768px) and (max-width: 1083px) { [lang="en-us"] #windowsh22.windows-11 .animation-off.holiday-animated-hero .m-hero-item > picture > img { transform: none; top: 0; position: relative; left: 0; border-radius: 8px; } } /*Photo movie editor styles starts*/ #windowsh22.photo-movie-editor .c-pivot.center section[role=tabpanel] { box-shadow: none; } #windowsh22.photo-movie-editor .c-pivot.center section[role=tabpanel] [data-grid="container"]:first-child { margin-top: 2px; } #windowsh22.photo-movie-editor .c-pivot.center [role="tablist"] [role="tab"] { font-size: 16px; border-radius: 6px; text-align: center; padding: 8px 3px !important; line-height: 1; box-shadow: none; margin: 0px 20px; background: none; color: #727272; font-weight: 500; } #windowsh22.photo-movie-editor .c-pivot.center ul[role="tablist"] li.f-active, #windowsh22.photo-movie-editor .c-pivot.center ul[role="tablist"] li.f-active { color: #2b2a2a !important; padding-top: 8px; border-bottom: 2px solid #0078D4; padding-bottom: 8px; border-radius: 0px; border-left: 0px !important; border-right: 0px !important; border-top: 0px !important; margin: 0px 20px; } #windowsh22.photo-movie-editor .m-content-placement-item picture img { width: auto; } #windowsh22.photo-movie-editor .m-content-placement-item picture { padding-bottom: 60px; } html[dir=rtl] #windowsh22.photo-movie-editor .m-content-placement-item picture img { position: relative; top: 50px; } #windowsh22.photo-movie-editor .toutheading { font-size: 24px !important; line-height: 28px !important; } #windowsh22.photo-movie-editor .m-content-placement-item .linearHorzontalLineLeft-blue { width: 100px; height: 3px; } #windowsh22.photo-movie-editor table thead th:first-child { width: 25%; } #windowsh22.photo-movie-editor .videobutton.c-call-to-action.c-glyph:before { color: #000000; } #windowsh22.photo-movie-editor .videobutton.c-call-to-action.c-glyph, #windowsh22.photo-movie-editor .videobutton.c-call-to-action.c-glyph:focus { border: 2px solid #000; } #windowsh22.photo-movie-editor .c-pivot.center ul[role='tablist'] li:focus { border: 2px solid #000 !important; padding-left: 3px; padding-right: 3px; text-decoration: underline; text-decoration-color: #0078D4; text-decoration-thickness: 2px; text-underline-offset: 6px; } #windowsh22.photo-movie-editor [class*=c-heading], #windowsh22.photo-movie-editor [class*=c-paragraph], #windowsh22 .rounded-corners .c-button.f-primary.blue-button { letter-spacing: inherit; } #windowsh22.photo-movie-editor #Banner-panel-0 .m-banner { padding-top: 0; margin-bottom: 0 !important; } #windowsh22.photo-movie-editor #photoMovieEditor_Contentplacement .m-content-placement-item[data-js-href]:hover { cursor: default; } #windowsh22.photo-movie-editor .feature-panel-hero.m-feature.f-align-left > div, #windowsh22.photo-movie-editor .m-feature:not(.feature-panel-hero).f-align-left > div { padding-left: 0; } #windowsh22.photo-movie-editor .m-feature.f-align-right > div { padding-right: 0; } #windowsh22.photo-movie-editor .mp4inline .f-video-trigger { position: absolute; top: 50%; left: 50%; transform: translate(-50%, 0%); cursor: default; } #windowsh22.photo-movie-editor .m-content-placement-item { cursor: default; } #windowsh22.photo-movie-editor .f-video-trigger button.c-action-trigger.c-glyph { margin-top: 0px; } [dir="rtl"] #windowsh22.photo-movie-editor .linearHorzontalLineLeft-blue { background: linear-gradient(277.21deg, #0067B8 5.82%, #50E6FF 134%); } #windowsh22.photo-movie-editor .c-table{ overflow-x:auto; } #windowsh22.photo-movie-editor a.c-button.c-call-to-action:focus span { box-shadow: 0 2px currentColor !important; text-decoration: none !important; } .hubmain.photo-movie-editor .m-content-placement-item .c-hyperlink, .hubmain.photo-movie-editor .c-content-placement .c-hyperlink { margin-left: 0; display: inline; } [dir="rtl"] .hubmain.photo-movie-editor .m-content-placement-item .c-hyperlink, [dir="rtl"] .hubmain.photo-movie-editor .c-content-placement .c-hyperlink { margin-left: 0; } @media screen and (min-width: 319px) and (max-width: 640px) { #windowsh22.photo-movie-editor .c-pivot { margin-top: 0; } } @media only screen and (min-width: 768px) { #windowsh22.photo-movie-editor #photos-video, #windowsh22.photo-movie-editor #clipchamp-video { padding-top: 26px; } #windowsh22.photo-movie-editor hr.c-divider { border-top: 2px solid rgba(0,0,0,.2); } } @media screen and (min-width: 350px) and (max-width: 1083px) { .c-dialog.f-lightbox .nav-buttons .c-glyph{ top :1%; } } @media screen and (min-width: 767px) and (max-width: 768px) { #windowsh22.photo-movie-editor #photoMovieEditor_Contentplacement .content-touts[data-grid~="col-4"]{ width:50%; } } @media only screen and (max-width: 1083px) { #windowsh22.photo-movie-editor .c-pivot.center [role="tablist"] [role="tab"] { border-bottom: 2px solid #D2D2D2 !important; border-top: 0; border-left: 0; border-right: 0; border-radius: 0; } #windowsh22.photo-movie-editor .c-pivot.center ul[role="tablist"] li { display: block; margin: 20px 0px !important; padding: 8px 0px !important; } #windowsh22.photo-movie-editor .c-pivot.center ul[role="tablist"] li.f-active span { border-bottom: 2px solid #0078D4 !important; padding: 2px; } #windowsh22.photo-movie-editor .c-pivot.center section[role=tabpanel] [data-grid="container"]:first-child { border-top: none; } #windowsh22.photo-movie-editor .m-feature.f-align-left > div, #windowsh22.photo-movie-editor .m-feature.f-align-right > div { padding-bottom: 0; } #windowsh22.photo-movie-editor .c-feature > div > h1.c-heading { margin-top: 0; } #windowsh22.photo-movie-editor .bg-feature-section.m-feature.f-align-left, #windowsh22.photo-movie-editor .bg-feature-section.m-feature.f-align-right { background: none; } #windowsh22.photo-movie-editor .herowithgradientline-blue .m-feature > div { text-align: left !important; margin-left: 0; padding-left: 0; font-weight: 400; font-size: 15px; line-height: 20px; } #windowsh22.photo-movie-editor .herowithgradientline-blue .featurecontent { text-align: left !important; margin-left: 0; padding-left: 0; font-weight: 400; font-size: 15px; line-height: 20px; } [dir="rtl"] #windowsh22.photo-movie-editor .herowithgradientline-blue .featurecontent { text-align: right !important; margin-right: 0; padding-right: 0; } #windowsh22.photo-movie-editor .image-priority-accolate { width: 100%; } #windowsh22.photo-movie-editor .bg-feature-section.m-feature.f-align-right, #windowsh22.photo-movie-editor .bg-feature-section.m-feature.f-align-left { margin-left: 0px; width: 100%; min-height: 100%; margin-right: 0px; } #windowsh22.photo-movie-editor .bg-feature-section.m-feature.f-align-right picture { left: 0; top: 0; } #windowsh22.photo-movie-editor .bg-feature-section.m-feature.f-align-left picture { right: 0; top: 0; } #windowsh22.photo-movie-editor .herowithgradientline-blue .featurecontent { padding-right: 0; } #windowsh22.photo-movie-editor .herowithgradientline-blue .featurecontent { margin-top: 50px !important; } #windowsh22.photo-movie-editor #photos-video .m-hero-item picture, #windowsh22.photo-movie-editor #clipchamp-video .m-hero-item picture { position: relative; } #windowsh22.photo-movie-editor #photos-video .m-hero-item > div, .c-hero > div, #windowsh22.photo-movie-editor #photos-video .m-hero-item.f-transparent:before, #windowsh22.photo-movie-editor #clipchamp-video .m-hero-item > div, .c-hero > div, #windowsh22.photo-movie-editor #clipchamp-video .m-hero-item.f-transparent:before { display: none; } #windowsh22.photo-movie-editor .m-feature.feature-panel-hero { margin-top: 0; padding-bottom: 0 !important; padding-top: 36px; } #windowsh22.photo-movie-editor .m-feature { margin-top: 0; } #windowsh22.photo-movie-editor #Banner-panel-1 .m-banner { margin-bottom: 0px !important; } html[dir=rtl] #windowsh22.photo-movie-editor .feature-panel-hero.m-feature.f-align-left > div, html[dir=rtl] #windowsh22.photo-movie-editor .m-feature.f-align-right > div { margin-right: 0; text-align: right !important; } } @media only screen and (min-width: 1084px) { #windowsh22.photo-movie-editor [data-vg="ImageorVideoWithContent"] { padding-top: 36px; border-top: 2px solid rgba(0,0,0,.2); margin-top: 2px; } #windowsh22.photo-movie-editor .m-feature.f-align-right, #windowsh22.photo-movie-editor .m-feature.f-align-left:not(.feature-panel-hero) { margin-top: 0; padding-top: 36px; border-top: 2px solid rgba(0,0,0,.2); } #windowsh22.photo-movie-editor .herowithgradientline-blue .content-touts .articletouts .m-content-placement-item > div > h3 { padding-top: 4px; } #windowsh22.photo-movie-editor .m-content-placement-item .linearHorzontalLineLeft-blue { margin-top: 18px !important; } #windowsh22.photo-movie-editor .image-priority-accolate.featurebox .m-feature.f-align-left .featurecontent { padding-left: 0px !important; padding-right: 96px !important; } #windowsh22.photo-movie-editor .image-priority-accolate.featurebox .m-feature.f-align-right .featurecontent { margin-left: 48px; } #windowsh22.photo-movie-editor .m-feature.f-align-right > div { padding-left: 60px; } #windowsh22.photo-movie-editor .m-feature.f-align-left > div { padding-right: 60px; } html[dir=rtl] #windowsh22.photo-movie-editor .m-feature.f-align-left > div { padding-right: 0px; padding-left: 60px; } html[dir=rtl] #windowsh22.photo-movie-editor .m-feature.f-align-right > div { padding-right: 60px; padding-left: 0px; } } @media only screen and (min-width: 1084px) and (max-width: 1110px) { [lang='fr-ch'] #windowsh22.photo-movie-editor .feature-panel-hero.m-feature.f-align-left > div { padding-top: 180px; } } @media only screen and (min-width: 1084px) and (max-width: 1299px) { [lang='fi-fi'] #windowsh22.photo-movie-editor .m-feature.f-align-right, [lang='fi-fi'] #windowsh22.photo-movie-editor .m-feature.f-align-left:not(.feature-panel-hero), [lang='es-cl'] #windowsh22.photo-movie-editor .m-feature.f-align-right, [lang='es-cl'] #windowsh22.photo-movie-editor .m-feature.f-align-left:not(.feature-panel-hero), [lang='el-gr'] #windowsh22.photo-movie-editor .m-feature.f-align-right, [lang='el-gr'] #windowsh22.photo-movie-editor .m-feature.f-align-left:not(.feature-panel-hero) { padding-top: 125px; padding-bottom: 125px; } [lang='ro-ro'] #windowsh22.photo-movie-editor .m-feature.f-align-right, [lang='ro-ro'] #windowsh22.photo-movie-editor .m-feature.f-align-left:not(.feature-panel-hero), [lang='ru-ru'] #windowsh22.photo-movie-editor .m-feature.f-align-right, [lang='ru-ru'] #windowsh22.photo-movie-editor .m-feature.f-align-left:not(.feature-panel-hero), [lang='es-co'] #windowsh22.photo-movie-editor .m-feature.f-align-right, [lang='es-co'] #windowsh22.photo-movie-editor .m-feature.f-align-left:not(.feature-panel-hero) { padding-top: 150px; padding-bottom: 150px; } [lang='el-gr'] #windowsh22.photo-movie-editor .feature-panel-hero.m-feature.f-align-left > div { padding-top: 210px; } [lang='sv-se'] #windowsh22.photo-movie-editor #Banner-panel-1, [lang='nl-nl'] #windowsh22.photo-movie-editor #Banner-panel-1, [lang='nb-no'] #windowsh22.photo-movie-editor #Banner-panel-1, [lang='ja-jp'] #windowsh22.photo-movie-editor #Banner-panel-1, [lang='es-xl'] #windowsh22.photo-movie-editor #Banner-panel-1, [lang='es-mx'] #windowsh22.photo-movie-editor #Banner-panel-1, [lang='es-co'] #windowsh22.photo-movie-editor #Banner-panel-1, [lang='es-ar'] #windowsh22.photo-movie-editor #Banner-panel-1, [lang='es-cl'] #windowsh22.photo-movie-editor #Banner-panel-1, [lang='el-gr'] #windowsh22.photo-movie-editor #Banner-panel-1{ padding-top:125px; } [lang='sl-si'] #windowsh22.photo-movie-editor .m-feature.f-align-left > div, [lang='ru-ru'] #windowsh22.photo-movie-editor .m-feature.f-align-left > div, [lang='ro-ro'] #windowsh22.photo-movie-editor .m-feature.f-align-left > div, [lang='hr-hr'] #windowsh22.photo-movie-editor .m-feature.f-align-left > div, [lang='fr-xf'] #windowsh22.photo-movie-editor .m-feature.f-align-left > div, [lang='fr-fr'] #windowsh22.photo-movie-editor .m-feature.f-align-left > div, [lang='fr-be'] #windowsh22.photo-movie-editor .m-feature.f-align-left > div, [lang='es-xl'] #windowsh22.photo-movie-editor .m-feature.f-align-left > div, [lang='es-mx'] #windowsh22.photo-movie-editor .m-feature.f-align-left > div, [lang='es-es'] #windowsh22.photo-movie-editor .m-feature.f-align-left > div, [lang='es-ar'] #windowsh22.photo-movie-editor .m-feature.f-align-left > div, [lang='es-cl'] #windowsh22.photo-movie-editor .m-feature.f-align-left > div, [lang='es-co'] #windowsh22.photo-movie-editor .m-feature.f-align-left > div, [lang='el-gr'] #windowsh22.photo-movie-editor .m-feature.f-align-left > div { padding-right: 30px; } [lang='el-gr'] #windowsh22.photo-movie-editor #Banner-panel-1 { padding-top: 185px; } /*[lang='vi-vn'] #windowsh22.photo-movie-editor .herowithgradientline-blue .featurecontent .c-heading-2, [lang='tr-tr'] #windowsh22.photo-movie-editor .herowithgradientline-blue .featurecontent .c-heading-2, [lang='sl-si'] #windowsh22.photo-movie-editor .herowithgradientline-blue .featurecontent .c-heading-2, [lang='ru-ru'] #windowsh22.photo-movie-editor .herowithgradientline-blue .featurecontent .c-heading-2, [lang='hr-hr'] #windowsh22.photo-movie-editor .herowithgradientline-blue .featurecontent .c-heading-2, [lang='fr-ch'] #windowsh22.photo-movie-editor .herowithgradientline-blue .featurecontent .c-heading-2, [lang='lt-lt'] #windowsh22.photo-movie-editor .herowithgradientline-blue .featurecontent .c-heading-2, [lang='bg-bg'] #windowsh22.photo-movie-editor .herowithgradientline-blue .featurecontent .c-heading-2, [lang='da-dk'] #windowsh22.photo-movie-editor .herowithgradientline-blue .featurecontent .c-heading-2, [lang='el-gr'] #windowsh22.photo-movie-editor .herowithgradientline-blue .featurecontent .c-heading-2 { font-size: 38px; line-height: normal; }*/ #windowsh22.photo-movie-editor .herowithgradientline-blue .featurecontent .c-heading-2 { font-size: 34px; line-height: 40px; } #windowsh22.photo-movie-editor .herowithgradientline-blue .featurecontent p.c-paragraph-2 { font-size: 15px; line-height: 20px; } #windowsh22.photo-movie-editor .c-pivot.center [role="tablist"] [role="tab"], #windowsh22.photo-movie-editor .c-pivot.center ul[role="tablist"] li.f-active, #windowsh22.photo-movie-editor .c-pivot.center ul[role="tablist"] li.f-active { margin: 0px 10px; font-size: 14px; } #windowsh22.photo-movie-editor .m-feature.f-align-right, #windowsh22.photo-movie-editor .m-feature.f-align-left:not(.feature-panel-hero) { padding-top: 105px; padding-bottom: 105px; } #windowsh22.photo-movie-editor .feature-panel-hero.m-feature.f-align-left > div { padding-top: 160px; } #windowsh22.photo-movie-editor #Banner-panel-1 { padding-top: 160px; } } @media only screen and (min-width: 1300px) and (max-width: 1455px) { #windowsh22.photo-movie-editor .m-feature.f-align-right, #windowsh22.photo-movie-editor .m-feature.f-align-left:not(.feature-panel-hero) { padding-top: 75px; padding-bottom: 75px; } [lang='ro-ro'] #windowsh22.photo-movie-editor #Banner-panel-1 , [lang='sv-se'] #windowsh22.photo-movie-editor #Banner-panel-1 , [lang='nl-nl'] #windowsh22.photo-movie-editor #Banner-panel-1 , [lang='nb-no'] #windowsh22.photo-movie-editor #Banner-panel-1 , [lang='ja-jp'] #windowsh22.photo-movie-editor #Banner-panel-1 , [lang='es-xl'] #windowsh22.photo-movie-editor #Banner-panel-1, [lang='es-mx'] #windowsh22.photo-movie-editor #Banner-panel-1, [lang='es-es'] #windowsh22.photo-movie-editor #Banner-panel-1, [lang='es-co'] #windowsh22.photo-movie-editor #Banner-panel-1, [lang='es-ar'] #windowsh22.photo-movie-editor #Banner-panel-1, [lang='es-cl'] #windowsh22.photo-movie-editor #Banner-panel-1, [lang='el-gr'] #windowsh22.photo-movie-editor #Banner-panel-1{ padding-top:110px; } #windowsh22.photo-movie-editor .m-feature.f-align-right { display: flex; align-items: center; } [lang='ru-ru'] #windowsh22.photo-movie-editor .herowithgradientline-blue .featurecontent .c-heading-2, [lang='lt-lt'] #windowsh22.photo-movie-editor .herowithgradientline-blue .featurecontent .c-heading-2, [lang='bg-bg'] #windowsh22.photo-movie-editor .herowithgradientline-blue .featurecontent .c-heading-2, [lang='da-dk'] #windowsh22.photo-movie-editor .herowithgradientline-blue .featurecontent .c-heading-2, [lang='el-gr'] #windowsh22.photo-movie-editor .herowithgradientline-blue .featurecontent .c-heading-2 { font-size: 38px; line-height: normal; } #windowsh22.photo-movie-editor .feature-panel-hero.m-feature.f-align-left > div { padding-top: 140px; } #windowsh22.photo-movie-editor #Banner-panel-1 { padding-top: 160px; } } @media only screen and (min-width: 1456px) { #windowsh22.photo-movie-editor .m-feature.f-align-right, #windowsh22.photo-movie-editor .m-feature.f-align-left:not(.feature-panel-hero) { padding-top: 95px; padding-bottom: 95px; } } @media only screen and (min-width: 1084px) and (max-width: 1200px) { .c-dialog.f-lightbox.wdg-lightbox [role=dialog] { max-width: 906px; } } @media only screen and (min-width: 971px) and (max-width: 1083px) { .c-dialog.f-lightbox.wdg-lightbox [role=dialog] { max-width: 800px; } } /*Photo movie editor styles ends*/ /*laptop-buying-guide css start*/ #windowsh22.laptop-buying-guide .image-priority-accolate .bg-feature-section.m-feature { background: #F9F9F9; } #windowsh22.laptop-buying-guide .articletouts .m-content-placement-item, #windowsh22.laptop-buying-guide .articletouts .m-content-placement-item:hover { cursor: default; } #windowsh22.laptop-buying-guide .c-pivot.center section[role=tabpanel] { box-shadow: none; } #windowsh22.laptop-buying-guide .c-pivot.center section[role=tabpanel] [data-grid="container"] > [data-grid="container"] { padding: 0; } #windowsh22.laptop-buying-guide .c-pivot.center [role="tablist"] [role="tab"] { font-size: 15px; border-radius: 6px; text-align: center; padding: 8px 3px !important; line-height: 1; box-shadow: none; margin: 0px 10px; background: none; color: #727272; font-weight: 500; } #windowsh22.laptop-buying-guide .c-pivot.center ul[role="tablist"] li.f-active { color: #2b2a2a !important; padding-top: 8px; border-bottom: 2px solid #0078D4; padding-bottom: 8px; border-radius: 0px; border-left: 0px !important; border-right: 0px !important; border-top: 0px !important; margin: 0 20px 2px; } #windowsh22.laptop-buying-guide .list-style-disc { list-style-type: disc; line-height: 20px; font-size: 15px; text-align: left; } #windowsh22.laptop-buying-guide .list-style-disc li { padding-bottom: 10px; padding-right: 10px; } [dir="rtl"] #windowsh22.laptop-buying-guide .list-style-disc li { padding-left: 10px; } #windowsh22.laptop-buying-guide .m-content-placement-item .c-hyperlink { text-decoration: underline; } #windowsh22.laptop-buying-guide .m-content-placement-item p .c-hyperlink { display: inline; margin-left: 0; } #windowsh22.laptop-buying-guide .toutheading { font-size: 22px; font-weight: 600; line-height: 24px; letter-spacing: 0em; } #windowsh22.laptop-buying-guide .Content_Placement-panel-52 .toutheading { text-align: center; } #windowsh22 .laptop-buying-guide .c-paragraph-1 { font-size: 20px; font-weight: 400; line-height: 24px; letter-spacing: 0em; } #windowsh22.laptop-buying-guide table th, #windowsh22.laptop-buying-guide .two-column-table table th { padding-top: 5px; padding-bottom: 5px; /*text-align: center;*/ } #windowsh22.laptop-buying-guide .two-column-table.laptops-table table th { text-align: center; } #windowsh22.laptop-buying-guide .pivotpanel, #windowsh22.laptop-buying-guide .pivotpanel-2 { margin-top: 0; padding-top: 36px; border-top: 1px solid rgba(0,0,0,.2); } #windowsh22.laptop-buying-guide .pivotpanel { padding-left: 40px; padding-right: 40px; } #windowsh22.laptop-buying-guide .two-column-table.laptops-table { width: 70%; margin: 0 15%; } #windowsh22.laptop-buying-guide .m-table .two-column-table.laptops-table { width: 100%; margin: 0; } #windowsh22.laptop-buying-guide .c-table.hardware-table tbody tr td:first-child, #windowsh22.laptop-buying-guide .c-table.hardware-table thead th:first-child, #windowsh22.laptop-buying-guide .c-table.hardware-table tbody tr th:first-child { width: 25%; } #windowsh22.laptop-buying-guide .c-table.laptops-table thead { border-bottom: none !important; } #windowsh22.laptop-buying-guide .c-table.hardware-table tbody tr td, #windowsh22.laptop-buying-guide .c-table.hardware-table tbody tr th{ border-bottom: 1px solid rgba(0,0,0,.2); text-align: left; } [dir="rtl"] #windowsh22.laptop-buying-guide .c-table.hardware-table tbody tr th:first-child { text-align: right; } #windowsh22.laptop-buying-guide .c-table thead th { font-size: 15px; line-height: 16px; font-weight: 700; } #windowsh22.laptop-buying-guide .c-table.ram-table tbody tr td, #windowsh22.laptop-buying-guide .c-table.ram-table thead th { text-align: center; } #windowsh22.laptop-buying-guide .c-table td, .c-table thead th { padding: 10px 0px; } #windowsh22.laptop-buying-guide .m-content-placement-item > picture img { width: 100%; position: relative; border-radius: 8px; } #windowsh22.laptop-buying-guide .m-content-placement.icon-content-placement { padding: 0 12px; } #windowsh22.laptop-buying-guide .m-content-placement.icon-content-placement .content-touts .articletouts { padding: 0 0 20px; } #windowsh22.laptop-buying-guide .icon-content-placement .list-style-disc { padding-top: 18px; } #windowsh22.laptop-buying-guide .m-content-placement.icon-content-placement .toutheading { text-align: center; border-bottom: 1px solid rgba(0,0,0,0.2); font-size: 13px; line-height: 16px; font-weight: 600; } #windowsh22.laptop-buying-guide .m-content-placement.icon-content-placement .m-content-placement-item > picture img { width: initial; } #windowsh22.laptop-buying-guide .m-content-placement-item > picture { text-align: center; padding-bottom: 0%; } #windowsh22.laptop-buying-guide .c-table table { max-width: 1024px; margin: 0 auto; width: 100%; } /*#windowsh22.laptop-buying-guide .image-priority-accolate { margin-top: 48px; }*/ #windowsh22.laptop-buying-guide .stickyV2 nav.c-in-page-navigation > ul { display: block; text-align: center; margin: 0 auto !important; } #windowsh22.laptop-buying-guide #Sticky-Navigation nav.c-in-page-navigation { display: block; padding-left:0px; } [dir="rtl"] #windowsh22.laptop-buying-guide #Sticky-Navigation nav.c-in-page-navigation { padding-right:0px; } #windowsh22.laptop-buying-guide .c-drawer { padding-top: 5px; background: transparent; } #windowsh22.laptop-buying-guide .c-drawer > button { border-radius: 8px; } #windowsh22.laptop-buying-guide .tick.c-glyph { font-size: 20px; text-align: center; font-family: MWF-MDL2; } #windowsh22.laptop-buying-guide .c-table.hardware-table tbody tr td:not(:first-child), #windowsh22.laptop-buying-guide .c-table.hardware-table thead th:not(:first-child) { text-align: center; } #windowsh22.laptop-buying-guide .c-table.ram-table tbody tr td { padding-left: 30px } #windowsh22.laptop-buying-guide .c-table.battery-table tbody tr td { text-align: center; } /*#windowsh22.laptop-buying-guide .c-table.battery-table tbody tr td:first-child { width: 60%; }*/ #windowsh22.laptop-buying-guide .c-table.battery-table thead th { text-align: center; } #windowsh22.laptop-buying-guide .c-table.battery-table tbody tr td { text-align: center; width: 50%; padding-left: 10%; } #windowsh22.laptop-buying-guide a.c-call-to-action.hatch-button.hatch-widget.cta { color: #fff !important; background: #0078d4 !important; padding: 8px 15px 8px 15px !important; font-size: 15px; line-height: 16px; margin-top: 28px; border-radius: 6px; display: inline-block; } #windowsh22.laptop-buying-guide [class^="list-style-disc"] a.c-hyperlink { text-decoration: underline; } [dir="rtl"] #windowsh22.laptop-buying-guide [class^="list-style-disc"] a.c-hyperlink { margin-left: 0; } #windowsh22.laptop-buying-guide .drawer-panel p.expand-collapse-toggle-area { padding-right: 10px; } #windowsh22.laptop-buying-guide .drawer-panel p.expand-collapse-toggle-area button { padding: 1px 5px; } #windowsh22.laptop-buying-guide .numberContentPlacement .articletouts .c-badge { font-size: 121px; line-height: 40px; } #windowsh22.laptop-buying-guide .functionality-factor-table { max-width: 1024px; margin: 0 auto; width: 100%; padding-left: 0; padding-right: 0; } #windowsh22.laptop-buying-guide .functionality-factor-table>div.stack-2 { border-bottom: 1px solid rgba(0,0,0,0.2); } #windowsh22.laptop-buying-guide .two-column-table.laptops-table { width: 100%; margin: 0 auto; max-width: 1024px; display: block; float: none; } #windowsh22.laptop-buying-guide table th, #windowsh22.laptop-buying-guide .two-column-table table th{ padding: 5px 0 7px; } #windowsh22.laptop-buying-guide .icon-content-placement .list-style-disc { padding: 23px 11px 0; } #windowsh22.laptop-buying-guide nav.c-in-page-navigation{ border-bottom:0px; } #windowsh22.laptop-buying-guide .c-table.battery-table thead th { text-align: center; font-size: 16px; line-height: 20px; } #windowsh22.laptop-buying-guide nav.c-in-page-navigation>ul li>a{ color:#0067B8; font-size:16px; line-height:24px; font-weight: 600; margin: 0 8px; } #windowsh22.laptop-buying-guide nav.c-in-page-navigation>ul li>a.f-active{ color:#000; } #windowsh22.laptop-buying-guide nav.c-in-page-navigation{ border-bottom:0px; } #windowsh22.laptop-buying-guide #panes-panel-ContentPlacementPanel .content-touts .articletouts .toutheading.c-heading-4 { padding-top: 46px; } #windowsh22.laptop-buying-guide .rounded-corners .c-button.f-primary.blue-button { margin-bottom: 40px; } #windowsh22.laptop-buying-guide #Banner-panel-4 .m-banner .c-paragraph-1{ padding-bottom: 80px !important; } #windowsh22.laptop-buying-guide #Banner-panel-14 .m-banner .c-paragraph-1{ padding-bottom: 12px !important; } #windowsh22.laptop-buying-guide .c-pivot.center ul[role="tablist"] li.f-active { margin: 0 10px 2px; } #windowsh22.laptop-buying-guide .holiday-animated-hero .c-paragraph-1{ font-weight: 600; } #windowsh22.laptop-buying-guide .numberContentPlacement .toutheading{ font-size: 34px; font-weight: 600; line-height: 40px; } [lang='sv-se'] #windowsh22.laptop-buying-guide .numberContentPlacement .toutheading { font-size: 26px; line-height: 32px; } #windowsh22.laptop-buying-guide nav.c-in-page-navigation.f-dropdown .f-dropdown-menu > a { width: 100%; margin: 0; transform: none; padding-left: 0; } #windowsh22.laptop-buying-guide #Sticky-Navigation { min-height: 54px; } #windowsh22.laptop-buying-guide #retailers .m-banner h2{ font-size: 46px; line-height: 56px; } #windowsh22.laptop-buying-guide #retailers .m-banner h2.c-heading-1 sup:nth-child(2){ right:10px; } [dir="rtl"] #windowsh22.laptop-buying-guide .list-style-disc { list-style-type: disc; line-height: 20px; font-size: 15px; text-align: right; padding-right: 19px; } #windowsh22.laptop-buying-guide .c-table.intel-table thead th { text-align: center } #windowsh22.laptop-buying-guide .intel-table thead{ border-bottom: none; } #windowsh22.laptop-buying-guide .intel-table td { width: 50%; } @media only screen and (max-width:767px) { #windowsh22.laptop-buying-guide #Banner-panel-1> .m-banner p, #windowsh22.laptop-buying-guide #Banner-panel-7> .m-banner p, #windowsh22.laptop-buying-guide #Banner-panel-9> .m-banner p, #windowsh22.laptop-buying-guide #Banner-panel-11> .m-banner p{ padding-bottom : 0px !important; } #windowsh22.laptop-buying-guide #Banner-panel-1> .m-banner, #windowsh22.laptop-buying-guide #Banner-panel-8> .m-banner, #windowsh22.laptop-buying-guide #Banner-panel-5> .m-banner, #windowsh22.laptop-buying-guide .ram-table { padding-top: 0px !important; } #windowsh22.laptop-buying-guide .m-banner p{ font-size: 15px; line-height: 20px; } #windowsh22.laptop-buying-guide .m-content-placement-item > picture img { width: 100%; } #windowsh22.laptop-buying-guide nav.c-in-page-navigation { border-bottom: 1px solid rgba(0,0,0,.2); } #windowsh22.laptop-buying-guide .retailers nav.c-link-navigation li { width: 250px; display: inline-block; } #windowsh22.laptop-buying-guide .retailers nav.c-link-navigation p { width: 250px; text-align: center; text-decoration:none; } #windowsh22.laptop-buying-guide .retailers .c-link-navigation picture div, #windowsh22.laptop-buying-guide nav.c-link-navigation li a.c-hyperlink.f-image { text-align: center; } #windowsh22.laptop-buying-guide .two-column-table.laptops-table { width: 96%; margin: 0 2%; } #windowsh22.laptop-buying-guide nav.c-link-navigation li a.c-hyperlink.f-image { text-align: center; } #windowsh22.laptop-buying-guide .two-column-table.laptops-table { width: 96%; margin: 0 2%; } #windowsh22.laptop-buying-guide .c-table td:not(:first-child) { text-align: center; } #windowsh22.laptop-buying-guide .c-table td:nth-child(2) { padding-left: 10px } #windowsh22.laptop-buying-guide .c-table.ram-table tbody tr td { padding-left: 5px; } #windowsh22.laptop-buying-guide .bg-feature-section.m-feature.f-align-left { border-radius: 8px; margin-right: 50px; width: calc(100% - 50px); min-height: 100%; margin-left: 0; } #windowsh22.laptop-buying-guide .bg-feature-section.m-feature.f-align-right { border-radius: 8px; margin-left: 50px; width: calc(100% - 50px); min-height: 100%; margin-right: 0; } #windowsh22.laptop-buying-guide .retailers .c-link-navigation img { border: 1px solid #f9f9f9; box-shadow: 0px 0px 10px #CCCCCC; } #windowsh22.laptop-buying-guide .c-table.battery-table tbody tr td { padding-left: 0; } #windowsh22.laptop-buying-guide .c-pivot.center [role="tablist"] [role="tab"] { border-bottom: 2px solid #D2D2D2 !important; border-top: 0; border-left: 0; border-right: 0; border-radius: 0; } #windowsh22.laptop-buying-guide .c-pivot.center ul[role="tablist"] li { display: block; margin: 20px 0px !important; padding: 8px 0px !important; } #windowsh22.laptop-buying-guide .c-pivot.center ul[role="tablist"] li.f-active span { border-bottom: 2px solid #0078D4 !important; padding: 2px; } #windowsh22.laptop-buying-guide .c-pivot.center section[role=tabpanel] [data-grid="container"]:first-child { border-top: 0; } #windowsh22.laptop-buying-guide .pivotpanel, #windowsh22.laptop-buying-guide .pivotpanel-2 { border-top: 0; } #windowsh22.laptop-buying-guide #Banner-panel-5 > .m-banner { margin-bottom: 0 !important; } #windowsh22.laptop-buying-guide #Banner-panel-5 > .m-banner p { padding-bottom: 0 !important; } #windowsh22.laptop-buying-guide #laptop-display-section > ul { padding-top: 20px; } #windowsh22.laptop-buying-guide #Banner-panel-15> .m-banner{ padding-top: 0px !important; } #windowsh22.laptop-buying-guide #Banner-panel-4 .m-banner .c-paragraph-1 { padding-bottom: 20px !important; } [dir="rtl"] #windowsh22.laptop-buying-guide .bg-feature-section.m-feature.f-align-right picture { left: -60px; right: auto; } #windowsh22.laptop-buying-guide .list-style-disc li { word-break: break-word; } /*#windowsh22.laptop-buying-guide #Sticky-Navigation .common-button nav.c-in-page-navigation:not(.f-dropdown) { display: none !important; } #windowsh22.laptop-buying-guide #Sticky-Navigation .common-button nav.c-in-page-navigation + nav.f-dropdown { display: block !important; }*/ } @media only screen and (min-width:768px) and (max-width:1083.98px) { #windowsh22.laptop-buying-guide .content-touts[data-grid~="col-2"] { width: 33.33%; } } @media only screen and (max-width: 1083.98px) { #windowsh22.laptop-buying-guide .bg-feature-section.m-feature.f-align-left { padding: 0; position: relative; min-height: auto !important; margin-left: 0; width: calc(100% - 50px); } #windowsh22.laptop-buying-guide .bg-feature-section.m-feature.f-align-right { padding: 0; position: relative; min-height: auto !important; margin-right: 0; width: calc(100% - 50px); } #windowsh22.laptop-buying-guide .holiday-animated-hero .m-hero-item > div, #windowsh22.laptop-buying-guide .holiday-animated-hero .m-hero-item > div { text-align: left; position: relative; } [dir="rtl"] #windowsh22.laptop-buying-guide .holiday-animated-hero .m-hero-item > div { text-align: right; } #windowsh22.laptop-buying-guide .holiday-animated-hero > section { padding: 0; } #windowsh22.laptop-buying-guide .holiday-animated-hero > section:before { padding-bottom: 0 !important; } #windowsh22.laptop-buying-guide .holiday-animated-hero > section picture { position:relative; top: 0; } #windowsh22.laptop-buying-guide .holiday-animated-hero > section picture img { position:relative; top: 0; transform: none; left: 0; } #windowsh22.laptop-buying-guide .m-hero-item > div { padding-top: 0px !important; width: 90%; height: fit-content !important; } #windowsh22.laptop-buying-guide .m-hero-item > div > div { height: fit-content !important; padding: 48px 0; transform: none; top: 0; position: relative; width: 100%; max-width: 100%; } #windowsh22.laptop-buying-guide #laptop-display-section .featurebox .featurecontent { margin: 0; padding: 0; width: 100%; } #windowsh22.laptop-buying-guide #stickynavwindows11 nav.c-in-page-navigation.f-dropdown.f-sticky { padding-left: 5%; } [dir="rtl"] #windowsh22.laptop-buying-guide #stickynavwindows11 nav.c-in-page-navigation.f-dropdown.f-sticky { padding-right: 5%; } /* #windowsh22.laptop-buying-guide .holiday-animated-hero .m-hero-item > div { width: 90%; } #windowsh22.laptop-buying-guide .holiday-animated-hero .m-hero-item.f-transparent > div > div { height: auto !important; }*/ } @media only screen and (min-width: 1084px) { #windowsh22.laptop-buying-guide .m-feature.f-align-left>div { left: 23px; } #windowsh22.laptop-buying-guide .bg-feature-section.m-feature.f-align-right picture { padding: 0; left: -90px; top: -40px; position: relative; float: right; } #windowsh22.laptop-buying-guide .bg-feature-section.m-feature.f-align-left { left: auto; width: calc(100% - 90px); min-height: auto !important; } [dir="rtl"] #windowsh22.laptop-buying-guide .bg-feature-section.m-feature.f-align-left picture { right: auto; left: -90px; float: left; } [dir="rtl"] #windowsh22.laptop-buying-guide .bg-feature-section.m-feature.f-align-left { right: auto; float:right; } #windowsh22.laptop-buying-guide .content-touts[data-grid~="col-2"] { width: 20%; } #windowsh22.laptop-buying-guide .m-hero-item.f-transparent > div > div { background: #fff; padding: 20px; border-radius: 6px; opacity: 0.7; } #windowsh22.laptop-buying-guide #laptop-display-section .featurebox .m-feature { display: flex; align-items: center; } #windowsh22.laptop-buying-guide #laptop-display-section .featurebox .m-feature picture { order: 1; } #windowsh22.laptop-buying-guide #laptop-display-section .featurebox .featurecontent { position: relative; margin: 0; top: 0; transform: none; padding: 0 40px; } #windowsh22.laptop-buying-guide #laptop-display-section .featurebox .featurecontent h2 { width: 100%; margin-top: 0 !important; float: left; } #windowsh22.laptop-buying-guide #laptop-display-section .featurebox .featurecontent p { float: left; width: 100%; } #windowsh22.laptop-buying-guide #laptop-display-section .featurebox .featurecontent .linearHorzontalLineLeft-blue { margin-top: 0 !important; } #windowsh22.laptop-buying-guide .c-paragraph-1 { font-size: 20px; font-weight: 400; line-height: normal; } [dir="rtl"] #windowsh22.laptop-buying-guide .m-feature.f-align-left>div { right: 23px; left: auto; } } @media screen and (min-width: 540px) { #windowsh22.laptop-buying-guide .retailers .c-link-navigation img { border: 1px solid #f9f9f9; box-shadow: 0px 0px 10px #CCCCCC; } #windowsh22.laptop-buying-guide .retailers .c-link-navigation ul li picture { max-height: initial; text-align: center; margin-top: 20px; } #windowsh22.laptop-buying-guide .retailers .c-link-navigation ul li p { display: block; text-align: center; text-decoration: none; } #windowsh22.laptop-buying-guide .retailers .c-link-navigation picture div { text-transform: none; font-weight: 700; } } @media only screen and (min-width:1084px) and (max-width:1365px) { #windowsh22.laptop-buying-guide .m-hero-item > div > div, .c-hero > div > div { max-width: 320px; } #windowsh22.laptop-buying-guide .c-heading-1.home-heading-fade { font-size:42px; line-height:normal; } [lang="ar-xm"] #windowsh22.laptop-buying-guide .c-heading-1.home-heading-fade, [lang="bg-bg"] #windowsh22.laptop-buying-guide .c-heading-1.home-heading-fade, [lang="de-at"] #windowsh22.laptop-buying-guide .c-heading-1.home-heading-fade, [lang="de-ch"] #windowsh22.laptop-buying-guide .c-heading-1.home-heading-fade, [lang="de-de"] #windowsh22.laptop-buying-guide .c-heading-1.home-heading-fade, [lang="el-gr"] #windowsh22.laptop-buying-guide .c-heading-1.home-heading-fade, [lang="fi-fi"] #windowsh22.laptop-buying-guide .c-heading-1.home-heading-fade, [lang="fr-be"] #windowsh22.laptop-buying-guide .c-heading-1.home-heading-fade, [lang="fr-ch"] #windowsh22.laptop-buying-guide .c-heading-1.home-heading-fade, [lang="fr-ca"] #windowsh22.laptop-buying-guide .c-heading-1.home-heading-fade, [lang="fr-fr"] #windowsh22.laptop-buying-guide .c-heading-1.home-heading-fade, [lang="fr-xf"] #windowsh22.laptop-buying-guide .c-heading-1.home-heading-fade, [lang="hr-hr"] #windowsh22.laptop-buying-guide .c-heading-1.home-heading-fade, [lang="hu-hu"] #windowsh22.laptop-buying-guide .c-heading-1.home-heading-fade, [lang="lt-lt"] #windowsh22.laptop-buying-guide .c-heading-1.home-heading-fade, [lang="lv-lv"] #windowsh22.laptop-buying-guide .c-heading-1.home-heading-fade, [lang="pt-pt"] #windowsh22.laptop-buying-guide .c-heading-1.home-heading-fade, [lang="ro-ro"] #windowsh22.laptop-buying-guide .c-heading-1.home-heading-fade, [lang="ru-ru"] #windowsh22.laptop-buying-guide .c-heading-1.home-heading-fade, [lang="sk-sk"] #windowsh22.laptop-buying-guide .c-heading-1.home-heading-fade, [lang="tr-tr"] #windowsh22.laptop-buying-guide .c-heading-1.home-heading-fade, [lang="uk-ua"] #windowsh22.laptop-buying-guide .c-heading-1.home-heading-fade, [lang="vi-vn"] #windowsh22.laptop-buying-guide .c-heading-1.home-heading-fade { font-size: 34px; line-height: normal; } [lang="ar-xm"] #windowsh22.laptop-buying-guide .holiday-animated-hero .c-paragraph-1, [lang="bg-bg"] #windowsh22.laptop-buying-guide .holiday-animated-hero .c-paragraph-1, [lang="de-at"] #windowsh22.laptop-buying-guide .holiday-animated-hero .c-paragraph-1, [lang="de-ch"] #windowsh22.laptop-buying-guide .holiday-animated-hero .c-paragraph-1, [lang="de-de"] #windowsh22.laptop-buying-guide .holiday-animated-hero .c-paragraph-1, [lang="el-gr"] #windowsh22.laptop-buying-guide .holiday-animated-hero .c-paragraph-1, [lang="fi-fi"] #windowsh22.laptop-buying-guide .holiday-animated-hero .c-paragraph-1, [lang="fr-be"] #windowsh22.laptop-buying-guide .holiday-animated-hero .c-paragraph-1, [lang="fr-ch"] #windowsh22.laptop-buying-guide .holiday-animated-hero .c-paragraph-1, [lang="fr-ca"] #windowsh22.laptop-buying-guide .holiday-animated-hero .c-paragraph-1, [lang="fr-fr"] #windowsh22.laptop-buying-guide .holiday-animated-hero .c-paragraph-1, [lang="fr-xf"] #windowsh22.laptop-buying-guide .holiday-animated-hero .c-paragraph-1, [lang="hr-hr"] #windowsh22.laptop-buying-guide .holiday-animated-hero .c-paragraph-1, [lang="hu-hu"] #windowsh22.laptop-buying-guide .holiday-animated-hero .c-paragraph-1, [lang="lt-lt"] #windowsh22.laptop-buying-guide .holiday-animated-hero .c-paragraph-1, [lang="lv-lv"] #windowsh22.laptop-buying-guide .holiday-animated-hero .c-paragraph-1, [lang="pt-pt"] #windowsh22.laptop-buying-guide .holiday-animated-hero .c-paragraph-1, [lang="ro-ro"] #windowsh22.laptop-buying-guide .holiday-animated-hero .c-paragraph-1, [lang="ru-ru"] #windowsh22.laptop-buying-guide .holiday-animated-hero .c-paragraph-1, [lang="sk-sk"] #windowsh22.laptop-buying-guide .holiday-animated-hero .c-paragraph-1, [lang="tr-tr"] #windowsh22.laptop-buying-guide .holiday-animated-hero .c-paragraph-1, [lang="uk-ua"] #windowsh22.laptop-buying-guide .holiday-animated-hero .c-paragraph-1, [lang="vi-vn"] #windowsh22.laptop-buying-guide .holiday-animated-hero .c-paragraph-1{ font-size: 15px; line-height: 20px; } } @media only screen and (min-width:1366px) and (max-width:1599px) { #windowsh22.laptop-buying-guide .m-hero-item > div > div, .c-hero > div > div { max-width: 420px; } [lang="ru-ru"] #windowsh22.laptop-buying-guide .c-heading-1.home-heading-fade { font-size:42px; line-height:normal; } } #windowsh22.laptop-buying-guide .m-content-placement.icon-content-placement > div{ border-bottom: 1px solid rgba(0,0,0,0.2); } /*laptop-buying-guide css ends*/ .features .c-drawer > button { font-weight: 600 } .c-call-to-action:focus:not(.x-hidden-focus), .c-call-to-action:hover, .c-call-to-action:active { background: transparent; box-shadow: none !important; } .c-call-to-action:focus:not(.x-hidden-focus) span, .c-call-to-action:hover span, .c-call-to-action:active span { left: 0 !important; box-shadow: 0 2px currentColor !important; } [dir="rtl"] .c-call-to-action:focus:not(.x-hidden-focus) span, .c-call-to-action:hover span, .c-call-to-action:active span { right: 0 !important; box-shadow: 0 2px currentColor !important; } [dir="rtl"] .c-call-to-action:focus:not(.x-hidden-focus), .c-call-to-action:hover, .c-call-to-action:active { background: transparent; box-shadow: none !important; transition: none; } #windowsh22.photo-movie-editor #table1 .c-table tbody tr th:first-child { font-weight: 600; } .list-style-disc { list-style-type: disc; } /* Sticky Header */ .stickyNavHeader { padding: 0 5%; width: 100%; float: left; display: none; background: #FFF; border-bottom: 1px solid #E3E3E3; z-index: 401; } .stickyNavHeader > section { max-width: 1600px; margin: 0 auto; } .stickyNavHeader.stickyH { display: block; position: fixed; top: 0; } .stickyNavHeader .c-logo { padding: 13px 6px 16px 10px; float: left; height: 100%; margin-top: 1px; width: 137px; outline-offset: -2px; } .stickyNavHeader .c-logo img { max-width: none; width: 108px; border-radius: 0; } .stickyNavHeader .c-pipe-div { position: relative; padding: 14px 6px 16px 28px; float: left; margin-top: 0; width: 137px; outline-offset: -2px; } .stickyNavHeader .c-pipe-div span { font-size: 18px; font-weight: 600; margin-top: -3px; } .stickyNavHeader .c-pipe-div::before { border-left: 2px solid #000; height: 24px; content: " "; margin-left: 7px; position: absolute; top: 15px; left: 0; } .stickyNavHeader #stickynavcommon .c-group a { border-radius: 6px; text-align: center; padding: 11px 40px; line-height: 20px; box-shadow: none; background: #0078D4; color: #FFFFFF; white-space: normal; font-weight: 700; margin: 5px 0 0 0 !important; border: 0; min-height: 42px; height: 42px; } .stickyNavHeader .specs-stickynav > div.c-group { float: right; margin-top: 0; } [dir="rtl"] .stickyNavHeader .c-in-page-navigation{ display: flex; } [dir="rtl"] .stickyNavHeader .specs-stickynav > div.c-group { margin-right: auto; } [dir="rtl"] .stickyNavHeader .c-logo { padding: 13px 10px 16px 6px; } [dir="rtl"] .stickyNavHeader .c-pipe-div { padding: 14px 28px 16px 6px; } [dir="rtl"] .stickyNavHeader .c-pipe-div::before { border-right: 2px solid #000; border-left: 0; height: 24px; content: " "; margin-right: 7px; margin-left: 0; right: 0; left: auto; } [dir="rtl"] .stickyNavHeader #stickynavcommon .c-group a { margin-bottom: 5px !important; } @media only screen and (max-width: 1083.98px) { .stickyNavHeader.stickyH, #windowsh22.windows-11 .win10-nav.f-sticky .upgrade-button, #windowsh22.windows-11 .win10-nav.f-sticky li:last-child { display: none !important; } /*#windowsh22.laptop-buying-guide .common-button.f-sticky ul li:last-child, .accessibility-features .common-button.f-sticky ul li:last-child, .comprehensive-security .common-button.f-sticky ul li:last-child, #windowsh22.windows-11 .common-button.f-sticky ul li:last-child { right: 0; position:relative; float: none !important; } [dir=rtl] #windowsh22.laptop-buying-guide .common-button.f-sticky ul li:last-child { left: auto; }*/ } @media only screen and (min-width: 1779px) { .stickyNavHeader .c-pipe-div { padding-left: 42px; } } /* Sticky Header */ @media screen and (min-width: 1400px) { #windowsh22.hubmain .c-group.wf-cta-container { display: block !important; } } @media screen and (min-width: 1084px) { #windowsh22:not(.laptop-buying-guide) .common-button.f-sticky .common-button.f-sticky:not(.f-dropdown) ul, .windows-11-specifications .common-button.f-sticky .common-button.f-sticky:not(.f-dropdown) ul{ display: flex; } /*#windowsh22 .common-button.f-sticky .f-sticky.f-dropdown ul, .windows-11-specifications .common-button.f-sticky .f-sticky.f-dropdown ul { display: block; }*/ } /*AI CSS start*/ #windowsh22.AI-Page #grey-bg .m-banner { margin-top: 50px; margin-bottom: 50px; padding-top: 80px; padding-bottom: 77px; color: #FFF; } #windowsh22.AI-Page svg { margin-left: 5px; } .copilot-ai-features #ai-Contentplacement a.c-call-to-action:active{ outline: 2px solid #000 !important; background: rgba(0,103,184,.1); color: #005da6; -ms-outline: 2px solid #000 !important; } .copilot-ai-features #ai-Contentplacement a.c-call-to-action:focus{ outline: 2px solid #000 !important; background: rgba(0,103,184,.1); color: #005da6; } .copilot-ai-features #ai-Contentplacement a.c-call-to-action:active{ outline: 2px solid #000 !important; background: rgba(0,103,184,.1); color: #005da6; -ms-outline: 2px solid #000 !important; } .copilot-ai-features #ai-hero a.c-hyperlink:active { outline: 2px dashed #000 !important; background: rgba(0,103,184,.1); color: #005da6; line-height: 14px; border: none; padding: 3px 4px; } #windowsh22.AI-Page .m-content-placement-item picture { padding-bottom: 60px; } #windowsh22.AI-Page .m-content-placement-item picture img { width: auto; } #windowsh22.AI-Page.hubmain #grey-bg { /* background: #F9F9F9; */ background: url('https://img-prod-cms-rt-microsoft-com.akamaized.net/cms/api/am/imageFileData/RW1a42L'); background-size: cover; } #windowsh22.AI-Page.hubmain #photoMovieEditor_Contentplacement div > .content-touts:nth-child(3n+1) { clear: both; } #windowsh22.AI-Page #numberListId { background: linear-gradient(180deg, #94C9F1 0%, rgba(148, 201, 241, 0.00) 100%), #FFF; } #windowsh22.AI-Page #numberListId{ margin-top: 50px; margin-bottom: 50px; } #windowsh22.AI-Page.hubmain .image-priority-accolate .bg-feature-section.m-feature{ background: #F0F8FF; box-shadow: 4.86821px 4.86821px 12.17053px 0px rgba(50, 143, 195, 0.20); backdrop-filter: blur(6.085267066955566px); } #windowsh22.AI-Page #ai-Contentplacement.m-content-placement{ float:left; padding-bottom:120px; } #windowsh22.AI-Page #show-more-faq .c-drawer > button { background: #F7F7F7; border-radius: 8px; padding-left: 40px; } #windowsh22.AI-Page #show-more-faq .c-drawer > button:after{ color: #0078D7; } #windowsh22.AI-Page #show-more-faq .c-drawer-panel{ background: #F7F7F7; border-radius: 8px; } #windowsh22.AI-Page #show-more-faq .c-drawer{ margin-bottom: 12px; } #windowsh22.AI-Page .c-drawer > button { font-weight: 600; font-size: 20px; line-height: 24px; } #windowsh22.AI-Page .c-drawer > button::before { font-size: 13px !important; line-height: 16px !important; color: #0078D7; } #windowsh22.AI-Page .drawer-panel .c-drawer .c-drawer-panel p.c-paragraph-3, #windowsh22.AI-Page .drawer-panel .c-drawer .c-drawer-panel .c-list li { font-size: 18px; line-height: 24px; font-weight: 400; } #windowsh22.AI-Page #show-more-faq div.c-drawer-panel { padding-bottom: 16px !important; padding-left: 40px; } #windowsh22.AI-Page p.expand-collapse-toggle-area.x-type-right > span { transform: rotate(20deg); position: relative; top: -2px; } #windowsh22.AI-Page .m-content-placement-item .linearHorzontalLineLeft-blue { width: 100px; height: 3px; } #windowsh22.AI-Page .herowithgradientline-blue .content-touts .articletouts .m-content-placement-item > div > h3 { padding-top: 0px; padding-bottom: 0px; } #windowsh22.AI-Page div.c-drawer-panel { font-size: 18px; line-height: 24px; font-weight: 400; } #windowsh22.AI-Page .toutheading { font-size: 24px !important; line-height: 28px !important; } #windowsh22.AI-Page .articletouts .m-content-placement-item, #windowsh22.AI-Page .articletouts .m-content-placement-item:hover { cursor: default; } #windowsh22.AI-Page .articletouts .m-content-placement-item:hover img { opacity: 1; } [dir="rtl"] #windowsh22.AI-Page p.expand-collapse-toggle-area.x-type-right > span{ transform: rotate(-20deg); } [dir="rtl"] #windowsh22.AI-Page .drawer-panel .c-drawer .c-drawer-panel p.c-paragraph-3, [dir="rtl"] #windowsh22.AI-Page .drawer-panel .c-drawer .c-drawer-panel .c-list li{ margin:0 2% 0 0; } [dir="rtl"] #windowsh22.AI-Page .linearHorzontalLineLeft-blue { background: linear-gradient(277.21deg, #0067B8 5.82%, #50E6FF 134%); } @media only screen and (min-width: 1084px) and (max-width: 1200px) { [lang="el-gr"] .copilot-ai-features #ai-hero .m-hero-item > div > div > h1 { font-size: 30px; line-height: normal; } [lang="el-gr"] .copilot-ai-features #ai-hero .m-hero-item > div > div > p { font-size: 18px; line-height: normal; } } @media only screen and (min-width: 1084px) { #windowsh22.AI-Page #ai-Contentplacement [data-grid~="pad-6x"]>[data-grid]{ padding-right: 50px; padding-left: 50px; } #windowsh22.AI-Page .m-content-placement-item .linearHorzontalLineLeft-blue { margin-top: 18px !important; } #windowsh22.AI-Page .herowithgradientline-blue .content-touts .articletouts .m-content-placement-item > div > p { padding-top: 10px; } #windowsh22.AI-Page .m-content-placement-item .linearHorzontalLineLeft-blue { margin-top: 24px !important; } #windowsh22.AI-Page .articletouts .c-group { margin-top: 0px; } #windowsh22.AI-Page .m-feature{ margin-top:0px; margin-bottom: 50px; } #windowsh22.AI-Page #aiBanner-1 .m-banner{ padding-top: 12px; padding-bottom: 52px; margin-bottom: 50px; } #windowsh22.AI-Page #ai-getwin11.featurebox{ margin-top:50px; } #windowsh22.AI-Page #bing-ai.featurebox{ padding-top: 40px; padding-bottom: 40px; } #windowsh22.AI-Page #show-more-faq{ margin-bottom: 32px; } #windowsh22.AI-Page #numberListId{ margin-left:5%; margin-right:5%; } #windowsh22.AI-Page #numberListId .numberlist-structurelist[data-grid="container"] { margin-left: 0; margin-right: 0; } #windowsh22.AI-Page #numberListId{ border-radius :8px; } #windowsh22.AI-Page #numberListId .numberlist-structurelist .numberlistbanner { min-height: 680px; } #windowsh22.AI-Page #ai-Contentplacement.m-content-placement > div > div:nth-child(3n + 1) { clear: both; } #windowsh22.AI-Page .image-priority-accolate.featurebox .featurecontent p{ padding-top: 24px !important; } [lang='sr-latn-rs'] #windowsh22.AI-Page .m-hero-item > div > div h1 { font-size: 28px; line-height: normal; } } @media screen and (max-width: 1083.98px) { .hubmain.copilot-ai-features #ai-hero a.c-hyperlink { white-space: nowrap; } #windowsh22.AI-Page #bing-ai .m-feature .featurecontent, #windowsh22.AI-Page #copilotFeature-1 .m-feature .featurecontent, #windowsh22.AI-Page #copilotFeature-2 .m-feature .featurecontent, #windowsh22.AI-Page #copilotFeature-3 .m-feature .featurecontent{ text-align: left !important; padding-left: 0px !important; padding-right: 0px !important; margin-left: 0px !important; padding-bottom: 0px; } #windowsh22.AI-Page .m-hero-item { padding: 0px; } #windowsh22.AI-Page .m-hero-item { background: #FFF; } #windowsh22.AI-Page .m-hero-item:before { padding-bottom: 0 !important; } #windowsh22.AI-Page .m-hero-item > picture { top: 0; position: relative; } #windowsh22.AI-Page .m-hero-item > picture img { position:relative; top: 0; transform: none; left: 0; } #windowsh22.AI-Page .m-hero-item > div { position: relative; padding-top: 0px !important; width: 90%; height: fit-content !important; text-align: left; } #windowsh22.AI-Page .m-hero-item.f-transparent > div > div { transform: none !important; } #windowsh22.AI-Page .m-hero-item > div > div { height: fit-content !important; padding: 48px 0; transform: none; top: 0; position: relative; width: 100%; max-width: 100%; } #windowsh22.AI-Page #copilotFeature-1.image-priority-accolate, #windowsh22.AI-Page #copilotFeature-2.image-priority-accolate, #windowsh22.AI-Page #copilotFeature-3.image-priority-accolate, #windowsh22.AI-Page #bing-ai.image-priority-accolate{ width: 100%; margin: 0px; } #windowsh22.AI-Page .bg-feature-section.m-feature { padding: 0; position: relative; min-height: auto !important; margin-right: 0; width: calc(100% - 50px); } [dir="rtl"] #windowsh22.AI-Page .bg-feature-section.m-feature { margin-left: 0; } [dir="rtl"] #windowsh22.AI-Page #bing-ai .m-feature .featurecontent, [dir="rtl"] #windowsh22.AI-Page #copilotFeature-1 .m-feature .featurecontent, [dir="rtl"] #windowsh22.AI-Page #copilotFeature-2 .m-feature .featurecontent, [dir="rtl"] #windowsh22.AI-Page #copilotFeature-3 .m-feature .featurecontent { margin-right:0px !important; text-align:right !important; } [dir="rtl"] #windowsh22.AI-Page .m-hero-item > div > div{ text-align:right !important; } } @media (min-width: 768px) and (max-width: 1083.98px){ #windowsh22.AI-Page #ai-getwin11.image-priority-accolate .bg-feature-section div.c-group { margin-bottom: 24px; } } @media only screen and (min-width: 1440px) { #windowsh22.AI-Page .numberlistpanel .numberlist-structurelist .numberlist {min-height: 750px;} } @media only screen and (min-width: 1084px) { #windowsh22.AI-Page .m-hero-item > div > div { max-width: 400px; } } @media screen and (min-width: 320px) and (max-width: 375px){ #windowsh22.AI-Page .bg-feature-section.m-feature.f-align-right picture { left: -45px; } } @media only screen and (max-width: 767.98px){ #windowsh22.AI-Page .bg-feature-section.m-feature.f-align-right { margin-left:50px; } [dir="rtl"] #windowsh22.AI-Page .bg-feature-section.m-feature.f-align-right { margin-left:00px; } } @media only screen and (min-width: 768px) { #windowsh22.AI-Page.hubmain #ai-Contentplacement > div > .content-touts:nth-child(3n+1) { clear: both; } } @media (prefers-contrast: more){ #windowsh22.AI-Page .drawer-panel .expand-collapse-toggle-area .c-action-trigger.active:hover { color: Highlight !important; background-color: transparent !important; } #windowsh22.AI-Page .drawer-panel .expand-collapse-toggle-area .c-action-trigger.active:focus { color: Highlight !important; } #windowsh22.AI-Page .drawer-panel .c-drawer button.c-glyph:focus:not(:disabled) { color: Highlight !important; } .drawer-panel p.expand-collapse-toggle-area button.c-action-trigger.active:focus { outline: 1px dashed transparent; } #windowsh22.AI-Page .drawer-panel .c-drawer button.c-glyph:focus:not(:disabled) { color: highlight !important; background: none !important; } #fixed-bar .compare-items-block .disabled span { color: grayText !important; } #fixed-bar .compare-items-block .disabled { opacity: 0.6; } } /*AI CSS ends*/ /*FY24 TYD css start*/ .transfer-your-data-with-windows-backup #TYD-hero-hvp .m-hero-item a.c-hyperlink:not(.f-image):focus:not(.x-hidden-focus), .transfer-your-data-with-windows-backup #TYD-hero-hvp .m-hero-item a.c-hyperlink:not(.f-image):active, .transfer-your-data-with-windows-backup #TYD-hero-hvp-off .m-hero-item a.c-hyperlink:not(.f-image):focus:not(.x-hidden-focus), .transfer-your-data-with-windows-backup #TYD-hero-hvp-off .m-hero-item a.c-hyperlink:not(.f-image):active{ color:#FFF !important; background:transparent; } #windowsh22.transfer-your-data-with-windows-backup #TYD-hero-hvp .m-hero-item a.c-hyperlink.supBLink, #windowsh22.transfer-your-data-with-windows-backup #TYD-hero-hvp-off .m-hero-item a.c-hyperlink.supBLink{ color:#FFF !important; } .transfer-your-data-with-windows-backup #TYD-hero-hvp .m-hero-item a.supBLink:focus, .transfer-your-data-with-windows-backup #TYD-hero-hvp-off .m-hero-item a.supBLink:focus{ outline:2px dashed #FFF !important; } @media screen and (max-width: 1083.98px){ .transfer-your-data-with-windows-backup #TYD-hero-hvp .m-hero-item sup > a.c-hyperlink:focus, .transfer-your-data-with-windows-backup #TYD-hero-hvp-off .m-hero-item sup > a.c-hyperlink:focus{ outline:2px dashed #FFF !important; } .transfer-your-data-with-windows-backup.hubmain #TYD-hero-lvp a.c-hyperlink:focus { outline: 2px dashed #fff !important; } .transfer-your-data-with-windows-backup.hubmain #TYD-hero-hvp-off a.c-hyperlink:focus { outline: 2px dashed #fff !important; } .transfer-your-data-with-windows-backup #TYD-hero-hvp-off .m-hero-item > div, .transfer-your-data-with-windows-backup #TYD-hero-hvp-off .m-hero-item > div { text-align: left; position: relative; } [dir="rtl"] .transfer-your-data-with-windows-backup #TYD-hero-hvp-off .m-hero-item > div, [dir="rtl"] .transfer-your-data-with-windows-backup #TYD-hero-hvp-off .m-hero-item > div > div { text-align: right; } .transfer-your-data-with-windows-backup #TYD-hero-hvp-off .m-hero-item > div { padding-top: 0px !important; width: 90%; height: fit-content !important; margin: 0 auto !important; } .transfer-your-data-with-windows-backup #TYD-hero-hvp-off > section:before { padding-bottom: 0 !important; } .transfer-your-data-with-windows-backup #TYD-hero-hvp-off > section { padding: 0; } .transfer-your-data-with-windows-backup #TYD-hero-hvp-off > section picture { position: relative; top: 0; } .transfer-your-data-with-windows-backup #TYD-hero-hvp-off .m-hero-item > div > div{ height: fit-content !important; padding: 48px 0; transform: none; top: 0; position: relative; width: 100%; max-width: 100%; } .transfer-your-data-with-windows-backup #TYD-hero-hvp-off > section picture img { position: relative; top: 0; transform: none; left: 0; } } @media only screen and (max-width: 767.98px) { #windowsh22.Transfer-your-data #homeContentPlacemet.m-content-placement{ padding-bottom:50px !important; } #windowsh22.Transfer-your-data #TYD-mosaic-banner .m-banner{ padding-top:20px !important; padding-bottom:20px !important; } #windowsh22.Transfer-your-data #homeContentPlacemet.m-content-placement{ padding-top:20px !important; } #windowsh22.Transfer-your-data #contplace-banner .m-banner{ padding-top:5px !important; } } [dir="rtl"] .transfer-your-data-with-windows-backup .m-content-placement-item .c-hyperlink{ margin-left:2px; } /*FY24 TYD css end*/ /*FY24 EOS css win10 start*/ .end-of-support #show-more-faq-Win10 a.c-hyperlink{ text-decoration : underline !important; } .end-of-support .linearHorzontalLineLeft-eos { width: 60px; height: 4px; background: #60CCFE; margin-top: 32px !important; margin-bottom: 8px; position: relative; padding: 0px !important; } .end-of-support .c-pivot.center [role="tablist"] [role="tab"] { font-size: 16px; text-align: center; padding: 8px 3px !important; border:none; line-height: 24px; box-shadow: none; margin: 0px 20px; background: none; color: #727272; font-weight: 700; } .end-of-support p.expand-collapse-toggle-area.x-type-right > span{ transform: rotate(20deg); position: relative; top: -2px; } .end-of-support .drawer-panel .expand-collapse-toggle-area button.c-action-trigger:focus{ outline:none; } .end-of-support .c-pivot{ margin-top:0px !important; } /* .end-of-support .c-pivot.center ul[role="tablist"] li.f-active { color: #2b2a2a !important; padding-top: 8px; border-bottom: 2px solid #0078D4; padding-bottom: 8px; border-radius: 0px; margin: 0px 20px; } */ .end-of-support .c-pivot.center section[role=tabpanel] { box-shadow: none; } .end-of-support .m-hero-item.f-x-left.f-y-center{ margin-top: 0; padding-top: 36px; border-top: 2px solid rgba(0,0,0,.2); } .end-of-support #id-win10.featurebox .m-feature.f-align-left:not(.feature-panel-hero){ margin-top: 50px !important; margin-bottom:50px !important; border-top: 0px !important; } .end-of-support #win-10-panes-3up .m-panes-product-placement-item picture.c-image img { width:auto; } .end-of-support #id-win10 { margin-top: 50px; } .end-of-support #id-win10 { background: #F7F7F7; } .end-of-support #numberListId { background: linear-gradient(180.05deg, #8DC8E8 0.04%, rgba(141, 200, 232, 0.578125) 59.8%, rgba(141, 200, 232, 0) 104.1%); } .end-of-support #numberListId .numberlist-structurelist { padding-top: 40px; padding-bottom: 80px; } .end-of-support #EOS-Android-Mosaic .c-group a { left: 20px; } .end-of-support #EOS-Android-Mosaic .c-group a.c-call-to-action { text-align: left; bottom: 10px; } .end-of-support #EOS-Android-Mosaic .c-group { top: auto; text-align:left; right: auto; bottom: 12px; } .end-of-support .fullBleedBgBanner .m-feature { margin-top: 25px; padding-bottom: 26px !important; } .end-of-support .fullBleedBgBanner .m-feature.custom-small-feature .c-group{ padding-top:15px; } .end-of-support .fullBleedBgBanner .c-feature .c-call-to-action:not(.f-primary):not(.f-secondary):focus:not(.x-hidden-focus), .end-of-support .fullBleedBgBanner .m-feature .c-call-to-action:not(.f-primary):not(.f-secondary):focus:not(.x-hidden-focus)i { color:#FFFFFF; } .end-of-support .fullBleedBgBanner .m-feature.custom-small-feature .c-group a { color: #FFFFFF; } .end-of-support .fullBleedBgBanner .m-feature.custom-small-feature .content { max-width:50%; } .end-of-support #HeroItem-Win10 .m-hero-item, .end-of-support #HeroItem-Win8 .m-hero-item, .end-of-support #HeroItem-Win7 .m-hero-item{ padding-top:75px; border-top : 2px solid rgba(0,0,0,.2); } .end-of-support #HeroItem-Win7 .m-hero-item{ background-color: transparent; } .end-of-support #HeroItem-Win7 .m-hero-item p.c-paragraph-1, .end-of-support #HeroItem-Win8 .m-hero-item p.c-paragraph-1, .end-of-support #HeroItem-Win10 .m-hero-item p.c-paragraph-1{ font-weight: 400; } .end-of-support .fullBleedBgBanner .m-feature.custom-small-feature .content p.c-paragraph-2 { font-weight: 400; } .end-of-support #numberListId .numberlist-structurelist .m-structured-list .c-call-to-action span{ color: #0078D7 !important; } .end-of-support #numberListId .structure-container .c-structured-list { margin: 0 0 32px 0; } .end-of-support #numberListId .structure-container .c-structured-list .structure-item .c-heading-3{ padding: 36px 0 2px; } .end-of-support #fullBleedBgBanner .m-feature .c-call-to-action:not(.f-primary):not(.f-secondary):focus:not(.x-hidden-focus){ color: #FFF !important; } .end-of-support #windowsTransfer p.c-paragraph-2{ font-weight: 400 !important; } .end-of-support #windowsTransfer .rounded-corners .c-button.f-primary.blue-button, .end-of-support .EOS-mosaic-left .c-mosaic-placement .c-group a.blue-button, .end-of-support #id-win10.featurebox .rounded-corners .c-button.f-primary.blue-button, .end-of-support .EOS-mosaic-right .c-mosaic-placement .c-group a.blue-button{ background: #0078D4 !important; } .end-of-support #numberListId .numberlistbanner p.c-paragraph-1, .end-of-support #id-win10.featurebox .featurecontent p.c-paragraph-2, .end-of-support #id-resources p.c-paragraph-2{ font-weight: 400 !important; } .end-of-support .fullBleedBgBanner .m-feature.custom-small-feature .c-group a{ margin-bottom:0px; } #windowsTransfer .m-feature .featurecontent h2.c-heading-2{ padding-top: 18px; padding-bottom : 15px; } .end-of-support #id-win10 .m-feature .featurecontent h2.c-heading-2{ padding-bottom : 12px; } .end-of-support #id-win10.featurebox .featurecontent p.c-paragraph-2{ padding-bottom : 10px; line-height:24px; } .end-of-support .faqbannercls h2.c-heading-2{ padding-top: 42px ; } .end-of-support .drawer-panel p.expand-collapse-toggle-area{ margin-bottom:24px; } .end-of-support #windowsTransfer .m-feature{ padding-bottom : 40px; } .end-of-support #fullBleedBgBanner .m-feature p.c-paragraph-2 sup .c-hyperlink.supBLink{ color:#fff; } .end-of-support #windowsTransfer .m-feature picture.c-image.mp4inline > video{ border-radius:8px; } .end-of-support #numberListId{ margin-bottom:45px; } [dir="rtl"] .end-of-support p.expand-collapse-toggle-area.x-type-right > span{ transform: rotate(-20deg); } [dir="rtl"] .end-of-support #EOS-Android-Mosaic .c-group { left:auto; text-align: right; } [dir="rtl"] .end-of-support #EOS-Android-Mosaic .c-group a{ right:20px; } .end-of-support #show-more-faq-Win8 .mscom-link.c-call-to-action.c-glyph{ text-align: left; } .end-of-support #show-more-faq-Win8 .mscom-link.c-call-to-action.c-glyph span{ display:inline; } .end-of-support div#retailers .c-link-navigation picture div, .end-of-support div#retailers-Win8 .c-link-navigation picture div, .end-of-support div#retailers-Win7 .c-link-navigation picture div{ background:none; line-height:normal; } .end-of-support #retailers-Win8 nav.c-link-navigation picture div::after{ } .end-of-support #retailers .retailers-content .c-link-navigation ul li div:after{ font-size: 15px; margin-top: 2px; } .end-of-support #retailers .retailers-content .c-link-navigation ul li div{ max-height: fit-content; font-size: 15px; line-height: 20px; text-transform: none; font-weight: 700; padding-left: 0; padding-right: 0; } .end-of-support #retailers .retailers-content nav.c-link-navigation li a.c-hyperlink.f-image{ margin: 0 24px 24px; } @media screen and (min-width: 1084px) { [dir="rtl"] .end-of-support div.c-drawer-panel{ margin:0 2% 0 2%; } .end-of-support #HeroItem-Win8 .m-hero-item > div > div, .end-of-support #HeroItem-Win7 .m-hero-item > div > div{ top:calc(50%); } .end-of-support #HeroItem-Win10 .m-hero-item > div > div{ top:calc(50%); max-width:360px; } .end-of-support #numberListId, .end-of-support #id-win10{ margin-left:5%; margin-right:5%; } .end-of-support #numberListId{ border-radius :8px; } .end-of-support #show-more-faq-Win10{ padding-bottom:50px; } .end-of-support #id-resources .m-banner h2{ padding-top:5px; } .end-of-support #id-resources .m-banner{ padding-top:25px; } .end-of-support #EOS-Android-Mosaic{ padding-bottom:50px; } .end-of-support #HeroItem-Win7 .m-hero-item:before, .end-of-support #HeroItem-Win8 .m-hero-item:before, .end-of-support #HeroItem-Win10 .m-hero-item:before{ padding-bottom: 44.55%; } .end-of-support #HeroItem-Win10 .m-hero-item .c-heading-2{ font-size: 34px; font-style: normal; font-weight: 600; line-height: 40px; } .end-of-support .drawer-panel{ margin-bottom:50px !important; } .end-of-support #numberListId .numberlist-structurelist .numberlistbanner { min-height: 676px; } .end-of-support div.c-drawer-panel { margin: 0 8% 0 2%; } .end-of-support .drawer-panel .expand-collapse-toggle-area button{ font-weight: 600; } .end-of-support .fullBleedBgBanner .m-feature.custom-small-feature { padding: 0; } .end-of-support .fullBleedBgBanner .m-feature.custom-small-feature .content { margin: 0; padding-left:15px; } } .end-of-support .c-pivot.center ul[role="tablist"] li.f-active{ color: #2b2a2a !important; padding-top: 8px; border-bottom: 2px solid #0078D4; padding-bottom: 8px; border-radius: 0px; margin: 0px 20px; } .end-of-support #EOS-Android-Mosaic .c-call-to-action, .end-of-support #id-win10 .c-call-to-action, .end-of-support #numberListId .c-call-to-action, .end-of-support #fullBleedBgBanner .c-call-to-action, .end-of-support #windowsTransfer .c-call-to-action{ font-weight:700; } .end-of-support .c-call-to-action.c-glyph.glyph-play:before{ margin-right:2px; } @media screen and (max-width: 1083px) { .end-of-support #EOS-Android-Mosaic { padding: 0 5%; } .end-of-support #EOS-Android-Mosaic .f-vp1-whole.f-height-large.card-large{ margin-top: 15px; } .end-of-support #EOS-Android-Mosaic picture{ border-radius: 8px; } .end-of-support #EOS-Android-Mosaic .c-mosaic-placement.EOS-mosaic-left img { height: 100%; } .end-of-support .c-pivot.center ul[role='tablist'] li:focus { border: 2px solid #000 !important; text-decoration-thickness: 1px; text-underline-offset: 11px; } .end-of-support .faqbannercls h2.c-heading-2{ padding-top: 24px ; } .end-of-support .faqbannercls{ padding-top: 34px ; } .end-of-support .c-pivot.center ul[role="tablist"] li { display: block; margin: 20px 0px !important; padding: 8px 0px !important; } .end-of-support .c-pivot.center ul[role="tablist"] li.f-active span { border-bottom: 2px solid #0078D4 !important; padding: 7px; } .end-of-support .c-pivot.center [role="tablist"] [role="tab"] { border-bottom: 2px solid #D2D2D2 !important; } .end-of-support .c-pivot.center ul[role="tablist"] li { display: block; } .end-of-support #EOS-Android-Mosaic{ padding-bottom:24px; } .end-of-support #show-more-faq-Win10{ padding-bottom:24px; } .end-of-support #id-resources .m-banner{ padding-top:0px; } .end-of-support #win-10-panes-banner{ padding-top:36px; margin-bottom:3px; } .end-of-support #HeroItem-Win10 .m-hero-item, .end-of-support #HeroItem-Win8 .m-hero-item, .end-of-support #HeroItem-Win7 .m-hero-item{ margin-top:32px; } .end-of-support #HeroItem-Win10 .m-hero-item:before{ padding-bottom:54.25%; } .end-of-support #windowsTransfer .m-feature .featurecontent, .end-of-support #id-win10 .m-feature .featurecontent { text-align: left; margin-top: 0; padding: 32px 0 36px; width: 100%; } .end-of-support .fullBleedBgBanner .m-feature.custom-small-feature .content { margin-left: 5px; } .end-of-support .fullBleedBgBanner .m-feature.custom-small-feature .content { max-width: 94%; } [dir="rtl"] .end-of-support .fullBleedBgBanner .m-feature > div { text-align: right !important } } .end-of-support .c-drawer > button, .end-of-support .c-drawer > button { background: #F7F7F7; border-radius: 8px; } .end-of-support .c-drawer > button { font-weight: 600; font-size: 20px; line-height: 24px; } .end-of-support .c-drawer > button::before { font-size: 13px !important; line-height: 16px !important; color: #0078D7; } .end-of-support div.c-drawer-panel { padding-bottom: 16px !important; } .end-of-support div.c-drawer-panel { font-size: 18px; line-height: 24px; font-weight: 400; } .end-of-support .drawer-panel .c-drawer .c-drawer-panel p.c-paragraph-3, .end-of-support .c-drawer .c-drawer-panel .c-list li { font-size: 18px; line-height: 24px; font-weight: 400; } .end-of-support .expand-collapse-toggle-area button.c-action-trigger.active{ color: #0067b8 !important; } @media only screen and (min-width: 768px) and (max-width: 1083.98px) { .end-of-support .drawer-panel .c-drawer .c-drawer-panel p.c-paragraph-3, .end-of-support .drawer-panel .c-drawer .c-drawer-panel .c-list li, .end-of-support .drawer-panel .c-drawer .c-drawer-panel{ font-size: 15px; line-height: 20px; } } @media only screen and (min-width: 540px) and (max-width: 767px) { .end-of-support #social-network [data-grid~="col-6"]:nth-last-child(1){ float:left; } .end-of-support #show-more-faq-Win8 .mscom-link.c-call-to-action.c-glyph{ text-align:left; } .end-of-support #show-more-faq-Win8 .mscom-link.c-call-to-action.c-glyph span{ display:inline; } } @media only screen and (min-width: 327px) and (max-width: 400px) { #windowsh22.Transfer-your-data #TYD-mosaic.custom-mosaic .c-mosaic [data-f-mosaic~="f-height-large"], .end-of-support #EOS-Android-Mosaic.custom-mosaic .c-mosaic [data-f-mosaic~="f-height-large"] { height: 220px !important; } .end-of-support #EOS-Android-Mosaic .c-call-to-action{ font-size:12px; padding-left:10px; padding-right:10px; } .end-of-support #retailers .m-banner h2{ font-size:26px; line-height:32px; } } @media only screen and (min-width: 401px) and (max-width: 500px) { #windowsh22.Transfer-your-data #TYD-mosaic.custom-mosaic .c-mosaic [data-f-mosaic~="f-height-large"], .end-of-support #EOS-Android-Mosaic.custom-mosaic .c-mosaic [data-f-mosaic~="f-height-large"] { height: 280px !important; } } @media only screen and (min-width: 501px) and (max-width: 540px) { #windowsh22.Transfer-your-data #TYD-mosaic.custom-mosaic .c-mosaic [data-f-mosaic~="f-height-large"], .end-of-support #EOS-Android-Mosaic.custom-mosaic .c-mosaic [data-f-mosaic~="f-height-large"] { height: 330px; } } @media only screen and (min-width: 541px) and (max-width: 759px) { #windowsh22.Transfer-your-data #TYD-mosaic.custom-mosaic .c-mosaic [data-f-mosaic~="f-height-large"], .end-of-support #EOS-Android-Mosaic.custom-mosaic .c-mosaic [data-f-mosaic~="f-height-large"] { height: 360px; } } @media only screen and (min-width: 760px) and (max-width: 839px) { #windowsh22.Transfer-your-data #TYD-mosaic.custom-mosaic .c-mosaic [data-f-mosaic~="f-height-large"], .end-of-support #EOS-Android-Mosaic.custom-mosaic .c-mosaic [data-f-mosaic~="f-height-large"] { height: 450px; } } @media only screen and (min-width: 840px) and (max-width: 971px) { #windowsh22.Transfer-your-data #TYD-mosaic.custom-mosaic .c-mosaic [data-f-mosaic~="f-height-large"], .end-of-support #EOS-Android-Mosaic.custom-mosaic .c-mosaic [data-f-mosaic~="f-height-large"] { height: 536px; } } @media only screen and (min-width: 972px) and (max-width: 1083px) { #windowsh22.Transfer-your-data #TYD-mosaic.custom-mosaic .c-mosaic [data-f-mosaic~="f-height-large"], .end-of-support #EOS-Android-Mosaic.custom-mosaic .c-mosaic [data-f-mosaic~="f-height-large"] { height: 620px; } } @media screen and (max-width: 540px){ .end-of-support #HeroItem-Win10 .m-hero-item > div > div{ padding-bottom:30px; } } @media screen and (min-width: 1800px){ .end-of-support #fullBleedBgBanner[data-grid="container"] { max-width: 100%; padding-left: 5%; padding-right: 5%; } } @media only screen and (min-width: 1600px){ .transfer-your-data-with-windows-backup #numberListId .numberlist-structurelist .numberlistbanner, .end-of-support #numberListId .numberlist-structurelist .numberlistbanner { min-height: 750px; } } @media only screen and (min-width: 2300px){ .end-of-support #id-win10{ margin:0 auto; } } @media only screen and (min-width: 2500px){ #windowsh22.Transfer-your-data .numberlist-structurelist[data-grid="container"]{ margin:auto !important; } .end-of-support #numberListId .numberlist-structurelist{ margin:auto; } } #windowsh22.laptop-buying-guide .c-pivot.center ul[role="tablist"] li.f-active:focus { outline: 2px dashed #000; outline-offset: 1px; } #windowsh22.laptop-buying-guide .drawer-panel.faq-section .expand-collapse-toggle-area button.c-action-trigger:focus, #windowsh22.laptop-buying-guide .m-link-navigation nav.c-link-navigation li a.c-hyperlink.f-image:focus div { background: none; } .end-of-support #show-more-faq-Win7 a.c-hyperlink:focus, .end-of-support #show-more-faq-Win8 a.c-hyperlink:focus, .end-of-support #show-more-faq-Win10 a.c-hyperlink:focus{ padding: 0px 4px !important; } .end-of-support a.c-hyperlink{ outline-offset: 0px; } .hubmain.end-of-support a.c-hyperlink:focus{ padding: 0px 3px; } .end-of-support #HeroItem-Win8 .m-hero-item p.c-paragraph-2{ font-weight:400 !important; } /*FY24 EOS css win10 end*/ /*Transfer your Data CSS start*/ #windowsh22.Transfer-your-data #show-more-faq .mscom-link.c-call-to-action.c-glyph{ white-space: initial; } #windowsh22.Transfer-your-data #show-more-faq .mscom-link.c-call-to-action.c-glyph{ background: 0 0; color: #0067B8; border-color: transparent; border-width: 2px; padding: 10px 5px 7px; margin-left: 0; transition: none; } .Transfer-your-data .crossCards { background: none !important; padding: 0; } #TYD-mosaic .c-group a.c-call-to-action { text-align: left; bottom: 12px; } #windowsh22.Transfer-your-data .articletouts .m-content-placement-item, #windowsh22.Transfer-your-data .articletouts .m-content-placement-item:hover { cursor: default; } #windowsh22.Transfer-your-data #TYD-mosaic.custom-mosaic .c-mosaic-placement .c-group { text-align: left; left: 32px; bottom: 15px; } #windowsh22.Transfer-your-data #homeContentPlacemet.m-content-placement { padding-bottom: 80px; padding-top: 80px; float: left; } @media only screen and (max-width: 1083.98px){ #windowsh22.Transfer-your-data #numberListId{ background: linear-gradient(180deg, #8DC8E8 0%, rgba(141, 200, 232, 0.58) 57.43%, rgba(141, 200, 232, 0.00) 100%); } #windowsh22.Transfer-your-data #TYD-mosaic.custom-mosaic .c-mosaic-placement .c-group { top: auto; } } #windowsh22.Transfer-your-data #TYD-mosaic { padding: 0 5%; } #windowsh22.Transfer-your-data #show-more-faq .c-drawer{ margin-bottom:12px } #windowsh22.Transfer-your-data #show-more-faq .c-drawer > button { background: #F9F9F9; border-radius: 8px; font-weight: 600; font-size: 20px; line-height: 24px; padding-left:40px; } #windowsh22.Transfer-your-data #faq-banner .m-banner{ margin-bottom:24px; } #windowsh22.Transfer-your-data #show-more-faq .c-drawer > button::before { font-size: 13px !important; line-height: 16px !important; color: #0078D7; } .Transfer-your-data #show-more-faq div.c-drawer-panel{ padding-bottom: 16px !important; } .Transfer-your-data #show-more-faq .c-drawer-panel{ margin: 0 8% 0 2%; } #windowsh22.Transfer-your-data .m-hero-item .c-group .c-call-to-action { background: #fff !important; color: #0067B8; } #windowsh22.transfer-your-data-with-windows-backup .m-hero-item .c-group .c-call-to-action{ color:#0078D4 !important; } #windowsh22.Transfer-your-data .m-feature-group{ background: var(--neutral-0-ffffff, #FFF); } #windowsh22.Transfer-your-data .m-feature h2{ padding-top:14px; } #windowsh22.Transfer-your-data .m-feature{ margin-bottom: 42px; } #windowsh22.Transfer-your-data #contplace-banner h2{ padding-top: 20px; } #windowsh22.Transfer-your-data #contplace-banner .c-call-to-action.c-glyph.c-button{ margin-top:20px; margin-bottom:82px; } #windowsh22.Transfer-your-data #homeContentPlacemet [data-grid~="pad-6x"]>[data-grid]{ padding-left:32px; padding-right:32px; } .numberlist-structurelist[data-grid="container"] { margin-left: 5%; margin-right: 5%; } .comprehensive-security .numberlist-structurelist[data-grid="container"], .accessibility-features .numberlist-structurelist[data-grid="container"], #windowsh22.windows-11 .numberlist-structurelist[data-grid="container"], #view-all .numberlist-structurelist[data-grid="container"] { margin-left: 0; margin-right: 0; } #windowsh22.Transfer-your-data #numberListId .numberlist-structurelist .structure-container:first-child { border-top:1px solid #fff; } #windowsh22.Transfer-your-data #numberListId .numberlist-structurelist .structure-container { border-bottom:1px solid #fff; } #windowsh22.Transfer-your-data p.expand-collapse-toggle-area.x-type-right > span { transform: rotate(20deg); position: relative; top: -2px; } #windowsh22.Transfer-your-data .m-hero-item .c-group .c-call-to-action:hover span, #windowsh22.Transfer-your-data .m-hero-item .c-group .c-call-to-action:focus span { background: #fff !important; color: #0067B8; box-shadow: 0 2px currentColor !important; text-decoration: none !important; } #windowsh22.Transfer-your-data #TYD-mosaic a.c-button.c-call-to-action:focus span { box-shadow: 0 2px currentColor !important; text-decoration: none !important; } #windowsh22.Transfer-your-data #show-more-faq a.c-hyperlink:focus { padding: 3px 7px; } #windowsh22.Transfer-your-data #show-more-faq a.c-hyperlink { color: #0067B8; border-color: transparent; border-width: 2px; padding: 0px; margin-left: 0; transition: none; text-decoration:underline; } #windowsh22.Transfer-your-data #show-more-faq a.c-hyperlink:hover { text-decoration: underline; } #windowsh22.Transfer-your-data #show-more-faq a.c-hyperlink.drawer-ctas:not(.supBLink) { color: #0067B8; border-color: transparent; border-width: 2px; padding: 10px 10px 7px 0; margin-left: 0; transition: none; display: inline-block; } #windowsh22.Transfer-your-data #show-more-faq a.c-hyperlink.drawer-ctas:not(.supBLink) { position: relative; } #windowsh22.Transfer-your-data #show-more-faq a.c-hyperlink.drawer-ctas:not(.supBLink):after { font-size: 11px; margin-top: 3px; margin-left: 3px; display: inline-block; position: relative; right: 0; content: ""; vertical-align: top; font-family: MWF-MDL2; } #windowsh22.Transfer-your-data .c-drawer > button{ font-weight: 600; font-size: 20px; line-height: 24px; } #windowsh22.Transfer-your-data .drawer-panel .c-drawer .c-drawer-panel p.c-paragraph-3{ font-size: 18px; line-height: 24px; font-weight: 400; } [dir="rtl"] #windowsh22.Transfer-your-data p.expand-collapse-toggle-area.x-type-right > span{ transform: rotate(-20deg); } [dir="rtl"] #windowsh22.Transfer-your-data #TYD-mosaic.custom-mosaic .c-mosaic-placement .c-group { text-align: right; right: 32px; } [dir="rtl"] #windowsh22.Transfer-your-data .image-priority-accolate.featurebox .featurecontent{ text-align:right !important; } [lang="ar-xm"] #windowsh22.Transfer-your-data .holiday-animated-hero .c-heading-2.home-heading-fade, [lang="bg-bg"] #windowsh22.Transfer-your-data .holiday-animated-hero .c-heading-2.home-heading-fade, [lang="cs-cz"] #windowsh22.Transfer-your-data .holiday-animated-hero .c-heading-2.home-heading-fade, [lang="de-at"] #windowsh22.Transfer-your-data .holiday-animated-hero .c-heading-2.home-heading-fade, [lang="de-ch"] #windowsh22.Transfer-your-data .holiday-animated-hero .c-heading-2.home-heading-fade, [lang="de-de"] #windowsh22.Transfer-your-data .holiday-animated-hero .c-heading-2.home-heading-fade, [lang="el-gr"] #windowsh22.Transfer-your-data .holiday-animated-hero .c-heading-2.home-heading-fade, [lang="es-ar"] #windowsh22.Transfer-your-data .holiday-animated-hero .c-heading-2.home-heading-fade, [lang="es-co"] #windowsh22.Transfer-your-data .holiday-animated-hero .c-heading-2.home-heading-fade, [lang="es-cl"] #windowsh22.Transfer-your-data .holiday-animated-hero .c-heading-2.home-heading-fade, [lang="es-es"] #windowsh22.Transfer-your-data .holiday-animated-hero .c-heading-2.home-heading-fade, [lang="es-mx"] #windowsh22.Transfer-your-data .holiday-animated-hero .c-heading-2.home-heading-fade, [lang="es-xl"] #windowsh22.Transfer-your-data .holiday-animated-hero .c-heading-2.home-heading-fade, [lang="fi-fi"] #windowsh22.Transfer-your-data .holiday-animated-hero .c-heading-2.home-heading-fade, [lang="fr-be"] #windowsh22.Transfer-your-data .holiday-animated-hero .c-heading-2.home-heading-fade, [lang="fr-ch"] #windowsh22.Transfer-your-data .holiday-animated-hero .c-heading-2.home-heading-fade, [lang="fr-ca"] #windowsh22.Transfer-your-data .holiday-animated-hero .c-heading-2.home-heading-fade, [lang="fr-fr"] #windowsh22.Transfer-your-data .holiday-animated-hero .c-heading-2.home-heading-fade, [lang="fr-xf"] #windowsh22.Transfer-your-data .holiday-animated-hero .c-heading-2.home-heading-fade, [lang="hr-hr"] #windowsh22.Transfer-your-data .holiday-animated-hero .c-heading-2.home-heading-fade, [lang="hu-hu"] #windowsh22.Transfer-your-data .holiday-animated-hero .c-heading-2.home-heading-fade, [lang="lt-lt"] #windowsh22.Transfer-your-data .holiday-animated-hero .c-heading-2.home-heading-fade, [lang="it-it"] #windowsh22.Transfer-your-data .holiday-animated-hero .c-heading-2.home-heading-fade, [lang="lv-lv"] #windowsh22.Transfer-your-data .holiday-animated-hero .c-heading-2.home-heading-fade, [lang="nl-be"] #windowsh22.Transfer-your-data .holiday-animated-hero .c-heading-2.home-heading-fade, [lang="nl-nl"] #windowsh22.Transfer-your-data .holiday-animated-hero .c-heading-2.home-heading-fade, [lang="pl-pl"] #windowsh22.Transfer-your-data .holiday-animated-hero .c-heading-2.home-heading-fade, [lang="pt-br"] #windowsh22.Transfer-your-data .holiday-animated-hero .c-heading-2.home-heading-fade, [lang="pt-pt"] #windowsh22.Transfer-your-data .holiday-animated-hero .c-heading-2.home-heading-fade, [lang="ro-ro"] #windowsh22.Transfer-your-data .holiday-animated-hero .c-heading-2.home-heading-fade, [lang="sl-si"] #windowsh22.Transfer-your-data .holiday-animated-hero .c-heading-2.home-heading-fade, [lang="sr-latn-rs"] #windowsh22.Transfer-your-data .holiday-animated-hero .c-heading-2.home-heading-fade, [lang="ru-ru"] #windowsh22.Transfer-your-data .holiday-animated-hero .c-heading-2.home-heading-fade, [lang="sk-sk"] #windowsh22.Transfer-your-data .holiday-animated-hero .c-heading-2.home-heading-fade, [lang="tr-tr"] #windowsh22.Transfer-your-data .holiday-animated-hero .c-heading-2.home-heading-fade, [lang="uk-ua"] #windowsh22.Transfer-your-data .holiday-animated-hero .c-heading-2.home-heading-fade, [lang="vi-vn"] #windowsh22.Transfer-your-data .holiday-animated-hero .c-heading-2.home-heading-fade { font-size: 34px; line-height: normal; } [lang="ar-xm"] #windowsh22.Transfer-your-data .holiday-animated-hero p.c-paragraph-1, [lang="bg-bg"] #windowsh22.Transfer-your-data .holiday-animated-hero p.c-paragraph-1, [lang="cs-cz"] #windowsh22.Transfer-your-data .holiday-animated-hero p.c-paragraph-1, [lang="de-at"] #windowsh22.Transfer-your-data .holiday-animated-hero p.c-paragraph-1, [lang="de-ch"] #windowsh22.Transfer-your-data .holiday-animated-hero p.c-paragraph-1, [lang="de-de"] #windowsh22.Transfer-your-data .holiday-animated-hero p.c-paragraph-1, [lang="el-gr"] #windowsh22.Transfer-your-data .holiday-animated-hero p.c-paragraph-1, [lang="es-ar"] #windowsh22.Transfer-your-data .holiday-animated-hero p.c-paragraph-1, [lang="es-co"] #windowsh22.Transfer-your-data .holiday-animated-hero p.c-paragraph-1, [lang="es-cl"] #windowsh22.Transfer-your-data .holiday-animated-hero p.c-paragraph-1, [lang="es-es"] #windowsh22.Transfer-your-data .holiday-animated-hero p.c-paragraph-1, [lang="es-mx"] #windowsh22.Transfer-your-data .holiday-animated-hero p.c-paragraph-1, [lang="es-xl"] #windowsh22.Transfer-your-data .holiday-animated-hero p.c-paragraph-1, [lang="fi-fi"] #windowsh22.Transfer-your-data .holiday-animated-hero p.c-paragraph-1, [lang="fr-be"] #windowsh22.Transfer-your-data .holiday-animated-hero p.c-paragraph-1, [lang="fr-ch"] #windowsh22.Transfer-your-data .holiday-animated-hero p.c-paragraph-1, [lang="fr-ca"] #windowsh22.Transfer-your-data .holiday-animated-hero p.c-paragraph-1, [lang="fr-fr"] #windowsh22.Transfer-your-data .holiday-animated-hero p.c-paragraph-1, [lang="fr-xf"] #windowsh22.Transfer-your-data .holiday-animated-hero p.c-paragraph-1, [lang="hr-hr"] #windowsh22.Transfer-your-data .holiday-animated-hero p.c-paragraph-1, [lang="hu-hu"] #windowsh22.Transfer-your-data .holiday-animated-hero p.c-paragraph-1, [lang="lt-lt"] #windowsh22.Transfer-your-data .holiday-animated-hero p.c-paragraph-1, [lang="it-it"] #windowsh22.Transfer-your-data .holiday-animated-hero p.c-paragraph-1, [lang="lv-lv"] #windowsh22.Transfer-your-data .holiday-animated-hero p.c-paragraph-1, [lang="nl-be"] #windowsh22.Transfer-your-data .holiday-animated-hero p.c-paragraph-1, [lang="nl-nl"] #windowsh22.Transfer-your-data .holiday-animated-hero p.c-paragraph-1, [lang="pl-pl"] #windowsh22.Transfer-your-data .holiday-animated-hero p.c-paragraph-1, [lang="pt-br"] #windowsh22.Transfer-your-data .holiday-animated-hero p.c-paragraph-1, [lang="pt-pt"] #windowsh22.Transfer-your-data .holiday-animated-hero p.c-paragraph-1, [lang="ro-ro"] #windowsh22.Transfer-your-data .holiday-animated-hero p.c-paragraph-1, [lang="sl-si"] #windowsh22.Transfer-your-data .holiday-animated-hero p.c-paragraph-1, [lang="sr-latn-rs"] #windowsh22.Transfer-your-data .holiday-animated-hero p.c-paragraph-1, [lang="ru-ru"] #windowsh22.Transfer-your-data .holiday-animated-hero p.c-paragraph-1, [lang="sk-sk"] #windowsh22.Transfer-your-data .holiday-animated-hero p.c-paragraph-1, [lang="tr-tr"] #windowsh22.Transfer-your-data .holiday-animated-hero p.c-paragraph-1, [lang="uk-ua"] #windowsh22.Transfer-your-data .holiday-animated-hero p.c-paragraph-1, [lang="vi-vn"] #windowsh22.Transfer-your-data .holiday-animated-hero p.c-paragraph-1 { font-size: 15px; line-height: normal; } @media only screen and (min-width: 1084px){ [dir="rtl"] #windowsh22.Transfer-your-data .show-animation-on-hvp .m-hero-item.holiday-video-auto > div > div, [dir="rtl"] #windowsh22.Transfer-your-data .animation-off .m-hero-item.holiday-video-auto > div > div, [dir="rtl"] #windowsh22.Transfer-your-data .show-animation .m-hero-item.holiday-video-auto > div > div { top:calc(50%); max-width:375px; } [dir="rtl"] .Transfer-your-data #show-more-faq .c-drawer-panel{ margin:0 2% 0 2%; } #windowsh22.Transfer-your-data #numberListId .numberlist-structurelist{ border-radius: 8px; background: linear-gradient(180deg, #8DC8E8 0%, rgba(141, 200, 232, 0.58) 57.43%, rgba(141, 200, 232, 0.00) 100%); } #windowsh22.Transfer-your-data #numberListId{ padding-top:50px; padding-bottom:50px; } #windowsh22.Transfer-your-data .show-animation-on-hvp .m-hero-item.holiday-video-auto > div > div, #windowsh22.Transfer-your-data .animation-off .m-hero-item.holiday-video-auto > div > div, #windowsh22.Transfer-your-data .show-animation .m-hero-item.holiday-video-auto > div > div { top:calc(50%); max-width:400px; } /*#windowsh22.Transfer-your-data .animation-off .m-hero-item.holiday-video-auto picture img { margin-top: -1px; }*/ #windowsh22.Transfer-your-data .m-hero-item.f-transparent:before, .c-hero.f-transparent:before{ padding-bottom: 41.6666%; } #windowsh22.Transfer-your-data .show-animation-on-hvp .m-hero-item.holiday-video-auto > div > div, #windowsh22.Transfer-your-data .animation-off .m-hero-item.holiday-video-auto > div > div, #windowsh22.Transfer-your-data .show-animation .m-hero-item.holiday-video-auto > div > div { display: block; } #windowsh22.Transfer-your-data .numberlist-structurelist[data-grid="container"]{ margin-left: 5%; margin-right: 5%; padding-top: 80px; padding-bottom: 80px; } #windowsh22.Transfer-your-data #TYD-mosaic.custom-mosaic .m-mosaic { padding-top: 80px !important; } } @media screen and (max-width: 1083.98px){ .transfer-your-data-with-windows-backup #TYD-hero-lvp .m-hero-item > div, .transfer-your-data-with-windows-backup #TYD-hero-lvp .m-hero-item > div { text-align: left; position: relative; } [dir="rtl"] .transfer-your-data-with-windows-backup #TYD-hero-lvp .m-hero-item > div, [dir="rtl"] .transfer-your-data-with-windows-backup #TYD-hero-lvp .m-hero-item > div > div { text-align: right; } .transfer-your-data-with-windows-backup #TYD-hero-lvp .m-hero-item > div { padding-top: 0px !important; width: 90%; height: fit-content !important; } .transfer-your-data-with-windows-backup #TYD-hero-lvp > section:before { padding-bottom: 0 !important; } .transfer-your-data-with-windows-backup #TYD-hero-lvp > section { padding: 0; } .transfer-your-data-with-windows-backup #TYD-hero-lvp > section picture { position: relative; top: 0; } .transfer-your-data-with-windows-backup #TYD-hero-lvp .m-hero-item > div > div{ height: fit-content !important; padding: 48px 0; transform: none; top: 0; position: relative; width: 100%; max-width: 100%; } .transfer-your-data-with-windows-backup #TYD-hero-lvp > section picture img { position: relative; top: 0; transform: none; left: 0; } [dir="rtl"] #windowsh22.Transfer-your-data .image-priority-accolate.featurebox .featurecontent{ right:0px; } #windowsh22.Transfer-your-data .animation-off.holiday-animated-hero .m-hero-item > div > div, #windowsh22.Transfer-your-data .show-animation.holiday-animated-hero .m-hero-item > div > div { text-align: left; } #windowsh22.Transfer-your-data .image-priority-accolate { width: 100%; margin: 0px; } #windowsh22.Transfer-your-data .image-priority-accolate.featurebox .featurecontent { padding: 0px !important; margin: 0px !important; text-align: left !important; } #windowsh22.Transfer-your-data #TYD-mosaic-banner .m-banner { padding-bottom: 48px; } #windowsh22.Transfer-your-data .custom-mosaic .c-mosaic-placement picture { border-radius: 8px; } } @media only screen and (min-width: 768px) and (max-width: 1083.98px) { #windowsh22.Transfer-your-data .m-hero-item > div { margin: 0 auto; } } #windowsh22.Transfer-your-data .m-content-placement-item[data-js-href]:hover picture img, #windowsh22.Transfer-your-data .c-content-placement[data-js-href]:hover picture img { opacity: 1; } /*Transfer your Data CSS end*/ /* home page css for 9/19 start*/ #windowsh22.windows #playpopup-hero .m-feature button.videobutton{ background: #ffffff !important; border: 1px solid #0078D4 !important; } #windowsh22.windows #playpopup-hero .videobutton.c-call-to-action.c-glyph:before{ color: #0078D4 !important; } #windowsh22.windows #playpopup-hero .m-feature button.videobutton:focus , #windowsh22.windows #playpopup-hero .m-feature button.videobutton:hover{ border:none; } #windowsh22.windows #playpopup-hero .m-feature button.videobutton:focus:after , #windowsh22.windows #playpopup-hero .m-feature button.videobutton:hover:after{ right:0px; } #windowsh22.windows #playpopup-hero .m-feature > div{ padding-left:0px; } @media only screen and (max-width: 1083.98px){ #windowsh22.windows #playpopup-hero .m-feature .featurecontent{ padding: 20px 0 50px; text-align: left; margin:0px; } } /*home page css for 9/19 end*/ @media only screen and (min-width: 1084px) and (max-width: 1400px) { [lang='th-th'] .accessibility-features nav.c-in-page-navigation > ul li > a, [lang='th-th'] .accessibility-features nav.c-in-page-navigation a { font-size: 16px; } } @media only screen and (min-width: 768px) and (max-width: 1083.98px) { .accessibility-features nav.c-in-page-navigation.f-dropdown.f-sticky .f-dropdown-menu > a { padding-left: 5%; padding-right: 5%; } } @media only screen and (max-width: 767.98px) { nav.c-in-page-navigation + nav { display: block !important; height: auto !important; visibility: visible !important; overflow: visible !important; } .accessibility-features nav.c-in-page-navigation.f-dropdown.f-sticky .f-dropdown-menu > a { padding-left: 0; } [dir="rtl"] .accessibility-features nav.c-in-page-navigation.f-dropdown.f-sticky .f-dropdown-menu > a { padding-right: 0; } nav.c-in-page-navigation:not(.f-dropdown) { display: none !important; } } @media only screen and (max-width: 1770px) { #windowsh22.windows #playpopup-hero .m-feature.f-align-left.f-image-priority.wf-exp > div.featurecontent { top: 0; transform: none; } } #windowsh22.windows #videodemo2 .mp4inline .f-video-trigger { position: absolute; top: 50%; left: 50%; transform: translate(-50%, 0%); cursor: default; } #windowsh22.windows .rounded-corners .c-button.f-primary.blue-button + a { margin-top: 12px; } /*Ai copilot ROW CSS starts*/ [dir="rtl"] #ai-Contentplacement .m-content-placement-item>picture img{ right: 0px !important; } /*Ai copilot ROW CSS starts*/ /*Wave 2 CSS starts*/ #windowsh22 .rounded-corners .c-button.f-primary.blue-button + .c-call-to-action.c-secondary { padding-left: 0; margin-top: 12px; padding-right: 5px; } #windowsh22.get-windows-11 .numberContentPlacement .m-content-placement-item > picture{ display:block; } /*Wave 2 Windows 11 css starts*/ #windowsh22.windows-11 .custom-small-feature.heart, .windows-11-specifications .custom-small-feature.heart{ background-color: #0025C0; } #windowsh22.windows-11 .custom-small-feature.heart *, .windows-11-specifications .custom-small-feature.heart *{ color: #FFFFFF !important; } /*[lang='en-us'] .windows-11-specifications .custom-small-feature.heart a, [lang='en-us'] .windows-11-specifications .custom-small-feature.heart a > span { color: #0067b8 !important; }*/ #windowsh22.windows-11 .custom-small-feature.bulb, .windows-11-specifications .custom-small-feature.bulb{ background-color: #8DC8E8; } #windowsh22.windows-11 .custom-small-feature.exclamation{ background-color: #FFE399; } #windowsh22.windows-11 .custom-small-feature.info{ background-color: #B9DCD2; } #windowsh22.windows-11 #pchealthcheck { background: #FFF !important; } #windowsh22.windows-11 .custom-small-feature.bulb *, .windows-11-specifications .custom-small-feature.bulb *, #windowsh22.windows-11 .custom-small-feature.exclamation, #windowsh22.windows-11 .custom-small-feature.exclamation *, #windowsh22.windows-11 .custom-small-feature.info, #windowsh22.windows-11 .custom-small-feature.info * { color: #000 !important; } .windows-11-pc-gaming .m-feature.custom-small-feature.bground-games.rounded-corners-10.heart { background: #0025C0 !important; color: #fff !important; } .windows-11-pc-gaming .m-feature.custom-small-feature.bground-games.rounded-corners-10.bulb { background: #8DC8E8 !important; color: #000 !important; } .windows-11-pc-gaming div#pchealthcheck .m-feature.heart .comppanel .c-group a, .windows-11-pc-gaming div#pchealthcheck .m-feature.heart .comppanel .supBLink{ color: #FFF !important; } .windows-11-pc-gaming .m-feature.custom-small-feature.bground-games.rounded-corners-10 a{ color: #000 !important; } .windows-11-specifications .custom-small-feature.bulb :after{ color: #000; } .windows-11-specifications .custom-small-feature.heart :after{ color: #fff; } .windows-11 #pchealthcheck .m-feature.custom-small-feature .c-group a.pchc-bg-white span, .windows-11 #pchealthcheck .m-feature.custom-small-feature .c-group a.pchc-bg-white:after { color: #0067b8 !important; } /*Wave 2 Windows 11 css ends*/ /*Wave 2 Home css starts*/ #windowsh22.windows #numberListId { background: linear-gradient(180.05deg, #8DC8E8 0.04%, rgba(141, 200, 232, 0.578125) 59.8%, rgba(141, 200, 232, 0) 104.1%); } #windowsh22.windows-11 .bg-A8E1C5 { background-color: #F2F2F2; } #windowsh22.windows-11 #numberListId{ background: linear-gradient(180deg, #95CAF1 0.01%, #FFF 100.01%), #F9F9F9; } div#Bettertogether { background: #EBF4FC; margin-top: 48px; max-width: 100%; padding-bottom: 48px; } #windowsh22.windows #phoneLink .mp4inline video.mp4videoinline { border-radius: 8px; } @media only screen and (min-width: 1084px) { #windowsh22.windows .featurebox .m-feature.sync .featurecontent { padding-right: 0; } #windowsh22.windows #phoneLink.featurebox .m-feature.sync .featurecontent { padding-right: 131px; } #windowsh22.windows #phoneLink.featurebox .m-feature.sync .featurecontent { padding-right: 131px; padding-left: 0; } #windowsh22.windows #Bettertogether.featurebox .m-feature.sync .featurecontent { padding-left: 0; padding-right: 131px; } /*[lang='zh-cn'] #windowsh22.windows #phoneLink.featurebox .m-feature.sync .featurecontent { padding-left: 131px; padding-right: 0; }*/ [dir='rtl'] #windowsh22.windows #phoneLink.featurebox .m-feature.sync .featurecontent, [dir='rtl'] #windowsh22.windows #Bettertogether.featurebox .m-feature.sync .featurecontent { padding-right: 0; padding-left: 131px; } } @media only screen and (max-width: 1083px) { #windowsh22.windows #Bettertogether .m-feature.f-align-left.rounded-corners.sync.herowithgradientline-blue .featurecontent { margin-top: 48px !important; } } /*Wave 2 Home css ends*/ #windowsh22.compare-windows-11-home-vs-pro-versions.hubmain .image-priority-accolate .bg-feature-section.m-feature { background: linear-gradient(180deg, #9CCEF2 66.15%, #FFF 100%); } .windows-11 #pchealthcheck .m-feature.custom-small-feature .c-group a.pchc-bg-white span, .windows-11 #pchealthcheck .m-feature.custom-small-feature .c-group a.pchc-bg-white:after { color: #fff !important; } .windows-11 #pchealthcheck .m-feature.custom-small-feature .c-group a.pchc-bg-white, [lang="en-us"] .computers .m-mosaic a.mosaic-white-button { border: #FFF solid 1px !important; padding-left: 10px !important; padding-right: 10px !important; border-radius: 6px; background: none !important; } #windowsh22.get-windows-11 .numberContentPlacement .articletouts .c-badge { display: none; } #windowsh22.windows #Content_Placement-panel-5 .m-content-placement-item[data-js-href] picture img{ border-radius:8px; } @media only screen and (min-width: 1770px) { #windowsh22.windows-11 div#pchealthcheck { width: 100%; max-width: 100%; display: flex; } #windowsh22.windows-11 #pchealthcheck .custom-small-feature { width: 1600px; margin: 0 auto; } } .expand-collapse-toggle-area button.c-action-trigger:focus:not(.x-hidden-focus) { outline: none !important; } /*Wave 2 CSS ends*/ /*video CTA CSS start*/ .laptop-buying-guide a.c-hyperlink.videoctaclass:hover, .laptop-buying-guide a.c-hyperlink.videoctaclass, .windows-11-specifications table td a.videoctaclass:hover, .windows-11-specifications table td a.videoctaclass{ text-decoration: none; } .laptop-buying-guide a.c-hyperlink.videoctaclass:before, .windows-11-specifications table td a:before{ position: relative; padding-right: 5px; padding-left:2px; top: 2px; } .laptop-buying-guide a.c-hyperlink.videoctaclass:hover span, .windows-11-specifications table td a.videoctaclass:hover span{ box-shadow: 0 2px currentColor !important; } #windowsh22.laptop-buying-guide .c-paragraph-1 a.videoctaclass span{ font-size: 20px; font-weight: 400; line-height: 24px; letter-spacing: 0em; } @media only screen and (min-width: 1084px){ #windowsh22.laptop-buying-guide .c-paragraph-1 a.videoctaclass span{ font-size: 20px; font-weight: 400; line-height: normal; } } @media only screen and (max-width: 767px){ #windowsh22.laptop-buying-guide .c-paragraph-1 a.videoctaclass span { font-size: 15px; font-weight: 400; line-height: normal; } } /*video CTA CSS ends*/ .transfer-your-data-with-windows-backup .m-social>a:focus:before, .transfer-your-data-with-windows-backup .m-social>a:hover:before, .transfer-your-data-with-windows-backup .m-social>ul>li>a:focus:before, .transfer-your-data-with-windows-backup .m-social>ul>li>a:hover:before, .comprehensive-security .m-social>a:focus:before, .comprehensive-security .m-social>a:hover:before, .comprehensive-security .m-social>ul>li>a:focus:before, .comprehensive-security .m-social>ul>li>a:hover:before, .copilot-ai-features .m-social>a:focus:before, .copilot-ai-features .m-social>a:hover:before, .copilot-ai-features .m-social>ul>li>a:focus:before, .copilot-ai-features .m-social>ul>li>a:hover:before, #windowsh22.windows-11 .m-social>a:focus:before, #windowsh22.windows-11 .m-social>a:hover:before, #windowsh22.windows-11 .m-social>ul>li>a:focus:before, #windowsh22.windows-11 .m-social>ul>li>a:hover:before, #windowsh22.windows .m-social>a:focus:before, #windowsh22.windows .m-social>a:hover:before, #windowsh22.windows .m-social>ul>li>a:focus:before, #windowsh22.windows .m-social>ul>li>a:hover:before, #windowsh22.compare-windows-11-home-vs-pro-versions .m-social>a:focus:before, #windowsh22.compare-windows-11-home-vs-pro-versions .m-social>a:hover:before, #windowsh22.compare-windows-11-home-vs-pro-versions .m-social>ul>li>a:focus:before, #windowsh22.compare-windows-11-home-vs-pro-versions .m-social>ul>li>a:hover:before, .m-social>a:focus:before, .m-social>a:hover:before, .m-social>ul>li>a:focus:before, .m-social>ul>li>a:hover:before { background: transparent !important; } /*EOS Feature ocid starts*/ #FeatureOcid .ocid_feature { background: #92C7E6; } #FeatureOcid .ocid_feature picture { padding: 40px 50px; } #FeatureOcid .ocid_feature .featurecontent { background: #FFF; padding: 36px 24px; width: calc(50% - 50px); } @media only screen and (max-width: 1083px){ #FeatureOcid .ocid_feature .featurecontent { background: transparent; width: 100%; text-align: left; padding: 24px 0; } #FeatureOcid .ocid_feature picture { padding: 24px 0 0; } } @media only screen and (min-width: 768px) and (max-width: 1083px){ #windowsh22.get-windows-11 .m-hero-item.f-transparent.PCUsers:before, #windowsh22.get-windows-11 .m-hero-item.f-transparent.nonPCUsers:before { padding-bottom: 60%; } } @media (min-width: 1084px) and (max-width: 1399px) { [lang='sl-si'] #windowsh22.get-windows-11 #HeroItem-panel-2 .m-hero-item h1, [lang='sl-si'] #windowsh22.get-windows-11 #HeroItem-panel-1 .m-hero-item h1, [lang='ja-jp'] #windowsh22.get-windows-11 #HeroItem-panel-2 .m-hero-item h1, [lang='ja-jp'] #windowsh22.get-windows-11 #HeroItem-panel-1 .m-hero-item h1, [lang='lt-lt'] #windowsh22.get-windows-11 #HeroItem-panel-2 .m-hero-item h1, [lang='lt-lt'] #windowsh22.get-windows-11 #HeroItem-panel-1 .m-hero-item h1, [lang='hu-hu'] #windowsh22.get-windows-11 #HeroItem-panel-2 .m-hero-item h1, [lang='hu-hu'] #windowsh22.get-windows-11 #HeroItem-panel-1 .m-hero-item h1, [lang='lv-lv'] #windowsh22.get-windows-11 #HeroItem-panel-2 .m-hero-item h1, [lang='lv-lv'] #windowsh22.get-windows-11 #HeroItem-panel-1 .m-hero-item h1, [lang='ru-ru'] #windowsh22.get-windows-11 #HeroItem-panel-2 .m-hero-item h1, [lang='ru-ru'] #windowsh22.get-windows-11 #HeroItem-panel-1 .m-hero-item h1, [lang='el-gr'] #windowsh22.get-windows-11 #HeroItem-panel-2 .m-hero-item h1, [lang='el-gr'] #windowsh22.get-windows-11 #HeroItem-panel-1 .m-hero-item h1 { font-size: 34px; line-height: normal; } } /* Pen Voice Touch CSS*/ #windowsh22.PenVoiceTouch .m-content-placement .articletouts .m-content-placement-item>picture img{ width:auto; } #windowsh22.PenVoiceTouch .m-content-placement .articletouts .m-content-placement-item picture{ padding-bottom: 60px; } #windowsh22.PenVoiceTouch .m-content-placement-item .linearHorzontalLineLeft-blue{ width: 100px; height: 3px; } #windowsh22.PenVoiceTouch #pvt-faq-panel .c-drawer > button { background: #F7F7F7; border-radius: 8px; } #windowsh22.PenVoiceTouch #pvt-faq-panel .c-drawer > button:after { color: #0078D7; } #windowsh22.PenVoiceTouch #pvt-faq-panel .c-drawer-panel { background: #F7F7F7; border-radius: 8px; } #windowsh22.PenVoiceTouch #pvt-faq-panel .c-drawer { margin-bottom: 12px; } #windowsh22.PenVoiceTouch #pvt-faq-panel div.c-drawer-panel { padding-bottom: 16px !important; } #windowsh22.PenVoiceTouch .expand-collapse-toggle-area { margin-right: 10px; } #windowsh22.PenVoiceTouch .drawer-panel .expand-collapse-toggle-area button.c-action-trigger:focus { outline: none; } #windowsh22.PenVoiceTouch p.expand-collapse-toggle-area.x-type-right > span { transform: rotate(20deg); position: relative; top: -2px; } [dir='rtl'] #windowsh22.PenVoiceTouch p.expand-collapse-toggle-area.x-type-right > span { transform: rotate(-20deg); } #windowsh22.PenVoiceTouch .drawer-panel .expand-collapse-toggle-area button { font-weight: 600; } #windowsh22.PenVoiceTouch .c-drawer > button::before { font-size: 13px !important; line-height: 16px !important; color: #0067b8; } #windowsh22.PenVoiceTouch nav.c-in-page-navigation{ border-bottom: 1px solid #ACACAC; } #windowsh22.PenVoiceTouch nav.c-in-page-navigation>ul li>a{ font-size: 20px; line-height: 24px; font-weight: 600; margin-left: 0px; margin-right: 64px; } [dir='rtl'] #windowsh22.PenVoiceTouch nav.c-in-page-navigation>ul li>a{ margin-right: 0px; margin-left: 64px; } #windowsh22.PenVoiceTouch .toutheading{ font-size: 24px; line-height: 28px; } #windowsh22.PenVoiceTouch .m-panes-product-placement-item .c-heading{ font-size: 29px; line-height: 34px; } #windowsh22.PenVoiceTouch .m-panes-product-placement-item .c-paragraph{ font-size: 18px; line-height: 24px; } #windowsh22.PenVoiceTouch .c-drawer > button { font-weight: 600; font-size: 20px; line-height: 24px; } #windowsh22.PenVoiceTouch .drawer-panel .c-drawer .c-drawer-panel p.c-paragraph-3{ font-size: 18px; line-height: 24px; font-weight: 400; } #windowsh22.PenVoiceTouch .m-content-placement > div > .content-touts:nth-child(3n+1){ clear:both; } #windowsh22.PenVoiceTouch .feature-panel-hero.m-feature.f-align-left > div, #windowsh22.PenVoiceTouch .m-feature:not(.feature-panel-hero).f-align-left > div { padding-left: 0; } #windowsh22.PenVoiceTouch #Sticky-Navigation{ margin-bottom: 0; margin-top: 34px; } #windowsh22.PenVoiceTouch .featurebox{ margin-bottom: 0; } #windowsh22.PenVoiceTouch .featurebox > .m-feature { padding-top: 94px; margin-top: 0; } #windowsh22.PenVoiceTouch #touchscreen.featurebox > .m-feature { padding-top: 70px; } #windowsh22.PenVoiceTouch #PVT-Hero.featurebox > .m-feature { padding-top: 48px; } #windowsh22.PenVoiceTouch .featurebox .f-align-right .featurecontent{ padding-left: 85px; padding-right: 0px; } #windowsh22.PenVoiceTouch .featurebox .f-align-left .featurecontent{ padding-right: 85px; } #windowsh22.PenVoiceTouch .featurebox .f-align-left .featurecontent h1{ font-size: 52px; line-height: 60px; } #windowsh22.PenVoiceTouch .featurebox .featurecontent > p{ padding-top: 16px !important; } #windowsh22.PenVoiceTouch #PVT-Hero.featurebox .featurecontent > p{ font-size: 17px; line-height: initial; } #windowsh22.PenVoiceTouch .m-feature>div .c-group{ margin-top: 0px; } #windowsh22.PenVoiceTouch .m-content-placement > div{ padding-bottom: 0; } #windowsh22.PenVoiceTouch .m-content-placement .articletouts .linearHorzontalLineLeft-blue { margin-bottom: 0px; margin-top: 10px !important; background: linear-gradient(90deg, #0067B8 0%, #50E6FF 100%); } #windowsh22.PenVoiceTouch .m-content-placement .articletouts .toutheading{ padding: 16px 0; } #windowsh22.PenVoiceTouch .m-content-placement .articletouts .toutpara{ padding: 0px; } #windowsh22.PenVoiceTouch #panes-panel-PVT{ margin-bottom: 24px; } #windowsh22.PenVoiceTouch #panes-panel-PVT p{ padding: 16px 0; } #windowsh22.PenVoiceTouch #panes-panel-PVT a{ text-align: left; margin-top: 0px; } #windowsh22.PenVoiceTouch #panes-panel-PVT .m-panes-product-placement-item img{border-radius: 8px;} #pvt-faq-panel .drawer-panel{ padding-left: 0px; padding-right: 0px; } #windowsh22.PenVoiceTouch #PVT-Hero.featurebox{ padding-top: 24px; } #windowsh22.PenVoiceTouch .m-content-placement .m-content-placement-item{ cursor: default; } #windowsh22.PenVoiceTouch nav.c-in-page-navigation.f-dropdown .f-dropdown-menu a, #windowsh22.PenVoiceTouch nav.c-in-page-navigation.f-dropdown .f-dropdown-menu > a:hover, #windowsh22.PenVoiceTouch nav.c-in-page-navigation.f-dropdown .f-dropdown-menu > a:focus, #windowsh22.PenVoiceTouch nav.c-in-page-navigation.f-dropdown .f-dropdown-menu > a:active, #windowsh22.PenVoiceTouch nav.c-in-page-navigation.f-dropdown .f-dropdown-menu > a.f-active{ color: #171717 !important; } #windowsh22.PenVoiceTouch nav.c-in-page-navigation.f-dropdown{ padding-left: 0 !important; } #windowsh22.PenVoiceTouch nav.c-in-page-navigation.f-dropdown .f-dropdown-menu > a{ margin-left: 6px; width: 100%; } #windowsh22.PenVoiceTouch nav.c-in-page-navigation.f-dropdown.f-sticky { padding-left: 5% !important; } [dir='rtl'] #windowsh22.PenVoiceTouch nav.c-in-page-navigation.f-dropdown.f-sticky { padding-right: 5% !important; padding-left: 0 !important; } #windowsh22.PenVoiceTouch nav .f-dropdown-menu > a{ font-weight: 700 !important; } #windowsh22.PenVoiceTouch .numberlist .m-structured-list p{ line-height: 20px; } #windowsh22.PenVoiceTouch #pvt-faq-panel .drawer-panel .c-drawer{ background: #F7F7F7; border-radius: 8px; } #windowsh22.PenVoiceTouch .m-panes-product-placement-item .c-call-to-action:focus, #windowsh22.PenVoiceTouch a.c-hyperlink.supBLink:focus, #windowsh22.PenVoiceTouch .expand-collapse-toggle-area button.c-action-trigger:focus { background: none; } #windowsh22.PenVoiceTouch nav.c-link-navigation li a.c-hyperlink picture { max-height: initial; text-align: center; margin-top: 20px; } [dir='rtl'] #windowsh22.PenVoiceTouch .featurebox .f-align-left .featurecontent { padding-left: 85px; padding-right: 0; } [dir='rtl'] #windowsh22.PenVoiceTouch .featurebox .f-align-right .featurecontent { padding-left: 0px; padding-right: 85px; } [dir='rtl'] #windowsh22.PenVoiceTouch .m-content-placement .articletouts .m-content-placement-item>picture img { right: 0; } [dir='rtl'] #windowsh22.PenVoiceTouch .m-content-placement .articletouts .linearHorzontalLineLeft-blue { background: linear-gradient(90deg, #50E6FF 0%, #0067B8 100%); } [dir='rtl'] #windowsh22.PenVoiceTouch nav.c-in-page-navigation.f-dropdown{ padding-right: 0px; } [dir='rtl'] #windowsh22.PenVoiceTouch nav.c-in-page-navigation.f-dropdown .f-dropdown-menu > a{ margin-right: 7px; } #windowsh22.PenVoiceTouch nav ul.c-menu.bg-blue-sticky li a{ font-weight: normal; } #windowsh22.PenVoiceTouch .stickyV2 nav.c-in-page-navigation { margin-bottom: 0; } @media only screen and (max-width: 1083.98px) { #windowsh22.PenVoiceTouch #pvt-faq-panel{ padding: 0 5%; } #windowsh22.PenVoiceTouch .image-priority-accolate{ width: 100%; } #windowsh22.PenVoiceTouch .m-feature.feature-panel-hero { margin-top: 0; padding-bottom: 0 !important; padding-top: 36px; } #windowsh22.PenVoiceTouch .feature-panel-hero.m-feature.f-align-left > div, #windowsh22.PenVoiceTouch .m-feature:not(.feature-panel-hero).f-align-left > div, #windowsh22.PenVoiceTouch .m-feature:not(.feature-panel-hero).f-align-right > div { padding-left: 0; padding-right: 0; } #windowsh22.PenVoiceTouch .m-feature.f-align-left > div, #windowsh22.PenVoiceTouch .m-feature.f-align-right > div { padding-bottom: 0; } #windowsh22.PenVoiceTouch .featurecontent { text-align: left !important; margin-left: 0; margin-top: 50px !important; padding-left: 0; padding-right: 0; font-weight: 400; font-size: 15px; line-height: 20px; } /*#windowsh22.PenVoiceTouch .common-button.f-sticky ul li:last-child { float: none; }*/ #windowsh22.PenVoiceTouch #panes-panel-PVT .m-panes .f-align-middle picture { width: fit-content; } #windowsh22.PenVoiceTouch #panes-panel-PVT .m-panes .f-stacked picture { width: fit-content; } #windowsh22.PenVoiceTouch #panes-PVT-banner .m-banner{ width: 88% !important; } #windowsh22.PenVoiceTouch #PVT-Hero.featurebox{ padding-right: 0px; } #windowsh22.PenVoiceTouch .c-drawer > button { font-size: 18px; } #windowsh22.PenVoiceTouch .drawer-panel .c-drawer .c-drawer-panel p.c-paragraph-3{ font-size: 15px; line-height: 20px; } #windowsh22.PenVoiceTouch #pvt_faq .c-heading-2{ font-size: 24px; line-height: 28px; } [dir='rtl'] #windowsh22.PenVoiceTouch .featurecontent { text-align:right !important; } [dir='rtl'] #windowsh22.PenVoiceTouch .featurebox .f-align-left .featurecontent { padding-left: 0; margin-right: 0; } [dir='rtl'] #windowsh22.PenVoiceTouch .featurebox .f-align-right .featurecontent { padding-right: 0; margin-right: 0; right: 0; } } @media only screen and (min-width: 1084px) { #windowsh22.PenVoiceTouch .numberlistpanel{ margin-bottom: 90px; } #windowsh22.PenVoiceTouch #pvt-faq-panel .c-drawer-panel { margin: 0 8% 0 2%; } [dir='rtl'] #windowsh22.PenVoiceTouch #pvt-faq-panel .c-drawer-panel { margin: 0 2% 0 8%; } #windowsh22.PenVoiceTouch #pvt-faq-panel .drawer-panel { padding: 0px !important; } } @media only screen and (min-width: 1440px){ #windowsh22.PenVoiceTouch .numberlistpanel .numberlist-structurelist .numberlist { min-height: 750px; } } @media only screen and (min-width: 1400px){ #windowsh22.PenVoiceTouch #panes-panel-PVT .f-align-middle .m-panes-product-placement-item div{ text-align: left; } [dir='rtl'] #windowsh22.PenVoiceTouch #panes-panel-PVT .f-align-middle .m-panes-product-placement-item div { text-align: right; } .deviceCtaSection { justify-content: start; } } @media only screen and (min-width: 1084px) and (max-width: 1439px) { #windowsh22.PenVoiceTouch .numberlistpanel .numberlist-structurelist .numberlist{ min-height: 650px; } [lang='bg-bg'] #windowsh22.PenVoiceTouch .featurebox .f-align-left .featurecontent h1, [lang='cs-cz'] #windowsh22.PenVoiceTouch .featurebox .f-align-left .featurecontent h1, [lang='de-de'] #windowsh22.PenVoiceTouch .featurebox .f-align-left .featurecontent h1, [lang='de-at'] #windowsh22.PenVoiceTouch .featurebox .f-align-left .featurecontent h1, [lang='de-ch'] #windowsh22.PenVoiceTouch .featurebox .f-align-left .featurecontent h1, [lang='es-es'] #windowsh22.PenVoiceTouch .featurebox .f-align-left .featurecontent h1, [lang='el-gr'] #windowsh22.PenVoiceTouch .featurebox .f-align-left .featurecontent h1, [lang='fr-be'] #windowsh22.PenVoiceTouch .featurebox .f-align-left .featurecontent h1, [lang='fr-fr'] #windowsh22.PenVoiceTouch .featurebox .f-align-left .featurecontent h1, [lang='fr-xf'] #windowsh22.PenVoiceTouch .featurebox .f-align-left .featurecontent h1, [lang='fr-ch'] #windowsh22.PenVoiceTouch .featurebox .f-align-left .featurecontent h1, [lang='hr-hr'] #windowsh22.PenVoiceTouch .featurebox .f-align-left .featurecontent h1, [lang='hu-hu'] #windowsh22.PenVoiceTouch .featurebox .f-align-left .featurecontent h1, [lang='lt-lt'] #windowsh22.PenVoiceTouch .featurebox .f-align-left .featurecontent h1, [lang='lv-lv'] #windowsh22.PenVoiceTouch .featurebox .f-align-left .featurecontent h1, [lang='nb-no'] #windowsh22.PenVoiceTouch .featurebox .f-align-left .featurecontent h1, [lang='nl-be'] #windowsh22.PenVoiceTouch .featurebox .f-align-left .featurecontent h1, [lang='nl-nl'] #windowsh22.PenVoiceTouch .featurebox .f-align-left .featurecontent h1, [lang='pt-pt'] #windowsh22.PenVoiceTouch .featurebox .f-align-left .featurecontent h1, [lang='ro-ro'] #windowsh22.PenVoiceTouch .featurebox .f-align-left .featurecontent h1, [lang='ru-ru'] #windowsh22.PenVoiceTouch .featurebox .f-align-left .featurecontent h1, [lang='sl-si'] #windowsh22.PenVoiceTouch .featurebox .f-align-left .featurecontent h1, [lang='sr-latn-rs'] #windowsh22.PenVoiceTouch .featurebox .f-align-left .featurecontent h1, [lang='tr-tr'] #windowsh22.PenVoiceTouch .featurebox .f-align-left .featurecontent h1, [lang='uk-ua'] #windowsh22.PenVoiceTouch .featurebox .f-align-left .featurecontent h1, [lang='it-it'] #windowsh22.PenVoiceTouch .featurebox .f-align-left .featurecontent h1 { font-size: 34px; line-height: normal; } [lang='ar-xm'] #windowsh22.PenVoiceTouch .numberlistpanel .numberlist-structurelist .numberlist, [lang='bg-bg'] #windowsh22.PenVoiceTouch .numberlistpanel .numberlist-structurelist .numberlist, [lang='cs-cz'] #windowsh22.PenVoiceTouch .numberlistpanel .numberlist-structurelist .numberlist, [lang='da-dk'] #windowsh22.PenVoiceTouch .numberlistpanel .numberlist-structurelist .numberlist, [lang='de-at'] #windowsh22.PenVoiceTouch .numberlistpanel .numberlist-structurelist .numberlist, [lang='de-ch'] #windowsh22.PenVoiceTouch .numberlistpanel .numberlist-structurelist .numberlist, [lang='el-gr'] #windowsh22.PenVoiceTouch .numberlistpanel .numberlist-structurelist .numberlist, [lang='es-ar'] #windowsh22.PenVoiceTouch .numberlistpanel .numberlist-structurelist .numberlist, [lang='es-cl'] #windowsh22.PenVoiceTouch .numberlistpanel .numberlist-structurelist .numberlist, [lang='es-co'] #windowsh22.PenVoiceTouch .numberlistpanel .numberlist-structurelist .numberlist, [lang='en-hk'] #windowsh22.PenVoiceTouch .numberlistpanel .numberlist-structurelist .numberlist, [lang='en-id'] #windowsh22.PenVoiceTouch .numberlistpanel .numberlist-structurelist .numberlist, [lang='en-ie'] #windowsh22.PenVoiceTouch .numberlistpanel .numberlist-structurelist .numberlist, [lang='en-is'] #windowsh22.PenVoiceTouch .numberlistpanel .numberlist-structurelist .numberlist, [lang='es-es'] #windowsh22.PenVoiceTouch .numberlistpanel .numberlist-structurelist .numberlist, [lang='en-my'] #windowsh22.PenVoiceTouch .numberlistpanel .numberlist-structurelist .numberlist, [lang='en-nz'] #windowsh22.PenVoiceTouch .numberlistpanel .numberlist-structurelist .numberlist, [lang='en-ph'] #windowsh22.PenVoiceTouch .numberlistpanel .numberlist-structurelist .numberlist, [lang='en-sg'] #windowsh22.PenVoiceTouch .numberlistpanel .numberlist-structurelist .numberlist, [lang='en-za'] #windowsh22.PenVoiceTouch .numberlistpanel .numberlist-structurelist .numberlist, [lang='es-xl'] #windowsh22.PenVoiceTouch .numberlistpanel .numberlist-structurelist .numberlist, [lang='et-ee'] #windowsh22.PenVoiceTouch .numberlistpanel .numberlist-structurelist .numberlist, [lang='fi-fi'] #windowsh22.PenVoiceTouch .numberlistpanel .numberlist-structurelist .numberlist, [lang='fr-be'] #windowsh22.PenVoiceTouch .numberlistpanel .numberlist-structurelist .numberlist, [lang='fr-ca'] #windowsh22.PenVoiceTouch .numberlistpanel .numberlist-structurelist .numberlist, [lang='fr-Fr'] #windowsh22.PenVoiceTouch .numberlistpanel .numberlist-structurelist .numberlist, [lang='fr-xf'] #windowsh22.PenVoiceTouch .numberlistpanel .numberlist-structurelist .numberlist, [lang='he-il'] #windowsh22.PenVoiceTouch .numberlistpanel .numberlist-structurelist .numberlist, [lang='hr-hr'] #windowsh22.PenVoiceTouch .numberlistpanel .numberlist-structurelist .numberlist, [lang='hu-hu'] #windowsh22.PenVoiceTouch .numberlistpanel .numberlist-structurelist .numberlist, [lang='ko-kr'] #windowsh22.PenVoiceTouch .numberlistpanel .numberlist-structurelist .numberlist, [lang='lt-lt'] #windowsh22.PenVoiceTouch .numberlistpanel .numberlist-structurelist .numberlist, [lang='lv-lv'] #windowsh22.PenVoiceTouch .numberlistpanel .numberlist-structurelist .numberlist, [lang='nb-no'] #windowsh22.PenVoiceTouch .numberlistpanel .numberlist-structurelist .numberlist, [lang='nl-be'] #windowsh22.PenVoiceTouch .numberlistpanel .numberlist-structurelist .numberlist, [lang='nl-nl'] #windowsh22.PenVoiceTouch .numberlistpanel .numberlist-structurelist .numberlist, [lang='pl-pl'] #windowsh22.PenVoiceTouch .numberlistpanel .numberlist-structurelist .numberlist, [lang='pt-pt'] #windowsh22.PenVoiceTouch .numberlistpanel .numberlist-structurelist .numberlist, [lang='ro-ro'] #windowsh22.PenVoiceTouch .numberlistpanel .numberlist-structurelist .numberlist, [lang='ru-ru'] #windowsh22.PenVoiceTouch .numberlistpanel .numberlist-structurelist .numberlist, [lang='sl-si'] #windowsh22.PenVoiceTouch .numberlistpanel .numberlist-structurelist .numberlist, [lang='sr-latn-rs'] #windowsh22.PenVoiceTouch .numberlistpanel .numberlist-structurelist .numberlist, [lang='sv-se'] #windowsh22.PenVoiceTouch .numberlistpanel .numberlist-structurelist .numberlist, [lang='th-th'] #windowsh22.PenVoiceTouch .numberlistpanel .numberlist-structurelist .numberlist, [lang='tr-tr'] #windowsh22.PenVoiceTouch .numberlistpanel .numberlist-structurelist .numberlist, [lang='uk-ua'] #windowsh22.PenVoiceTouch .numberlistpanel .numberlist-structurelist .numberlist, [lang='vi-vn'] #windowsh22.PenVoiceTouch .numberlistpanel .numberlist-structurelist .numberlist, [lang='zh-hk'] #windowsh22.PenVoiceTouch .numberlistpanel .numberlist-structurelist .numberlist, [lang='zh-tw'] #windowsh22.PenVoiceTouch .numberlistpanel .numberlist-structurelist .numberlist { min-height: 650px; } } @media only screen and (min-width: 768px) and (max-width: 900px) { [lang='fi-fi'] #windowsh22.PenVoiceTouch .toutheading { font-size: 20px; line-height: normal; } } #windowsh22.PenVoiceTouch .retailers .c-link-navigation picture div { text-transform: none; font-weight: 700; max-width: 100%; } #windowsh22.PenVoiceTouch .retailers .c-link-navigation img { border: 1px solid #f9f9f9; box-shadow: 0px 0px 10px #CCCCCC; } #windowsh22.PenVoiceTouch .retailers .c-link-navigation a.f-image p { font-size: 18px; line-height: 24px; font-weight: 600; } #windowsh22.PenVoiceTouch .retailers .c-link-navigation ul li p { display: block; text-align: center; text-decoration: none; } @media screen and (max-width: 767px){ #windowsh22.PenVoiceTouch nav.c-link-navigation li a.c-hyperlink.f-image{ text-align: center !important; } [lang='fi-fi'] #windowsh22.PenVoiceTouch #panes-PVT-banner .m-banner h2, [lang='pt-pt'] #windowsh22.PenVoiceTouch #panes-PVT-banner .m-banner h2, [lang='ru-ru'] #windowsh22.PenVoiceTouch #panes-PVT-banner .m-banner h2, [lang='sk-sk'] #windowsh22.PenVoiceTouch #panes-PVT-banner .m-banner h2, [lang='sv-se'] #windowsh22.PenVoiceTouch #panes-PVT-banner .m-banner h2, [lang='tr-tr'] #windowsh22.PenVoiceTouch #panes-PVT-banner .m-banner h2, [lang='uk-ua'] #windowsh22.PenVoiceTouch #panes-PVT-banner .m-banner h2, [lang='hr-hr'] #windowsh22.PenVoiceTouch #panes-PVT-banner .m-banner h2, [lang='hu-hu'] #windowsh22.PenVoiceTouch #panes-PVT-banner .m-banner h2, [lang='lv-lv'] #windowsh22.PenVoiceTouch #panes-PVT-banner .m-banner h2, [lang='nb-no'] #windowsh22.PenVoiceTouch #panes-PVT-banner .m-banner h2, [lang='nl-be'] #windowsh22.PenVoiceTouch #panes-PVT-banner .m-banner h2, [lang='nl-nl'] #windowsh22.PenVoiceTouch #panes-PVT-banner .m-banner h2 { font-size: 28px; line-height: normal; } [lang='el-gr'] #windowsh22.PenVoiceTouch .featurebox .f-align-left .featurecontent h1 { font-size: 42px; line-height: normal; } } @media screen and (max-width: 539px){ [lang='fi-fi'] #windowsh22.PenVoiceTouch #retailers .m-banner h2, [lang='el-gr'] #windowsh22.PenVoiceTouch #retailers .m-banner h2, [lang='pt-pt'] #windowsh22.PenVoiceTouch #retailers .m-banner h2, [lang='ru-ru'] #windowsh22.PenVoiceTouch #retailers .m-banner h2, [lang='sk-sk'] #windowsh22.PenVoiceTouch #retailers .m-banner h2, [lang='sv-se'] #windowsh22.PenVoiceTouch #retailers .m-banner h2, [lang='tr-tr'] #windowsh22.PenVoiceTouch #retailers .m-banner h2, [lang='uk-ua'] #windowsh22.PenVoiceTouch #retailers .m-banner h2, [lang='hr-hr'] #windowsh22.PenVoiceTouch #retailers .m-banner h2, [lang='hu-hu'] #windowsh22.PenVoiceTouch #retailers .m-banner h2, [lang='lv-lv'] #windowsh22.PenVoiceTouch #retailers .m-banner h2, [lang='nb-no'] #windowsh22.PenVoiceTouch #retailers .m-banner h2, [lang='nl-be'] #windowsh22.PenVoiceTouch #retailers .m-banner h2, [lang='nl-nl'] #windowsh22.PenVoiceTouch #retailers .m-banner h2 { font-size: 40px; } [lang='fi-fi'] #windowsh22.PenVoiceTouch .panes-PVT-banner .m-banner h2, [lang='el-gr'] #windowsh22.PenVoiceTouch .panes-PVT-banner .m-banner h2, [lang='pt-pt'] #windowsh22.PenVoiceTouch .panes-PVT-banner .m-banner h2, [lang='ru-ru'] #windowsh22.PenVoiceTouch .panes-PVT-banner .m-banner h2, [lang='sk-sk'] #windowsh22.PenVoiceTouch .panes-PVT-banner .m-banner h2, [lang='sv-se'] #windowsh22.PenVoiceTouch .panes-PVT-banner .m-banner h2, [lang='tr-tr'] #windowsh22.PenVoiceTouch .panes-PVT-banner .m-banner h2, [lang='uk-ua'] #windowsh22.PenVoiceTouch .panes-PVT-banner .m-banner h2, [lang='hr-hr'] #windowsh22.PenVoiceTouch .panes-PVT-banner .m-banner h2, [lang='hu-hu'] #windowsh22.PenVoiceTouch .panes-PVT-banner .m-banner h2, [lang='lv-lv'] #windowsh22.PenVoiceTouch .panes-PVT-banner .m-banner h2, [lang='nb-no'] #windowsh22.PenVoiceTouch .panes-PVT-banner .m-banner h2, [lang='nl-be'] #windowsh22.PenVoiceTouch .panes-PVT-banner .m-banner h2, [lang='nl-nl'] #windowsh22.PenVoiceTouch .panes-PVT-banner .m-banner h2 { font-size: 25px; } [lang='fi-fi'] #windowsh22.PenVoiceTouch .featurebox .f-align-left .featurecontent h1, [lang='el-gr'] #windowsh22.PenVoiceTouch .featurebox .f-align-left .featurecontent h1, [lang='pt-pt'] #windowsh22.PenVoiceTouch .featurebox .f-align-left .featurecontent h1, [lang='ru-ru'] #windowsh22.PenVoiceTouch .featurebox .f-align-left .featurecontent h1, [lang='sk-sk'] #windowsh22.PenVoiceTouch .featurebox .f-align-left .featurecontent h1, [lang='sv-se'] #windowsh22.PenVoiceTouch .featurebox .f-align-left .featurecontent h1, [lang='tr-tr'] #windowsh22.PenVoiceTouch .featurebox .f-align-left .featurecontent h1, [lang='uk-ua'] #windowsh22.PenVoiceTouch .featurebox .f-align-left .featurecontent h1, [lang='hr-hr'] #windowsh22.PenVoiceTouch .featurebox .f-align-left .featurecontent h1, [lang='hu-hu'] #windowsh22.PenVoiceTouch .featurebox .f-align-left .featurecontent h1, [lang='lv-lv'] #windowsh22.PenVoiceTouch .featurebox .f-align-left .featurecontent h1, [lang='nb-no'] #windowsh22.PenVoiceTouch .featurebox .f-align-left .featurecontent h1, [lang='nl-be'] #windowsh22.PenVoiceTouch .featurebox .f-align-left .featurecontent h1, [lang='nl-nl'] #windowsh22.PenVoiceTouch .featurebox .f-align-left .featurecontent h1 { font-size: 46px; line-height: normal; } [lang='nl-be'] #windowsh22.PenVoiceTouch .featurebox .featurecontent h2, [lang='nl-nl'] #windowsh22.PenVoiceTouch .featurebox .featurecontent h2 { font-size: 28px; line-height: normal; } } @media screen and (max-width: 768px){ #windowsh22.PenVoiceTouch nav .c-link-navigation picture div { text-align: center; } #windowsh22.PenVoiceTouch .retailers nav.c-link-navigation li { width: 250px; display: inline-block; } } @media only screen and (min-width: 320px) and (max-width: 330px) { #windowsh22.PenVoiceTouch nav.c-in-page-navigation.f-dropdown .f-dropdown-menu > a{ margin-left: 0px; font-size: 12px; } #windowsh22.PenVoiceTouch nav.c-in-page-navigation.f-dropdown .f-dropdown-menu a{ font-size: 12px; padding: 5px; } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { #windowsh22.PenVoiceTouch .common-button.f-sticky li a.blue-button{ border: 2px solid transparent !important; } #windowsh22.PenVoiceTouch .m-panes-product-placement-item .c-call-to-action:focus, #windowsh22.PenVoiceTouch .structure-item .c-call-to-action:focus, #windowsh22.PenVoiceTouch .expand-collapse-toggle-area .c-action-trigger:focus{ padding-right: 7px; padding-left: 2px; } #windowsh22.PenVoiceTouch .expand-collapse-toggle-area > span{ padding: 0 3px; } #windowsh22.PenVoiceTouch #pvt-faq-panel .drawer-panel .c-drawer button:focus{ color: Highlight !important; } } /* Pen Voice Touch CSS Ends*/ /*TYD hero css start*/ @media only screen and (max-width: 1083px){ #windowsh22.Transfer-your-data .show-animation.holiday-animated-hero .m-hero-item > div > div{ height: fit-content !important; padding: 48px 0; transform: none; top: 0; position: relative; width: 100%; max-width: 100%; } } @media only screen and (max-width: 767px){ #windowsh22.Transfer-your-data .m-hero-item.f-transparent:before{ padding-bottom:60.25%; } } /*TYD hero css ends*/ /* hero item */ .windows #Heroitem .m-feature.herowithgradientline-blue .featurecontent h1{ font-size: 62px; font-weight: 600; line-height: 72px; letter-spacing: 0em; } @media only screen and (max-width: 1083px){ .windows #Heroitem .m-feature.herowithgradientline-blue .featurecontent{ padding-left:0; margin-left:0; padding-top:24px; } } @media only screen and (max-width: 767px) { #windowsh22.windows #Heroitem .m-feature.herowithgradientline-blue .featurecontent h1 { font-size: 34px; font-weight: 600; line-height: 40px; } } @media only screen and (min-width: 1084px) { #windowsh22.windows #Banner-panel-1 .m-banner { margin-top: 0px !important; } } @media only screen and (min-width: 1084px) and (max-width: 1700px) { .windows #Heroitem .m-feature.herowithgradientline-blue .featurecontent { top: 0; transform: none; -ms-transform: none; } } @media only screen and (max-width: 539px) { #primaryArea { overflow-x: hidden; } } #default-lightbox.tips-overlay .m-content-placement-item { cursor: default !important; pointer-events: none; } #default-lightbox.tips-overlay .m-content-placement-item .c-group > .c-call-to-action { position:relative; z-index: 1; pointer-events: auto; } @media only screen and (max-width: 1083px){ [dir='rtl'] .windows #Heroitem .m-feature.herowithgradientline-blue .featurecontent { text-align: right !important; padding-left: 0px !important; padding-right: 0px !important; margin-right: 0px !important; padding-bottom: 0px; } } @media only screen and (min-width: 1084px) and (max-width: 1400px) { [lang='bg-bg'] .windows #Heroitem .m-feature.herowithgradientline-blue .featurecontent h1, [lang='cs-cz'] .windows #Heroitem .m-feature.herowithgradientline-blue .featurecontent h1, [lang='et-ee'] .windows #Heroitem .m-feature.herowithgradientline-blue .featurecontent h1, [lang='en-in'] .windows #Heroitem .m-feature.herowithgradientline-blue .featurecontent h1, [lang='fi-fi'] .windows #Heroitem .m-feature.herowithgradientline-blue .featurecontent h1, [lang='lt-lt'] .windows #Heroitem .m-feature.herowithgradientline-blue .featurecontent h1, [lang='it-it'] .windows #Heroitem .m-feature.herowithgradientline-blue .featurecontent h1, [lang='nl-be'] .windows #Heroitem .m-feature.herowithgradientline-blue .featurecontent h1, [lang='nb-no'] .windows #Heroitem .m-feature.herowithgradientline-blue .featurecontent h1, [lang='nl-nl'] .windows #Heroitem .m-feature.herowithgradientline-blue .featurecontent h1, [lang='sk-sk'] .windows #Heroitem .m-feature.herowithgradientline-blue .featurecontent h1, [lang='uk-ua'] .windows #Heroitem .m-feature.herowithgradientline-blue .featurecontent h1 { font-size: 48px; line-height: initial; } [lang='hu-hu'] .windows #Heroitem .m-feature.herowithgradientline-blue .featurecontent h1, [lang='el-gr'] .windows #Heroitem .m-feature.herowithgradientline-blue .featurecontent h1 { font-size: 34px; line-height: initial; } [lang='ru-ru'] .windows #Heroitem .m-feature.herowithgradientline-blue .featurecontent h1, [lang='sl-si'] .windows #Heroitem .m-feature.herowithgradientline-blue .featurecontent h1, [lang='sr-latn-rs'] .windows #Heroitem .m-feature.herowithgradientline-blue .featurecontent h1, [lang='tr-tr'] .windows #Heroitem .m-feature.herowithgradientline-blue .featurecontent h1, [lang='vi-vn'] .windows #Heroitem .m-feature.herowithgradientline-blue .featurecontent h1, [lang='hr-hr'] .windows #Heroitem .m-feature.herowithgradientline-blue .featurecontent h1 { font-size: 42px; line-height: initial; } } @media only screen and (min-width: 310px) and (max-width: 330px) { #player-container2, #player-container2 #player-container2-oneplayer { min-height: 150px; } } @media only screen and (min-width:630px) and (max-width:650px) { #player-container2, #player-container2 #player-container2-oneplayer { min-height: 180px; } .video-lightbox.c-dialog.f-lightbox .nav-buttons .c-glyph.glyph-cancel { top: 10px; right: 10px; font-size: 20px; width: 20px; height: 20px; } } #static-banner .offer-test .m-banner sup a { color: #FFF; } .getting-started .m-feature.forMobile .c-call-to-action:not(.f-primary):not(.f-secondary):hover span, .getting-started .m-feature.forDefault .c-call-to-action:not(.f-primary):not(.f-secondary):hover span, .getting-started .m-feature.foredge .c-call-to-action:not(.f-primary):not(.f-secondary):hover span, .getting-started .m-feature.forwin11 .c-call-to-action:not(.f-primary):not(.f-secondary):hover span { border-bottom: none; } /* 4k device issues start */ @media only screen and (min-width: 3830px){ #windowsh22.AI-Page .m-hero-item > div > div, #windowsh22.get-windows-11 .m-hero-item > div > div { max-width: 300px !important; } } @media only screen and (min-width: 1770px){ .m-link-navigation.wdg-support-links[data-grid="container"] { max-width: 1600px; } .comprehensive-security .numberlist-structurelist[data-grid="container"], .accessibility-features .numberlist-structurelist[data-grid="container"], #windowsh22.windows-11 .numberlist-structurelist[data-grid="container"], #view-all .numberlist-structurelist[data-grid="container"] { margin-left: auto; margin-right: auto; } } /* 4k device issues ends */ .numberlistpanel .numberlist-structurelist.nonumber .numberlist .c-structured-list a.c-call-to-action.c-glyph span, .numberlistpanel .numberlist-structurelist.nonumber .numberlist .c-structured-list a.c-call-to-action.c-glyph:after{ display: inline-block !important; } #windowsh22.PenVoiceTouch [data-vg="LinkNavigation"] nav.c-link-navigation li a.c-hyperlink.f-image:focus div{ background: none; } #windowsh22.copilot-ai-features .rounded-corners .c-button.f-primary.blue-button { background: #0078D4 !important; } .copilot-ai-features .c-button.f-primary.blue-button:hover, .copilot-ai-features .c-button.f-primary.blue-button:focus { background: #005da6 !important; } @media only screen and (min-width: 1084px) and (max-width: 1400px) { #windowsh22.AI-Page #ai-hero .m-hero-item > div > div h1 { font-size: 30px; line-height: normal; } #windowsh22.AI-Page #ai-hero .m-hero-item > div > div p { font-size: 15px; line-height: normal; } } #windowsh22.copilot-ai-features #grey-bg p .c-hyperlink.supBLink { color:white; } #windowsh22.copilot-ai-features #grey-bg p svg { fill:white; } #windowsh22.copilot-ai-features #grey-bg a.c-hyperlink.supBLink:focus { outline: 2px dashed #fff !important; } @media only screen and (min-width: 1084px) and (max-width: 1400px) { [lang="sr-latn-rs"] #windowsh22.AI-Page #ai-hero .m-hero-item > div > div h1 { font-size: 28px; line-height: normal; } } @media only screen and (min-width: 1400px) { [dir="rtl"] .end-of-support .custom-mosaic .c-mosaic-placement picture img{ width: 100%; height: 100%; } } /*EOS japan*/ @media only screen and (max-width: 1399.98px) { .end-of-support #retailersjapanID nav.c-link-navigation li a.c-hyperlink.f-image { display: inline-block; margin: 0px 15px 20px; width: calc(100% - 30px); } div#retailersjapanID .c-link-navigation img{ width:100px; height:100px; } } div#retailersjapanID nav.c-link-navigation p{ box-sizing: border-box; } .end-of-support #retailersjapanID nav.c-link-navigation li a.c-hyperlink.f-image{ line-height:normal; } @media only screen and (max-width: 1083.98px) { #windowsh22.copilot-ai-features #aiBanner-spring .m-banner{ margin-bottom: 0px !important; padding-bottom: 48px; } .end-of-support #retailersjapanID nav.c-link-navigation ul li{ width:33.33%; } .end-of-support #retailersjapanID nav.c-link-navigation ul{ display:flex; flex-wrap:wrap; } .end-of-support #EOS_japan-featureIDphotoB, .end-of-support #EOS_japan-featureIDphotoA{ padding:1px 0 !important; } .end-of-support .EOS_japan_feature-panelphotoA .featurecontent, .end-of-support .EOS_japan_feature-panelPhotoB .featurecontent{ padding:50px 0; } } @media only screen and (max-width: 767.98px) { .end-of-support #retailersjapanID nav.c-link-navigation ul li{ width:50%; } .end-of-support #retailersjapanID nav.c-link-navigation ul{ display:flex; flex-wrap:wrap; } .end-of-support #retailersjapanID nav.c-link-navigation li a.c-hyperlink.f-image{ text-align:center; } } @media only screen and (min-width: 540px) { div#retailersjapanID .c-link-navigation ul li p{ display:block; text-align:center; width:100%; } div#retailersjapanID .c-link-navigation picture div{ /*width: 100%;*/ max-width: 100%; display: block; text-align: center; max-height:100% !important; } } @media only screen and (max-width: 539.98px) { .end-of-support #retailersjapanID nav.c-link-navigation ul li{ width:100%; } div#retailersjapanID .c-link-navigation picture div { text-transform: none; width: 100%; max-width: 100%; text-align: center; } } @media only screen and (min-width: 1084px) { .end-of-support #retailersjapanID nav.c-link-navigation{ padding:0 5%; } .end-of-support #retailersjapanID nav.c-link-navigation ul{ display:flex; justify-content:center; } } @media only screen and (max-width: 1083.98px) { .end-of-support #win-10-panes-3up .m-panes-product-placement-item .c-call-to-action, .end-of-support #win-10-panes-3up .m-panes .m-panes-product-placement-item p.c-paragraph, .end-of-support #win-10-panes-3up .m-panes-product-placement-item h3.c-heading{ height:fit-content !important; } } /*EOS japan ends*/ /*Added 04/22/2024*/