@media only screen and (max-width: 820px) and (orientation:portrait) {
    /*Banner State*/
    .bannerclose {
        width: 5.5%;
    }
    .no7 {
        width: 13%;
        top: 10%;
    }
    .laboratories {
        width: 18%;
        top: 43%;
    }
    .lookUp {
        width: 25%;
        left: 18%;
        top: 10%;
    }
    .basedtxt {
        width: 40%;
        left: 18%;
        top: 55%;
    }
    .lineCorrecting {
        width: 25%;
        left: 18%;
        top: 5%;
    }
    .shopnow {
        width: 25%;
        top: 25%;
        left: 60%;
    }
    .testubebanner {
        width: 12%;
        top: -45%;
    }
    .testube1banner {
        right: 4%;
        bottom: -80%;
        width: 15%;
    }
    .newbanner {
        right: 11%;
        top: 10%;
        width: 13%;
    }
    .expandimg {
        width: 34%;
        top: 60%;
    }

    /*Expand State*/

    .expandclose {
        width:6%;
    }
    .expandlogo {
        width: 40%;
        left: 10%;
        top: 11%;
    }
    .expandlookup {
        width: 86%;
        left: 10%;
        top: 21%;
    }
    .videoposter {
        width: 55%;
        left: 10%;
        top: 32%;
    }
    .expandshopnow {
        width: 30%;
        left: 9%;
        top: 60%;
    }
    .expandavailable {
        width: 25%;
        left: 10%;
        top: 70%;
    }
    .expandbasedtxt {
        width: 60%;
        left: 10%;
    }
    .expandtesttube {
        width: 12%;
        right: 19%;
        top: 50%;
    }
    .shadowtesttube {
        width: 50%;
        right: 0%;
        top: 85%;
        z-index: 2;
    }
    .expandtesttube1 {
        width: 13%;
        right: 55%;
        top: 72%;
        transform: rotate(90deg);
    }
    .circlebg {
        width: 64%;
        right: -8%;
        top: 59%;
    }
    .circle1,.circle2,.circle3,.circle4 {
        width: 63%;
        right: -8%;
        top: 59.5%;
    }
    .new {
        width: 11%;
        right: 24%;
        top: 52%;
    }
    .plus1 {
        width: 9%;
        right: 25%;
        top: 68%;
        z-index: 2;
    }
    .plus1txt {
        width: 26%;
        right: 29%;
        top: 70%;
    }
    .minus1 {
        width: 9%;
        right: 25%;
        top: 68%;
        z-index: 2;
    }
    .plus2 {
        width: 9%;
        right: 16%;
        top: 74%;
        z-index: 2;
    }
    .plus2txt {
        width: 23%;
        right: 0%;
        top: 76%;
    }
    .minus2 {
        width: 9%;
        right: 16%;
        top: 74%;
        z-index: 2;
    }
    .plus3 {
        width: 9%;
        right: 25%;
        top: 79%;
        z-index: 2;
    }
    .plus3txt {
        width: 26%;
        right: 28%;
        top: 81%;
    }
    .minus3 {
        width: 9%;
        right: 25%;
        top: 79%;
        z-index: 2;
    }
}

@media only screen and (max-width: 300px) and (orientation:portrait) {
    .testubebanner {
        top: -20%;
    }
    .newbanner {
        top: 22%;
    }
    .new {
        top: 59%;
    }
    .expandtesttube {
        top: 58%;
    }
    .expandshopnow {
        top: 55%;
    }
    .expandavailable {
        top: 65%;
    }
    .expandbasedtxt {
        width: 80%;
    }
}