﻿@media all and (max-width:1000px) {
    .PageSkin .Wrapper {
        width: 100%;
    }

    .PageSkin nav #searchField input {
        width: 125px;
    }

    .PageSkin .ContentContainer,
    .PageSkin .Breadcrumb {
        padding: 15px 3% 5px 3%;
    }

    .PageSkin nav {
        width: 94%;
        padding: 5px 3%;
        max-width: none;
    }

    /* THREE COLUMNS SKIN */
    .ContentContainer.ThreeColumns .FirstPane,
    .ContentContainer.ThreeColumns .SecondPane,
    .ContentContainer.ThreeColumns .ThirdPane,
    .ContentContainer.ThreeColumns.TwoRows .FourthPane,
    .ContentContainer.ThreeColumns.TwoRows .FifthPane,
    .ContentContainer.ThreeColumns.TwoRows .SixthPane {
        width: 49%;
        display: block;
        margin-right: 2%;
        margin-bottom: 15px;
    }

    .ContentContainer.ThreeColumns .SecondPane,
    .ContentContainer.ThreeColumns.TwoRows .FourthPane,
    .ContentContainer.ThreeColumns.TwoRows .SixthPane {
        margin-right: 0;
    }

    .ContentContainer.ThreeColumns.TwoRows .clear.separator {
        display: none;
    }

    /* TWO COLUMNS LEFT */
    .ContentContainer.TwoColumnsLeft .LeftPane,
    .ContentContainer.TwoColumnsLeft .RightPane {
        width: 65%;
        max-width: none;
        margin-left: 2%;
        overflow: hidden;
    }

    .ContentContainer.TwoColumnsLeft .LeftPane {
        margin-right: 0;
        margin-left: 0;
        width: 32%;
    }


    /* TWO COLUMNS RIGHT */
    .ContentContainer.TwoColumnsRight .LeftPane,
    .ContentContainer.TwoColumnsRight .RightPane {
        max-width: none;
        width: 65%;
        margin-right: 2%;
        overflow: hidden;
    }

    .ContentContainer.TwoColumnsRight .RightPane {
        margin-right: 0;
        margin-left: 0;
        width: 32%;
    }


    /* FOOTER */
    footer {
        width: 100%;
    }

        footer .footerWrapper {
            text-align: center;
        }

        footer .alignLeft,
        footer .alignRight {
            display: block;
            float: none;
        }
}

@media all and (max-width:800px) {
    .PageSkin nav #searchField {
        display: none;
    }

    .ContentContainer.ThreeColumns .FirstPane,
    .ContentContainer.ThreeColumns .SecondPane,
    .ContentContainer.ThreeColumns .ThirdPane,
    .ContentContainer.ThreeColumns.TwoRows .FourthPane,
    .ContentContainer.ThreeColumns.TwoRows .FifthPane,
    .ContentContainer.ThreeColumns.TwoRows .SixthPane {
        width: 100%;
        display: block;
        margin-right: 0;
        margin-bottom: 15px;
    }

    /* TWO COLUMNS LEFT */
    .ContentContainer.TwoColumnsLeft .LeftPane,
    .ContentContainer.TwoColumnsLeft .RightPane {
        width: 100%;
        max-width: none;
        margin-left: 0;
        margin-right: 0;
        display: block;
    }

    .ContentContainer.TwoColumnsLeft .LeftPane {
        margin-top: 15px;
    }


    /* TWO COLUMNS RIGHT */
    .ContentContainer.TwoColumnsRight .LeftPane,
    .ContentContainer.TwoColumnsRight .RightPane {
        width: 100%;
        max-width: none;
        margin-left: 0;
        margin-right: 0;
        display: block;
    }

    .ContentContainer.TwoColumnsRight .RightPane {
        margin-top: 15px;
    }
}

/*@media all and (max-width:500px) {
    .PageSkin .Wrapper {
        width: 100%;
    }

    .ContentContainer.ThreeColumns .SecondPane,
    .ContentContainer.ThreeColumns .ThirdPane,
    .ContentContainer.ThreeColumns.TwoRows .FourthPane,
    .ContentContainer.ThreeColumns.TwoRows .FifthPane,
    .ContentContainer.ThreeColumns.TwoRows .SixthPane {
        width: 100%;
        display: block;
        margin-right: 0;
        margin-bottom: 15px;
    }

        .PageSkin nav {
        padding: 0;
        width: 100%;
    }

        .PageSkin nav .sf-menu {
            text-align: center;
        }

    nav .sf-menu > li {
        float: none;
        display: block;
    }

    nav ul.sf-menu li,
    nav ul.sf-menu li:first-of-type {
        border-width: 0;
        border-bottom: solid white 1px;
        width: 100%;
        padding: 0;
        margin: 0;
    }

        nav ul.sf-menu li a {
            padding: 15px 0;
        }
}*/
