/*-=Small screens=-*/
    @media only screen and (max-width: 40em) {
        /* TOP BAR Mobile STYLING */
        .top-bar { background: #333333; /* change background color if you need */ }
        .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 */
        }


	.form_home{display: none;}
        .large-12.columns.homemain {
    		display: block;
	}
	.homemain .mainform_wrapper {
            margin: 0 auto;
            float: none;
        }
	.mobile_content {
	display:block;}
	.home_top {
	display: none;}
	.homemain {
    	min-height: 210px;
	background-position: center left;
	}
	.homemain h1, .homemain h2 {
	text-align: center;}


        .top-bar-section ul li:hover > a{ background: #111 !important; /* change background color if you need */ }

    } /* max-width 640px and lower. Use this for mobiles only */

/*-=Medium screens=-*/
    @media only screen and (min-width: 40.063em) {
        /* TOP BAR STYLING */
        .top-bar { background: transparent; }
        .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;
        }
        .top-bar-section li:not(.has-form) a:not(.button):hover {
            color: red;
            background: grey;
        }
        .top-bar-section li.current-menu-item > a:not(.button) {
            color: grey;
            background: orange;
        }
        .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;
        }
        /* 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) { 
	.form_home{display: none;}
        .large-12.columns.homemain {
    		display: block;
	}
	.homemain .mainform_wrapper {
            margin: 0 auto;
            float: none;
	    width: 60%;
        }
	.mobile_content {
	display:block;}
	.home_top {
	display: none;}
	.homemain {
    	min-height: 250px;
		background-position: center left !important;
	}
	.homemain h1, .homemain h2 {
	text-align: center;}
	.homemain h1 {
    		margin-bottom: 10px;
    		margin-top: 10px;
    		font-size: 30px;
    		line-height: 35px;
	}
	.homemain h2 {
    		font-size: 25px;
    		line-height: 30px;
    		margin-bottom: 10px;
	}
    } /* 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 */

    @media only screen and (min-width: 103.750em) {
	.homemain {
            background-position: center 17%;
        }
    }