@media screen and (max-width: 1000px)
{
    #DivSlideshowContainer
    {
        height: 350px;
    }
}

@media screen and (max-width: 990px)
{
    #DivFooterMenu, #DivFooterSocial, #DivFooterLegalName, #DivFooterCopyright
    {
        width: 100%;
    }

    .ComparisonContainer
    {
        margin-top: 8px;
        width: 100%;
        min-height: 156px;
        border: 1px solid black;
        background-image: none;
    }
}

@media screen and (max-width: 850px)
{
    #DivSlideshowContainer
    {
        height: 300px;
    }

    #DivHeaderMenuContainer
    {
        width: 100%;
    }

    #DivFooterCopyright
    {
        text-align: left;
    }

    #DivHeaderMenu
    {
        text-align: left;
        margin: 2% 0 2% 2%;
    }
}

@media screen and (max-width: 750px)
{
    #DivSlideshowContainer
    {
        height: 280px;
    }

    #DivLoginContainer
    {
        height: 232px;
        position: absolute;
        top: 4.5%;
        left: 2px;
        z-index: 10000;
    }
}

@media screen and (max-width: 667px)
{
    .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12
    {
        width: 100%;
    }

    #DivLoginContainer, #DivHeaderLogoContainerLarge, #DivInsideMenu, #DivInsideBannerContainer, #DivSlideshowContainer
    {
        display: none;
    }

    #DivInsideContent
    {
        background-image: none;
    }

    #DivHeaderLogoContainerMedium
    {
        display: block;
    }

    .WebPart
    {
        text-align: center;
    }

    #DivHomePromoRight
    {
        text-align: left;
    }

    .socialbutton
    {
        float: left;
    }

    #DivHeaderSearchMenu
    {
        text-align: left;
        margin: 2% 0 2% 2%;
    }

    #DivContentContainerSingleColumn, #DivInsidePageHeading, #DivContentContainerLeftColumn
    {
        padding-left: 2%;
    }

    .FooterMenuItem
    {
        width: 100%;
    }

    .FooterMenu
    {
        font-size: 1em;
    }
}


@media screen and (max-width: 515px)
{
.gradient {
  background-image:
    linear-gradient(
      to right, 
      #DEDFE1,
      #FFFFFF,
      #FFFFFF,
      #FFFFFF,
      #FFFFFF,
      #DEDFE1
    );
}


    #DivHeaderMenuContainer, #DivHeaderLogoContainerMedium, #HideWhenSmall
    {
        display: none;
    }

    #DivHeaderLogoContainerSmall
    {
        display: block;
    }

    .SubMenu
    {
        display: none;
    }

    /* SLIDE DOWN CSS BEGIN */

    #toggle-bar
    {
        display: block;
    }


    nav#mobile
    {
        /*background-color: #ffffff;  background-color: #111;*/ /*box-shadow: 0 0 3px 2px rgba(0,0,0,0.3);*/
        display: block;
    }

        /*
                                    	Top black bar that holds the toggle button
                                    	*/

        nav#mobile #toggle-bar
        {
            line-height: 50px;
            height: 50px;
        }

        /*
                                    	Toggle button #2 ("Navicon")
                                    	*/

        nav#mobile .navicon
        {
            float: right;
            height: 5px;
            width: 50px;
            margin: 20px;
            border-top: 18px double #104432;
            border-bottom: 6px solid #104432;
            font-size: 0;
        }

        /*
                                    	The dropdown menu
                                    	*/

        /*encore added #104432 greent*/
        nav#mobile ul
        {
            background-color: #333333;
        }

            nav#mobile ul li
            {
                clear: both;
                list-style: none;
                padding: 0px;
                margin-bottom: 5px;
            }

                nav#mobile ul li a
                {
                    display: block;
                    color: #ffffff;
                    font-size: 1.8em;
                    letter-spacing: .09em; /*background-color: #300;         text-transform: uppercase;                  margin: 2px 0;         padding: 6px 0 6px 8px;*/
                    line-height: 150%;
                }


            nav#mobile ul ul
            {
                font-size: small;
            }

                nav#mobile ul ul li
                {
                    /* margin-left: 3%; */
                }

                nav#mobile ul ul a
                {
                    background-color: #333;
                }

                    nav#mobile ul ul a:before
                    {
                        content: "2192";
                        padding-right: 8px;
                    }

    /* SLIDE DOWN CSS END */
}

@media screen and (max-width: 480px)
{
    #DivHomePromoLeft, #DivHomePromoRight, #DivSlideshowContainer
    {
        display: none;
    }
}