/*-=Small screens=-*/
    @media only screen and (max-width: 40em) {
        /* TOP BAR Mobile STYLING */
        .top-bar { background: #333333; margin-bottom:20px; }
        .top-bar-section ul li > a{
            color: white; /* change color of text if you need */
            font-size: 13px;
            background: #333333; /* change background color if you need */
        }
        .top-bar-section ul li:hover > a{ background: #111 !important; /* change background color if you need */ }
        .tagline-shadow {
            display: inline-block;
        }
        
        .tagline {display:none;}
        input[type="text"],
        input[type="password"],
        input[type="date"],
        input[type="datetime"],
        input[type="datetime-local"],
        input[type="month"],
        input[type="week"],
        input[type="email"],
        input[type="number"],
        input[type="search"],
        input[type="tel"],
        input[type="time"],
        input[type="url"],
        textarea { 
            display:block;
        }
        .content-title {
            padding-left: 30px;
            background: url(../images/round.png) no-repeat -10px 100%;
        }
        .content-wrapper {
            margin-right:20px;
            padding-left:30px
        }
        .page-content {
            padding-left:8px;
            padding-right:0px;
        }
        .top-news-btn {
            margin:0 auto;
            float:none;
        }
        .content-wrapper:before, .content-title:before {  left: 19px;}
        img.alignright {float:none; margin-left:0; margin-top:1em; display:block;}
        img.alignleft {float:none; margin-right:0; margin-top:1em; display:block;}
        .home .content-title {
            padding-left:30px;
        }
    
        .footer-img {
            margin-bottom:-30px;
        }
        .footer-bg {
            padding-top:30px;
            padding-bottom:20px;
        }
        .footer-section-image {
            background:transparent;
        }
        .menu-footer-menu-container .inline-list {
            display:block;
            float:none;
            text-align: center;
        }
        .menu-footer-menu-container .inline-list>li {
            display:inline-block;
            float:none;
        }
        .footer-info span {
            display:inline-block;
        }
    } /* max-width 640px and lower. Use this for mobiles only */

    
@media only screen and (max-width: 782px) {
    body.custom-background.admin-bar {
        background-position: 50% 46px;
    }
}
/*-=Medium screens=-*/
    @media only screen and (min-width: 40.063em) {
        /* TOP BAR STYLING */
        .top-bar { background: transparent; height:auto; }
        .top-bar-section ul { background: transparent; }
        .top-bar-section ul li { background: transparent; }
        .top-bar-section li:not(.has-form) a:not(.button) {
            color: black;
            background: transparent;
            font-family: 'Open Sans', sans-serif;
            height:auto;
            line-height:12px;
            font-size:12px;
            color:#a99557;
            text-transform: uppercase;
            font-weight:700;
            padding:17px 8px 5px;
            text-align: left;
            min-width:96px;
            position:relative;
            margin-right:19px;
            background:url(../images/nav1.png) no-repeat 0px 0px;
        }
        .top-bar-section li:nth-child(odd):not(.has-form) a:not(.button) {
            background:url(../images/nav2.png) no-repeat 0px 0px;
        }
        .top-bar-section li:nth-child(odd):not(.has-form) a:not(.button):hover {
            background:url(../images/nav2.png) no-repeat 0px -36px;
        }

        .top-bar-section li:not(.has-form) a:not(.button):hover {
            color: #000;
            background:url(../images/nav1.png) no-repeat 0px -36px;        
        }
        .top-bar-section li.current-menu-item > a:not(.button) {
            color: #000;
            background:url(../images/nav1.png) no-repeat 0px -36px;        
        }
        .top-bar-section li.current-menu-item:nth-child(odd) > a:not(.button) {
            color: #000;
            background:url(../images/nav2.png) no-repeat 0px -36px;        
        }
        .top-bar-section .has-dropdown > a { padding: 0 15px !important; }
        .top-bar-section .has-dropdown > a:after { display: none; }

        /* Dropdown Styling*/
        .top-bar-section ul li:hover:not(.has-form) > a {
            background: green;
            color: black;
        }
        .top-bar-section .dropdown li:not(.has-form) a:not(.button) {
            color: white;
            background: olive;
        }
        .top-bar-section .dropdown li:not(.has-form):hover > a:not(.button) {
            color: grey;
            background: bisque;
        }
        .top-bar-section .has-dropdown > .dropdown li .dropdrown_menu li a { background: blue; }
        .top-bar-section .has-dropdown > .dropdown li .dropdrown_menu li:hover a {
            color: white;
            text-decoration: underline;
            background: red;
        }
        .menu-main-menu-container .menu {
            display:block;
            text-align: center;
            font-size:0px;
        }
        .menu-main-menu-container .menu li {
            display:inline-block;
            float:none;
        }
        /* Align Menu to the right
            .top-bar-section { float:right; } */
        /* Align Menu to the center
            .top-bar-section { float:none; text-align: center; }
            .top-bar-section ul{display: inline-block;} */

    }  /* min-width 641px */

    @media only screen and (min-width: 40.063em) and (max-width: 64em) { 
        input[type="text"],
        input[type="password"],
        input[type="date"],
        input[type="datetime"],
        input[type="datetime-local"],
        input[type="month"],
        input[type="week"],
        input[type="email"],
        input[type="number"],
        input[type="search"],
        input[type="tel"],
        input[type="time"],
        input[type="url"],
        textarea { 
            display:block;
        }
        .footer-img {
            margin-bottom:-70px;
        }
         .menu-footer-menu-container .inline-list {
            display:block;
            float:none;
            text-align: center;
        }
        .menu-footer-menu-container .inline-list>li {
            display:inline-block;
            float:none;
        }
        .footer-info span {
            display:inline-block;
        }
        .footer-section-image {
            background:transparent;
        }
        .footer-bg {
            padding-bottom:20px;
        }
    } /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */

/*-=Large screens=-*/
    @media only screen and (min-width: 64.063em) { 

    } /* min-width 1025px, large screens */


