@import url(../../css/1024.css);
@import url(../../css/800.css) all and (max-width:1099px) and (min-width:601px);
@import url(../../css/mobile.css) all and (max-width:600px);

@media only screen and (min-width:1550px) {
    .showcase {
        height: 100vh !important
    }
    .HomeProject2023 {
       height:8814px;
    }
    .HomeProject2023 .item:nth-child(3) {
        position: absolute;
        left: 0%;
        top: 507px;
    }

    .HomeProject2023 .item:nth-child(4) {
        right: 0;
        top: 1012px;
    }
    .HomeProject2023 .item:nth-child(6) {
        right: 0;
        top: 2027px;
    }
    .HomeProject2023 .item:nth-child(5) {
        left: 0%;
        top: 2027px;
    }
    .HomeProject2023 .item:nth-child(7) {
        left: 0%;
        top: 2535px;
    }
    .HomeProject2023 .item:nth-child(8) {
        right: 0;
        top: 3042px;
    }
    .HomeProject2023 .item:nth-child(9) {
        left: 0%;
        top: 3805px;
    }
    .HomeProject2023 .item:nth-child(10) {
        right: 0;
        top: 4562px;
    }
    .HomeProject2023 .item:nth-child(11) {
        left: 0;
        top: 4823px;
    }
    .HomeProject2023 .item:nth-child(12) {
        right: 0;
        top: 5075px;
    }

    .HomeProject2023 .item:nth-child(13) {
        left: 0;
        top: 5331px;
    }

    .HomeProject2023 .item:nth-child(14) {
        right: 0;
        top: 6088px;
    }

    .HomeProject2023 .item:nth-child(15) {
        right: 0;
        top: 7101px;
    }

    .HomeProject2023 .item:nth-child(16) {
        left: 0;
        top: 6851px;
    }

    .HomeProject2023 .item:nth-child(17) {
        left: 0;
        top: 7868px;
    }

    .HomeProject2023 .item:nth-child(18) {
        left: 0;
        top: 7359px;
    }

    .HomeProject2023 .item:nth-child(19) {
        right: 0;
        top: 8114px;
    }
}

@media only screen and (min-width:1450px) {
    .SamplesB .item {
        height: 375px !important
    }

        .SamplesB .item img {
            width: 100% !important;
            height: 375px !important
        }

    .HomeCase video {
        height: 840px
    }

    .HomeCase .item1 {
        width: 50%;
        height: 840px;
        float: left;
        overflow: hidden
    }

    .HomeCase .item2 {
        width: 25%;
        height: 420px;
        float: left;
        overflow: hidden
    }

    .HomeCase .item3 {
        width: 50%;
        height: 420px;
        float: right;
        overflow: hidden
    }

    .HomeCase .item4 {
        width: 50%;
        height: 840px;
        float: right;
        overflow: hidden
    }

    .HomeCase .item .textD {
        bottom: 5%
    }

    .HomeCase .item1 .textD {
        top: 48%
    }

        .HomeCase .item1.textD .prev {
            width: 65%
        }

    .HomeCase .item4 .textD {
        bottom: 5%
    }

    .HomeCase .item3 .textD {
        bottom: 10%;
        width: 89%
    }

    .HomeCase .item img {
        height: 100%
    }

    .HomeCase .item4 .textD .prev {
        width: 60% !important
    }

    .HomeCase .item:nth-child(8) .prev {
        width: 60% !important
    }

    .PortBox .item .ImgHome {
        height: 370px !important
    }

        .PortBox .item .ImgHome img {
            height: 370px !important
        }

    .newsPage .item .imgBox {
        height: 296px
    }

    .PortBox .item {
        height: 370px !important
    }

    .blogsPage .item .imgBox {
        height: 300px !important;
    }

    .blogsPage .item {
        height: 450px !important;
    }

        .blogsPage .item .txt h2 {
            height: 44px !important;
        }


  

}