@media all and (min-width: 1039px) {

    #menu-open, #menu-close {
        display: none !important;
    }

    .nav-right, .nav-links, .search-form, .nav-social {
        display: block !important;
    }

}

@media all and (max-width: 1038px) {

	.nav-links {
	    display: fixed;
	    background: #e58d00;
	    width: 100%;
	    top: 0;
	    z-index: 2;
	    padding: 60px 0 40px;
	}

	.nav-links li {
		float: none;
		padding: 0;
		text-align: center;
		padding: 2px;
	}

	.nav-links a {
	    font-size: 18px;
	}

	.separator {
		background: url("../img/separator.gif") center center no-repeat;
	}

	.separator .fa-circle {
		font-size: 0;
	}

	.nav-right {
		background: #d48300;
		float: none;
		width: 100%;
		clear: both;
		padding: 0;
		display: block;
	}

	.nav-social {
		float: right;
		padding-right: 30px;
	}

	#s {
		display: block;
		position: static;
	}

    .search-form #searchsubmit {
        background: rgba(120, 52, 16, 0.6) url("../img/search-submit-light.gif") center center no-repeat;
        background-size: 29px;
    }

	.search-form:hover #s {
        background: rgba(120, 52, 16, 0.6);
    }

    .search-form:hover #searchsubmit {
        background: rgba(120, 52, 16, 0.6) url("../img/search-submit.gif") center center no-repeat;
        background-size: 29px;
    }

    .top-nav .fa-close {
    	position: absolute;
    	top: 20px;
    	right: 20px;
    	color: #fff;
    	font-size: 30px;
    	cursor: pointer;
    }

}

@media all and (max-width: 600px) {

	.nav-right {
		position: relative;
		height: 125px;
		display: none;
	}

	.search-form {
		position: absolute;
		top: 20px;
		left: 50%;
		margin: 0 0 0 -103px;
	}

	.nav-social {
		position: absolute;
		top: 50px;
		left: 50%;
		padding: 0;
		margin-left: -79px;
	}

}