/* Horizontal Card Layout Customization */
.card-control-section.horizontal_card_layout #horizontal_phone_product .e-card-stacked {
    justify-content: flex-start;
}

.card-control-section.horizontal_card_layout #horizontal_phone_product .e-card-actions button:last-child {
    margin-left: 20px;
}

.card-control-section.horizontal_card_layout .e-card.e-card-horizontal.e-product .e-card-stacked > :first-child,
.card-control-section.horizontal_card_layout #vertical_Sample .e-card.e-card-horizontal .e-card-stacked > :first-child,
.card-control-section.horizontal_card_layout #vertical_Sample .e-card.e-card-horizontal .e-card-stacked > :first-child {
    flex-grow: initial;
}

.card-control-section.horizontal_card_layout #vertical_Sample {
    height: inherit;
}

    .card-control-section.horizontal_card_layout #vertical_Sample .e-card img {
        height: 188px;
    }

    .card-control-section.horizontal_card_layout #vertical_Sample .e-card {
        height: 50%;
    }

        .card-control-section.horizontal_card_layout #vertical_Sample .e-card:first-child {
            margin-bottom: 10px;
        }

        .card-control-section.horizontal_card_layout #vertical_Sample .e-card > * {
            width: 50%;
            justify-content: flex-start;
        }

.card-control-section.horizontal_card_layout #horizontal_product .e-card-header {
    width: 100%;
}

#source_link {
    float: right;
    margin-right: 10px;
}

@media screen and (max-width: 768px) {
    #source_link {
        margin-top: -10px;
        margin-right: 0px;
    }
}

.card-control-section.horizontal_card_layout .e-card-resize-container {
    margin-bottom: 50px;
}

.card-control-section.horizontal_card_layout .col-xs-6.col-sm-6.col-lg-6.col-md-6 {
    width: 100%;
    padding: 10px;
    margin: auto;
}

.card-control-section.horizontal_card_layout .card-layout {
    margin: auto;
    max-width: 870px;
}

@media (min-width: 912px) {
    .card-control-section.horizontal_card_layout .col-xs-6.col-sm-6.col-lg-6.col-md-6 {
        width: 50%;
    }

    .card-control-section.horizontal_card_layout .card-layout {
        max-width: 800px;
    }
}

@media (max-width: 600px) {
    .card-control-section.horizontal_card_layout .card-layout {
        max-width: 400px !important;
    }
}

@media (max-width: 912px) {
    .card-control-section.horizontal_card_layout .row.card-layout {
        display: flex;
        flex-direction: column;
    }

    .card-control-section.horizontal_card_layout .card-layout {
        max-width: 640px;
    }
}

@media (min-width: 700px) and (max-width: 912px) {
    .card-control-section.horizontal_card_layout .col-xs-6.col-sm-6.col-lg-6.col-md-6 {
        width: 70%;
    }
}

@media (min-width: 600px) and (max-width: 700px) {
    .card-control-section.horizontal_card_layout .col-xs-6.col-sm-6.col-lg-6.col-md-6 {
        width: 80%;
    }
}