@media (min-width: 768px) {
    .dce-imageText .text{
        width:50%;
    }

    .dce-video .text-box .text{
        width:60%;
    }

	.dce-card .flip-card{
	width:25%;}

    .first-flip-card{
        width:25%;
    }


    .flip-card-back p{
        font-size:30px;
    }

    .dce-bubble .text{
        max-width:60%;
        margin-left:auto;
        margin-right:auto;
    }

    .dce-image div + picture img{
        margin-right: auto;
        margin-left: auto;
        right: 0;
        left: 0;
        top:unset;
        bottom:-5em;
        max-width:20%;
    }

    .dce-footer .video a{
        font-size: 25px;
    }

    .dce-footer .icon{
        margin-top:auto;
        margin-bottom:auto;
        margin-left: unset;
        margin-right: unset;
        right: 5%;
        left: unset;
    }

    .modal-dialog{
        max-width:80%;
    }
}

@media (min-width: 992px) {
    .dce-bubble .text{
        max-width:100%;
    }
}

@media (min-width: 1024px) {
    .dce-heading .text{
        width:50%;
    }

}

@media (min-width: 1200px) {
	.dce-card .flip-card{
	width:12.5%;
    }
    .first-flip-card{
        width:12.5%;
    }

    .modal-dialog{
        max-width:60%;
    }
}


@media (min-width: 1600px) {

    .dce-image div + picture img{
        margin-right: unset;
        margin-left: unset;
        max-width:100%;
    }

    /*dce-image*/
    .dce-image div + picture img.icon-top-left{
        left:-76px;
        top:-156px;
        right:unset;
    }

    .dce-image div + picture img.icon-top-right{
        right:-76px;
        top:-156px;
        left:unset;
    }

    .dce-image div + picture img.icon-bottom-left{
        left:-76px;
        bottom:-156px;
        right:unset;
    }

    .dce-image div + picture img.icon-bottom-right{
        right:-76px;
        bottom:-116px;
        left:unset;
    }
}

@media only screen and (orientation: landscape){
    @media (max-width: 823px) {
        .flip-card,.first-flip-card{
            width:33.3%;
            height: 50vh;
        }
    }

    @media (max-width: 823px) {
        .dce-video .icon{
            bottom:4%;
            right:3%;
            max-width:18%;
        }
    }
}

@media screen and (max-width: 33em) {
    .dce-tabeljob td {
        display: block;
    }
}