.slide_caption
{
    font-weight: 900;
    font-family: Arial;

    left: 4vw;
    right: 10vw;
    bottom: auto;
    line-height: 4vh;

}
.first_line , .second_line, .third_line, .fourth_line, .fifth_line, .sixth_line
{
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: black;
}

.first_line
{
    font-style: italic;
    font-size: 6vh;
    -webkit-text-stroke-width: 2px;
}

.second_line, .third_line
{
    font-size: 7vh;
    -webkit-text-stroke-width: 3px;
}
.fourth_line
{
    font-size: 3vh;
    -webkit-text-stroke-width: 1.5px;
}

.carousel-control-prev
{
    margin-left: -3%;
}
.carousel-control-prev-icon{
    background-color: grey;
    height: 4vh;
    width: 4vh;
}
.carousel-control-next-icon{
    background-color: grey;
    height: 4vh;
    width: 4vh;
}
/* Extra small devices (phones, 600px and down) */
@media  only screen and (min-width: 200px) {
    .next1 { padding-top: 20vh;}
}
@media  only screen and (min-width: 300px) {
    .next1 { padding-top: 20vh;}
}
@media  only screen and (min-width: 400px) {
    .next1 { padding-top: 15vh;}
}
@media  only screen and (min-width: 500px) {
    .next1 {padding-top: 8vh;}
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media  only screen and (min-width: 600px) {
    .next1 {top: 35px;}
}

/* Medium devices (landscape tablets, 768px and up) */
@media  only screen and (min-width: 768px) {
    .next1 {padding-top: 8vh;}
}

/* Large devices (laptops/desktops, 992px and up) */
@media  only screen and (min-width: 992px) {
    .next1 { padding-top: 10vh;}
}

/* Extra large devices (large laptops and desktops, 1200px and up) */



/* Extra large devices (large laptops and desktops, 1200px and up) */
/* New Portrait Banner Sizes */
@media  only screen and (orientation: portrait) and (min-device-width: 360px) and (min-device-height: 640px) {
    .lenovo {
        height: 30vh !important;
        top: 60px;
    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 411px) and (min-device-height: 731px) {
    .lenovo {
        height: 23vh !important;
        top: 60px;
    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 411px) and (min-device-height: 823px) {
    .lenovo {
        height: 23vh !important;
        top: 60px;
    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 320px) and (min-device-height: 568px) {
    .lenovo {
        height: 23vh !important;
        top: 60px;
    }
}

@media  only screen and (orientation: portrait) and (min-device-width: 375px) and (min-device-height: 667px) {
    .lenovo {
        height: 23vh !important;
        top: 60px;
    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 414px) and (min-device-height: 736px) {
    .lenovo {
        height: 23vh !important;
        top: 60px;
    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 375px) and (min-device-height: 812px) {
    .lenovo {
        height: 23vh !important;
        top: 60px;
    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 768px) and (min-device-height: 1024px) {
    .lenovo {
        height: 35vh !important;
        top: 50px;
    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 1024px) and (min-device-height: 1366px) {
    .lenovo {
        height: 30vh !important;
        top: 65px;
    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 540px) and (min-device-height: 720px) {
    .lenovo {
        height: 35vh !important;
        top: 50px;
    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 280px) and (min-device-height: 653px) {
    .lenovo {
        height: 25vh !important;
        top: 60px;
    }
}

@media  only screen and (orientation: landscape) and (min-device-width: 640px) and (min-device-height: 360px) {
    .lenovo {
        height: 70vh !important;
        top: 50px;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 731px) and (min-device-height: 411px) {
    .lenovo {
        height: 66vh !important;
        top: 45px;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 823px) and (min-device-height: 411px) {
    .lenovo {
        height: 75vh !important;
        top: 40px;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 568px) and (min-device-height: 320px) {
    .lenovo {
        height: 67vh !important;
        top: 45px;
    }
}

@media  only screen and (orientation: landscape) and (min-device-width: 667px) and (min-device-height: 375px) {
    .lenovo {
        height: 67vh !important;
        top: 40px;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 736px) and (min-device-height: 414px) {
    .lenovo {
        height: 66vh !important;
        top: 40px;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 812px) and (min-device-height: 375px) {
    .lenovo {
        height: 81vh !important;
        top: 40px;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 1024px) and (min-device-height: 768px) {
    .lenovo {
        height: 65vh !important;
        top: 50px;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 1366px) and (min-device-height: 1024px) {
    .lenovo {
        height: 50vh !important;
        top: 15px;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 720px) and (min-device-height: 540px) {
    .lenovo {
        height: 50vh !important;
        top: 40px;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 653px) and (min-device-height: 280px) {
    .lenovo {
        height: 86vh !important;
        top: 40px;
    }
}

@media  only screen  and (min-device-width: 1200px) {
    .lenovo {
        height: 60vh !important;
        top: 5px;
    }
}



/* Front  */
@media  only screen and (orientation: portrait) and (min-device-width: 360px) and (min-device-height: 640px) {
    .lenovo1 {
        text-align: center; font-size: 9.2px;
        font-weight: bold;
        line-height: 10px;
        margin-left: -50px;
        margin-right: -55px;
    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 411px) and (min-device-height: 731px) {
    .lenovo1 {
        text-align: center; font-size: 9.2px;
        font-weight: bold;
        line-height: 10px;
        margin-left: -50px;
        margin-right: -55px;
    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 411px) and (min-device-height: 823px) {
    .lenovo1 {
        text-align: center; font-size: 9.2px;
        font-weight: bold;
        line-height: 10px;
        margin-left: -50px;
        margin-right: -55px;
    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 320px) and (min-device-height: 568px) {
    .lenovo1 {
        text-align: center; font-size: 9.2px;
        font-weight: bold;
        line-height: 10px;
        margin-left: -50px;
        margin-right: -55px;
    }
}

@media  only screen and (orientation: portrait) and (min-device-width: 375px) and (min-device-height: 667px) {
    .lenovo1 {
        text-align: center; font-size: 9.2px;
        font-weight: bold;
        line-height: 10px;
        margin-left: -50px;
        margin-right: -55px;
    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 414px) and (min-device-height: 736px) {
    .lenovo1 {
        text-align: center; font-size: 9.2px;
        font-weight: bold;
        line-height: 10px;
        margin-left: -50px;
        margin-right: -55px;
    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 375px) and (min-device-height: 812px) {
    .lenovo1 {
        text-align: center; font-size: 9.2px;
        font-weight: bold;
        line-height: 10px;
        margin-left: -50px;
        margin-right: -55px;
    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 768px) and (min-device-height: 1024px) {
    .lenovo1 {

        text-align: center; font-size: 9.2px;
        font-weight: bold;
        line-height: 10px;
        margin-left: -50px;
        margin-right: -55px;
    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 1024px) and (min-device-height: 1366px) {
    .lenovo1 {
        text-align: center; font-size: 9.2px;
        font-weight: bold;
        line-height: 10px;
        margin-left: -50px;
        margin-right: -55px;
    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 540px) and (min-device-height: 720px) {
    .lenovo1 {
        text-align: center; font-size: 9.2px;
        font-weight: bold;
        line-height: 10px;
        margin-left: -50px;
        margin-right: -55px;
    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 280px) and (min-device-height: 653px) {
    .lenovo1 {
        text-align: center; font-size: 9.2px;
        font-weight: bold;
        line-height: 10px;
        margin-left: 10px;
        margin-right: 10px;
    }
}

@media  only screen and (orientation: landscape) and (min-device-width: 640px) and (min-device-height: 360px) {
    .lenovo1 {
        text-align: center; font-size: 9.2px;
        font-weight: bold;
        line-height: 10px;
        margin-left: -50px;
        margin-right: -55px;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 731px) and (min-device-height: 411px) {
    .lenovo1 {
        text-align: center; font-size: 9.2px;
        font-weight: bold;
        line-height: 10px;
        margin-left: -50px;
        margin-right: -55px;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 823px) and (min-device-height: 411px) {
    .lenovo1 {
        text-align: center; font-size: 9.2px;
        font-weight: bold;
        line-height: 10px;
        margin-left: -50px;
        margin-right: -55px;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 568px) and (min-device-height: 320px) {
    .lenovo1 {
        text-align: center; font-size: 9.2px;
        font-weight: bold;
        line-height: 10px;
        margin-left: -50px;
        margin-right: -55px;
    }
}

@media  only screen and (orientation: landscape) and (min-device-width: 667px) and (min-device-height: 375px) {
    .lenovo1 {
        text-align: center; font-size: 9.2px;
        font-weight: bold;
        line-height: 10px;
        margin-left: -50px;
        margin-right: -55px;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 736px) and (min-device-height: 414px) {
    .lenovo1 {
        text-align: center; font-size: 9.2px;
        font-weight: bold;
        line-height: 10px;
        margin-left: -50px;
        margin-right: -55px;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 812px) and (min-device-height: 375px) {
    .lenovo1 {
        text-align: center; font-size: 9.2px;
        font-weight: bold;
        line-height: 10px;
        margin-left: -50px;
        margin-right: -55px;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 1024px) and (min-device-height: 768px) {
    .lenovo1 {
        text-align: center; font-size: 9.2px;
        font-weight: bold;
        line-height: 10px;
        margin-left: -50px;
        margin-right: -55px;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 1366px) and (min-device-height: 1024px) {
    .lenovo1 {
        text-align: center; font-size: 9.2px;
        font-weight: bold;
        line-height: 10px;
        margin-left: -50px;
        margin-right: -55px;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 720px) and (min-device-height: 540px) {
    .lenovo1 {
        text-align: center; font-size: 9.2px;
        font-weight: bold;
        line-height: 10px;
        margin-left: -50px;
        margin-right: -55px;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 653px) and (min-device-height: 280px) {
    .lenovo1 {
        text-align: center; font-size: 9.2px;
        font-weight: bold;
        line-height: 10px;
        margin-left: 10px;
        margin-right: 100px;
    }
}



@media  only screen  and (min-device-width: 1200px) {
    .lenovo1 {
        text-align: center; font-size: 9.2px;
        font-weight: bold;
        line-height: 10px;
        margin-left: -50px;
        margin-right: -55px;
    }
}





/*1st banner*/
@media  only screen and (orientation: portrait) and (min-device-width: 360px) and (min-device-height: 640px) {
    .lenovo2 {
        padding: 0px 0;
    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 411px) and (min-device-height: 731px) {
    .lenovo2 {
        padding: 0px 0;
    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 411px) and (min-device-height: 823px) {
    .lenovo2 {
        padding: 0px 0;
    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 320px) and (min-device-height: 568px) {
    .lenovo2 {
        padding: 0px 0;
    }
}

@media  only screen and (orientation: portrait) and (min-device-width: 375px) and (min-device-height: 667px) {
    .lenovo2 {
        padding: 0px 0;
    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 414px) and (min-device-height: 736px) {
    .lenovo2 {
        padding: 0px 0;
    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 375px) and (min-device-height: 812px) {
    .lenovo2 {
        padding: 0px 0;
    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 768px) and (min-device-height: 1024px) {
    .lenovo2 {
        padding: 0px 0;
    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 1024px) and (min-device-height: 1366px) {
    .lenovo2 {
        padding: 0px 0;
    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 540px) and (min-device-height: 720px) {
    .lenovo2 {
        padding: 0px 0;
    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 280px) and (min-device-height: 653px) {
    .lenovo2 {
        padding: 0px 0;
        margin-left: 10px;
    }
}

@media  only screen and (orientation: landscape) and (min-device-width: 640px) and (min-device-height: 360px) {
    .lenovo2 {
        top: 5vh;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 731px) and (min-device-height: 411px) {
    .lenovo2 {
        padding: 0px 0;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 823px) and (min-device-height: 411px) {
    .lenovo2 {
        padding: 0px 0;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 568px) and (min-device-height: 320px) {
    .lenovo2 {
        padding: 0px 0;
    }
}

@media  only screen and (orientation: landscape) and (min-device-width: 667px) and (min-device-height: 375px) {
    .lenovo2 {
        padding: 0px 0;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 736px) and (min-device-height: 414px) {
    .lenovo2 {
        padding: 0px 0;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 812px) and (min-device-height: 375px) {
    .lenovo2 {
        padding: 0px 0;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 1024px) and (min-device-height: 768px) {
    .lenovo2 {
        padding: 0px 0;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 1366px) and (min-device-height: 1024px) {
    .lenovo2 {
        padding: 0px 0;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 720px) and (min-device-height: 540px) {
    .lenovo2 {
        padding: 0px 0;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 653px) and (min-device-height: 280px) {
    .lenovo2 {
        padding: 10px 0;
    }
}
@media  only screen  and (min-device-width: 1200px) {
    .lenovo2 {
        padding: 10px 0;
    }
}


@media  only screen and (orientation: portrait) and (min-device-width: 360px) and (min-device-height: 640px) {
    .lenovo3 {
        margin-right: 30px;
        margin-left: 0;
        padding-top: 50px;

    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 411px) and (min-device-height: 731px) {
    .lenovo3 {
        margin-right: 30px;
        margin-left: 0;
        padding-top: 50px;
    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 411px) and (min-device-height: 823px) {
    .lenovo3 {
        margin-right: 30px;
        margin-left: 0;
        padding-top: 50px;
    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 320px) and (min-device-height: 568px) {
    .lenovo3 {
        margin-right: 30px;
        margin-left: 0;
        padding-top: 50px;
    }
}

@media  only screen and (orientation: portrait) and (min-device-width: 375px) and (min-device-height: 667px) {
    .lenovo3 {
        margin-right: 30px;
        margin-left: 0;
        padding-top: 50px;
    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 414px) and (min-device-height: 736px) {
    .lenovo3 {
        margin-right: 30px;
        margin-left: 0;
        padding-top: 50px;
    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 375px) and (min-device-height: 812px) {
    .lenovo3 {
        margin-right: 30px;
        margin-left: 0;
        padding-top: 50px;
    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 768px) and (min-device-height: 1024px) {
    .lenovo3 {
        margin-right: 30px;
        margin-left: 0;
        padding-top: 50px;

    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 1024px) and (min-device-height: 1366px) {
    .lenovo3 {
        margin-right: 30px;
        margin-left: 0;
        padding-top: 50px;
    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 540px) and (min-device-height: 720px) {
    .lenovo3 {
        margin-right: 30px;
        margin-left: 0;
        padding-top: 50px;
    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 280px) and (min-device-height: 653px) {
    .lenovo3 {
        margin-right: 30px;
        margin-left: 0;
        padding-top: 0px;

        width:80%;
        height:100%;
    }
}

@media  only screen and (orientation: landscape) and (min-device-width: 640px) and (min-device-height: 360px) {
    .lenovo3 {
        margin-right: 30px;
        margin-left: 0;
        padding-top: 50px;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 731px) and (min-device-height: 411px) {
    .lenovo3 {
        margin-right: 30px;
        margin-left: 0;
        padding-top: 50px;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 823px) and (min-device-height: 411px) {
    .lenovo3 {
        margin-right: 30px;
        margin-left: 0;
        padding-top: 50px;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 568px) and (min-device-height: 320px) {
    .lenovo3 {
        margin-right: 30px;
        margin-left: 0;
        padding-top: 50px;
    }
}

@media  only screen and (orientation: landscape) and (min-device-width: 667px) and (min-device-height: 375px) {
    .lenovo3 {
        margin-right: 30px;
        margin-left: 0;
        padding-top: 50px;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 736px) and (min-device-height: 414px) {
    .lenovo3 {
        margin-right: 30px;
        margin-left: 0;
        padding-top: 50px;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 812px) and (min-device-height: 375px) {
    .lenovo3 {
        margin-right: 30px;
        margin-left: 0;
        padding-top: 50px;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 1024px) and (min-device-height: 768px) {
    .lenovo3 {
        margin-right: 30px;
        margin-left: 0;
        padding-top: 50px;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 1366px) and (min-device-height: 1024px) {
    .lenovo3 {
        margin-right: 30px;
        margin-left: 0;
        padding-top: 50px;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 720px) and (min-device-height: 540px) {
    .lenovo3 {
        margin-right: 30px;
        margin-left: 0;
        padding-top: 50px;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 653px) and (min-device-height: 280px) {
    .lenovo3 {
        margin-right: 30px;
        margin-left: 0;
        padding-top: 20px;
        float: right;
        width:25%;
        height:50%;
    }
}
@media  only screen  and (min-device-width: 1200px) {
    .lenovo3 {
        margin-right: 30px;
        margin-left: 0;
        padding-top: 50px;
        float: right;
        width:25%;
        height:50%;
    }
}




@media  only screen and (orientation: portrait) and (min-device-width: 360px) and (min-device-height: 640px) {
    .lenovo8 {
        margin-right: 30px;
        margin-left: 0;
        padding-top: 50px;

    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 411px) and (min-device-height: 731px) {
    .lenovo8 {
        margin-right: 30px;
        margin-left: 0;
        padding-top: 50px;
    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 411px) and (min-device-height: 823px) {
    .lenovo8 {
        margin-right: 30px;
        margin-left: 0;
        padding-top: 50px;
    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 320px) and (min-device-height: 568px) {
    .lenovo8 {
        margin-right: 30px;
        margin-left: 0;
        padding-top: 50px;
    }
}

@media  only screen and (orientation: portrait) and (min-device-width: 375px) and (min-device-height: 667px) {
    .lenovo8 {
        margin-right: 30px;
        margin-left: 0;
        padding-top: 50px;
    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 414px) and (min-device-height: 736px) {
    .lenovo8 {
        margin-right: 30px;
        margin-left: 0;
        padding-top: 50px;
    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 375px) and (min-device-height: 812px) {
    .lenovo8 {
        margin-right: 30px;
        margin-left: 0;
        padding-top: 50px;
    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 768px) and (min-device-height: 1024px) {
    .lenovo8 {
        margin-right: 30px;
        margin-left: 0;
        padding-top: 50px;

    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 1024px) and (min-device-height: 1366px) {
    .lenovo8 {
        margin-right: 30px;
        margin-left: 0;
        padding-top: 50px;
    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 540px) and (min-device-height: 720px) {
    .lenovo8 {
        margin-right: 30px;
        margin-left: 0;
        padding-top: 50px;
    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 280px) and (min-device-height: 653px) {
    .lenovo8 {
        margin-right: 30px;
        margin-left: 0;
        padding-top: 0px;

        width:80%;
        height:100%;
    }
}

@media  only screen and (orientation: landscape) and (min-device-width: 640px) and (min-device-height: 360px) {
    .lenovo8 {
        margin-right: 30px;
        margin-left: 0;
        padding-top: 50px;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 731px) and (min-device-height: 411px) {
    .lenovo8 {
        margin-right: 30px;
        margin-left: 0;
        padding-top: 50px;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 823px) and (min-device-height: 411px) {
    .lenovo8 {
        margin-right: 30px;
        margin-left: 0;
        padding-top: 50px;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 568px) and (min-device-height: 320px) {
    .lenovo8 {
        margin-right: 30px;
        margin-left: 0;
        padding-top: 50px;
    }
}

@media  only screen and (orientation: landscape) and (min-device-width: 667px) and (min-device-height: 375px) {
    .lenovo8 {
        margin-right: 30px;
        margin-left: 0;
        padding-top: 50px;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 736px) and (min-device-height: 414px) {
    .lenovo8 {
        margin-right: 30px;
        margin-left: 0;
        padding-top: 50px;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 812px) and (min-device-height: 375px) {
    .lenovo8 {
        margin-right: 30px;
        margin-left: 0;
        padding-top: 50px;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 1024px) and (min-device-height: 768px) {
    .lenovo8 {
        margin-right: 30px;
        margin-left: 0;
        padding-top: 50px;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 1366px) and (min-device-height: 1024px) {
    .lenovo8 {
        margin-right: 30px;
        margin-left: 0;
        padding-top: 50px;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 720px) and (min-device-height: 540px) {
    .lenovo8 {
        margin-right: 30px;
        margin-left: 0;
        padding-top: 50px;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 653px) and (min-device-height: 280px) {
    .lenovo8 {
        margin-right: -250px;
        margin-left: 10px;
        padding-top: 100px;
        float: right;
        width:25%;
        height:50%;
    }
}
@media  only screen  and (min-device-width: 1200px) {
    .lenovo8 {

        margin-right: -250px;
        margin-left: 10px;
        padding-top: 100px;
        float: right;
        width:25%;
        height:50%;
    }
}





@media  only screen and (orientation: portrait) and (min-device-width: 360px) and (min-device-height: 640px) {
    .lenovo9 {
        margin-right: 30px;
        margin-left: 0;
        padding-top: 50px;

    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 411px) and (min-device-height: 731px) {
    .lenovo9 {
        margin-right: 30px;
        margin-left: 0;
        padding-top: 50px;
    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 411px) and (min-device-height: 823px) {
    .lenovo9 {
        margin-right: 30px;
        margin-left: 0;
        padding-top: 50px;
    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 320px) and (min-device-height: 568px) {
    .lenovo9 {
        margin-right: 30px;
        margin-left: 0;
        padding-top: 50px;
    }
}

@media  only screen and (orientation: portrait) and (min-device-width: 375px) and (min-device-height: 667px) {
    .lenovo9 {
        margin-right: 30px;
        margin-left: 0;
        padding-top: 50px;
    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 414px) and (min-device-height: 736px) {
    .lenovo9 {
        margin-right: 30px;
        margin-left: 0;
        padding-top: 50px;
    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 375px) and (min-device-height: 812px) {
    .lenovo9 {
        margin-right: 30px;
        margin-left: 0;
        padding-top: 50px;
    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 768px) and (min-device-height: 1024px) {
    .lenovo9 {
        margin-right: 30px;
        margin-left: 0;
        padding-top: 50px;

    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 1024px) and (min-device-height: 1366px) {
    .lenovo9 {
        margin-right: 30px;
        margin-left: 0;
        padding-top: 50px;
    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 540px) and (min-device-height: 720px) {
    .lenovo9 {
        margin-right: 30px;
        margin-left: 0;
        padding-top: 50px;
    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 280px) and (min-device-height: 653px) {
    .lenovo9 {

        margin-right: -10px;
        margin-left: 10px;
        padding-top: 90px;
        width:70%;
        height:50%;
    }
}

@media  only screen and (orientation: landscape) and (min-device-width: 640px) and (min-device-height: 360px) {
    .lenovo9 {
        margin-right: 30px;
        margin-left: 0;
        padding-top: 50px;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 731px) and (min-device-height: 411px) {
    .lenovo9 {
        margin-right: 30px;
        margin-left: 0;
        padding-top: 50px;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 823px) and (min-device-height: 411px) {
    .lenovo9 {
        margin-right: 30px;
        margin-left: 0;
        padding-top: 50px;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 568px) and (min-device-height: 320px) {
    .lenovo9 {
        margin-right: 30px;
        margin-left: 0;
        padding-top: 50px;
    }
}

@media  only screen and (orientation: landscape) and (min-device-width: 667px) and (min-device-height: 375px) {
    .lenovo9 {
        margin-right: 30px;
        margin-left: 0;
        padding-top: 50px;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 736px) and (min-device-height: 414px) {
    .lenovo9 {
        margin-right: 30px;
        margin-left: 0;
        padding-top: 50px;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 812px) and (min-device-height: 375px) {
    .lenovo9 {
        margin-right: 30px;
        margin-left: 0;
        padding-top: 50px;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 1024px) and (min-device-height: 768px) {
    .lenovo9 {
        margin-right: 30px;
        margin-left: 0;
        padding-top: 50px;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 1366px) and (min-device-height: 1024px) {
    .lenovo9 {
        margin-right: 30px;
        margin-left: 0;
        padding-top: 50px;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 720px) and (min-device-height: 540px) {
    .lenovo9 {
        margin-right: 30px;
        margin-left: 0;
        padding-top: 50px;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 653px) and (min-device-height: 280px) {
    .lenovo9 {
        float: right;
        margin-right: -200px;
        margin-left: 10px;
        padding-top: 100px;
        width:15%;
        height:50%;
    }
}
@media  only screen  and (min-device-width: 1200px) {
    .lenovo9 {

        float: right;
        margin-right: -200px;
        margin-left: 10px;
        padding-top: 100px;
        width:15%;
        height:50%;
    }
}

.acce-flexbox {
    display: flex;
    width: 100%;
    padding-top: 90px;
}
@media only screen and (max-device-width: 823px) {
    .acce-flexbox {
        flex-direction: column-reverse;
    }
}

@media  only screen and (orientation: portrait) and (min-device-width: 360px) and (min-device-height: 640px) {
    .lenovo10 {

        padding-top: 50px;

    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 411px) and (min-device-height: 731px) {
    .lenovo10 {

        padding-top: 50px;
    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 411px) and (min-device-height: 823px) {
    .lenovo10 {

        padding-top: 50px;
    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 320px) and (min-device-height: 568px) {
    .lenovo10 {

        padding-top: 50px;
    }
}

@media  only screen and (orientation: portrait) and (min-device-width: 375px) and (min-device-height: 667px) {
    .lenovo10 {

        padding-top: 50px;
    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 414px) and (min-device-height: 736px) {
    .lenovo10 {

        padding-top: 50px;
    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 375px) and (min-device-height: 812px) {
    .lenovo10 {

        padding-top: 50px;
    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 768px) and (min-device-height: 1024px) {
    .lenovo10 {

        padding-top: 50px;

    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 1024px) and (min-device-height: 1366px) {
    .lenovo10 {

        padding-top: 50px;
    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 540px) and (min-device-height: 720px) {
    .lenovo10 {

        padding-top: 50px;
    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 280px) and (min-device-height: 653px) {
    .lenovo10 {

        padding-top: 10px;
    }
}

@media  only screen and (orientation: landscape) and (min-device-width: 640px) and (min-device-height: 360px) {
    .lenovo10 {

        padding-top: 50px;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 731px) and (min-device-height: 411px) {
    .lenovo10 {

        padding-top: 50px;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 823px) and (min-device-height: 411px) {
    .lenovo10 {

        padding-top: 50px;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 568px) and (min-device-height: 320px) {
    .lenovo10 {

        padding-top: 50px;
    }
}

@media  only screen and (orientation: landscape) and (min-device-width: 667px) and (min-device-height: 375px) {
    .lenovo10 {

        padding-top: 50px;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 736px) and (min-device-height: 414px) {
    .lenovo10 {

        padding-top: 50px;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 812px) and (min-device-height: 375px) {
    .lenovo10 {

        padding-top: 50px;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 1024px) and (min-device-height: 768px) {
    .lenovo10 {

        padding-top: 50px;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 1366px) and (min-device-height: 1024px) {
    .lenovo10 {

        padding-top: 50px;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 720px) and (min-device-height: 540px) {
    .lenovo10 {

        padding-top: 50px;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 653px) and (min-device-height: 280px) {
    .lenovo10 {

        padding-top: 50px;
    }
}
@media  only screen  and (min-device-width: 1200px) {
    .lenovo10 {


        padding-top: 50px;

    }
}





@media  only screen and (orientation: portrait) and (min-device-width: 360px) and (min-device-height: 640px) {
    .lenovo11 {

        padding-top: 50px;

    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 411px) and (min-device-height: 731px) {
    .lenovo11 {

        padding-top: 50px;
    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 411px) and (min-device-height: 823px) {
    .lenovo11 {

        padding-top: 50px;
    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 320px) and (min-device-height: 568px) {
    .lenovo11 {

        padding-top: 50px;
    }
}

@media  only screen and (orientation: portrait) and (min-device-width: 375px) and (min-device-height: 667px) {
    .lenovo11 {

        padding-top: 50px;
    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 414px) and (min-device-height: 736px) {
    .lenovo11 {

        padding-top: 50px;
    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 375px) and (min-device-height: 812px) {
    .lenovo11 {

        padding-top: 50px;
    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 768px) and (min-device-height: 1024px) {
    .lenovo11 {

        padding-top: 50px;

    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 1024px) and (min-device-height: 1366px) {
    .lenovo11 {

        padding-top: 50px;
    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 540px) and (min-device-height: 720px) {
    .lenovo11 {

        padding-top: 50px;
    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 280px) and (min-device-height: 653px) {
    .lenovo11 {

        padding-top: 10px;
    }
}

@media  only screen and (orientation: landscape) and (min-device-width: 640px) and (min-device-height: 360px) {
    .lenovo11 {

        padding-top: 50px;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 731px) and (min-device-height: 411px) {
    .lenovo11 {

        padding-top: 50px;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 823px) and (min-device-height: 411px) {
    .lenovo11 {

        padding-top: 50px;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 568px) and (min-device-height: 320px) {
    .lenovo11 {

        padding-top: 50px;
    }
}

@media  only screen and (orientation: landscape) and (min-device-width: 667px) and (min-device-height: 375px) {
    .lenovo11 {

        padding-top: 50px;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 736px) and (min-device-height: 414px) {
    .lenovo11 {

        padding-top: 50px;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 812px) and (min-device-height: 375px) {
    .lenovo11 {

        padding-top: 50px;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 1024px) and (min-device-height: 768px) {
    .lenovo11 {

        padding-top: 50px;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 1366px) and (min-device-height: 1024px) {
    .lenovo11 {

        padding-top: 50px;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 720px) and (min-device-height: 540px) {
    .lenovo11 {

        padding-top: 50px;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 653px) and (min-device-height: 280px) {
    .lenovo11 {

        padding-top: 90px;
    }
}
@media  only screen  and (min-device-width: 1200px) {
    .lenovo11 {


        padding-top: 90px;

    }
}



@media  only screen and (orientation: portrait) and (min-device-width: 360px) and (min-device-height: 640px) {
    .lenovo12 {
        margin-right: 30px;
        margin-left: 0;
        padding-top: 50px;

    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 411px) and (min-device-height: 731px) {
    .lenovo12 {
        margin-right: 30px;
        margin-left: 0;
        padding-top: 50px;
    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 411px) and (min-device-height: 823px) {
    .lenovo12 {
        margin-right: 30px;
        margin-left: 0;
        padding-top: 50px;
    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 320px) and (min-device-height: 568px) {
    .lenovo12 {
        margin-right: 30px;
        margin-left: 0;
        padding-top: 50px;
    }
}

@media  only screen and (orientation: portrait) and (min-device-width: 375px) and (min-device-height: 667px) {
    .lenovo12 {
        margin-right: 30px;
        margin-left: 0;
        padding-top: 50px;
    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 414px) and (min-device-height: 736px) {
    .lenovo12 {
        margin-right: 30px;
        margin-left: 0;
        padding-top: 50px;
    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 375px) and (min-device-height: 812px) {
    .lenovo12 {
        margin-right: 30px;
        margin-left: 0;
        padding-top: 50px;
    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 768px) and (min-device-height: 1024px) {
    .lenovo12 {
        margin-right: 30px;
        margin-left: 0;
        padding-top: 50px;

    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 1024px) and (min-device-height: 1366px) {
    .lenovo12 {
        margin-right: 30px;
        margin-left: 0;
        padding-top: 50px;
    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 540px) and (min-device-height: 720px) {
    .lenovo12 {
        margin-right: 30px;
        margin-left: 0;
        padding-top: 50px;
    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 280px) and (min-device-height: 653px) {
    .lenovo12 {

        margin-right: -10px;
        margin-left: 10px;
        padding-top: 90px;
        width:70%;
        height:50%;
    }
}

@media  only screen and (orientation: landscape) and (min-device-width: 640px) and (min-device-height: 360px) {
    .lenovo12 {
        margin-right: 30px;
        margin-left: 0;
        padding-top: 50px;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 731px) and (min-device-height: 411px) {
    .lenovo12 {
        margin-right: 30px;
        margin-left: 0;
        padding-top: 50px;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 823px) and (min-device-height: 411px) {
    .lenovo12 {
        margin-right: 30px;
        margin-left: 0;
        padding-top: 50px;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 568px) and (min-device-height: 320px) {
    .lenovo12 {
        margin-right: 30px;
        margin-left: 0;
        padding-top: 50px;
    }
}

@media  only screen and (orientation: landscape) and (min-device-width: 667px) and (min-device-height: 375px) {
    .lenovo12 {
        margin-right: 30px;
        margin-left: 0;
        padding-top: 50px;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 736px) and (min-device-height: 414px) {
    .lenovo12 {
        margin-right: 30px;
        margin-left: 0;
        padding-top: 50px;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 812px) and (min-device-height: 375px) {
    .lenovo12 {
        margin-right: 30px;
        margin-left: 0;
        padding-top: 50px;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 1024px) and (min-device-height: 768px) {
    .lenovo12 {
        margin-right: 30px;
        margin-left: 0;
        padding-top: 50px;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 1366px) and (min-device-height: 1024px) {
    .lenovo12 {
        margin-right: 30px;
        margin-left: 0;
        padding-top: 50px;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 720px) and (min-device-height: 540px) {
    .lenovo12 {
        margin-right: 30px;
        margin-left: 0;
        padding-top: 50px;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 653px) and (min-device-height: 280px) {
    .lenovo12 {
        float: right;
        margin-right: 100px;
        margin-left: 50px;
        padding-top: 150px;
        width:15%;
        height:50%;
    }
}
@media  only screen  and (min-device-width: 1200px) {
    .lenovo12 {

        float: right;
        margin-right: 100px;
        margin-left: 50px;
        padding-top: 150px;
        width:15%;
        height:50%;
    }
}




@media  only screen and (orientation: portrait) and (min-device-width: 360px) and (min-device-height: 640px) {
    .lenovo13 {

        padding-top: 50px;

    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 411px) and (min-device-height: 731px) {
    .lenovo13 {

        padding-top: 50px;
    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 411px) and (min-device-height: 823px) {
    .lenovo13 {

        padding-top: 50px;
    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 320px) and (min-device-height: 568px) {
    .lenovo13 {

        padding-top: 50px;
    }
}

@media  only screen and (orientation: portrait) and (min-device-width: 375px) and (min-device-height: 667px) {
    .lenovo13 {

        padding-top: 50px;
    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 414px) and (min-device-height: 736px) {
    .lenovo13 {

        padding-top: 50px;
    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 375px) and (min-device-height: 812px) {
    .lenovo13 {

        padding-top: 50px;
    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 768px) and (min-device-height: 1024px) {
    .lenovo13 {

        padding-top: 50px;

    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 1024px) and (min-device-height: 1366px) {
    .lenovo13 {

        padding-top: 50px;
    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 540px) and (min-device-height: 720px) {
    .lenovo13 {

        padding-top: 50px;
    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 280px) and (min-device-height: 653px) {
    .lenovo13 {

        padding-top: 10px;
    }
}

@media  only screen and (orientation: landscape) and (min-device-width: 640px) and (min-device-height: 360px) {
    .lenovo13 {

        padding-top: 50px;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 731px) and (min-device-height: 411px) {
    .lenovo13 {

        padding-top: 50px;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 823px) and (min-device-height: 411px) {
    .lenovo13 {

        padding-top: 50px;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 568px) and (min-device-height: 320px) {
    .lenovo13 {

        padding-top: 50px;
    }
}

@media  only screen and (orientation: landscape) and (min-device-width: 667px) and (min-device-height: 375px) {
    .lenovo13 {

        padding-top: 50px;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 736px) and (min-device-height: 414px) {
    .lenovo13 {

        padding-top: 50px;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 812px) and (min-device-height: 375px) {
    .lenovo13 {

        padding-top: 50px;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 1024px) and (min-device-height: 768px) {
    .lenovo13 {

        padding-top: 50px;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 1366px) and (min-device-height: 1024px) {
    .lenovo13 {

        padding-top: 50px;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 720px) and (min-device-height: 540px) {
    .lenovo13 {

        padding-top: 50px;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 653px) and (min-device-height: 280px) {
    .lenovo13 {

        padding-top: 150px;
    }
}
@media  only screen  and (min-device-width: 1200px) {
    .lenovo13 {


        padding-top: 150px;

    }
}


@media  only screen and (orientation: portrait) and (min-device-width: 360px) and (min-device-height: 640px) {
    .lenovo20 {

        padding-top: 50px;

    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 411px) and (min-device-height: 731px) {
    .lenovo20 {

        padding-top: 50px;
    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 411px) and (min-device-height: 823px) {
    .lenovo20 {

        padding-top: 50px;
    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 320px) and (min-device-height: 568px) {
    .lenovo20 {

        padding-top: 50px;
    }
}

@media  only screen and (orientation: portrait) and (min-device-width: 375px) and (min-device-height: 667px) {
    .lenovo20 {

        padding-top: 50px;
    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 414px) and (min-device-height: 736px) {
    .lenovo20 {

        padding-top: 50px;
    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 375px) and (min-device-height: 812px) {
    .lenovo20 {

        padding-top: 50px;
    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 768px) and (min-device-height: 1024px) {
    .lenovo20 {

        padding-top: 50px;

    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 1024px) and (min-device-height: 1366px) {
    .lenovo20 {

        padding-top: 50px;
    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 540px) and (min-device-height: 720px) {
    .lenovo20 {

        padding-top: 50px;
    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 280px) and (min-device-height: 653px) {
    .lenovo20 {

        padding-top: 10px;
    }
}

@media  only screen and (orientation: landscape) and (min-device-width: 640px) and (min-device-height: 360px) {
    .lenovo20 {

        padding-top: 50px;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 731px) and (min-device-height: 411px) {
    .lenovo20 {

        padding-top: 50px;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 823px) and (min-device-height: 411px) {
    .lenovo20 {

        padding-top: 50px;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 568px) and (min-device-height: 320px) {
    .lenovo20 {

        padding-top: 50px;
    }
}

@media  only screen and (orientation: landscape) and (min-device-width: 667px) and (min-device-height: 375px) {
    .lenovo20 {

        padding-top: 50px;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 736px) and (min-device-height: 414px) {
    .lenovo20 {

        padding-top: 50px;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 812px) and (min-device-height: 375px) {
    .lenovo20 {

        padding-top: 50px;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 1024px) and (min-device-height: 768px) {
    .lenovo20 {

        padding-top: 50px;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 1366px) and (min-device-height: 1024px) {
    .lenovo20 {

        padding-top: 50px;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 720px) and (min-device-height: 540px) {
    .lenovo20 {

        padding-top: 50px;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 653px) and (min-device-height: 280px) {
    .lenovo20 {

        padding-top: 15px;
    }
}
@media  only screen  and (min-device-width: 1200px) {
    .lenovo20 {


        padding-top: 15px;

    }
}


@media  only screen and (orientation: portrait) and (min-device-width: 360px) and (min-device-height: 640px) {
    .lenovo21 {

        padding-top: 50px;

    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 411px) and (min-device-height: 731px) {
    .lenovo21 {

        padding-top: 50px;
    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 411px) and (min-device-height: 823px) {
    .lenovo21 {

        padding-top: 50px;
    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 320px) and (min-device-height: 568px) {
    .lenovo21 {

        padding-top: 50px;
    }
}

@media  only screen and (orientation: portrait) and (min-device-width: 375px) and (min-device-height: 667px) {
    .lenovo21 {

        padding-top: 50px;
    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 414px) and (min-device-height: 736px) {
    .lenovo21 {

        padding-top: 50px;
    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 375px) and (min-device-height: 812px) {
    .lenovo21 {

        padding-top: 50px;
    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 768px) and (min-device-height: 1024px) {
    .lenovo21 {

        padding-top: 50px;

    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 1024px) and (min-device-height: 1366px) {
    .lenovo21 {

        padding-top: 50px;
    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 540px) and (min-device-height: 720px) {
    .lenovo21 {

        padding-top: 50px;
    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 280px) and (min-device-height: 653px) {
    .lenovo21 {

        padding-top: 0px;
    }
}

@media  only screen and (orientation: landscape) and (min-device-width: 640px) and (min-device-height: 360px) {
    .lenovo21 {

        padding-top: 50px;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 731px) and (min-device-height: 411px) {
    .lenovo21 {

        padding-top: 50px;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 823px) and (min-device-height: 411px) {
    .lenovo21 {

        padding-top: 50px;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 568px) and (min-device-height: 320px) {
    .lenovo21 {

        padding-top: 50px;
    }
}

@media  only screen and (orientation: landscape) and (min-device-width: 667px) and (min-device-height: 375px) {
    .lenovo21 {

        padding-top: 50px;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 736px) and (min-device-height: 414px) {
    .lenovo21 {

        padding-top: 50px;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 812px) and (min-device-height: 375px) {
    .lenovo21 {

        padding-top: 50px;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 1024px) and (min-device-height: 768px) {
    .lenovo21 {

        padding-top: 50px;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 1366px) and (min-device-height: 1024px) {
    .lenovo21 {

        padding-top: 50px;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 720px) and (min-device-height: 540px) {
    .lenovo21 {

        padding-top: 50px;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 653px) and (min-device-height: 280px) {
    .lenovo21 {

        padding-top: 50px;
    }
}
@media  only screen  and (min-device-width: 1200px) {
    .lenovo21 {


        padding-top: 50px;

    }
}




@media  only screen and (orientation: portrait) and (min-device-width: 360px) and (min-device-height: 640px) {
    .lenovo23 {

        padding-top: 50px;

    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 411px) and (min-device-height: 731px) {
    .lenovo23 {

        padding-top: 50px;
    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 411px) and (min-device-height: 823px) {
    .lenovo23 {

        padding-top: 50px;
    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 320px) and (min-device-height: 568px) {
    .lenovo23 {

        padding-top: 50px;
    }
}

@media  only screen and (orientation: portrait) and (min-device-width: 375px) and (min-device-height: 667px) {
    .lenovo23 {

        padding-top: 50px;
    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 414px) and (min-device-height: 736px) {
    .lenovo23 {

        padding-top: 50px;
    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 375px) and (min-device-height: 812px) {
    .lenovo23 {

        padding-top: 50px;
    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 768px) and (min-device-height: 1024px) {
    .lenovo23 {

        padding-top: 50px;

    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 1024px) and (min-device-height: 1366px) {
    .lenovo23 {

        padding-top: 50px;
    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 540px) and (min-device-height: 720px) {
    .lenovo23 {

        padding-top: 50px;
    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 280px) and (min-device-height: 653px) {
    .lenovo23 {

        padding-top: 200px;
    }
}

@media  only screen and (orientation: landscape) and (min-device-width: 640px) and (min-device-height: 360px) {
    .lenovo23 {

        padding-top: 50px;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 731px) and (min-device-height: 411px) {
    .lenovo23 {

        padding-top: 50px;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 823px) and (min-device-height: 411px) {
    .lenovo23 {

        padding-top: 50px;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 568px) and (min-device-height: 320px) {
    .lenovo23 {

        padding-top: 50px;
    }
}

@media  only screen and (orientation: landscape) and (min-device-width: 667px) and (min-device-height: 375px) {
    .lenovo23 {

        padding-top: 50px;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 736px) and (min-device-height: 414px) {
    .lenovo23 {

        padding-top: 50px;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 812px) and (min-device-height: 375px) {
    .lenovo23 {

        padding-top: 50px;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 1024px) and (min-device-height: 768px) {
    .lenovo23 {

        padding-top: 50px;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 1366px) and (min-device-height: 1024px) {
    .lenovo23 {

        padding-top: 50px;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 720px) and (min-device-height: 540px) {
    .lenovo23 {

        padding-top: 50px;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 653px) and (min-device-height: 280px) {
    .lenovo23 {

        padding-top: 50px;
    }
}
@media  only screen  and (min-device-width: 1200px) {
    .lenovo23 {


        padding-top: 10px;

    }
}




@media  only screen and (orientation: portrait) and (min-device-width: 360px) and (min-device-height: 640px) {
    .lenovo22 {
        float: right;
        margin-right: 0px;
        margin-left: -30px;
        width:35%;
        height:80%;

    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 411px) and (min-device-height: 731px) {
    .lenovo22 {

        float: right;
        margin-right: 0px;
        margin-left: -30px;
        width:35%;
        height:80%;
    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 411px) and (min-device-height: 823px) {
    .lenovo22 {

        float: right;
        margin-right: 0px;
        margin-left: -30px;
        width:35%;
        height:80%;
    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 320px) and (min-device-height: 568px) {
    .lenovo22 {

        float: right;
        margin-right: 0px;
        margin-left: -30px;
        width:35%;
        height:80%;
    }
}

@media  only screen and (orientation: portrait) and (min-device-width: 375px) and (min-device-height: 667px) {
    .lenovo22 {

        float: right;
        margin-right: 0px;
        margin-left: -30px;
        width:35%;
        height:80%;        }
}
@media  only screen and (orientation: portrait) and (min-device-width: 414px) and (min-device-height: 736px) {
    .lenovo22 {

        float: right;
        margin-right: 0px;
        margin-left: -30px;
        width:35%;
        height:80%;        }
}
@media  only screen and (orientation: portrait) and (min-device-width: 375px) and (min-device-height: 812px) {
    .lenovo22 {

        float: right;
        margin-right: 0px;
        margin-left: -30px;
        width:35%;
        height:80%;        }
}
@media  only screen and (orientation: portrait) and (min-device-width: 768px) and (min-device-height: 1024px) {
    .lenovo22 {

        float: right;
        margin-right: 0px;
        margin-left: -30px;
        width:35%;
        height:80%;
    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 1024px) and (min-device-height: 1366px) {
    .lenovo22 {

        float: right;
        margin-right: 0px;
        margin-left: -30px;
        width:35%;
        height:80%;        }
}
@media  only screen and (orientation: portrait) and (min-device-width: 540px) and (min-device-height: 720px) {
    .lenovo22 {

        float: right;
        margin-right: 0px;
        margin-left: -30px;
        width:35%;
        height:80%;        }
}
@media  only screen and (orientation: portrait) and (min-device-width: 280px) and (min-device-height: 653px) {
    .lenovo22 {

        float: left;
        margin-right: 60px;
        margin-left: 20px;
        width:90%;
        height:80%;
    }
}

@media  only screen and (orientation: landscape) and (min-device-width: 640px) and (min-device-height: 360px) {
    .lenovo22 {

        float: right;
        margin-right: 0px;
        margin-left: -30px;
        width:35%;
        height:80%;        }
}
@media  only screen and (orientation: landscape) and (min-device-width: 731px) and (min-device-height: 411px) {
    .lenovo22 {

        float: right;
        margin-right: 0px;
        margin-left: -30px;
        width:35%;
        height:80%;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 823px) and (min-device-height: 411px) {
    .lenovo22 {

        float: right;
        margin-right: 0px;
        margin-left: -30px;
        width:35%;
        height:80%;        }
}
@media  only screen and (orientation: landscape) and (min-device-width: 568px) and (min-device-height: 320px) {
    .lenovo22 {

        float: right;
        margin-right: 0px;
        margin-left: -30px;
        width:35%;
        height:80%;        }
}

@media  only screen and (orientation: landscape) and (min-device-width: 667px) and (min-device-height: 375px) {
    .lenovo22 {

        float: right;
        margin-right: 0px;
        margin-left: -30px;
        width:35%;
        height:80%;        }
}
@media  only screen and (orientation: landscape) and (min-device-width: 736px) and (min-device-height: 414px) {
    .lenovo22 {

        float: right;
        margin-right: 0px;
        margin-left: -30px;
        width:35%;
        height:80%;        }
}
@media  only screen and (orientation: landscape) and (min-device-width: 812px) and (min-device-height: 375px) {
    .lenovo22 {

        float: right;
        margin-right: 0px;
        margin-left: -30px;
        width:35%;
        height:80%;        }
}
@media  only screen and (orientation: landscape) and (min-device-width: 1024px) and (min-device-height: 768px) {
    .lenovo22 {

        float: right;
        margin-right: 0px;
        margin-left: -30px;
        width:35%;
        height:80%;        }
}
@media  only screen and (orientation: landscape) and (min-device-width: 1366px) and (min-device-height: 1024px) {
    .lenovo22 {

        float: right;
        margin-right: 0px;
        margin-left: -30px;
        width:35%;
        height:80%;        }
}
@media  only screen and (orientation: landscape) and (min-device-width: 720px) and (min-device-height: 540px) {
    .lenovo22 {

        float: right;
        margin-right: 0px;
        margin-left: -30px;
        width:35%;
        height:80%;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 653px) and (min-device-height: 280px) {
    .lenovo22 {


        float: right;
        margin-right: 30px;
        margin-left: -30px;
        width:35%;
        height:80%;
    }
}
@media  only screen  and (min-device-width: 1200px) {
    .lenovo22 {


        float: right;
        margin-right: 0px;
        margin-left: -30px;
        width:35%;
        height:80%;

    }
}



@media  only screen and (orientation: portrait) and (min-device-width: 360px) and (min-device-height: 640px) {
    .lenovo24 {
        width:80%;

    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 411px) and (min-device-height: 731px) {
    .lenovo24 {
        width:80%;
    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 411px) and (min-device-height: 823px) {
    .lenovo24 {

        width:80%;
    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 320px) and (min-device-height: 568px) {
    .lenovo24 {

        width:80%;
    }
}

@media  only screen and (orientation: portrait) and (min-device-width: 375px) and (min-device-height: 667px) {
    .lenovo24 {

        width:80%;      }
}
@media  only screen and (orientation: portrait) and (min-device-width: 414px) and (min-device-height: 736px) {
    .lenovo24 {

        width:80%;      }
}
@media  only screen and (orientation: portrait) and (min-device-width: 375px) and (min-device-height: 812px) {
    .lenovo24 {

        width:80%;      }
}
@media  only screen and (orientation: portrait) and (min-device-width: 768px) and (min-device-height: 1024px) {
    .lenovo24 {

        width:80%;
    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 1024px) and (min-device-height: 1366px) {
    .lenovo24 {

        width:80%;    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 540px) and (min-device-height: 720px) {
    .lenovo24 {

        width:80%;   }
}
@media  only screen and (orientation: portrait) and (min-device-width: 280px) and (min-device-height: 653px) {
    .lenovo24 {

        width:40%;
    }
}

@media  only screen and (orientation: landscape) and (min-device-width: 640px) and (min-device-height: 360px) {
    .lenovo24 {

        width:80%;    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 731px) and (min-device-height: 411px) {
    .lenovo24 {

        width:80%;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 823px) and (min-device-height: 411px) {
    .lenovo24 {

        width:80%;      }
}
@media  only screen and (orientation: landscape) and (min-device-width: 568px) and (min-device-height: 320px) {
    .lenovo24 {
        width:80%;    }
}

@media  only screen and (orientation: landscape) and (min-device-width: 667px) and (min-device-height: 375px) {
    .lenovo24 {

        width:80%;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 736px) and (min-device-height: 414px) {
    .lenovo24 {

        width:80%;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 812px) and (min-device-height: 375px) {
    .lenovo24 {

        width:80%;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 1024px) and (min-device-height: 768px) {
    .lenovo24 {

        width:80%;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 1366px) and (min-device-height: 1024px) {
    .lenovo24 {

        width:80%;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 720px) and (min-device-height: 540px) {
    .lenovo24 {

        width:80%;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 653px) and (min-device-height: 280px) {
    .lenovo24 {



        width:80%;

    }
}
@media  only screen  and (min-device-width: 1200px) {
    .lenovo24 {



        width:80%;


    }
}




    @media  only screen and (orientation: portrait) and (min-device-width: 360px) and (min-device-height: 640px) {
    .lenovo25 {

        position:relative;text-align:right;height:500px;width:600px;
        float: right;

    }
}
    @media  only screen and (orientation: portrait) and (min-device-width: 411px) and (min-device-height: 731px) {
    .lenovo25 {

        position:relative;text-align:right;height:500px;width:600px;
        float: right;
    }
}
    @media only screen and (orientation: portrait) and (min-device-width: 411px) and (min-device-height: 823px) {
        .lenovo25 {


            position:relative;text-align:right;height:500px;width:600px;
            float: right;
        }
    }
    @media only screen and (orientation: portrait) and (min-device-width: 320px) and (min-device-height: 568px) {
        .lenovo25 {


            position:relative;text-align:right;height:500px;width:600px;
            float: right;
        }
    }

    @media only screen and (orientation: portrait) and (min-device-width: 375px) and (min-device-height: 667px) {
        .lenovo25 {

            position:relative;text-align:right;height:500px;width:600px;
            float: right;
        }
    }
    @media only screen and (orientation: portrait) and (min-device-width: 414px) and (min-device-height: 736px) {
        .lenovo25 {


            position:relative;text-align:right;height:500px;width:600px;
            float: right;
        }
    }
    @media only screen and (orientation: portrait) and (min-device-width: 375px) and (min-device-height: 812px) {
        .lenovo25 {

            position:relative;text-align:right;height:500px;width:600px;
            float: right;
        }
    }
    @media only screen and (orientation: portrait) and (min-device-width: 768px) and (min-device-height: 1024px) {
        .lenovo25 {


            position:relative;text-align:right;height:500px;width:600px;
            float: right;
        }
    }
    @media only screen and (orientation: portrait) and (min-device-width: 1024px) and (min-device-height: 1366px) {
        .lenovo25 {

            position:relative;text-align:right;height:500px;width:600px;
            float: right;
        }
    }
    @media only screen and (orientation: portrait) and (min-device-width: 540px) and (min-device-height: 720px) {
        .lenovo25 {

            position:relative;text-align:right;height:500px;width:600px;
            float: right;
        }
    }
    @media only screen and (orientation: portrait) and (min-device-width: 280px) and (min-device-height: 653px) {
        .lenovo25 {
            position:relative;text-align:right;height:300px;width:300px;
            float: left;
        }
    }

    @media only screen and (orientation: landscape) and (min-device-width: 640px) and (min-device-height: 360px) {
        .lenovo25 {

            position:relative;text-align:right;height:500px;width:600px;
            float: right;
        }
    }
    @media only screen and (orientation: landscape) and (min-device-width: 731px) and (min-device-height: 411px) {
        .lenovo25 {

            position:relative;text-align:right;height:500px;width:600px;
            float: right;
        }
    }
    @media only screen and (orientation: landscape) and (min-device-width: 823px) and (min-device-height: 411px) {
        .lenovo25 {

            position:relative;text-align:right;height:500px;width:600px;
            float: right;
        }
    }
    @media only screen and (orientation: landscape) and (min-device-width: 568px) and (min-device-height: 320px) {
        .lenovo25 {
            position:relative;text-align:right;height:500px;width:600px;
            float: right;
        }
    }

    @media only screen and (orientation: landscape) and (min-device-width: 667px) and (min-device-height: 375px) {
        .lenovo25 {

            position:relative;text-align:right;height:500px;width:600px;
            float: right;
        }
    }
    @media only screen and (orientation: landscape) and (min-device-width: 736px) and (min-device-height: 414px) {
        .lenovo25 {

            position:relative;text-align:right;height:500px;width:600px;
            float: right;
        }
    }
    @media only screen and (orientation: landscape) and (min-device-width: 812px) and (min-device-height: 375px) {
        .lenovo25 {

            position:relative;text-align:right;height:500px;width:600px;
            float: right;
        }
    }
    @media only screen and (orientation: landscape) and (min-device-width: 1024px) and (min-device-height: 768px) {
        .lenovo25 {

            position:relative;text-align:right;height:500px;width:600px;
            float: right;
        }
    }
    @media only screen and (orientation: landscape) and (min-device-width: 1366px) and (min-device-height: 1024px) {
        .lenovo25 {

            position:relative;text-align:right;height:500px;width:600px;
            float: right;
        }
    }
    @media only screen and (orientation: landscape) and (min-device-width: 720px) and (min-device-height: 540px) {
        .lenovo25 {

            position:relative;text-align:right;height:500px;width:600px;
            float: right;
        }
    }
    @media only screen and (orientation: landscape) and (min-device-width: 653px) and (min-device-height: 280px) {
        .lenovo25 {


            position:relative;text-align:right;height:500px;width:600px;
            float: right;

        }
    }
    @media only screen  and (min-device-width: 1200px) {
        .lenovo25 {

            position:relative;text-align:right;height:500px;width:600px;
            float: right;


        }
    }





        @media  only screen and (orientation: portrait) and (min-device-width: 360px) and (min-device-height: 640px) {
            .lenovo26 {
                overflow: hidden;
                background: none !important;
                height: 550px;
                width: 550px;

            }
        }
        @media  only screen and (orientation: portrait) and (min-device-width: 411px) and (min-device-height: 731px) {
        .lenovo26 {
            overflow: hidden;
            background: none !important;
            height: 550px;
            width: 550px;
        }
    }

        @media only screen and (orientation: portrait) and (min-device-width: 411px) and (min-device-height: 823px) {
            .lenovo26 {

                overflow: hidden;
                background: none !important;
                height: 550px;
                width: 550px;
            }
        }
        @media only screen and (orientation: portrait) and (min-device-width: 320px) and (min-device-height: 568px) {
            .lenovo26 {

                overflow: hidden;
                background: none !important;
                height: 550px;
                width: 550px;
            }
        }

        @media only screen and (orientation: portrait) and (min-device-width: 375px) and (min-device-height: 667px) {
            .lenovo26 {

                overflow: hidden;
                background: none !important;
                height: 550px;
                width: 550px;
            }
        }
        @media only screen and (orientation: portrait) and (min-device-width: 414px) and (min-device-height: 736px) {
            .lenovo26 {

                overflow: hidden;
                background: none!important;
                height: 550px;
                width: 550px;
            }
        }
        @media only screen and (orientation: portrait) and (min-device-width: 375px) and (min-device-height: 812px) {
            .lenovo26 {

                overflow: hidden;
                background: none!important;
                height: 550px;
                width: 550px;
            }
        }
        @media only screen and (orientation: portrait) and (min-device-width: 768px) and (min-device-height: 1024px) {
            .lenovo26 {

                overflow: hidden;
                background: none!important;
                height: 550px;
                width: 550px;
            }
        }
        @media only screen and (orientation: portrait) and (min-device-width: 1024px) and (min-device-height: 1366px) {
            .lenovo26 {

                overflow: hidden;
                background: none!important;
                height: 550px;
                width: 550px;
            }
        }
        @media only screen and (orientation: portrait) and (min-device-width: 540px) and (min-device-height: 720px) {
            .lenovo26 {

                overflow: hidden;
                background: none!important;
                height: 550px;
                width: 550px;
            }
        }
        @media only screen and (orientation: portrait) and (min-device-width: 280px) and (min-device-height: 653px) {
            .lenovo26 {

                overflow: hidden;
                background: none!important;
                height: 300px;
                width: 300px;
            }
        }

        @media only screen and (orientation: landscape) and (min-device-width: 640px) and (min-device-height: 360px) {
            .lenovo26 {

                overflow: hidden;
                background: none!important;
                height: 550px;
                width: 550px;
            }
        }
        @media only screen and (orientation: landscape) and (min-device-width: 731px) and (min-device-height: 411px) {
            .lenovo26 {

                overflow: hidden;
                background: none!important;
                height: 550px;
                width: 550px;
            }
        }
        @media only screen and (orientation: landscape) and (min-device-width: 823px) and (min-device-height: 411px) {
            .lenovo26 {

                overflow: hidden;
                background: none!important;
                height: 550px;
                width: 550px;
            }
        }
        @media only screen and (orientation: landscape) and (min-device-width: 568px) and (min-device-height: 320px) {
            .lenovo26 {
                overflow: hidden;
                background: none!important;
                height: 550px;
                width: 550px;
            }
        }

        @media only screen and (orientation: landscape) and (min-device-width: 667px) and (min-device-height: 375px) {
            .lenovo26 {

                overflow: hidden;
                background: none!important;
                height: 550px;
                width: 550px;
            }
        }
        @media only screen and (orientation: landscape) and (min-device-width: 736px) and (min-device-height: 414px) {
            .lenovo26 {

                overflow: hidden;
                background: none!important;
                height: 550px;
                width: 550px;
            }
        }
        @media only screen and (orientation: landscape) and (min-device-width: 812px) and (min-device-height: 375px) {
            .lenovo26 {

                overflow: hidden;
                background: none!important;
                height: 550px;
                width: 550px;
            }
        }
        @media only screen and (orientation: landscape) and (min-device-width: 1024px) and (min-device-height: 768px) {
            .lenovo26 {

                overflow: hidden;
                background: none!important;
                height: 550px;
                width: 550px;
            }
        }
        @media only screen and (orientation: landscape) and (min-device-width: 1366px) and (min-device-height: 1024px) {
            .lenovo26 {

                overflow: hidden;
                background: none!important;
                height: 550px;
                width: 550px;
            }
        }
        @media only screen and (orientation: landscape) and (min-device-width: 720px) and (min-device-height: 540px) {
            .lenovo26 {

                overflow: hidden;
                background: none!important;
                height: 550px;
                width: 550px;
            }
        }
        @media only screen and (orientation: landscape) and (min-device-width: 653px) and (min-device-height: 280px) {
            .lenovo26 {


                overflow:hidden;background:none!important;height:550px;width:550px;

            }
        }
        @media only screen  and (min-device-width: 1200px) {
            .lenovo26 {

                overflow: hidden;
                background: none !important;
                height: 550px;
                width: 550px;


            }
        }



@media  only screen and (orientation: portrait) and (min-device-width: 360px) and (min-device-height: 640px) {
    .lenovo27 {
        overflow: hidden;
        background: none !important;
        height: 550px;
        width: 550px;

    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 411px) and (min-device-height: 731px) {
    .lenovo27 {
        overflow: hidden;
        background: none !important;
        height: 550px;
        width: 550px;
    }
}

@media only screen and (orientation: portrait) and (min-device-width: 411px) and (min-device-height: 823px) {
    .lenovo27 {

        overflow: hidden;
        background: none !important;
        height: 550px;
        width: 550px;
    }
}
@media only screen and (orientation: portrait) and (min-device-width: 320px) and (min-device-height: 568px) {
    .lenovo27 {

        overflow: hidden;
        background: none !important;
        height: 550px;
        width: 550px;
    }
}

@media only screen and (orientation: portrait) and (min-device-width: 375px) and (min-device-height: 667px) {
    .lenovo27 {

        overflow: hidden;
        background: none !important;
        height: 550px;
        width: 550px;
    }
}
@media only screen and (orientation: portrait) and (min-device-width: 414px) and (min-device-height: 736px) {
    .lenovo27 {

        overflow: hidden;
        background: none!important;
        height: 550px;
        width: 550px;
    }
}
@media only screen and (orientation: portrait) and (min-device-width: 375px) and (min-device-height: 812px) {
    .lenovo27 {

        overflow: hidden;
        background: none!important;
        height: 550px;
        width: 550px;
    }
}
@media only screen and (orientation: portrait) and (min-device-width: 768px) and (min-device-height: 1024px) {
    .lenovo27 {

        overflow: hidden;
        background: none!important;
        height: 550px;
        width: 550px;
    }
}
@media only screen and (orientation: portrait) and (min-device-width: 1024px) and (min-device-height: 1366px) {
    .lenovo27 {

        overflow: hidden;
        background: none!important;
        height: 550px;
        width: 550px;
    }
}
@media only screen and (orientation: portrait) and (min-device-width: 540px) and (min-device-height: 720px) {
    .lenovo27 {

        overflow: hidden;
        background: none!important;
        height: 550px;
        width: 550px;
    }
}
@media only screen and (orientation: portrait) and (min-device-width: 280px) and (min-device-height: 653px) {
    .lenovo27 {

        overflow: hidden;
        background: none!important;
        height: 300px;
        width: 300px;
    }
}

@media only screen and (orientation: landscape) and (min-device-width: 640px) and (min-device-height: 360px) {
    .lenovo27 {

        overflow: hidden;
        background: none!important;
        height: 550px;
        width: 550px;
    }
}
@media only screen and (orientation: landscape) and (min-device-width: 731px) and (min-device-height: 411px) {
    .lenovo27 {

        overflow: hidden;
        background: none!important;
        height: 550px;
        width: 550px;
    }
}
@media only screen and (orientation: landscape) and (min-device-width: 823px) and (min-device-height: 411px) {
    .lenovo27 {

        overflow: hidden;
        background: none!important;
        height: 550px;
        width: 550px;
    }
}
@media only screen and (orientation: landscape) and (min-device-width: 568px) and (min-device-height: 320px) {
    .lenovo27 {
        overflow: hidden;
        background: none!important;
        height: 550px;
        width: 550px;
    }
}

@media only screen and (orientation: landscape) and (min-device-width: 667px) and (min-device-height: 375px) {
    .lenovo27 {

        overflow: hidden;
        background: none!important;
        height: 550px;
        width: 550px;
    }
}
@media only screen and (orientation: landscape) and (min-device-width: 736px) and (min-device-height: 414px) {
    .lenovo27 {

        overflow: hidden;
        background: none!important;
        height: 550px;
        width: 550px;
    }
}
@media only screen and (orientation: landscape) and (min-device-width: 812px) and (min-device-height: 375px) {
    .lenovo27 {

        overflow: hidden;
        background: none!important;
        height: 550px;
        width: 550px;
    }
}
@media only screen and (orientation: landscape) and (min-device-width: 1024px) and (min-device-height: 768px) {
    .lenovo27 {

        overflow: hidden;
        background: none!important;
        height: 550px;
        width: 550px;
    }
}
@media only screen and (orientation: landscape) and (min-device-width: 1366px) and (min-device-height: 1024px) {
    .lenovo27 {

        overflow: hidden;
        background: none!important;
        height: 550px;
        width: 550px;
    }
}
@media only screen and (orientation: landscape) and (min-device-width: 720px) and (min-device-height: 540px) {
    .lenovo27 {

        overflow: hidden;
        background: none!important;
        height: 550px;
        width: 550px;
    }
}
@media only screen and (orientation: landscape) and (min-device-width: 653px) and (min-device-height: 280px) {
    .lenovo27 {


        overflow:hidden;background:none!important;height:550px;width:550px;

    }
}
@media only screen  and (min-device-width: 1200px) {
    .lenovo27 {

       width: 550;
        height: 550;

    }
}






@media  only screen and (orientation: portrait) and (min-device-width: 360px) and (min-device-height: 640px) {
    .lenovo28 {

        padding-top: 50px;

    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 411px) and (min-device-height: 731px) {
    .lenovo28 {

        padding-top: 50px;
    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 411px) and (min-device-height: 823px) {
    .lenovo28 {

        padding-top: 50px;
    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 320px) and (min-device-height: 568px) {
    .lenovo28 {

        padding-top: 50px;
    }
}

@media  only screen and (orientation: portrait) and (min-device-width: 375px) and (min-device-height: 667px) {
    .lenovo28 {

        padding-top: 50px;
    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 414px) and (min-device-height: 736px) {
    .lenovo28 {

        padding-top: 50px;
    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 375px) and (min-device-height: 812px) {
    .lenovo28 {

        padding-top: 50px;
    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 768px) and (min-device-height: 1024px) {
    .lenovo28 {

        padding-top: 50px;

    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 1024px) and (min-device-height: 1366px) {
    .lenovo28 {

        padding-top: 50px;
    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 540px) and (min-device-height: 720px) {
    .lenovo28 {

        padding-top: 50px;
    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 280px) and (min-device-height: 653px) {
    .lenovo28 {

        padding-top: 300px;
    }
}

@media  only screen and (orientation: landscape) and (min-device-width: 640px) and (min-device-height: 360px) {
    .lenovo28 {

        padding-top: 50px;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 731px) and (min-device-height: 411px) {
    .lenovo28 {

        padding-top: 50px;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 823px) and (min-device-height: 411px) {
    .lenovo28 {

        padding-top: 50px;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 568px) and (min-device-height: 320px) {
    .lenovo28 {

        padding-top: 50px;
    }
}

@media  only screen and (orientation: landscape) and (min-device-width: 667px) and (min-device-height: 375px) {
    .lenovo28 {

        padding-top: 50px;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 736px) and (min-device-height: 414px) {
    .lenovo28 {

        padding-top: 50px;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 812px) and (min-device-height: 375px) {
    .lenovo28 {

        padding-top: 50px;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 1024px) and (min-device-height: 768px) {
    .lenovo28 {

        padding-top: 50px;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 1366px) and (min-device-height: 1024px) {
    .lenovo28 {

        padding-top: 50px;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 720px) and (min-device-height: 540px) {
    .lenovo28 {

        padding-top: 50px;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 653px) and (min-device-height: 280px) {
    .lenovo28 {

        padding-top: 15px;
    }
}
@media  only screen  and (min-device-width: 1200px) {
    .lenovo28 {


        padding-top: 15px;

    }
}






@media  only screen and (orientation: portrait) and (min-device-width: 360px) and (min-device-height: 640px) {
    .lenovo30 {

        padding-top: 50px;

    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 411px) and (min-device-height: 731px) {
    .lenovo30 {

        padding-top: 50px;
    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 411px) and (min-device-height: 823px) {
    .lenovo30 {

        padding-top: 50px;
    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 320px) and (min-device-height: 568px) {
    .lenovo30 {

        padding-top: 50px;
    }
}

@media  only screen and (orientation: portrait) and (min-device-width: 375px) and (min-device-height: 667px) {
    .lenovo30 {

        padding-top: 50px;
    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 414px) and (min-device-height: 736px) {
    .lenovo30 {

        padding-top: 50px;
    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 375px) and (min-device-height: 812px) {
    .lenovo30 {

        padding-top: 50px;
    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 768px) and (min-device-height: 1024px) {
    .lenovo30 {

        padding-top: 50px;

    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 1024px) and (min-device-height: 1366px) {
    .lenovo30 {

        padding-top: 50px;
    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 540px) and (min-device-height: 720px) {
    .lenovo30 {

        padding-top: 50px;
    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 280px) and (min-device-height: 653px) {
    .lenovo30 {

        padding-top: 10px;
    }
}

@media  only screen and (orientation: landscape) and (min-device-width: 640px) and (min-device-height: 360px) {
    .lenovo30 {

        padding-top: 50px;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 731px) and (min-device-height: 411px) {
    .lenovo30 {

        padding-top: 50px;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 823px) and (min-device-height: 411px) {
    .lenovo30 {

        padding-top: 50px;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 568px) and (min-device-height: 320px) {
    .lenovo30 {

        padding-top: 50px;
    }
}

@media  only screen and (orientation: landscape) and (min-device-width: 667px) and (min-device-height: 375px) {
    .lenovo30 {

        padding-top: 50px;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 736px) and (min-device-height: 414px) {
    .lenovo30 {

        padding-top: 50px;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 812px) and (min-device-height: 375px) {
    .lenovo30 {

        padding-top: 50px;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 1024px) and (min-device-height: 768px) {
    .lenovo30 {

        padding-top: 50px;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 1366px) and (min-device-height: 1024px) {
    .lenovo30 {

        padding-top: 50px;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 720px) and (min-device-height: 540px) {
    .lenovo30 {

        padding-top: 50px;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 653px) and (min-device-height: 280px) {
    .lenovo30 {

        padding-top: 45px;
    }
}
@media  only screen  and (min-device-width: 1200px) {
    .lenovo30 {


        padding-top: 45px;

    }
}






@media  only screen and (orientation: portrait) and (min-device-width: 360px) and (min-device-height: 640px) {
    .lenovo4 h2 {
        font-size: .8rem;
    }

    a {
        font-size: .5rem;
    }

    a1 {
        font-size: .7rem;
    }

    br {
        content: "";
        margin: 2em;
        display: block;
        margin-bottom: -30px;
    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 411px) and (min-device-height: 731px) {
    .lenovo4 h2 {
        font-size: 1rem;
    }

    a {
        font-size: .7rem;
    }

    a1 {
        font-size: .8rem;
    }

    br {
        content: "";
        margin: 2em;
        display: block;
        margin-bottom: -30px;
    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 411px) and (min-device-height: 823px) {
    .lenovo4 h2 {
        font-size: 1rem;
    }

    a {
        font-size: .8rem;
    }

    a1 {
        font-size: .9rem;
    }

    br {
        content: "";
        margin: 2em;
        display: block;
        margin-bottom: -30px;
    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 320px) and (min-device-height: 568px) {
    .lenovo4 h2 {
        font-size: .8rem;
    }

    a {
        font-size: .5rem;
    }

    a1 {
        font-size: .7rem;
    }

    br {
        content: "";
        margin: 2em;
        display: block;
        margin-bottom: -30px;
    }
}

@media  only screen and (orientation: portrait) and (min-device-width: 375px) and (min-device-height: 667px) {
    .lenovo4 h2 {
        font-size: 1rem;
    }

    a {
        font-size: .8rem;
    }

    a1 {
        font-size: .9rem;
    }

    br {
        content: "";
        margin: 2em;
        display: block;
        margin-bottom: -35px;
    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 414px) and (min-device-height: 736px) {
    .lenovo4 h2 {
        font-size: 1rem;
    }

    a {
        font-size: .6rem;
    }

    a1 {
        font-size: .9rem;
    }

    br {
        content: "";
        margin: 2em;
        display: block;
        margin-bottom: -30px;
    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 375px) and (min-device-height: 812px) {
    .lenovo4 h2 {
        font-size: 1rem;
    }

    a {
        font-size: .7rem;
    }

    a1 {
        font-size: .9rem;
    }

    br {
        content: "";
        margin: 2em;
        display: block;
        margin-bottom: -30px;
    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 768px) and (min-device-height: 1024px) {
    .lenovo4 h2 {
        font-size: 1.5rem;
    }

    a {
        font-size: 1.2rem;
    }

    a1 {
        font-size: 1.5rem;
    }

    br {
        content: "";
        margin: 2em;
        display: block;
        margin-bottom: -30px;
    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 1024px) and (min-device-height: 1366px) {
    .lenovo4 h2 {
        font-size: 1.5rem;
    }

    a {
        font-size: 1.2rem;
    }

    a1 {
        font-size: 1.5rem;
    }

    br {
        content: "";
        margin: 2em;
        display: block;
        margin-bottom: -30px;
    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 540px) and (min-device-height: 720px) {
    .lenovo4 h2 {
        font-size: 1rem;
    }

    a {
        font-size: .7rem;
    }

    a1 {
        font-size: .9rem;
    }

    br {
        content: "";
        margin: 2em;
        display: block;
        margin-bottom: -30px;
    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 280px) and (min-device-height: 653px) {
    .lenovo4 h2 {
        font-size: .7rem;
    }

    a {
        font-size: .4rem;
    }

    a1 {
        font-size: .6rem;
    }

    br {
        content: "";
        margin: 2em;
        display: block;
        margin-bottom: -30px;
    }
}

@media  only screen and (orientation: landscape) and (min-device-width: 640px) and (min-device-height: 360px) {
    .lenovo4 h2 {
        font-size: 1.2rem;
    }

    a {
        font-size: 1rem;
    }

    a1 {
        font-size: 1.2rem;
    }

    br {
        content: "";
        margin: 2em;
        display: block;
        margin-bottom: -30px;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 731px) and (min-device-height: 411px) {
    .lenovo4 h2 {
        font-size: 1.2rem;
    }

    a {
        font-size: .8rem;
    }

    a1 {
        font-size: 1.2rem;
    }

    br {
        content: "";
        margin: 2em;
        display: block;
        margin-bottom: -20px;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 823px) and (min-device-height: 411px) {
    .lenovo4 h2 {
        font-size: 1.2rem;
    }

    a {
        font-size: 1rem;
    }

    a1 {
        font-size: 1.2rem;
    }

    br {
        content: "";
        margin: 2em;
        display: block;
        margin-bottom: -10px;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 568px) and (min-device-height: 320px) {
    .lenovo4 h2 {
        font-size: 1rem;
    }

    a {
        font-size: .8rem;
    }

    a1 {
        font-size: 1rem;
    }

    br {
        content: "";
        margin: 1.5em;
        display: block;
        margin-bottom: -20px;
    }
}

@media  only screen and (orientation: landscape) and (min-device-width: 667px) and (min-device-height: 375px) {
    .lenovo4 h2 {
        font-size: 1rem;
    }

    a {
        font-size: .8rem;
    }

    a1 {
        font-size: 1rem;
    }

    br {
        content: "";
        margin: 2em;
        display: block;
        margin-bottom: -30px;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 736px) and (min-device-height: 414px) {
    .lenovo4 h2 {
        font-size: 1rem;
    }

    a {
        font-size: .8rem;
    }

    a1 {
        font-size: 1rem;
    }

    br {
        content: "";
        margin: 2em;
        display: block;
        margin-bottom: -30px;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 812px) and (min-device-height: 375px) {
    .lenovo4 h2 {
        font-size:1rem;
    }

    a {
        font-size: .8rem;
    }

    a1 {
        font-size: 1rem;
    }

    br {
        content: "";
        margin: 2em;
        display: block;
        margin-bottom: -30px;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 1024px) and (min-device-height: 768px) {
    .lenovo4 h2 {
        font-size: 1.2rem;
    }

    a {
        font-size: 1rem;
    }

    a1 {
        font-size: 1.2rem;
    }

    br {
        content: "";
        margin: 2em;
        display: block;
        margin-bottom: -30px;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 1366px) and (min-device-height: 1024px) {
    .lenovo4 h2 {
        font-size: 1.5rem;
    }

    a {
        font-size: 1.2rem;
    }

    a1 {
        font-size: 1.5rem;
    }

    br {
        content: "";
        margin: 2em;
        display: block;
        margin-bottom: -30px;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 720px) and (min-device-height: 540px) {
    .lenovo4 h2 {
        font-size: 1.2rem;
    }

    a {
        font-size: .8rem;
    }

    a1 {
        font-size: 1rem;
    }

    br {
        content: "";
        margin: 2em;
        display: block;
        margin-bottom: -30px;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 653px) and (min-device-height: 280px) {
    .lenovo4 h2 {
        font-size: 1.2rem;
    }

    a {
        font-size: .8rem;
    }

    a1 {
        font-size: 1rem;
    }

    br {
        content: "";
        margin: 2em;
        display: block;
        margin-bottom: -30px;
    }
}
@media  only screen  and (min-device-width: 1200px) {
    .lenovo4 h2 {
        font-size: 1.5rem;
    }

    a {
        font-size: 1.2rem;
    }

    a1 {
        font-size: 1.5rem;
    }


}


.lenovo5 {

    pointer-events: none;
    display: block;
    margin-left: auto;
    margin-right: auto;

}

/* Extra small devices (phones, 600px and down) */
@media  only screen and (orientation: portrait) and (min-device-width: 360px) and (min-device-height: 640px) {
    .lenovo5 {
        display: block;
        min-width: 25%;
        max-width: 25%;
    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 411px) and (min-device-height: 731px) {
    .lenovo5 {
        display: block;
        min-width: 25%;
        max-width: 25%;
    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 411px) and (min-device-height: 823px) {
    .lenovo5 {
        display: block;
        min-width: 25%;
        max-width: 25%;
    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 320px) and (min-device-height: 568px) {
    .lenovo5 {
        display: block;
        min-width: 25%;
        max-width: 25%;
    }
}

@media  only screen and (orientation: portrait) and (min-device-width: 375px) and (min-device-height: 667px) {
    .lenovo5 {
        display: block;
        min-width: 25%;
        max-width: 25%;
    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 414px) and (min-device-height: 736px) {
    .lenovo5 {
        display: block;
        min-width: 25%;
        max-width: 25%;
    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 375px) and (min-device-height: 812px) {
    .lenovo5 {
        display: block;
        min-width: 25%;
        max-width: 25%;
    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 768px) and (min-device-height: 1024px) {
    .lenovo5 {
        display: block;
        min-width: 25%;
        max-width: 25%;

    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 1024px) and (min-device-height: 1366px) {
    .lenovo5 {
        display: block;
        min-width: 25%;
        max-width: 25%;
    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 540px) and (min-device-height: 720px) {
    .lenovo5 {
        display: block;
        min-width: 25%;
        max-width: 25%;
    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 280px) and (min-device-height: 653px) {
    .lenovo5 {
        display: block;
        min-width: 25%;
        max-width: 25%;
    }
}

@media  only screen and (orientation: landscape) and (min-device-width: 640px) and (min-device-height: 360px) {
    .lenovo5 {
        display: block;
        min-width: 25%;
        max-width: 25%;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 731px) and (min-device-height: 411px) {
    .lenovo5 {
        display: block;
        min-width: 25%;
        max-width: 25%;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 823px) and (min-device-height: 411px) {
    .lenovo5 {
        display: block;
        min-width: 25%;
        max-width: 25%;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 568px) and (min-device-height: 320px) {
    .lenovo5 {
        display: block;
        min-width: 25%;
        max-width: 25%;
    }
}

@media  only screen and (orientation: landscape) and (min-device-width: 667px) and (min-device-height: 375px) {
    .lenovo5 {
        display: block;
        min-width: 25%;
        max-width: 25%;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 736px) and (min-device-height: 414px) {
    .lenovo5 {
        display: block;
        min-width: 25%;
        max-width: 25%;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 812px) and (min-device-height: 375px) {
    .lenovo5 {
        display: block;
        min-width: 25%;
        max-width: 25%;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 1024px) and (min-device-height: 768px) {
    .lenovo5 {
        display: block;
        min-width: 25%;
        max-width: 25%;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 1366px) and (min-device-height: 1024px) {
    .lenovo5 {
        display: block;
        min-width: 25%;
        max-width: 25%;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 720px) and (min-device-height: 540px) {
    .lenovo5 {
        display: block;
        min-width: 25%;
        max-width: 25%;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 653px) and (min-device-height: 280px) {
    .lenovo5 {
        display: block;
        min-width: 25%;
        max-width: 25%;
    }
}
@media  only screen  and (min-device-width: 1200px) {
    .lenovo5 {
        display: block;
        min-width: 15%;
        max-width: 15%;
    }

}

/* Extra small devices (phones, 600px and down) */
@media  only screen and (orientation: portrait) and (min-device-width: 360px) and (min-device-height: 640px) {
    .lenovo6 {
        display: block;
        min-width: 25%;
        max-width: 25%;
    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 411px) and (min-device-height: 731px) {
    .lenovo6 {
        display: block;
        min-width: 25%;
        max-width: 25%;
    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 411px) and (min-device-height: 823px) {
    .lenovo6 {
        display: block;
        min-width: 25%;
        max-width: 25%;
    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 320px) and (min-device-height: 568px) {
    .lenovo6 {
        display: block;
        min-width: 25%;
        max-width: 25%;
    }
}

@media  only screen and (orientation: portrait) and (min-device-width: 375px) and (min-device-height: 667px) {
    .lenovo6 {
        display: block;
        min-width: 25%;
        max-width: 25%;
    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 414px) and (min-device-height: 736px) {
    .lenovo6 {
        display: block;
        min-width: 25%;
        max-width: 25%;
    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 375px) and (min-device-height: 812px) {
    .lenovo6 {
        display: block;
        min-width: 25%;
        max-width: 25%;
    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 768px) and (min-device-height: 1024px) {
    .lenovo6 {
        display: block;
        min-width: 25%;
        max-width: 25%;

    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 1024px) and (min-device-height: 1366px) {
    .lenovo6 {
        display: block;
        min-width: 25%;
        max-width: 25%;
    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 540px) and (min-device-height: 720px) {
    .lenovo6 {
        display: block;
        min-width: 25%;
        max-width: 25%;
    }
}
@media  only screen and (orientation: portrait) and (min-device-width: 280px) and (min-device-height: 653px) {
    .lenovo6 {
        display: block;
        min-width: 25%;
        max-width: 25%;
    }
}

@media  only screen and (orientation: landscape) and (min-device-width: 640px) and (min-device-height: 360px) {
    .lenovo6 {
        display: block;
        min-width: 25%;
        max-width: 25%;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 731px) and (min-device-height: 411px) {
    .lenovo6 {
        display: block;
        min-width: 25%;
        max-width: 25%;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 823px) and (min-device-height: 411px) {
    .lenovo6 {
        display: block;
        min-width: 25%;
        max-width: 25%;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 568px) and (min-device-height: 320px) {
    .lenovo6 {
        display: block;
        min-width: 25%;
        max-width: 25%;
    }
}

@media  only screen and (orientation: landscape) and (min-device-width: 667px) and (min-device-height: 375px) {
    .lenovo6 {
        display: block;
        min-width: 25%;
        max-width: 25%;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 736px) and (min-device-height: 414px) {
    .lenovo6 {
        display: block;
        min-width: 25%;
        max-width: 25%;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 812px) and (min-device-height: 375px) {
    .lenovo6 {
        display: block;
        min-width: 25%;
        max-width: 25%;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 1024px) and (min-device-height: 768px) {
    .lenovo6 {
        display: block;
        min-width: 25%;
        max-width: 25%;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 1366px) and (min-device-height: 1024px) {
    .lenovo6 {
        display: block;
        min-width: 25%;
        max-width: 25%;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 720px) and (min-device-height: 540px) {
    .lenovo6 {
        display: block;
        min-width: 25%;
        max-width: 25%;
    }
}
@media  only screen and (orientation: landscape) and (min-device-width: 653px) and (min-device-height: 280px) {
    .lenovo6 {
        display: block;
        min-width: 25%;
        max-width: 25%;
    }
}
@media  only screen  and (min-device-width: 1200px) {
    .lenovo6 {
        margin-top: -10px;
    }

}