/************  lp  ***********/

#microsoft-cms .tabs {
    display: table;
    width: 100%;
}
#microsoft-cms .tab {
    display: table-cell;
    vertical-align: middle;
}
#microsoft-cms .bottom {
    vertical-align: bottom;
}
#microsoft-cms .center {
    text-align: center;
}
#microsoft-cms .wrapItem {
    flex-wrap: wrap;
}
#microsoft-cms .bordPack {
    border-style: solid;
    border-radius: 0.25rem;
    text-align: left;
}
#microsoft-cms .simBox {
    margin: 0 15px 20px;
}
#microsoft-cms .pack {
    display: block;
    width: 100%;
    max-width: 360px;
    height: auto;
}
#microsoft-cms .spacingPack {
    padding: 10px;
    min-height: 930px;
}
#microsoft-cms .bordPack h4 {
    height: 56px;
    border-bottom: 3px solid;
    line-height: 1 !important;
}
#microsoft-cms .bordPack h4 span {
    padding-bottom: 5px;
}
#microsoft-cms .separator {
    border-bottom: 1px solid;
    margin: 1rem 0;
}
#microsoft-cms .listIcons img {
    width: 55px;
    margin: 0px auto;
    display: block;
}
#microsoft-cms .listIcons > div {
    padding: 0 !important;
}
#microsoft-cms .listIcons p {
    font-size: 12px;
    margin: 0 0 10px !important;
    text-align: center;
}
#microsoft-cms .spacingPack > img {
    margin: 0px auto;
    display: block;
    height: 70px;
    width: auto;
}

#microsoft-cms .orange, .orange.bordPack h4 {
    border-color: #ed6c3b;
}
#microsoft-cms .greenDark, .greenDark.bordPack h4 {
    border-color: #2a9b8b;
}
#microsoft-cms .grayDark, .grayDark.bordPack h4 {
    border-color: #7b7d7f;
}

#microsoft-cms .boxImg {
    margin: 13px;
    text-align: center;
}
#microsoft-cms .boxImg img {
    width: 100%;
    max-width: 260px;
    height: auto;
    display: block;
    margin: 0 auto 10px;
}
#microsoft-cms .mic_board__row.startAlign {
    align-items: flex-start !important;
}
#microsoft-cms .boxImg h4 {
    font-size: 20px !important;
    font-weight: 700 !important;
}


#microsoft-cms .boxIcon {
    text-align: center;
    margin: 15px;
}
#microsoft-cms .boxIcon img {
    width: 100%;
    max-width: 120px;
    margin: 0px auto;
    display: block;
}
#microsoft-cms .boxIcon h4 {
    margin: 0 !important;
}

#microsoft-cms .mic_option p.disclaimer {
    font-size: 12px;
    text-align: center;
    max-width: 50%;
    margin: 80px auto ;
}
#microsoft-cms .mic_board__row.wrapItem {
    max-width: 85%;
    margin: 80px auto;
}

#microsoft-cms .boxProducts {
    flex-basis: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
#microsoft-cms .maxWidth {
    margin: 0 auto;
    max-width: 90%;
}
#microsoft-cms .boxProducts:last-of-type {
    margin: 0 auto 0 0;
}
#microsoft-cms .boxProducts img {
    max-width: 420px;
    max-height: 185px;
    margin-bottom: 40px;
}
#microsoft-cms .boxProducts p {
    max-width: 57ch;
    margin: auto;
}
#microsoft-cms .video {
    width: 100%;
    display: block;
}
#microsoft-cms .sortVideo {
    max-width: 400px;
    margin: 0 0 0 auto;
}
#microsoft-cms .sortVideo h3 {
    margin: 0 !important;
}
#microsoft-cms .noMargin {
    margin: 0 0 5px !important;
    font-size: 20px;
}
#microsoft-cms .mic_parallax--9 {
    background-image: url("/assets/images/microsoft/WIN22_Windows11_bg.png");
}
#microsoft-cms .mic_60 {
    padding: 60px 0;
}
#microsoft-cms #microsoft_m_00 #microsoft_m_01 .mic_top {
    margin: 80px auto;
}

#microsoft-cms .features_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: space-evenly;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;


    max-width: 95%;
    margin: 0 auto;
}
#microsoft-cms .features_container .feature_item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
#microsoft-cms .features_container img {
    max-width: 200px;
}
#microsoft-cms .features_container .companion_text {
    margin-left: 10px;
}
#microsoft-cms .features_container p {
    max-width: 21ch;
    margin: unset;
    font-size: 14px;
}
#microsoft-cms .features_container h4 {
    margin: 0px auto;
    margin-bottom: unset!important;
    font-size: 16px;
}

#microsoft-cms .discovery_section {
    margin: 0 auto 40px auto;
}
#microsoft-cms #microsoft_m_00 #microsoft_m_01 .discovery_section .mic_title--large {
    margin: 0 auto 5px;
}
#microsoft-cms .item img {
    max-width: 585px;
    margin: 0 auto 1.5em auto;
}

#microsoft-cms .item p.mic_text--large-size {
    text-align: center;
    margin-top: 20px!important;
}

#microsoft-cms .owl-prev {
    background: url('/assets/images/microsoft/ltArrow.svg') center/cover no-repeat;
    width: 25px;
    height: 44px;
    position: absolute;
    top: 35%;
    left: 17%;
    z-index: 10;
    cursor: pointer;
}
#microsoft-cms .owl-next{
    background: url('/assets/images/microsoft/rtArrow.svg') center/cover no-repeat;
    width: 25px;
    height: 44px;
    position: absolute;
    top: 35%;
    right: 17%;
    z-index: 10;
    cursor: pointer;
}
#microsoft-cms .office_promo {
    margin-top: 100px;
}
#microsoft-cms .office_promo .mic_board__row {
    max-width: 780px;
    margin: auto;
}

#microsoft-cms .logosContainer {
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
    max-width: 1050px;
    margin: 20px auto;
}
#microsoft-cms .logosContainer img {
    max-width: 205px;
    max-height: 90px;
    margin: 60px 80px 0 0;
}
#microsoft-cms .logosContainer a {
    width: auto;
    flex-basis: 30%;
    text-align: center;
}

#microsoft-cms .logosContainer img:last-of-type,
#microsoft-cms .logoContainer img:nth-of-type(3) {
    margin-right: 0;
}
#microsoft-cms .mic_title--light {
    font-family: 'SegoeUI-Light'!important;
}
#microsoft-cms .mic_title--smallWidth {
    max-width: 49ch;
    margin: 0 auto;
}
#microsoft-cms #microsoft_m_00 #microsoft_m_01 .mic_option11 .mic_tiles__content {
    margin: 0 auto 0 10%;
}
#microsoft-cms #microsoft_m_00 #microsoft_m_01 .mic_tiles__content .mic_title {
    margin: 0;
}
#microsoft-cms .presentation .inARow {
    flex-direction: row!important;
}
#microsoft-cms .newestDevices {
    margin: 80px auto;
}
#microsoft-cms .top-boxes {
    display: flex;
    justify-content: space-evenly;
    max-width: 95%;
    margin: 80px auto 80px;
}
#microsoft-cms .top-boxes .boxImg {
    text-align: left;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin:unset;
}
#microsoft-cms .top-boxes .boxImg h4 {
    font-family: 'SegoeUI-Regular'!important;
    font-size: 18px!important;
    text-align: left;
    max-width: 28ch;
    font-weight: 400!important;
}
#microsoft-cms .top-boxes .boxImg p {
    font-size: 14px;
    max-width: 37ch;
    font-weight: 400!important;
}
#microsoft-cms .top-boxes .boxImg:last-of-type  p{
    max-width: 29ch;
}
#microsoft-cms .top-boxes .boxImg img {
    max-width: 205px;
    margin: unset!important;
}
#microsoft-cms .mic_tiles__subcol--extraWide {
    flex-basis: 70%;
}
#microsoft-cms #microsoft_m_00 #microsoft_m_01 .mic_parallax--8 .mic_parallax__col {
    flex-basis: 60%;
}
#microsoft-cms #microsoft_m_00 #microsoft_m_01 .mic_option11  .mic_title--medium {
    margin-bottom: 0;
}
#microsoft-cms #microsoft_m_00 #microsoft_m_01 .mic_option11 .mic_tiles__content.mic_title--right {
    margin: 0 20% 0 auto;
}
#microsoft-cms .mic_parallax--8 .mic_parallax__content p.mic_text {
    max-width: 44ch!important;
    margin: 20px auto 0 0!important;
    font-size: 17px!important;
    line-height: 1.5!important;
}
#microsoft-cms #microsoft_m_00 #microsoft_m_01 .mic_parallax--8 .mic_parallax__content h4 {
    font-size: 38px;
}
#microsoft-cms .hugeMargin {
    margin: 80px auto;
}
#microsoft-cms .mic_board--cards {
    justify-content: space-evenly;
    max-width: 90%;
    margin: auto;
}
#microsoft-cms .smallerIcon {
    max-width: 45px;
    height: 100%!important;
}
#microsoft-cms .smallerIcon.sixPeople {
    height: 53px!important;
    max-width:75px!important;
}
#microsoft-cms .paddingFix {
    padding: 18px 0;
}
#microsoft-cms #microsoft_m_00 #microsoft_m_01 .mic_360 .mic_title {
    font-family: 'SegoeUI-light', Arial, Helvetica, sans-serif;
    margin-bottom: 60px!important;
}
#microsoft-cms .video {
    width: 65%;
    margin: 0px auto;
}
#microsoft-cms .video .scaler {
    padding-top: 56.25%;
    position: relative;
}
#microsoft-cms .video .scaler iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
/********  RESPONSIVE  ********/

@media(max-width: 1199px) {
    #microsoft-cms #microsoft_m_00 #microsoft_m_01 .mic_tiles__row--high {
        height: 400px;
    }
    #microsoft-cms #microsoft_m_00 #microsoft_m_01 .mic_parallax {
        min-height: 440px;
    }
    #microsoft-cms .boxProducts img {
        max-height: 200px;
    }
    #microsoft-cms .sixAfter .mic_board__row, .fourAfter .mic_board__row  {
        flex-wrap: wrap;
    }
    #microsoft-cms .sixAfter .mic_board__row > div {
        flex-basis: 30%;
    }
    #microsoft-cms .fourAfter .mic_board__row > div {
        flex-basis: 40%;
    }
    #microsoft-cms #microsoft_m_00 #microsoft_m_01 .mic_parallax__content {
        max-width: 80%;
    }
    #microsoft-cms .mic_tiles__subcol--extraWide {
        flex-basis: 50%;
    }
}

@media(max-width: 1023px) {
    #microsoft-cms .mic_kv__content {
        order: 0;
        width: 100%;
    }
    #microsoft-cms #microsoft_m_00 #microsoft_m_01 .mic_kv__content h3.mic_title--margin-big {
        margin: 10px 0 90px !important;
    }
    #microsoft-cms #microsoft_m_00 #microsoft_m_01 .mic_kv__packs {
        order: 1;
    }
    #microsoft-cms #microsoft_m_00 #microsoft_m_01 .mic_kv .mic_square {
        margin: 0px auto;
    }
    #microsoft-cms .features_container img {
        max-width: 270px;
    }
    #microsoft-cms .features_container p {
        max-width: 31ch;
        font-size: 16px;
    }
    #microsoft-cms .logosContainer img {
        max-width: initial;
        margin: 60px 30px 0;
    }
    #microsoft-cms #microsoft_m_00 #microsoft_m_01 .mic_option11 .mic_tiles__content {
        margin: auto;
    }
    #microsoft-cms .top-boxes {
        flex-wrap: wrap;
    }
    #microsoft-cms .top-boxes .boxImg {
        flex-basis: 35%;
    }
    #microsoft-cms #microsoft_m_00 #microsoft_m_01 .mic_option11 .mic_tiles__content.mic_title--right {
        margin: 0 auto;
        text-align: center;
    }
    #microsoft-cms .sortVideo {
        text-align: center;
        margin: auto;
    }
    #microsoft-cms .boxProducts {
        width: 100%;
        padding: 10px 30px;
        text-align: center;
    }
    #microsoft-cms .mic_board__row.mic_board--cards {
        flex-wrap: wrap;
    }
    #microsoft-cms .mic_board__row.mic_board--cards > div {
        flex-basis: 45%;
    }
    #microsoft-cms .spaceResponsive {
        padding: 0 20px;
    }
    #microsoft-cms .spaceResponsive br {
        display: none;
    }
    #microsoft-cms .spacingPack {
        min-height: 870px;
    }
    #microsoft-cms #microsoft_m_00 #microsoft_m_01 .mic_parallax--8 {
        min-height: 380px;
        background-position: bottom right;
        background-color: #e3e2e2;
    }
    #microsoft-cms #microsoft_m_00 #microsoft_m_01 .mic_parallax__content {
        max-width: 95%;
    }
    #microsoft-cms #microsoft_m_00 #microsoft_m_01 .mic_parallax__col {
        flex-basis: 100%;
    }
    #microsoft-cms .mic_board--cards > div.simBox:last-child .spacingPack {
        min-height: auto;
    }
}

@media(max-width: 767px) {
    #microsoft-cms .youtube iframe {
        width: 100vw!important;
    }
    #microsoft-cms .mic_col-md-7 {
        margin: 40px auto!important;
        text-align: center;
    }
    #microsoft-cms .mic_col-md-7 iframe {
        margin: 40px auto;
    }
    #microsoft-cms .video {
        width: 85%;
    }
    #microsoft-cms .top-boxes.top-boxes {
        margin: 50px auto 50px;
    }
    #microsoft-cms .features_container img {
        max-width: 240px;
    }
    #microsoft-cms .owl-next {
        right: 10px;
    }
    #microsoft-cms .owl-prev {
        left: 10px;
    }
    #microsoft-cms .retailers {
        margin-top: 40px;
    }
    #microsoft-cms .office_promo {
        margin-top: 50px;
    }
    #microsoft-cms .office_promo .mic_board__row {
        flex-wrap: wrap;
    }
    #microsoft-cms .office_promo .mic_board__row > .boxImg {
        flex-basis: 20%;
    }
    #microsoft-cms .logosContainer img {
        max-width: 170px;
        max-height: 45px;
        height: fit-content;
        margin: 60px 0px 0;
    }
    #microsoft-cms .top-boxes .boxImg {
        flex-basis: 95%;
    }
    #microsoft-cms .top-boxes h4, .top-boxes p {
        max-width: initial !important;
        text-align: center !important;
    }
    #microsoft-cms .fullMobile {
        flex-wrap: wrap;
    }
    #microsoft-cms .fullMobile > div {
        width: 100%;
    }
    #microsoft-cms .boxProducts p br {
        display: none;
    }
    #microsoft-cms .sixAfter .mic_board__row > div {
        flex-basis: 42%;
        margin: 0 5px;
    }
    #microsoft-cms .boxImg p br {
        display: none;
    }
    #microsoft-cms .boxImg img {
        max-width: 310px;
    }
    #microsoft-cms .fourAfter .mic_board__row > div {
        flex-basis: 80%;
    }
    #microsoft-cms .pack {
        max-width: initial;
    }
    #microsoft-cms .mic_board__row.mic_board--cards > div {
        flex-basis: 95%;
    }
    #microsoft-cms .discovery_section {
        margin: 40px auto;
    }
    #microsoft-cms .item {
        padding: 0 20px;
    }
    #microsoft-cms .spacingPack {
        min-height: initial;
    }
}

@media(max-width: 479px) {
    #microsoft-cms #microsoft_m_00 #microsoft_m_01 .mic_title--large {
        font-size: 26px;
    }
    #microsoft-cms .features_container .feature_item {
        flex-wrap: wrap;
        text-align: center;
    }
    #microsoft-cms .feature_item img {
        margin: 0 auto 10px;
    }
    #microsoft-cms .features_container .companion_text {
        margin: 0 15px 10px;
        width: 100%;
    }
    #microsoft-cms .features_container p {
        max-width: initial;
    }
    #microsoft-cms .boxProducts img {
        max-height: 110px;
    }
    #microsoft-cms .listIcons {
        flex-wrap: wrap;
        flex-direction: row !important;
    }
    #microsoft-cms .listIcons > div {
        padding: 0 !important;
        width: 25% !important;
    }
    #microsoft-cms .initialFlex, .office_promo .mic_board__row {
        -ms-flex-direction: initial !important;
        flex-direction: initial !important;
    }
    #microsoft-cms .initialFlex p br {
        display: none;
    }
    #microsoft-cms .sixAfter h3, .sixAfter p {
        padding: 0 10px;
    }
    #microsoft-cms .mic_60 {
        padding: 30px 15px 20px;
    }
    #microsoft-cms .mic_60 p br {
        display: none;
    }
    #microsoft-cms #microsoft_m_00 #microsoft_m_01 .mic_option11 .mic_tiles__content {
        text-align: center;
    }
    #microsoft-cms .office_promo .boxImg img {
        max-width: 100px !important;
        width: auto;
    }
    #microsoft-cms .item img {
        max-width: 275px;
    }
    #microsoft-cms .discovery_section {
        padding: 0px 20px;
    }
    #microsoft-cms .logosContainer img {
        max-width: 120px;
        margin: 20px 20px 0;
    }
    #microsoft-cms .logosContainer img:last-of-type {
        margin-left: 0;
        margin-right: 0;
    }
    #microsoft-cms .newestDevices {
        margin: 40px 7px 0px;
    }
    #microsoft-cms .sortVideo h4.mic_title--medium {
        max-width: 20ch;
        margin: 5px auto;
    }
    #microsoft-cms #microsoft_m_00 #microsoft_m_01 .mic_text--medium-size {
        max-width: 35ch;
    }
    #microsoft-cms #microsoft_m_00 #microsoft_m_01 .mic_tiles__col:first-child {
        margin-right: 0;
    }
    #microsoft-cms #microsoft_m_00 #microsoft_m_01 .mic_parallax--8::before {
        display: none;
    }
    #microsoft-cms #microsoft_m_00 #microsoft_m_01 .mic_parallax--8 {
        min-height: initial;
        padding: 10px 10px 190px;
        background: #ececec  url("../img/mobileBg.png") bottom bottom no-repeat;
    }
    #microsoft-cms .mic_board--cards {
        max-width: 80%;
    }
    #microsoft-cms #microsoft_m_00 #microsoft_m_01 .mic_board__row.mic_justify-content-center {
        max-width: 100%;
    }
    #microsoft-cms .mic_col-md-7 iframe {
        margin-top: 40px;
    }
    #microsoft-cms .video {
        width: 100%;
    }
    #microsoft-cms .youtube iframe {
        width: 100vw!important;
    }
    #microsoft-cms .mic_option p.disclaimer {
        max-width: 85%;
    }
}
