@media (max-width: 1200px) {

    .main-content {
        width: 100%;
        padding: 0 12px;
        /*margin-top: 15px;*/
    }

    .box-card-content {
        box-sizing: content-box;
        height: 100%;
        justify-content: space-between;
        margin: 0 0 20px;
    }

    .content-box {
        margin-top: 15px;
        width: 100%;
        height: auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .cards-artic {
        flex-direction: column;
        /*box-sizing: border-box;*/
        display: flex;
        width: 100%;
        height: 100%;
        margin: -40px 15px 15px;
        text-align: center;
        background-image: url("../img/welcome/mobile-background.png");
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .title-sty {
        display: flex;
        width: 70px;
        height: 4px;
        left: 9%;
        top: 8%;
        margin-left: 24px;
        margin-top: 24px;
        background: #666666;
    }

    .card-artic {
        width: auto;
        margin: 24px 23px 0 26px;
    }

    .video{
        position: relative;
    }
    .videoDemo{
        z-index: 4;
        position: absolute;
        display: flex;
        width: 56px;
        height: 56px;
        top: 20%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .videoDemo .videoed{
        position: absolute;
        width: 30px;
        height: 30px;
        background-image: url(../img/welcome/play.png);
        background-size: 100%;
        top: 76%;
        left: 57%;
        transform: translate(-50%, -50%);
    }

    .videoDemo .playtext{
        position: absolute;
        width: 56px;
        height: 20px;
        top: 180px;
        left: -154px;
        color: #FFFFFF;
        font-size: 14px;
        bottom: 0;

    }

    .address {
        margin: 40px 20px 18px;
        width: auto;
        font-size: 18px;
        line-height: 30px;
        font-weight: 700;
        padding: 0 35px;
    }

    .video:hover {
        opacity: 0.5;
    }


    #video{
        margin-left: 104%;
    }
    .modal {
        position: fixed;
        width: 80%;
        margin: 0 auto;
        top: 47%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 10;
    }
    .close-btn{
        position: fixed;
        width: 30px;
        height: 30px;
        cursor: pointer;
    }
    .playtext {
        margin-bottom: 84px;
        justify-content: space-around;
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        padding-top: 14px;
        color: #FFFFFF;
        position: absolute;
        margin-left: 158px;
        margin-top: -132px;
        z-index: 9;
    }
    .img_div {
        background-color: rgba(12, 134, 220, 0);
        height: 195px;
        position: absolute;
        z-index: 1;
        width: 352px;
    }
}