@media screen and (max-width: 768px) {
   .footerView .content{
        padding: 0;
   }

    .videobox, .videobox video{
        height: auto !important;
    }
}

@media screen and (max-width: 750px) {
    .morebtnbox .content .morebtn {
        min-height: 44px;
        padding: 0 0.8rem;
        box-sizing: border-box;
        font-size: 1.2rem;
        line-height: 1.5;
    }

    .morebtnbox .content .morebtn .icon {
        width: 0.6rem;
        margin-left: 0.7rem;
    }

    .morebtnbox .content .morebtn:first-child .icon {
        margin-right: 0.7rem;
        margin-left: 0;
    }

    .bannerBox .txt {
        display: block;
        overflow: visible;
        text-overflow: clip;
        -webkit-line-clamp: unset;
        -webkit-box-orient: initial;
        overflow-wrap: anywhere;
    }

    /* Let banner copy determine the height when it outgrows the image. */
    .bannerBox:has(> .conbox .txt) {
        display: grid;
    }

    .bannerBox:has(> .conbox .txt) > .bg {
        grid-area: 1 / 1;
        width: 100%;
        height: 100%;
        min-height: 0;
        object-fit: cover;
    }

    .bannerBox:has(> .conbox .txt) > .conbox {
        grid-area: 1 / 1;
        position: relative;
        height: auto;
        min-width: 0;
        padding-bottom: 2rem;
    }

    .austarBox .content .msg{
        width: 100%;
    }

    .applyBox .content{
        padding: 0 .8rem;
    }

    .productBox .content .itemBox .item .imgBox{
        height: 21rem !important;
    }

    .productBox .content .itemBox .item .imgBox .i{
        height: 100%;
        object-fit: contain;
    }

    .applyBox .content .itemBox{
        padding: 0 1.2rem;
    }

    .product2 .container .content .down .wrap .box h2 {
        display: block !important;
        -webkit-line-clamp: unset !important;
        -webkit-box-orient: initial !important;
        text-overflow: clip !important;
        overflow: visible !important;
    }

    .contactus .container .content .pic{
        margin-bottom: 40px !important;
    }

    .ship5 .container .content .left h1{
        font-size: 18px !important;
    }

    .ship5 .container .content h2{
        font-size: 16px !important;
    }

    .ship5 .container .content p{
        font-size: 14px !important;
    }

    .ship4 .container .content .head a dt{
        padding: 0 !important;
    }

    #appMain > div.main > div > div.container > div.top > div > div.right{
        width: 100%;
    }

    .tecapp .container .content .right .wrap .text ul li:before{
        top: 7px !important;
    }
}