.microsoft-header-outer{max-width:1260px;margin:0 auto;padding:20px 15px 6px}
.microsoft-logo{max-width:200px;margin-right:60px}
.microsoft-nav ul, .microsoft-product-options-inner ul{padding-left: 0;}
.microsoft-nav ul li{float:left;padding-top:12px}
.microsoft-nav ul li a{display:block;padding:8px 12px;text-align:center;text-decoration:none;color:#666;font-size:1.143em;line-height:1em;font-weight:400;background:#fff;transition:all .2s;text-transform:uppercase}
.microsoft-nav ul li a:hover{text-decoration:none;color:#fff;background:#107c10}
.microsoft-mobile-menu-btn{top:0;right:0;width:32px;height:32px;display:none;cursor:pointer}
.microsoft-mobile-menu-icon{height:3px;width:32px;top:14px;background-color:#101616;position:absolute;transition:all .3s}
.microsoft-mobile-menu-icon:before{content:"";left:0;position:absolute;top:-10px;height:3px;width:32px;background-color:#101616;transition-duration:.5s}
.microsoft-mobile-menu-icon:after{content:"";left:0;position:absolute;top:10px;height:3px;width:32px;background-color:#101616;transition-duration:.5s}
.microsoft-menu-open .microsoft-mobile-menu-icon{background:transparent}
.microsoft-menu-open .microsoft-mobile-menu-icon:before{transform:rotate(45deg);top:0}
.microsoft-menu-open .microsoft-mobile-menu-icon:after{transform:rotate(-45deg);top:0}
.microsoft-banner-outer {max-width: 1260px;margin: 0 auto;}
.microsoft-banner-content-inner{max-width:1260px;margin:0 auto;padding:150px 100px 250px}
.xbox-banner-content-inner{max-width:1260px;margin:0 auto;padding:120px 20px 140px 200px}
.microsoft-header h2{font-size:2.143em;line-height:1em;font-weight:800;margin:0 0 .3em;color:#222}
.microsoft-header h3{font-size:2.143em;line-height:1.1em;font-weight:300;margin:0;color:#222}
.microsoft-365-banner-inner .microsoft-header h2 {font-size:2.5em;}
.microsoft-product-options-inner h2,.xbox-live-inner h3,.xbox-online-inner h3,.office-365-tiles-inner li h3{font-size:1.143em;line-height:1.2em;font-weight:800;margin:0 0 .5em;color:#222;text-transform:uppercase}
.surface-best-of-microsoft-inner .microsoft-header h3,.surface-personalise-inner .microsoft-header h3{font-size:1.857em;line-height:1em;font-weight:800;margin:0 0 .3em;color:#222}
.microsoft-product-options-inner p,.xbox-live-inner .microsoft-product-blurb p,.xbox-online-inner .microsoft-product-blurb p,.office-365-tiles-inner .microsoft-product-blurb p{font-size:1.143em;line-height:1.4em;font-weight:400;margin:0 0 .5em;color:#222;min-height:2em}
.microsoft-365-banner-inner .microsoft-blurb p {font-size:1.6em;}
.microsoft-product-options-inner a,.xbox-console-links td a{color:#008fd9;text-decoration:none;font-size:1.143em;line-height:1em;font-weight:800}
.hrd-toggle-switch-inner h2{font-size:1.286em;line-height:1em;color:#222;margin:0 0 .5em;font-weight:800}
.hdr-on,.hdr-off{font-size:1.143em;line-height:1em;color:#ccc;margin:0 0 .5em;font-weight:800;transition:color .3s}
.hdr-on.active,.hdr-off.active{color:#222}
.microsoft-blurb p{font-size:1.286em;line-height:1.3em;font-weight:400;color:#222;margin:0}
.microsoft-product-options-inner a:hover{text-decoration:underline}
.xbox-banner-content-inner .microsoft-header h3{color:#fff;font-size:3em}
.surface-font-orange{color:#d83b01}
.microsoft-btn-container{padding-top:2em}
.office-365-tiles-inner .microsoft-btn-container{padding-top:10px}
.microsoft-btn-container a,.microsoft-btn-container span{font-size:1.143em;line-height:1em;font-weight:400;padding:1em 1em;border:2px solid;display:inline-block;text-transform:uppercase;text-decoration:none;transition:all .2s;text-align:center}
.microsoft-btn-group a:first-child,.microsoft-btn-group span:first-child{margin-right:1em}
.microsoft-btn-container a:hover{text-decoration:none}
.microsoft-btn-brown a:first-child{color:#fff;border-color:#594f47;background:#594f47}
.microsoft-btn-brown a:nth-child(2){color:#594f47;border-color:#594f47;background:transparent}
.microsoft-btn-brown a:hover{color:#fff;border-color:#8c7b70;background:#8c7b70}
.microsoft-btn-black a:first-child{color:#fff;border-color:#222;background:#222}
.microsoft-btn-black a:nth-child(2){color:#222;border-color:#222;background:transparent}
.microsoft-btn-black a:hover{color:#fff;border-color:#484848;background:#484848}
.microsoft-btn-container .microsoft-btn-green-solid{color:#fff;border-color:#107c10;background:#107c10}
.microsoft-btn-container .microsoft-btn-green-border{color:#107c10;border-color:#107c10;background:transparent}
.microsoft-btn-container .microsoft-btn-green:hover{color:#fff;border-color:#484848;background:#484848}
.microsoft-btn-container .microsoft-btn-white-solid{color:#222;border-color:#fff;background:#fff}
.microsoft-btn-container .microsoft-btn-white-border{color:#fff;border-color:#848178;background: #848178;}
.microsoft-btn-container .microsoft-btn-white:hover{color:#fff;border-color:#484848;background:#484848}
.microsoft-btn-container .microsoft-btn-black-solid{color:#fff;border-color:#222;background:#222}
.microsoft-btn-container .microsoft-btn-black-border{color:#222;border-color:#222;background:transparent}
.microsoft-btn-container .microsoft-btn-black:hover{color:#fff;border-color:#484848;background:#484848}
.microsoft-btn-container .microsoft-btn-orange-solid{color:#fff;border-color:#0078d4;background:#0078d4}
.microsoft-btn-container .microsoft-btn-orange-border{color:#0078d4;border-color:#0078d4;background:transparent}
.microsoft-btn-container .microsoft-btn-orange:hover{color:#fff;border-color:#eb4802;background:#eb4802}
.microsoft-product-options-inner{max-width:1100px;margin:0 auto;padding:60px 60px}
.microsoft-product-options-inner ul li{float:left;width:30%;margin-right:5%}
.microsoft-product-options-inner ul li:last-child{margin-right:0}
.microsoft-product-option-banner{margin-bottom:20px}
.microsoft-365-banner-outer {margin-bottom: 60px;}
@media screen and (max-width:992px){
.microsoft-banner-outer .microsoft-header {max-width: 180px;}
/* .microsoft-mobile-menu-btn{display:block} */
/* .microsoft-nav{display:none;float:none;position:absolute;width:100%;top:40px;background:#fff;padding:1em 0;box-shadow:0 6px 10px rgba(0,0,0,0.5);z-index: 100;} */
/* .microsoft-nav ul li{float:none;margin-right:0;text-align:center;padding:.5em} */
.microsoft-banner-content-inner{padding:80px 80px 170px}
.surface-personalise-inner>.microsoft-header, .windows-faqs-outer, .windows-terms-outer, .windows-11-section-block-outer, .windows-11-video-outer, .windows-11-section-block-outer {margin-bottom:40px;}
}
@media screen and (max-width:750px){
.microsoft-banner-content-inner{max-width:1260px;margin:0 auto;padding:40px 20px 40px 30px;}
.microsoft-logo{max-width:150px;margin-right:0}
.microsoft-btn-group a,.microsoft-btn-group span{display:block;max-width:200px}
.microsoft-btn-group a:first-child{margin:0 0 10px}
.microsoft-product-options-inner{max-width:400px;padding:40px 20px}
.microsoft-product-options-inner ul li{float:none;width:100%;margin:0 0 30px}
.microsoft-product-options-inner ul li:last-child{margin-bottom:0}
.microsoft-accessories-inner .table,.microsoft-accessories-inner .table-cell,.xbox-accessories-inner .table,.xbox-accessories-inner .table-cell, .windows-11-section-outer:nth-child(odd) .table-cell, .windows-11-section-outer:nth-child(odd) .table-cell:first-child {display:block}
.windows-11-section-outer:nth-child(even) .table-cell:last-child {display: table-caption;}
.microsoft-accessories-inner .table .table-cell,.xbox-accessories-inner .table .table-cell{width:100%;padding:0}
.microsoft-accessories-inner .microsoft-accessories-image-block{padding:40px 20px 0}
.microsoft-accessories-inner .microsoft-accessories-content-inner,.xbox-accessories-content-inner{padding:0 20px 40px;max-width:350px;margin:0 auto}
.microsoft-xbox-inner .microsoft-btn-group a{margin:0 auto 10px}
.microsoft-xbox-inner .microsoft-header img,.xbox-comparison-table-inner .microsoft-header img{max-width:230px}
.microsoft-xbox-inner{padding:40px 20px}
.office-compare-desktop{display:none}
.office-compare-mobile{display:block}
.surface-best-of-microsoft-inner .table, .windows-browser-inner .table, .windows-subscribe-outer .table, .windows-11-section-outer .table {padding:0;max-width: 350px;margin: 0 auto 40px;}
}
@media screen and (max-width:450px){
.microsoft-banner-outer{background-position: -180px center}
}