﻿@media only screen and (min-width: 768px) and (max-width: 959px) {
    .container-ukphr {
        width: 768px
    }

    .container-ukphr .column, .container-ukphr .columns {
        margin-left: 10px;
        margin-right: 10px
    }

    .column.alpha, .columns.alpha {
        margin-left: 0;
        margin-right: 10px
    }

    .column.omega, .columns.omega {
        margin-right: 0;
        margin-left: 10px
    }

    .alpha.omega {
        margin-left: 0;
        margin-right: 0
    }

    .container-ukphr .one.column, .container-ukphr .one.columns {
        width: 28px
    }

    .container-ukphr .two.columns {
        width: 76px
    }

    .container-ukphr .three.columns {
        width: 124px
    }

    .container-ukphr .four.columns {
        width: 172px
    }

    .container-ukphr .five.columns {
        width: 220px
    }

    .container-ukphr .six.columns {
        width: 268px
    }

    .container-ukphr .seven.columns {
        width: 316px
    }

    .container-ukphr .eight.columns {
        width: 364px
    }

    .container-ukphr .nine.columns {
        width: 412px
    }

    .container-ukphr .ten.columns {
        width: 460px
    }

    .container-ukphr .eleven.columns {
        width: 508px
    }

    .container-ukphr .twelve.columns {
        width: 556px
    }

    .container-ukphr .thirteen.columns {
        width: 604px
    }

    .container-ukphr .fourteen.columns {
        width: 652px
    }

    .container-ukphr .fifteen.columns {
        width: 700px
    }

    .container-ukphr .sixteen.columns {
        width: 748px
    }

    .container-ukphr .one-third.columns {
        width: 236px
    }

    .container-ukphr .two-thirds.column {
        width: 492px
    }

    .container-ukphr .offset-by-one {
        padding-left: 48px
    }

    .container-ukphr .offset-by-two {
        padding-left: 96px
    }

    .container-ukphr .offset-by-three {
        padding-left: 144px
    }

    .container-ukphr .offset-by-four {
        padding-left: 192px
    }

    .container-ukphr .offset-by-five {
        padding-left: 240px
    }

    .container-ukphr .offset-by-six {
        padding-left: 288px
    }

    .container-ukphr .offset-by-seven {
        padding-left: 336px
    }

    .container-ukphr .offset-by-eight {
        padding-left: 384px
    }

    .container-ukphr .offset-by-nine {
        padding-left: 432px
    }

    .container-ukphr .offset-by-ten {
        padding-left: 480px
    }

    .container-ukphr .offset-by-eleven {
        padding-left: 528px
    }

    .container-ukphr .offset-by-twelve {
        padding-left: 576px
    }

    .container-ukphr .offset-by-thirteen {
        padding-left: 624px
    }

    .container-ukphr .offset-by-fourteen {
        padding-left: 672px
    }

    .container-ukphr .offset-by-fifteen {
        padding-left: 720px
    }
}

@media only screen and (max-width: 767px) {
    .container-ukphr {
        width: 300px
    }

    .container-ukphr .columns, .container-ukphr .column {
        margin: 0
    }

    .container-ukphr .one.column, .container-ukphr .one.columns, .container-ukphr .two.columns, .container-ukphr .three.columns, .container-ukphr .four.columns, .container-ukphr .five.columns, .container-ukphr .six.columns, .container-ukphr .seven.columns, .container-ukphr .eight.columns, .container-ukphr .nine.columns, .container-ukphr .ten.columns, .container-ukphr .eleven.columns, .container-ukphr .twelve.columns, .container-ukphr .thirteen.columns, .container-ukphr .fourteen.columns, .container-ukphr .fifteen.columns, .container-ukphr .sixteen.columns, .container-ukphr .one-third.columns, .container-ukphr .one-third.column, .container-ukphr .two-thirds.column {
        width: 300px
    }

    .container-ukphr .offset-by-one, .container-ukphr .offset-by-two, .container-ukphr .offset-by-three, .container-ukphr .offset-by-four, .container-ukphr .offset-by-five, .container-ukphr .offset-by-six, .container-ukphr .offset-by-seven, .container-ukphr .offset-by-eight, .container-ukphr .offset-by-nine, .container-ukphr .offset-by-ten, .container-ukphr .offset-by-eleven, .container-ukphr .offset-by-twelve, .container-ukphr .offset-by-thirteen, .container-ukphr .offset-by-fourteen, .container-ukphr .offset-by-fifteen {
        padding-left: 0
    }

    .one_half, .one_third, .two_third, .one_fourth, .three_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth {
        width: 300px
    }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .container-ukphr {
        width: 420px
    }

    .container-ukphr .columns, .container-ukphr .column {
        margin: 0
    }

    .container-ukphr .one.column, .container-ukphr .one.columns, .container-ukphr .two.columns, .container-ukphr .three.columns, .container-ukphr .four.columns, .container-ukphr .five.columns, .container-ukphr .six.columns, .container-ukphr .seven.columns, .container-ukphr .eight.columns, .container-ukphr .nine.columns, .container-ukphr .ten.columns, .container-ukphr .eleven.columns, .container-ukphr .twelve.columns, .container-ukphr .thirteen.columns, .container-ukphr .fourteen.columns, .container-ukphr .fifteen.columns, .container-ukphr .sixteen.columns, .container-ukphr .one-third.columns, .container-ukphr .one-third.column, .container-ukphr .two-thirds.column {
        width: 420px
    }

    .one_half, .one_third, .two_third, .one_fourth, .three_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth {
        width: 420px
    }
}