.title-banner-mobile{
    display: none;
}
.fullsize-background-mobile{
    display: none;
}

/* Extra Large View */
@media only screen and (max-width:1920px) and (min-width:1220px) {
    .landing-page .title-overlay h1.large{
        font-size: 7.1875em; /* 115px */
    }
    
    #main{
        width: 75vw;
    }
    #sidebar{
        width: 25vw;
    }
    #right-sidebar{
        width: 25vw;
    }
    .sidebar-wrapper .scroll-wrapper {
        width: calc(25vw - 64px);
    }

    /*.landing-page .title-overlay{
        width: 100%;
    }

    .grid-boxes{
        width: 100%;
    }
    .grid-box{
        width: 33.33334%;
    }*/

    .grid-box .link-text{
        font-size: 1.625em; /* 26px */
        line-height: 1.07; /* 28px */
    }

    .landing-page .title-overlay{
        width: calc(100% - 120px);
    }
	.landing-page .title-overlay h1.large{
        font-size: 6.125em; /* 98px */
        line-height: 1.25em;
    }
	.landing-page .intro-text{
        width: 100%;
        /*max-width: 908px;*/
    }

    #main.slim-container .content,
    .slim-container .banner-image,
    .slim-container .banner-gradient{
        padding-left: 10vw;
        padding-right: 10vw;
    }
}


/* Medium View */
@media only screen and (max-width: 1220px) {
/* @media only screen and (max-width: 1279.99px) { */
/* @media only screen and (max-width: 80em) { */
    #main.slim-container .content, .slim-container .banner-image, .slim-container .banner-gradient {
        padding-left: 10vw;
        padding-right: 10vw;
    }

    .menu-switch{
        background: url(../images/icons/menu-closed.svg) 50% 50% no-repeat;
        background-size: 24px 26px;
        display: block;
        width: 32px;
        height: 32px;
        margin: 0 20px 0 0;
        padding: 8px 4px;
    }
    .menu-switch.open{
        background: url(../images/icons/menu-open.svg) 50% 50% no-repeat;
    }
    .breadcrumb{
        display: none;
    }

    #sidebar,
    #right-sidebar{
        width: 50vw;
    }
    .sidebar-wrapper{
        position: absolute;
        top: 60px;
    }
    .sidebar-wrapper .scroll-wrapper{
        width: calc(50vw - 64px);
    }
    #main{
        width: 100vw;
    }

    .landing-page .intro-text{
        width: 100%;
    }

    .grid-boxes {width: 100%;}
    .grid-box{
        width: 33.33334%;
    }

    .grid-box .link-text{
        font-size: 1.625em; /* 26px */
        line-height: 1.07; /* 28px */
    }

    .text-overlay-landing-right{
        margin: 60px 60px auto;
        width: auto;
    }

  .landing-page .title-overlay h2.pre-title {font-size: 3em; line-height: 1em;}
  .landing-page .title-overlay h1.large, .title-banner h1 {font-size: 4.5em; line-height: 1.25em;}
  .landing-page .title-overlay h1.small {font-size: 3em; line-height: 1; /* 48px */}
  .landing-page .title-overlay {min-height: 300px; margin-top: calc(100vh - 80px - 100px - 300px - 100px); width: 100%;}
  /*.landing-page .title-overlay {min-height: 18.75em; margin-top: calc(100vh - 36.25em); width: 100%;}*/
  .text.large, .font-large {font-size: 1.625em; line-height: 1.5em;}
  .side-logo img {width: unset; height: 144px;}
  a.to-top {display: none;}
  .ui-accordion .ui-accordion-header .accordion-title img {/*height: 34px;*/}
}


/* Small View */
@media only screen and (max-width: 750px) {
/*@media only screen and (max-width: 46.875em) {*/
  :root {
    --bg-login: url(assets/images/lenovo-brandworld-maypole-mobile.jpg);
  }
    .user-menu-switch{
        background: url(../images/icons/right-menu-switch.svg) 50% 50% no-repeat;
        background-size: 21px 21px;
        display: block;
        width: 32px;
        height: 32px;
        margin: 0;
        padding: 5px;
    }
    .user-menu-switch.open{
        background: url(../images/icons/right-menu-close.svg) 50% 50% no-repeat;
    }
    .user-menu .user-menu-links{
        display: none;
        position: absolute;
        top: 80px;
        left: 0;
        right: 0;
        background: #000;
    }
    .user-menu .user-menu-links.show{
        display: flex;
    }
    .user-menu .user-menu-links a{
        margin: 0 24px;
        flex: 1;
        text-align: center;
    }
    .user-menu .user-menu-links svg{
        display: none;
    }
    .user-menu .user-menu-links .mobile-label{
        display: inline-flex;
    }
    .user-menu .user-menu-links .mobile-label span{
        padding: 16px 16px 15px;
        font-size: 0.75em; /* 12px */
        font-weight: bold;
        line-height: 1.33; /* 16px */
        color: #6F7170;
        text-transform: uppercase;
    }
    .user-menu .user-menu-links a.active .mobile-label span{
        color: #fff;
        border-bottom: 1px solid #fff;
    }

    #main .content{
        padding-left: 32px;
        padding-right: 32px;
    }

    #sidebar,
    #right-sidebar{
        width: 100vw;
        background: #000;
    }
    .sidebar-wrapper .scroll-wrapper{
        width: calc(100vw - 64px);
    }
    #right-sidebar.off-canvas{
        top: 126px;
    }
    #right-sidebar.off-canvas .sidebar-wrapper{
        /*top: 164px;*/
    }

    .grid-box {
        width: 100%;
    }

    .mobile-small-boxes .grid-box a:after{
        padding-bottom: 50%;
    }

    .grid-box .link-text {font-size: 1.5em; line-height: 1; /* 24px */}

    .text-overlay-landing-right{
        margin: 12px 32px auto;
    }

    h2 {font-size: 1.75em;}
    h3 {font-size: 1.25em;}
    h4 {font-size: 1em;}
    .banner-image, .banner-gradient {padding: 32px;}
    .landing-page .title-overlay h2.pre-title {font-size: 1.625em; line-height: 1.25em;}
    .landing-page .title-overlay h1.large, .title-banner h1 {font-size: 3em; line-height: 1.25em;}
    .landing-page .title-overlay h1.small {font-size: 2em; line-height: 1; /* 32px */ }
    .landing-page .title-overlay {min-height: 260px; margin-top: calc(100vh - 80px - 260px - 100px); padding: 32px;}
    /*.landing-page .title-overlay {min-height: 16.25em; margin-top: calc(100vh - 27.5em); padding: 32px;}
    .title-line {margin-bottom: 24px;}*/
    .text.large, .font-large {font-size: 1.25em;}
    .side-logo {bottom: 65px;}
    .side-logo img {height: 96px;}
    .ui-accordion .ui-accordion-header {padding: 22px 55px 22px 18px;}
    .ui-accordion .ui-accordion-header .accordion-pretitle {margin-right: 8px; padding-right: 8px;}
    .ui-accordion-header-icon {width: 24px; height: 20px; right: 18px;}
    .ui-accordion-header-icon svg,
    .ui-accordion-header-icon.custom-color svg {width: 24px;}
    .ui-accordion .ui-accordion-content {padding: 0 18px 32px;}
    .ui-accordion .ui-accordion-content .row .col-12 .row .col-12 {margin-bottom: 24px;}
    .sm-flex {display: flex;}
    .sm-flex .color-block {width: 50%; padding-bottom: unset; margin-right: 20px;}
    .ui-accordion .ui-accordion-header .accordion-title img {/*height: 20px;*/ max-width: 100%;}

    .title-banner-desktop{display: none;}
    .title-banner-mobile{display: block;}

    .fullsize-background-desktop{display: none;}
    .fullsize-background-mobile{display: block;}

    .search-bg{
        background-image: url(../images/faq-hero-mobile.jpg);
    }
}

@media only screen and (max-width: 360px) {
    #branding a{font-size: 0.875rem;}
}

@media only screen and (max-height: 32.5em) {
    .landing-page .title-overlay {margin-top: 5em;}
}