/*  -------------------------------------------------------------
    MEDIA QUERIES - CLEAR PIXEL 2015
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */

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

        .container,
        .section {
            margin: 0;
            width: auto;
        }




        /* Hover Overrides */

        #menu_main li a:link,
        #menu_main li a:visited,
        #menu_main li a:hover {
            background: url("../../images/bg/menu_divider.gif") no-repeat right 10px;
        }

        #menu_main li a.end:link,
        #menu_main li a.end:visited,
        #menu_main li a.end:hover {
            background: none;
        }

        #menu_main li a.active:link,
        #menu_main li a.active:visited,
        #menu_main li a.active:hover {
            color: #b9b7b7;
        }


        #main_side h4 a:link,
        #main_side h4 a:visited,
        #main_side h4 a:hover {
            text-decoration: none;
        }

        #main_side p a:link,
        #main_side p a:visited,
        #main_side p a:hover {
            text-decoration: none;
        }

        #footer p a:link,
        #footer p a:visited,
        #footer p a:hover {
            text-decoration: none;
            color: #fff;
        }




        /* Header */

        #header {
            height: auto;
        }

        #header .logo {
            display: block;
            float: none;
            margin: 0 auto;
            padding: 10px;
            height: auto;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }




        /* Menu Main */

        #menu_main {
            height: auto;
        }

        #menu_main li {
            float: none;
            font-size: 1.1em;
            display: inline-block;
        }

        #menu_main li a:link,
        #menu_main li a:visited {
            display: block;
            float: none;
            padding: 10px 15px;
            height: auto;
            text-decoration: none;
            line-height: normal;
            color: #fff;
            -webkit-transition: all 0s ease;
            -moz-transition: all 0s ease;
            -o-transition: all 0s ease;
            transition: all 0s ease;
        } 




        /* Main Banner */

        #main_banner .trailer {
            display: none;
        }

        #main_banner h1 {
            padding: 58px 0 0 158px;
        }

        #main_banner .truck {
            width: 35%;
            height: auto;
            top: auto;
            bottom: 5px;
        }



        
        /* Main */

        #main {
            background: #d9d7d6;
        }

        #main-i {
            padding-bottom: 0;
            background: none;
        }




        /* Main Page */

        #main_page {
            float: left;
            z-index: 30;
            position: relative;
            padding: 20px;
            width: 70%;
            background: #fff;
            -webkit-box-shadow: 5px 0px 30px 0px rgba(0,0,0,0.61);
            -moz-box-shadow: 5px 0px 30px 0px rgba(0,0,0,0.61);
            box-shadow: 5px 0px 30px 0px rgba(0,0,0,0.61);
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }




        /* Main Side */

        #main_side {
            float: right;
            padding: 100px 0 0 0;
            width: 30%;
            height: 100%;
            text-align: center;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }




        /* Footer */

        #footer p {
            font-size: 1em;
            text-align: center;
            line-height: normal;
            color: #fff;
        }
    }




    @media screen and (max-width: 900px) {

        /* Main Page */

        #content .home_boxes .box.after_dark,
        #content .home_boxes .box.spare_parts {
            float: none;
            width: 100%;
            text-align: center;
            margin: 10px 0;
        }

        #content .home_boxes .box.distributors {
            clear: both;
            margin-bottom: 0;
            width: 100%;
        }
    }




    @media screen and (max-width: 800px) {

        /* Main Page */

        #main_page {
            padding: 10px 5px 20px 5px;
            width: 100%;
            box-shadow: none;
        }

        #content .home_boxes .box.distributors {
            padding: 10px 0;
        }




        /* Stock List */

        #main #stockists {
            height: auto;
            border-top: #e5e7e8 5px solid;
        }

        #main #stockists .stockists_table {
            margin-top: 0;
            border-top: none;
            border-left: #e5e7e8 5px solid;
        }

        #main #stockists .stockists_table td {
            height: auto;
            width: 33%;
            padding: 5px;
            border-bottom: #e5e7e8 5px solid;
            border-right: #e5e7e8 5px solid;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }

        #main #content a#stockist_prev:link,
        #main #content a#stockist_prev:visited,
        #main #content a#stockist_next:link,
        #main #content a#stockist_next:visited {
            display: none;
        }




        /* Main Side */

        #main_side {
            padding: 30px 0;
            width: 100%;
        }




        /* Forms */

        #main #content .contentForm {
            padding-top: 15px;
            width: 99%;
        }

        #main table {
            width: 100%;
        }

        #main #content .contentForm tr td,
        #main #content .contentForm tr td.require {
            display: block;
            width: 100%;
            text-align: center;
        }

        #main #content .contentForm table tr td input,
        #main #content .contentForm table tr td textarea {
            width: 100%;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }

        #main #content .contentForm table tr td.require label {
            padding: 0 0 0 10px;
            background-position: left center;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }

        #main #content .contentForm tr td label {
            width: 100%;
            margin-top: 0;
            padding-left: 10px;
            text-align: left;
        }
    }




    
    @media screen and (max-width: 600px) {
        
        /* Main Banner */

        #main_banner h1 {   
            padding: 60px 0 0 0;
            text-align: center;
            font-weight: bold;
        }
    }




    @media screen and (max-width: 400px) {

        /* Menu Main */

        #menu_main {
            padding-left: 0;
            text-align: center;
        }

        #menu_main li {
            display: inline-block;
            float: none;
        }
    }