@charset "utf-8";

.medbox:hover:before {
    width: 100%;
    height: 75px;
}

.techheight {
    height: 160px;
}

.introheight1 {
    height: 26rem;
}

.introheight2 {
    height: 20rem;
}

/* .dropdown-content {
    display: none;
    position: absolute;
    background-color: #ffffff;
    width: 200px;
    top: 22px;
    left: -70px;
    padding: 10px 0;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
} */

/*system*/
.systemboxhigh {
    height: 300px;
}

@media screen and (max-width: 1920px) {}

@media screen and (max-width: 1440px) {}

@media screen and (max-width: 1024) {}

@media screen and (max-width: 820px) {

    .techheight {
        height: 210px;
    }

    .introheight1 {
        height: auto;
    }

    .introheight2 {
        height: auto;
    }

    /*system*/
    .systemboxhigh {
        height: 400px;
    }

}

@media screen and (max-width: 430px) {

    .techheight {
        height: 280px;
    }

    .bannerwrd {
        font-size: 11pt;
    }

    /*system*/
    .systemboxhigh {
        height: 280px;
    }
}

@media screen and (max-width: 375px) {

    /*system*/
    .systemboxhigh {
        height: 300px;
    }
}

@media screen and (max-width: 320px) {

    .medbox:hover:before {
        width: 100%;
        height: 80px;
    }

    /*system*/
    .systemboxhigh {
        height: 360px;
    }
}