/* special grid layer styles */
.panel-grid .panel-row-style.grid-row,
.panel-grid .panel-row-style.row--grid {
    max-width: 883px;
}

.panel-grid .panel-row-style.full-width-row {
    max-width: 100%;
    width: 100%;
    margin: 0;
}

@media only screen and (max-width: 800px) {
    .page--centered .panel-grid .panel-row-style.full-width-row .panel-grid-cell{
        margin-bottom: 10px !important;
    }
}

.panel-grid .panel-row-style.row--margin-bottom {
    margin-bottom: 60px !important;
}

.panel-grid .panel-row-style.row--margin-top {
    margin-top: 60px !important;
}

.panel-layout .panel-grid.hkn-background-image {
    margin-bottom: 0 !important;
}

.panel-grid .panel-row-style.border-bottom-row {
    margin-bottom: -60px !important;
    border-bottom: 1px solid #ADB2B6;
}

@media only screen and (min-width: 800px) {
    .panel-grid .panel-row-style.second-element-border-row .panel-grid-cell:nth-child(2) {
        border-left: 1px solid #ADB2B6;
    }

    .panel-grid .panel-row-style.second-element-border-row {
        margin-bottom: 180px !important;
    }
}

@media only screen and (min-width: 1000px) {

    .panel-grid .panel-row-style.second-element-border-row {
        margin-bottom: 100px !important;
    }
}

@media only screen and (max-width: 1024px) {
    .page--centered .panel-grid .panel-row-style {
        max-width: 100%;
    }
}

.panel-layout .panel-grid.no--margin {
    margin-bottom: 0 !important;
}

/* Mobile overwrites */
@media only screen and (max-width: 799px) {
    .page--centered .panel-grid .panel-row-style.border-bottom-row {
        border-bottom: 0;
    }
}

@media only screen and (max-width: 860px) {
    .page--centered .panel-grid .panel-row-style.full-width-row {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}