/******************************************************************************

  Script    :   fixed_responsive_grid_style.css
  Author    :   C.E. Berry
  Version   :   5.00.013-3
  Notes     :   CSS Stylesheet containing CSS base responsive style

                All material contained within is the intellectual property of
                SysExcel Ltd and as such may not be reproduced in any way
                shape or form without the prior consent of SysExcel Ltd.

  Amended   :   12/11/15 - CEB
                Amended landscape mobile pixel width to 668px from 568px -
                intriduced with iPhone6

                31/01/15 - CEB
                Added no-margins option.

                07/12/14 - CEB
                Converted to 32 columns from 16 and added widescreen setting

********************************************************************************

    RESPONSIVE GRID LAYOUT - DEFINES LAYOUT OF COLUMNS FOR DIFFERENT DEVICES

********************************************************************************/

/*----  Base grid - 960px wide  ---*/

.responsivegrid,
.responsivegridnm
{
                                position: relative;
                                width: 960px;
                                margin: 0 auto;
                                padding: 0;
}

.responsivegrid .gridcolumn,
.responsivegrid .gridcolumns
{
                                float: left;
                                display: inline;
                                margin-left: 5px;
                                margin-right: 5px;
}

.responsivegridnm .gridcolumn,
.responsivegridnm .gridcolumns
{
                                float: left;
                                display: inline;
                                margin-left: 0;
                                margin-right: 0;
}

.gridrow
{
                                margin-bottom: 0;
}

/*----  Nested Column Classes  ---*/

.gridcolumn.leftcolumn,
.gridcolumns.leftcolumn
{
                                margin-left: 0;
}

.gridcolumn.rightcolumn,
.gridcolumns.rightcolumn
{
                                margin-right: 0;
}

/*---  Base Grid - margins  ---*/

.responsivegrid .one.gridcolumn,
.responsivegrid .one.gridcolumns
{
                                width: 20px;
}

.responsivegrid .two.gridcolumns
{
                                width: 50px;
}

.responsivegrid .three.gridcolumns
{
                                width: 80px;
}

.responsivegrid .four.gridcolumns
{
                                width: 110px;
}

.responsivegrid .five.gridcolumns
{
                                width: 140px;
}

.responsivegrid .six.gridcolumns
{
                                width: 170px;
}

.responsivegrid .seven.gridcolumns
{
                                width: 200px;
}

.responsivegrid .eight.gridcolumns
{
                                width: 230px;
}

.responsivegrid .nine.gridcolumns
{
                                width: 260px;
}

.responsivegrid .ten.gridcolumns
{
                                width: 290px;
}

.responsivegrid .eleven.gridcolumns
{
                                width: 320px;
}

.responsivegrid .twelve.gridcolumns
{
                                width: 350px;
}

.responsivegrid .thirteen.gridcolumns
{
                                width: 380px;
}

.responsivegrid .fourteen.gridcolumns
{
                                width: 410px;
}

.responsivegrid .fifteen.gridcolumns
{
                                width: 440px;
}

.responsivegrid .sixteen.gridcolumns
{
                                width: 470px;
}

.responsivegrid .seventeen.gridcolumns
{
                                width: 500px;
}

.responsivegrid .eighteen.gridcolumns
{
                                width: 530px;
}

.responsivegrid .nineteen.gridcolumns
{
                                width: 560px;
}

.responsivegrid .twenty.gridcolumns
{
                                width: 590px;
}

.responsivegrid .twenty-one.gridcolumns
{
                                width: 620px;
}

.responsivegrid .twenty-two.gridcolumns
{
                                width: 650px;
}

.responsivegrid .twenty-three.gridcolumns
{
                                width: 680px;
}

.responsivegrid .twenty-four.gridcolumns
{
                                width: 710px;
}

.responsivegrid .twenty-five.gridcolumns
{
                                width: 740px;
}

.responsivegrid .twenty-six.gridcolumns
{
                                width: 770px;
}

.responsivegrid .twenty-seven.gridcolumns
{
                                width: 800px;
}

.responsivegrid .twenty-eight.gridcolumns
{
                                width: 830px;
}

.responsivegrid .twenty-nine.gridcolumns
{
                                width: 860px;
}

.responsivegrid .thirty.gridcolumns
{
                                width: 890px;
}

.responsivegrid .thirty-one.gridcolumns
{
                                width: 920px;
}

.responsivegrid .thirty-two.gridcolumns
{
                                width: 950px;
}

.responsivegrid .one-third.gridcolumn,
.responsivegrid .one-third.gridcolumns
{
                                width: 310px;
}

.responsivegrid .two-thirds.gridcolumn,
.responsivegrid .two-thirds.gridcolumns
{
                                width: 630px;
}

/*---  Base Grid - no margins  ---*/

.responsivegridnm .one.gridcolumn,
.responsivegridnm .one.gridcolumns
{
                                width: 30px;
}

.responsivegridnm .two.gridcolumns
{
                                width: 60px;
}

.responsivegridnm .three.gridcolumns
{
                                width: 90px;
}

.responsivegridnm .four.gridcolumns
{
                                width: 120px;
}

.responsivegridnm .five.gridcolumns
{
                                width: 150px;
}

.responsivegridnm .six.gridcolumns
{
                                width: 180px;
}

.responsivegridnm .seven.gridcolumns
{
                                width: 210px;
}

.responsivegridnm .eight.gridcolumns
{
                                width: 240px;
}

.responsivegridnm .nine.gridcolumns
{
                                width: 270px;
}

.responsivegridnm .ten.gridcolumns
{
                                width: 300px;
}

.responsivegridnm .eleven.gridcolumns
{
                                width: 330px;
}

.responsivegridnm .twelve.gridcolumns
{
                                width: 360px;
}

.responsivegridnm .thirteen.gridcolumns
{
                                width: 390px;
}

.responsivegridnm .fourteen.gridcolumns
{
                                width: 420px;
}

.responsivegridnm .fifteen.gridcolumns
{
                                width: 450px;
}

.responsivegridnm .sixteen.gridcolumns
{
                                width: 480px;
}

.responsivegridnm .seventeen.gridcolumns
{
                                width: 510px;
}

.responsivegridnm .eighteen.gridcolumns
{
                                width: 540px;
}

.responsivegridnm .nineteen.gridcolumns
{
                                width: 570px;
}

.responsivegridnm .twenty.gridcolumns
{
                                width: 600px;
}

.responsivegridnm .twenty-one.gridcolumns
{
                                width: 630px;
}

.responsivegridnm .twenty-two.gridcolumns
{
                                width: 660px;
}

.responsivegridnm .twenty-three.gridcolumns
{
                                width: 690px;
}

.responsivegridnm .twenty-four.gridcolumns
{
                                width: 720px;
}

.responsivegridnm .twenty-five.gridcolumns
{
                                width: 750px;
}

.responsivegridnm .twenty-six.gridcolumns
{
                                width: 780px;
}

.responsivegridnm .twenty-seven.gridcolumns
{
                                width: 810px;
}

.responsivegridnm .twenty-eight.gridcolumns
{
                                width: 840px;
}

.responsivegridnm .twenty-nine.gridcolumns
{
                                width: 870px;
}

.responsivegridnm .thirty.gridcolumns
{
                                width: 900px;
}

.responsivegridnm .thirty-one.gridcolumns
{
                                width: 930px;
}

.responsivegridnm .thirty-two.gridcolumns
{
                                width: 960px;
}

.responsivegridnm .one-third.gridcolumn,
.responsivegridnm .one-third.gridcolumns
{
                                width: 320px;
}

.responsivegridnm .two-thirds.gridcolumn,
.responsivegridnm .two-thirds.gridcolumns
{
                                width: 640px;
}

/*---  Offset/padded columns  ---*/

.responsivegrid .padded-one-column,
.responsivegrid .padded-one-columns,
.responsivegridnm .padded-one-column,
.responsivegridnm .padded-one-columns
{
                                padding-left: 30px;
}

.responsivegrid .padded-two-columns,
.responsivegridnm .padded-two-columns
{
                                padding-left: 60px;
}

.responsivegrid .padded-three-columns,
.responsivegridnm .padded-three-columns
{
                                padding-left: 90px;
}

.responsivegrid .padded-four-columns,
.responsivegridnm .padded-four-columns
{
                                padding-left: 120px;
}

.responsivegrid .padded-five-columns,
.responsivegridnm .padded-five-columns
{
                                padding-left: 150px;
}

.responsivegrid .padded-six-columns,
.responsivegridnm .padded-six-columns
{
                                padding-left: 180px;
}

.responsivegrid .padded-seven-columns,
.responsivegridnm .padded-seven-columns
{
                                padding-left: 210px;
}

.responsivegrid .padded-eight-columns,
.responsivegridnm .padded-eight-columns
{
                                padding-left: 240px;
}

.responsivegrid .padded-nine-columns,
.responsivegridnm .padded-nine-columns
{
                                padding-left: 270px;
}

.responsivegrid .padded-ten-columns,
.responsivegridnm .padded-ten-columns
{
                                padding-left: 300px;
}

.responsivegrid .padded-eleven-columns,
.responsivegridnm .padded-eleven-columns
{
                                padding-left: 330px;
}

.responsivegrid .padded-twelve-columns,
.responsivegridnm .padded-twelve-columns
{
                                padding-left: 360px;
}

.responsivegrid .padded-thirteen-columns,
.responsivegridnm .padded-thirteen-columns
{
                                padding-left: 390px;
}

.responsivegrid .padded-fourteen-columns,
.responsivegridnm .padded-fourteen-columns
{
                                padding-left: 420px;
}

.responsivegrid .padded-fifteen-columns,
.responsivegridnm .padded-fifteen-columns
{
                                padding-left: 450px;
}

.responsivegrid .padded-sixteen-columns,
.responsivegridnm .padded-sixteen-columns
{
                                padding-left: 480px;
}

.responsivegrid .padded-seventeen-columns,
.responsivegridnm .padded-seventeen-columns
{
                                padding-left: 510px;
}

.responsivegrid .padded-eighteen-columns,
.responsivegridnm .padded-eighteen-columns
{
                                padding-left: 540px;
}

.responsivegrid .padded-nineteen-columns,
.responsivegridnm .padded-nineteen-columns
{
                                padding-left: 570px;
}

.responsivegrid .padded-twenty-columns,
.responsivegridnm .padded-twenty-columns
{
                                padding-left: 600px;
}

.responsivegrid .padded-twenty-one-columns,
.responsivegridnm .padded-twenty-one-columns
{
                                padding-left: 630px;
}

.responsivegrid .padded-twenty-two-columns,
.responsivegridnm .padded-twenty-two-columns
{
                                padding-left: 660px;
}

.responsivegrid .padded-twenty-three-columns,
.responsivegridnm .padded-twenty-three-columns
{
                                padding-left: 690px;
}

.responsivegrid .padded-twenty-four-columns,
.responsivegridnm .padded-twenty-four-columns
{
                                padding-left: 720px;
}

.responsivegrid .padded-twenty-five-columns,
.responsivegridnm .padded-twenty-five-columns
{
                                padding-left: 750px;
}

.responsivegrid .padded-twenty-six-columns,
.responsivegridnm .padded-twenty-six-columns
{
                                padding-left: 780px;
}

.responsivegrid .padded-twenty-seven-columns,
.responsivegridnm .padded-twenty-seven-columns
{
                                padding-left: 810px;
}

.responsivegrid .padded-twenty-eight-columns,
.responsivegridnm .padded-twenty-eight-columns
{
                                padding-left: 840px;
}

.responsivegrid .padded-twenty-nine-columns,
.responsivegridnm .padded-twenty-nine-columns
{
                                padding-left: 870px;
}

.responsivegrid .padded-thirty-columns,
.responsivegridnm .padded-thirty-columns
{
                                padding-left: 900px;
}

.responsivegrid .padded-thirty-one-columns,
.responsivegridnm .padded-thirty-one-columns
{
                                padding-left: 930px;
}

.gridrowdesktoptabletonly:before,
.gridrowdesktoptabletonly:after
{
                                content: '\0020';
                                display: block;
                                overflow: hidden;
                                visibility: hidden;
                                width: 0;
                                height: 0;
}

.gridrowdesktoptabletonly:after
{
                                clear: both;
}

.gridrowdesktoptabletonly
{
                                zoom: 1;
}

/********************************************************************************

    SPECIFIC STYLES FOR WIDE DESKTOP DEVICES

********************************************************************************/

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

/*----  Base grid - 1152 wide  ---*/

    .responsivegrid,
    .responsivegridnm
    {
                                width: 1152px;
    }

/*---  Base Grid - margins  ---*/

    .responsivegrid .one.gridcolumn,
    .responsivegrid .one.gridcolumns
    {
                                width: 26px;
    }

    .responsivegrid .two.gridcolumns
    {
                                width: 62px;

    }

    .responsivegrid .three.gridcolumns
    {
                                width: 98px;
    }

    .responsivegrid .four.gridcolumns
    {
                                width: 134px;
    }

    .responsivegrid .five.gridcolumns
    {
                                width: 170px;
    }

    .responsivegrid .six.gridcolumns
    {
                                width: 206px;
    }

    .responsivegrid .seven.gridcolumns
    {
                                width: 242px;
    }

    .responsivegrid .eight.gridcolumns
    {
                                width: 278px;
    }

    .responsivegrid .nine.gridcolumns
    {
                                width: 314px;
    }

    .responsivegrid .ten.gridcolumns
    {
                                width: 350px;
    }

    .responsivegrid .eleven.gridcolumns
    {
                                width: 386px;
    }

    .responsivegrid .twelve.gridcolumns
    {
                                width: 422px;
    }

    .responsivegrid .thirteen.gridcolumns
    {
                                width: 458px;
    }

    .responsivegrid .fourteen.gridcolumns
    {
                                width: 494px;
    }

    .responsivegrid .fifteen.gridcolumns
    {
                                width: 530px;
    }

    .responsivegrid .sixteen.gridcolumns
    {
                                width: 566px;
    }

    .responsivegrid .seventeen.gridcolumns
    {
                                width: 602px;
    }

    .responsivegrid .eighteen.gridcolumns
    {
                                width: 638px;
    }

    .responsivegrid .nineteen.gridcolumns
    {
                                width: 674px;
    }

    .responsivegrid .twenty.gridcolumns
    {
                                width: 710px;
    }

    .responsivegrid .twenty-one.gridcolumns
    {
                                width: 746px;
    }

    .responsivegrid .twenty-two.gridcolumns
    {
                                width: 782px;
    }

    .responsivegrid .twenty-three.gridcolumns
    {
                                width: 818px;
    }

    .responsivegrid .twenty-four.gridcolumns
    {
                                width: 854px;
    }

    .responsivegrid .twenty-five.gridcolumns
    {
                                width: 890px;
    }

    .responsivegrid .twenty-six.gridcolumns
    {
                                width: 926px;
    }

    .responsivegrid .twenty-seven.gridcolumns
    {
                                width: 962px;
    }

    .responsivegrid .twenty-eight.gridcolumns
    {
                                width: 998px;
    }

    .responsivegrid .twenty-nine.gridcolumns
    {
                                width: 1034px;
    }

    .responsivegrid .thirty.gridcolumns
    {
                                width: 1070px;
    }

    .responsivegrid .thirty-one.gridcolumns
    {
                                width: 1106px;
    }

    .responsivegrid .thirty-two.gridcolumns
    {
                                width: 1142px;
    }

    .responsivegrid .one-third.gridcolumn,
    .responsivegrid .one-third.gridcolumns
    {
                                width: 374px;
    }

    .responsivegrid .two-thirds.gridcolumn,
    .responsivegrid .two-thirds.gridcolumns
    {
                                 width: 758px;
    }

/*---  Base Grid - no margins  ---*/

    .responsivegridnm .one.gridcolumn,
    .responsivegridnm .one.gridcolumns
    {
                                width: 36px;
    }

    .responsivegridnm .two.gridcolumns
    {
                                width: 72px;

    }

    .responsivegridnm .three.gridcolumns
    {
                                width: 108px;
    }

    .responsivegridnm .four.gridcolumns
    {
                                width: 144px;
    }

    .responsivegridnm .five.gridcolumns
    {
                                width: 180px;
    }

    .responsivegridnm .six.gridcolumns
    {
                                width: 216px;
    }

    .responsivegridnm .seven.gridcolumns
    {
                                width: 252px;
    }

    .responsivegridnm .eight.gridcolumns
    {
                                width: 288px;
    }

    .responsivegridnm .nine.gridcolumns
    {
                                width: 324px;
    }

    .responsivegridnm .ten.gridcolumns
    {
                                width: 360px;
    }

    .responsivegridnm .eleven.gridcolumns
    {
                                width: 396px;
    }

    .responsivegridnm .twelve.gridcolumns
    {
                                width: 432px;
    }

    .responsivegridnm .thirteen.gridcolumns
    {
                                width: 468px;
    }

    .responsivegridnm .fourteen.gridcolumns
    {
                                width: 504px;
    }

    .responsivegridnm .fifteen.gridcolumns
    {
                                width: 540px;
    }

    .responsivegridnm .sixteen.gridcolumns
    {
                                width: 576px;
    }

    .responsivegridnm .seventeen.gridcolumns
    {
                                width: 612px;
    }

    .responsivegridnm .eighteen.gridcolumns
    {
                                width: 648px;
    }

    .responsivegridnm .nineteen.gridcolumns
    {
                                width: 684px;
    }

    .responsivegridnm .twenty.gridcolumns
    {
                                width: 720px;
    }

    .responsivegridnm .twenty-one.gridcolumns
    {
                                width: 756px;
    }

    .responsivegridnm .twenty-two.gridcolumns
    {
                                width: 792px;
    }

    .responsivegridnm .twenty-three.gridcolumns
    {
                                width: 828px;
    }

    .responsivegridnm .twenty-four.gridcolumns
    {
                                width: 864px;
    }

    .responsivegridnm .twenty-five.gridcolumns
    {
                                width: 900px;
    }

    .responsivegridnm .twenty-six.gridcolumns
    {
                                width: 936px;
    }

    .responsivegridnm .twenty-seven.gridcolumns
    {
                                width: 972px;
    }

    .responsivegridnm .twenty-eight.gridcolumns
    {
                                width: 1008px;
    }

    .responsivegridnm .twenty-nine.gridcolumns
    {
                                width: 1044px;
    }

    .responsivegridnm .thirty.gridcolumns
    {
                                width: 1080px;
    }

    .responsivegridnm .thirty-one.gridcolumns
    {
                                width: 1116px;
    }

    .responsivegridnm .thirty-two.gridcolumns
    {
                                width: 1152px;
    }

    .responsivegridnm .one-third.gridcolumn,
    .responsivegridnm .one-third.gridcolumns
    {
                                width: 384px;
    }

    .responsivegridnm .two-thirds.gridcolumn,
    .responsivegridnm .two-thirds.gridcolumns
    {
                                 width: 768px;
    }

/*---  Offset/padded columns  ---*/

    .responsivegrid .padded-one-column,
    .responsivegrid .padded-one-columns,
    .responsivegridnm .padded-one-column,
    .responsivegridnm .padded-one-columns
    {
                                padding-left: 36px;
    }

    .responsivegrid .padded-two-columns,
    .responsivegridnm .padded-two-columns
    {
                                padding-left: 72px;
    }

    .responsivegrid .padded-three-columns,
    .responsivegridnm .padded-three-columns
    {
                                padding-left: 108px;
    }

    .responsivegrid .padded-four-columns,
    .responsivegridnm .padded-four-columns
    {
                                padding-left: 144px;
    }

    .responsivegrid .padded-five-columns,
    .responsivegridnm .padded-five-columns
    {
                                padding-left: 180px;
    }

    .responsivegrid .padded-six-columns,
    .responsivegridnm .padded-six-columns
    {
                                padding-left: 216px;
    }

    .responsivegrid .padded-seven-columns,
    .responsivegridnm .padded-seven-columns
    {
                                padding-left: 252px;
    }

    .responsivegrid .padded-eight-columns,
    .responsivegridnm .padded-eight-columns
    {
                                padding-left: 288px;
    }

    .responsivegrid .padded-nine-columns,
    .responsivegridnm .padded-nine-columns
    {
                                padding-left: 324px;
    }

    .responsivegrid .padded-ten-columns,
    .responsivegridnm .padded-ten-columns
    {
                                padding-left: 360px;
    }

    .responsivegrid .padded-eleven-columns,
    .responsivegridnm .padded-eleven-columns
    {
                                padding-left: 396px;
    }

    .responsivegrid .padded-twelve-columns,
    .responsivegridnm .padded-twelve-columns
    {
                                padding-left: 432px;
    }

    .responsivegrid .padded-thirteen-columns,
    .responsivegridnm .padded-thirteen-columns
    {
                                padding-left: 468px;
    }

    .responsivegrid .padded-fourteen-columns,
    .responsivegridnm .padded-fourteen-columns
    {
                                padding-left: 504px;
    }

    .responsivegrid .padded-fifteen-columns,
    .responsivegridnm .padded-fifteen-columns
    {
                                padding-left: 540px;
    }

    .responsivegrid .padded-sixteen-columns,
    .responsivegridnm .padded-sixteen-columns
    {
                                padding-left: 576px;
    }

    .responsivegrid .padded-seventeen-columns,
    .responsivegridnm .padded-seventeen-columns
    {
                                padding-left: 612px;
    }

    .responsivegrid .padded-eighteen-columns,
    .responsivegridnm .padded-eighteen-columns
    {
                                padding-left: 648px;
    }

    .responsivegrid .padded-nineteen-columns,
    .responsivegridnm .padded-nineteen-columns
    {
                                padding-left: 684px;
    }

    .responsivegrid .padded-twenty-columns,
    .responsivegridnm .padded-twenty-columns
    {
                                padding-left: 720px;
    }

    .responsivegrid .padded-twenty-one-columns,
    .responsivegridnm .padded-twenty-one-columns
    {
                                padding-left: 756px;
    }

    .responsivegrid .padded-twenty-two-columns,
    .responsivegridnm .padded-twenty-two-columns
    {
                                padding-left: 792px;
    }

    .responsivegrid .padded-twenty-three-columns,
    .responsivegridnm .padded-twenty-three-columns
    {
                                padding-left: 828px;
    }

    .responsivegrid .padded-twenty-four-columns,
    .responsivegridnm .padded-twenty-four-columns
    {
                                padding-left: 864px;
    }

    .responsivegrid .padded-twenty-five-columns,
    .responsivegridnm .padded-twenty-five-columns
    {
                                padding-left: 900px;
    }

    .responsivegrid .padded-twenty-six-columns,
    .responsivegridnm .padded-twenty-six-columns
    {
                                padding-left: 936px;
    }

    .responsivegrid .padded-twenty-seven-columns,
    .responsivegridnm .padded-twenty-seven-columns
    {
                                padding-left: 972px;
    }

    .responsivegrid .padded-twenty-eight-columns,
    .responsivegridnm .padded-twenty-eight-columns
    {
                                padding-left: 1008px;
    }

    .responsivegrid .padded-twenty-nine-columns,
    .responsivegridnm .padded-twenty-nine-columns
    {
                                padding-left: 1044px;
    }

    .responsivegrid .padded-thirty-columns,
    .responsivegridnm .padded-thirty-columns
    {
                                padding-left: 1080px;
    }

    .responsivegrid .padded-thirty-one-columns,
    .responsivegridnm .padded-thirty-one-columns
    {
                                padding-left: 1116px;
    }

}

/********************************************************************************

    SPECIFIC STYLES FOR ALL TABLETS

********************************************************************************/

@media only screen and
(min-width: 569px) and
(max-width: 1024px)
{
}

/********************************************************************************

    SPECIFIC STYLES FOR TABLETS (LANDSCAPE)

********************************************************************************/

@media only screen and
(min-width: 569px) and
(max-width: 1024px) and
(orientation: landscape)
{
}

/********************************************************************************

    SPECIFIC STYLES FOR TABLETS (PORTRAIT)

********************************************************************************/

@media only screen and
(min-width: 569px) and
(max-width: 1024px) and
(orientation: portrait)
{
    .responsivegrid,
    .responsivegridnm
    {
                                width: 768px;
    }

/*---  Nested Column Classes  ---*/

    .gridcolumn.leftcolumn,
    .gridcolumns.leftcolumn
    {
                                margin-left: 0;
    }
    .gridcolumn.rightcolumn,
    .gridcolumns.rightcolumn
    {
                                margin-right: 0;
    }

/*---  Base Grid - margins ---*/

    .responsivegrid .one.gridcolumn,
    .responsivegrid .one.gridcolumns
    {
                                width: 14px;
    }
    .responsivegrid .two.gridcolumns
    {
                                width: 38px;
    }

    .responsivegrid .three.gridcolumns
    {
                                width: 62px;
    }

    .responsivegrid .four.gridcolumns
    {
                                width: 86px;
    }

    .responsivegrid .five.gridcolumns
    {
                                width: 110px;
    }

    .responsivegrid .six.gridcolumns
    {
                                width: 134px;
    }

    .responsivegrid .seven.gridcolumns
    {
                                width: 158px;
    }

    .responsivegrid .eight.gridcolumns
    {
                                width: 182px;
    }

    .responsivegrid .nine.gridcolumns
    {
                                width: 206px;
    }

    .responsivegrid .ten.gridcolumns
    {
                                width: 230px;
    }

    .responsivegrid .eleven.gridcolumns
    {
                                width: 254px;
    }

    .responsivegrid .twelve.gridcolumns
    {
                                width: 278px;
    }

    .responsivegrid .thirteen.gridcolumns
    {
                                width: 302px;
    }

    .responsivegrid .fourteen.gridcolumns
    {
                                width: 326px;
    }

    .responsivegrid .fifteen.gridcolumns
    {
                                width: 350px;
    }

    .responsivegrid .sixteen.gridcolumns
    {
                                width: 374px;
    }

    .responsivegrid .seventeen.gridcolumns
    {
                                width: 398px;
    }

    .responsivegrid .eighteen.gridcolumns
    {
                                width: 422px;
    }

    .responsivegrid .nineteen.gridcolumns
    {
                                width: 446px;
    }

    .responsivegrid .twenty.gridcolumns
    {
                                width: 470px;
    }

    .responsivegrid .twenty-one.gridcolumns
    {
                                width: 494px;
    }

    .responsivegrid .twenty-two.gridcolumns
    {
                                width: 518px;
    }

    .responsivegrid .twenty-three.gridcolumns
    {
                                width: 542px;
    }

    .responsivegrid .twenty-four.gridcolumns
    {
                                width: 566px;
    }

    .responsivegrid .twenty-five.gridcolumns
    {
                                width: 590px;
    }

    .responsivegrid .twenty-six.gridcolumns
    {
                                width: 614px;
    }

    .responsivegrid .twenty-seven.gridcolumns
    {
                                width: 638px;
    }

    .responsivegrid .twenty-eight.gridcolumns
    {
                                width: 662px;
    }

    .responsivegrid .twenty-nine.gridcolumns
    {
                                width: 686px;
    }

    .responsivegrid .thirty.gridcolumns
    {
                                width: 710px;
    }

    .responsivegrid .thirty-one.gridcolumns
    {
                                width: 734px;
    }

    .responsivegrid .thirty-two.gridcolumns
    {
                                width: 758px;
    }

    .responsivegrid .one-third.gridcolumn,
    .responsivegrid .one-third.gridcolumns
    {
                                width: 246px;
    }

    .responsivegrid .two-thirds.gridcolumn,
    .responsivegrid .two-thirds.gridcolumns
    {
                                width: 502px;
    }

/*---  Base Grid - no margins ---*/

    .responsivegridnm .one.gridcolumn,
    .responsivegridnm .one.gridcolumns
    {
                                width: 24px;
    }
    .responsivegridnm .two.gridcolumns
    {
                                width: 48px;
    }

    .responsivegridnm .three.gridcolumns
    {
                                width: 72px;
    }

    .responsivegridnm .four.gridcolumns
    {
                                width: 96px;
    }

    .responsivegridnm .five.gridcolumns
    {
                                width: 120px;
    }

    .responsivegridnm .six.gridcolumns
    {
                                width: 144px;
    }

    .responsivegridnm .seven.gridcolumns
    {
                                width: 168px;
    }

    .responsivegridnm .eight.gridcolumns
    {
                                width: 192px;
    }

    .responsivegridnm .nine.gridcolumns
    {
                                width: 216px;
    }

    .responsivegridnm .ten.gridcolumns
    {
                                width: 240px;
    }

    .responsivegridnm .eleven.gridcolumns
    {
                                width: 264px;
    }

    .responsivegridnm .twelve.gridcolumns
    {
                                width: 288px;
    }

    .responsivegridnm .thirteen.gridcolumns
    {
                                width: 312px;
    }

    .responsivegridnm .fourteen.gridcolumns
    {
                                width: 326px;
    }

    .responsivegridnm .fifteen.gridcolumns
    {
                                width: 360px;
    }

    .responsivegridnm .sixteen.gridcolumns
    {
                                width: 384px;
    }

    .responsivegridnm .seventeen.gridcolumns
    {
                                width: 408px;
    }

    .responsivegridnm .eighteen.gridcolumns
    {
                                width: 432px;
    }

    .responsivegridnm .nineteen.gridcolumns
    {
                                width: 456px;
    }

    .responsivegridnm .twenty.gridcolumns
    {
                                width: 480px;
    }

    .responsivegridnm .twenty-one.gridcolumns
    {
                                width: 504px;
    }

    .responsivegridnm .twenty-two.gridcolumns
    {
                                width: 528px;
    }

    .responsivegridnm .twenty-three.gridcolumns
    {
                                width: 552px;
    }

    .responsivegridnm .twenty-four.gridcolumns
    {
                                width: 576px;
    }

    .responsivegridnm .twenty-five.gridcolumns
    {
                                width: 600px;
    }

    .responsivegridnm .twenty-six.gridcolumns
    {
                                width: 624px;
    }

    .responsivegridnm .twenty-seven.gridcolumns
    {
                                width: 648px;
    }

    .responsivegridnm .twenty-eight.gridcolumns
    {
                                width: 672px;
    }

    .responsivegridnm .twenty-nine.gridcolumns
    {
                                width: 696px;
    }

    .responsivegridnm .thirty.gridcolumns
    {
                                width: 720px;
    }

    .responsivegridnm .thirty-one.gridcolumns
    {
                                width: 744px;
    }

    .responsivegridnm .thirty-two.gridcolumns
    {
                                width: 768px;
    }

    .responsivegridnm .one-third.gridcolumn,
    .responsivegridnm .one-third.gridcolumns
    {
                                width: 256px;
    }

    .responsivegridnm .two-thirds.gridcolumn,
    .responsivegridnm .two-thirds.gridcolumns
    {
                                width: 512px;
    }

/*---  Offset/Padded columns  ---*/

    .responsivegrid .padded-one-column,
    .responsivegrid .padded-one-columns,
    .responsivegridnm .padded-one-column,
    .responsivegridnm .padded-one-columns
    {
                                padding-left: 24px;
    }

    .responsivegrid .padded-two-columns,
    .responsivegridnm .padded-two-columns
    {
                                padding-left: 48px;
    }

    .responsivegrid .padded-three-columns,
    .responsivegridnm .padded-three-columns
    {
                                padding-left: 72px;
    }

    .responsivegrid .padded-four-columns,
    .responsivegridnm .padded-four-columns
    {
                                padding-left: 96px;
    }

    .responsivegrid .padded-five-columns,
    .responsivegridnm .padded-five-columns
    {
                                padding-left: 120px;
    }

    .responsivegrid .padded-six-columns,
    .responsivegridnm .padded-six-columns
    {
                                padding-left: 144px;
    }

    .responsivegrid .padded-seven-columns,
    .responsivegridnm .padded-seven-columns
    {
                                padding-left: 168px;
    }

    .responsivegrid .padded-eight-columns,
    .responsivegridnm .padded-eight-columns
    {
                                padding-left: 192px;
    }

    .responsivegrid .padded-nine-columns,
    .responsivegridnm .padded-nine-columns
    {
                                padding-left: 216px;
    }

    .responsivegrid .padded-ten-columns,
    .responsivegridnm .padded-ten-columns
    {
                                padding-left: 240px;
    }

    .responsivegrid .padded-eleven-columns,
    .responsivegridnm .padded-eleven-columns
    {
                                padding-left: 264px;
    }

    .responsivegrid .padded-twelve-columns,
    .responsivegridnm .padded-twelve-columns
    {
                                padding-left: 288px;
    }

    .responsivegrid .padded-thirteen-columns,
    .responsivegridnm .padded-thirteen-columns
    {
                                padding-left: 312px;
    }

    .responsivegrid .padded-fourteen-columns,
    .responsivegridnm .padded-fourteen-columns
    {
                                padding-left: 336px;
    }

    .responsivegrid .padded-fifteen-columns,
    .responsivegridnm .padded-fifteen-columns
    {
                                padding-left: 360px;
    }

    .responsivegrid .padded-sixteen-columns,
    .responsivegridnm .padded-sixteen-columns
    {
                                padding-left: 384px;
    }

    .responsivegrid .padded-seventeen-columns,
    .responsivegridnm .padded-seventeen-columns
    {
                                padding-left: 408px;
    }

    .responsivegrid .padded-eighteen-columns,
    .responsivegridnm .padded-eighteen-columns
    {
                                padding-left: 432px;
    }

    .responsivegrid .padded-nineteen-columns,
    .responsivegridnm .padded-nineteen-columns
    {
                                padding-left: 456px;
    }

    .responsivegrid .padded-twenty-columns,
    .responsivegridnm .padded-twenty-columns
    {
                                padding-left: 480px;
    }

    .responsivegrid .padded-twenty-one-columns,
    .responsivegridnm .padded-twenty-one-columns
    {
                                padding-left: 504px;
    }

    .responsivegrid .padded-twenty-two-columns,
    .responsivegridnm .padded-twenty-two-columns
    {
                                padding-left: 528px;
    }

    .responsivegrid .padded-twenty-three-columns,
    .responsivegridnm .padded-twenty-three-columns
    {
                                padding-left: 552px;
    }

    .responsivegrid .padded-twenty-four-columns,
    .responsivegridnm .padded-twenty-four-columns
    {
                                padding-left: 576px;
    }

    .responsivegrid .padded-twenty-five-columns,
    .responsivegridnm .padded-twenty-five-columns
    {
                                padding-left: 600px;
    }

    .responsivegrid .padded-twenty-six-columns,
    .responsivegridnm .padded-twenty-six-columns
    {
                                padding-left: 624px;
    }

    .responsivegrid .padded-twenty-seven-columns,
    .responsivegridnm .padded-twenty-seven-columns
    {
                                padding-left: 648px;
    }

    .responsivegrid .padded-twenty-eight-columns,
    .responsivegridnm .padded-twenty-eight-columns
    {
                                padding-left: 672px;
    }

    .responsivegrid .padded-twenty-nine-columns,
    .responsivegridnm .padded-twenty-nine-columns
    {
                                padding-left: 696px;
    }

    .responsivegrid .padded-thirty-columns,
    .responsivegridnm .padded-thirty-columns
    {
                                padding-left: 720px;
    }

    .responsivegrid .padded-thirty-one-columns,
    .responsivegridnm .padded-thirty-one-columns
    {
                                padding-left: 744px;
    }

}

/********************************************************************************

    SPECIFIC STYLES FOR ALL MOBILES

********************************************************************************/

@media only screen and
(max-width: 668px)
{
    .gridrowdesktoptabletonly:before,
    .gridrowdesktoptabletonly:after
    {
                                    content: '';
                                    display: none;
                                    overflow: hidden;
                                    visibility: hidden;
                                    width: 0;
                                    height: 0;
    }

    .gridrowdesktoptabletonly:after
    {
                                    clear: none;
    }

    .gridrowdesktoptabletonly
    {
                                    zoom: 1;
    }

}

/********************************************************************************

    SPECIFIC STYLES FOR MOBILES (LANDSCAPE)

********************************************************************************/

@media only screen and
(max-width: 668px) and
(orientation: landscape)
{
    .responsivegrid,
    .responsivegridnm
    {
                                width: 420px;

    }

    .responsivegrid .gridcolumns,
    .responsivegrid .gridcolumn
    {
                                margin: 0;
    }

    .responsivegrid .one.gridcolumn,
    .responsivegrid .one.gridcolumns,
    .responsivegrid .two.gridcolumns,
    .responsivegrid .three.gridcolumns,
    .responsivegrid .four.gridcolumns,
    .responsivegrid .five.gridcolumns,
    .responsivegrid .six.gridcolumns,
    .responsivegrid .seven.gridcolumns,
    .responsivegrid .eight.gridcolumns,
    .responsivegrid .nine.gridcolumns,
    .responsivegrid .ten.gridcolumns,
    .responsivegrid .eleven.gridcolumns,
    .responsivegrid .twelve.gridcolumns,
    .responsivegrid .thirteen.gridcolumns,
    .responsivegrid .fourteen.gridcolumns,
    .responsivegrid .fifteen.gridcolumns,
    .responsivegrid .sixteen.gridcolumns,
    .responsivegrid .seventeen.gridcolumns,
    .responsivegrid .eighteen.gridcolumns,
    .responsivegrid .nineteen.gridcolumns,
    .responsivegrid .twenty.gridcolumns,
    .responsivegrid .twenty-one.gridcolumns,
    .responsivegrid .twenty-two.gridcolumns,
    .responsivegrid .twenty-three.gridcolumns,
    .responsivegrid .twenty-four.gridcolumns,
    .responsivegrid .twenty-five.gridcolumns,
    .responsivegrid .twenty-six.gridcolumns,
    .responsivegrid .twenty-seven.gridcolumns,
    .responsivegrid .twenty-eight.gridcolumns,
    .responsivegrid .twenty-nine.gridcolumns,
    .responsivegrid .thirty.gridcolumns,
    .responsivegrid .thirty-one.gridcolumns,
    .responsivegrid .thirty-two.gridcolumns,
    .responsivegrid .one-third.gridcolumn,
    .responsivegrid .one-third.gridcolumns,
    .responsivegrid .two-thirds.gridcolumn,
    .responsivegrid .two-thirds.gridcolumns,
    .responsivegridnm .one.gridcolumn,
    .responsivegridnm .one.gridcolumns,
    .responsivegridnm .two.gridcolumns,
    .responsivegridnm .three.gridcolumns,
    .responsivegridnm .four.gridcolumns,
    .responsivegridnm .five.gridcolumns,
    .responsivegridnm .six.gridcolumns,
    .responsivegridnm .seven.gridcolumns,
    .responsivegridnm .eight.gridcolumns,
    .responsivegridnm .nine.gridcolumns,
    .responsivegridnm .ten.gridcolumns,
    .responsivegridnm .eleven.gridcolumns,
    .responsivegridnm .twelve.gridcolumns,
    .responsivegridnm .thirteen.gridcolumns,
    .responsivegridnm .fourteen.gridcolumns,
    .responsivegridnm .fifteen.gridcolumns,
    .responsivegridnm .sixteen.gridcolumns,
    .responsivegridnm .seventeen.gridcolumns,
    .responsivegridnm .eighteen.gridcolumns,
    .responsivegridnm .nineteen.gridcolumns,
    .responsivegridnm .twenty.gridcolumns,
    .responsivegridnm .twenty-one.gridcolumns,
    .responsivegridnm .twenty-two.gridcolumns,
    .responsivegridnm .twenty-three.gridcolumns,
    .responsivegridnm .twenty-four.gridcolumns,
    .responsivegridnm .twenty-five.gridcolumns,
    .responsivegridnm .twenty-six.gridcolumns,
    .responsivegridnm .twenty-seven.gridcolumns,
    .responsivegridnm .twenty-eight.gridcolumns,
    .responsivegridnm .twenty-nine.gridcolumns,
    .responsivegridnm .thirty.gridcolumns,
    .responsivegridnm .thirty-one.gridcolumns,
    .responsivegridnm .thirty-two.gridcolumns,
    .responsivegridnm .one-third.gridcolumn,
    .responsivegridnm .one-third.gridcolumns,
    .responsivegridnm .two-thirds.gridcolumn,
    .responsivegridnm .two-thirds.gridcolumns
    {
                                width: 420px;
    }

    .responsivegrid .padded-one-column,
    .responsivegrid .padded-one-columns,
    .responsivegrid .padded-two-columns,
    .responsivegrid .padded-three-columns,
    .responsivegrid .padded-four-columns,
    .responsivegrid .padded-five-columns,
    .responsivegrid .padded-six-columns,
    .responsivegrid .padded-seven-columns,
    .responsivegrid .padded-eight-columns,
    .responsivegrid .padded-nine-columns,
    .responsivegrid .padded-ten-columns,
    .responsivegrid .padded-eleven-columns,
    .responsivegrid .padded-twelve-columns,
    .responsivegrid .padded-thirteen-columns,
    .responsivegrid .padded-fourteen-columns,
    .responsivegrid .padded-fifteen-columns,
    .responsivegrid .padded-sixteen-columns,
    .responsivegrid .padded-seventeen-columns,
    .responsivegrid .padded-eighteen-columns,
    .responsivegrid .padded-nineteen-columns,
    .responsivegrid .padded-twenty-columns,
    .responsivegrid .padded-twenty-one-columns,
    .responsivegrid .padded-twenty-two-columns,
    .responsivegrid .padded-twenty-three-columns,
    .responsivegrid .padded-twenty-four-columns,
    .responsivegrid .padded-twenty-five-columns,
    .responsivegrid .padded-twenty-six-columns,
    .responsivegrid .padded-twenty-seven-columns,
    .responsivegrid .padded-twenty-eight-columns,
    .responsivegrid .padded-twenty-nine-columns,
    .responsivegrid .padded-thirty-columns,
    .responsivegrid .padded-thirty-one-columns,
    .responsivegridnm .padded-one-column,
    .responsivegridnm .padded-one-columns,
    .responsivegridnm .padded-two-columns,
    .responsivegridnm .padded-three-columns,
    .responsivegridnm .padded-four-columns,
    .responsivegridnm .padded-five-columns,
    .responsivegridnm .padded-six-columns,
    .responsivegridnm .padded-seven-columns,
    .responsivegridnm .padded-eight-columns,
    .responsivegridnm .padded-nine-columns,
    .responsivegridnm .padded-ten-columns,
    .responsivegridnm .padded-eleven-columns,
    .responsivegridnm .padded-twelve-columns,
    .responsivegridnm .padded-thirteen-columns,
    .responsivegridnm .padded-fourteen-columns,
    .responsivegridnm .padded-fifteen-columns,
    .responsivegridnm .padded-sixteen-columns,
    .responsivegridnm .padded-seventeen-columns,
    .responsivegridnm .padded-eighteen-columns,
    .responsivegridnm .padded-nineteen-columns,
    .responsivegridnm .padded-twenty-columns,
    .responsivegridnm .padded-twenty-one-columns,
    .responsivegridnm .padded-twenty-two-columns,
    .responsivegridnm .padded-twenty-three-columns,
    .responsivegridnm .padded-twenty-four-columns,
    .responsivegridnm .padded-twenty-five-columns,
    .responsivegridnm .padded-twenty-six-columns,
    .responsivegridnm .padded-twenty-seven-columns,
    .responsivegridnm .padded-twenty-eight-columns,
    .responsivegridnm .padded-twenty-nine-columns,
    .responsivegridnm .padded-thirty-columns,
    .responsivegridnm .padded-thirty-one-columns
    {
                                padding-left: 0;
    }

}

/********************************************************************************

    SPECIFIC STYLES FOR MOBILES (PORTRAIT)

********************************************************************************/

@media only screen and
(max-width: 668px) and
(orientation: portrait)
{
    .responsivegrid,
    .responsivegridnm
    {
                                width: 300px;
    }

    .responsivegrid .gridcolumns,
    .responsivegrid .gridcolumn
    {
                                margin: 0;
    }

    .responsivegrid .one.gridcolumn,
    .responsivegrid .one.gridcolumns,
    .responsivegrid .two.gridcolumns,
    .responsivegrid .three.gridcolumns,
    .responsivegrid .four.gridcolumns,
    .responsivegrid .five.gridcolumns,
    .responsivegrid .six.gridcolumns,
    .responsivegrid .seven.gridcolumns,
    .responsivegrid .eight.gridcolumns,
    .responsivegrid .nine.gridcolumns,
    .responsivegrid .ten.gridcolumns,
    .responsivegrid .eleven.gridcolumns,
    .responsivegrid .twelve.gridcolumns,
    .responsivegrid .thirteen.gridcolumns,
    .responsivegrid .fourteen.gridcolumns,
    .responsivegrid .fifteen.gridcolumns,
    .responsivegrid .sixteen.gridcolumns,
    .responsivegrid .seventeen.gridcolumns,
    .responsivegrid .eighteen.gridcolumns,
    .responsivegrid .nineteen.gridcolumns,
    .responsivegrid .twenty.gridcolumns,
    .responsivegrid .twenty-one.gridcolumns,
    .responsivegrid .twenty-two.gridcolumns,
    .responsivegrid .twenty-three.gridcolumns,
    .responsivegrid .twenty-four.gridcolumns,
    .responsivegrid .twenty-five.gridcolumns,
    .responsivegrid .twenty-six.gridcolumns,
    .responsivegrid .twenty-seven.gridcolumns,
    .responsivegrid .twenty-eight.gridcolumns,
    .responsivegrid .twenty-nine.gridcolumns,
    .responsivegrid .thirty.gridcolumns,
    .responsivegrid .thirty-one.gridcolumns,
    .responsivegrid .thirty-two.gridcolumns,
    .responsivegrid .one-third.gridcolumn,
    .responsivegrid .one-third.gridcolumns,
    .responsivegrid .two-thirds.gridcolumn,
    .responsivegrid .two-thirds.gridcolumns,
    .responsivegridnm .one.gridcolumn,
    .responsivegridnm .one.gridcolumns,
    .responsivegridnm .two.gridcolumns,
    .responsivegridnm .three.gridcolumns,
    .responsivegridnm .four.gridcolumns,
    .responsivegridnm .five.gridcolumns,
    .responsivegridnm .six.gridcolumns,
    .responsivegridnm .seven.gridcolumns,
    .responsivegridnm .eight.gridcolumns,
    .responsivegridnm .nine.gridcolumns,
    .responsivegridnm .ten.gridcolumns,
    .responsivegridnm .eleven.gridcolumns,
    .responsivegridnm .twelve.gridcolumns,
    .responsivegridnm .thirteen.gridcolumns,
    .responsivegridnm .fourteen.gridcolumns,
    .responsivegridnm .fifteen.gridcolumns,
    .responsivegridnm .sixteen.gridcolumns,
    .responsivegridnm .seventeen.gridcolumns,
    .responsivegridnm .eighteen.gridcolumns,
    .responsivegridnm .nineteen.gridcolumns,
    .responsivegridnm .twenty.gridcolumns,
    .responsivegridnm .twenty-one.gridcolumns,
    .responsivegridnm .twenty-two.gridcolumns,
    .responsivegridnm .twenty-three.gridcolumns,
    .responsivegridnm .twenty-four.gridcolumns,
    .responsivegridnm .twenty-five.gridcolumns,
    .responsivegridnm .twenty-six.gridcolumns,
    .responsivegridnm .twenty-seven.gridcolumns,
    .responsivegridnm .twenty-eight.gridcolumns,
    .responsivegridnm .twenty-nine.gridcolumns,
    .responsivegridnm .thirty.gridcolumns,
    .responsivegridnm .thirty-one.gridcolumns,
    .responsivegridnm .thirty-two.gridcolumns,
    .responsivegridnm .one-third.gridcolumn,
    .responsivegridnm .one-third.gridcolumns,
    .responsivegridnm .two-thirds.gridcolumn,
    .responsivegridnm .two-thirds.gridcolumns
    {
                                width: 300px;
    }

    .responsivegrid .padded-one-column,
    .responsivegrid .padded-one-columns,
    .responsivegrid .padded-two-columns,
    .responsivegrid .padded-three-columns,
    .responsivegrid .padded-four-columns,
    .responsivegrid .padded-five-columns,
    .responsivegrid .padded-six-columns,
    .responsivegrid .padded-seven-columns,
    .responsivegrid .padded-eight-columns,
    .responsivegrid .padded-nine-columns,
    .responsivegrid .padded-ten-columns,
    .responsivegrid .padded-eleven-columns,
    .responsivegrid .padded-twelve-columns,
    .responsivegrid .padded-thirteen-columns,
    .responsivegrid .padded-fourteen-columns,
    .responsivegrid .padded-fifteen-columns,
    .responsivegrid .padded-sixteen-columns,
    .responsivegrid .padded-seventeen-columns,
    .responsivegrid .padded-eighteen-columns,
    .responsivegrid .padded-nineteen-columns,
    .responsivegrid .padded-twenty-columns,
    .responsivegrid .padded-twenty-one-columns,
    .responsivegrid .padded-twenty-two-columns,
    .responsivegrid .padded-twenty-three-columns,
    .responsivegrid .padded-twenty-four-columns,
    .responsivegrid .padded-twenty-five-columns,
    .responsivegrid .padded-twenty-six-columns,
    .responsivegrid .padded-twenty-seven-columns,
    .responsivegrid .padded-twenty-eight-columns,
    .responsivegrid .padded-twenty-nine-columns,
    .responsivegrid .padded-thirty-columns,
    .responsivegrid .padded-thirty-one-columns,
    .responsivegridnm .padded-one-column,
    .responsivegridnm .padded-one-columns,
    .responsivegridnm .padded-two-columns,
    .responsivegridnm .padded-three-columns,
    .responsivegridnm .padded-four-columns,
    .responsivegridnm .padded-five-columns,
    .responsivegridnm .padded-six-columns,
    .responsivegridnm .padded-seven-columns,
    .responsivegridnm .padded-eight-columns,
    .responsivegridnm .padded-nine-columns,
    .responsivegridnm .padded-ten-columns,
    .responsivegridnm .padded-eleven-columns,
    .responsivegridnm .padded-twelve-columns,
    .responsivegridnm .padded-thirteen-columns,
    .responsivegridnm .padded-fourteen-columns,
    .responsivegridnm .padded-fifteen-columns,
    .responsivegridnm .padded-sixteen-columns,
    .responsivegridnm .padded-seventeen-columns,
    .responsivegridnm .padded-eighteen-columns,
    .responsivegridnm .padded-nineteen-columns,
    .responsivegridnm .padded-twenty-columns,
    .responsivegridnm .padded-twenty-one-columns,
    .responsivegridnm .padded-twenty-two-columns,
    .responsivegridnm .padded-twenty-three-columns,
    .responsivegridnm .padded-twenty-four-columns,
    .responsivegridnm .padded-twenty-five-columns,
    .responsivegridnm .padded-twenty-six-columns,
    .responsivegridnm .padded-twenty-seven-columns,
    .responsivegridnm .padded-twenty-eight-columns,
    .responsivegridnm .padded-twenty-nine-columns,
    .responsivegridnm .padded-thirty-columns,
    .responsivegridnm .padded-thirty-one-columns
    {
                                padding-left: 0;
    }

}

/********************************************************************************

     CLASSES TO CLEAR NESTING, WRAP ROWS ETC.

********************************************************************************/

.responsivegrid:after,
.responsivegridnm:after
{
                                content: "\0020";
                                display: block;
                                height: 0;
                                clear: both;
                                visibility: hidden;
}

.clearup:before,
.clearup:after,
.gridrow:before,
.gridrow:after
{
                                content: '\0020';
                                display: block;
                                overflow: hidden;
                                visibility: hidden;
                                width: 0;
                                height: 0;
}

.gridrow:after,
.clearup:after
{
                                clear: both;
}

.gridrow,
.clearup
{
                                zoom: 1;
}

/*---  Manual class to clear columns etc. use as <br class="clearupall" />  ---*/

.clearupall
{
                                clear: both;
                                display: block;
                                overflow: hidden;
                                visibility: hidden;
                                width: 0;
                                height: 0;
}

/********************************************************************************

    RESPONSIVE IFRAME

********************************************************************************/

.responsive-iframe-container
{
                                position: relative;
                                padding-bottom: 56.25%;
                                padding-top: 10px;
                                height: 0;
                                overflow: hidden;
}

.responsive-iframe-container iframe,
.responsive-iframe-container object,
.responsive-iframe-container embed
{
                                position: absolute;
                                top: 0;
                                left: 0;
                                width: 100%;
                                height: 100%;
}