nav#topnav select, .goto {
	display: none;
}

/*== All =====================================================
========================================================================    */
@media (max-width: 1280px) {
	.wrapper {
		clear: both;
		width: 95%;
	}
	
	#intro-header {
		display: block;
		clear: both;
		padding: 0px;
		margin: 0;
		background: rgba(255, 255, 255, .9);
		position: relative;
		width: 100%;
	}
	
	.ban_caption {
		position: absolute;
		width: 80%;
		height: auto;
		text-align: center;
		padding: 0 10%;
		top: 36%;
		z-index: 999;
	}
	
	#topmenu ul.menu li a {
		font-size: 14px;
		display: block;
		letter-spacing: 0px;
		transition: all .3s ease 0s;
	}
	
	.sticky  #topnav ul.menu li a {
		line-height: 70px;
		padding: 0px 10px 0px 10px;
	}
	
	.index-list li.box-25 {
		width: 23%;
	}
}

@media (max-width: 1024px) {
	.wrapper {
		clear: both;
		width: 99%;
	}
	
	#intro-header {
		display: block;
		clear: both;
		padding: 0px;
		margin: 0;
		background: rgba(255, 255, 255, .9);
		position: relative;
		width: 100%;
	}
	
	.ban_caption {
		position: absolute;
		width: 80%;
		height: auto;
		text-align: center;
		padding: 0 10%;
		top: 23%;
		z-index: 999;
	}
	
	.ban_caption h3 {
		font-size: 40px;
		font-weight: 600;
		line-height: 46px;
		text-transform: uppercase;
		color: #fff;
		margin: 0;
		padding: 0px;
		text-shadow: 1px 1px 3px #000;
	}
	
	.ban_caption p {
		font-size: 13px;
		line-height: 18px;
		padding: 10px;
		margin: 10px auto;
	}
	
	#topmenu ul.menu li a {
		font-size: 14px;
	}
	
	.sticky  #topnav ul.menu li a {
		line-height: 70px;
		padding: 0px 10px 0px 10px;
	}
	
	.index-list li.box-25 {
		width: 22%;
	}
}

/*== Up to 980px and beyond 768px ======================================
========================================================================*/

/* Portrait tablet to landscape and desktop */
@media (min-width: 769px) and (max-width: 980px) {
	.wrapper {
		clear: both;
		width: 80%;
		max-width: 640px;
	}
	
	#intro-header {
		display: block;
		clear: both;
		padding: 0px;
		margin: 0;
		background: rgba(255, 255, 255, .9);
		position: relative;
		width: 100%;
	}
	
	#header {
		clear: both;
		width: 100%;
		margin: 0;
		padding: 50px 0 0 0;
		position: relative;
		background-image: none;
	}
	
	#header.nitro-lazy {
		background-image: none !important;
	}
	
	.logo {
		float: none;
		position: relative;
		margin: 0px auto;
		width: 150px;
		padding: 0;
	}
	
	.logo img {
		margin: 0px;
		padding: 0;
		width: 100%;
	}
	
	.head-col {
		float: none;
		width: 100%;
		margin: 0px;
		padding: 0;
		text-align: center;
	}
	
	.usertool {
		background: transparent;
		display: block;
		clear: both;
		text-align: center;
		min-height: 0px;
	}
	
	#topmenu {
		float: none;
		margin: 0px;
		padding: 0px;
		width: 100%;
		top: 0;
		left: 0;
		clear: both;
		position: fixed;
	}
	
	.moduletable_dropdown {
		float: none;
		clear: both;
		margin: 0px;
		width: 100%;
		background: none;
	}
	
	nav#topnav ul, nav#topnav ul.menu {
		display: none;
	}
	
	nav#topnav select {
		float: none;
		display: block;
		cursor: pointer;
		width: 100%;
		margin: 0px auto;
		height: 40px;
		padding: 10px 10px;
		font-size: 0px;
		border: 1px solid #c63;
		background: #c63 url("https://cdn-ileddpn.nitrocdn.com/OFJNQCBuhbZnizpUYIRfuwhHLiJEEahO/assets/images/optimized/rev-179edc9/www.defenseohio.com/wp-content/themes/rutanlaw/images/menu.png") left center no-repeat;
		position: relative;
		color: #fff;
	}
	
	nav#topnav select.nitro-lazy {
		background: none !important;
	}
	
	nav#topnav select option {
		display: block;
		background: #c06030;
		border: none;
		padding: 3px 0px 3px 10px;
		text-transform: uppercase;
		font-size: 14px;
		line-height: 24px;
		border-bottom: 1px solid rgba(255, 255, 255, .3);
	}
	
	nav#topnav select option:hover {
		background: #c63;
	}
	
	.ban_caption {
		position: absolute;
		width: 80%;
		height: auto;
		text-align: center;
		padding: 0 10%;
		top: 30%;
		z-index: 999;
	}
	
	.ban_caption h3 {
		font-size: 28px;
		font-weight: 600;
		line-height: 36px;
		text-transform: uppercase;
		color: #fff;
		margin: 0;
		padding: 0px;
		text-shadow: 1px 1px 3px #000;
	}
	
	.ban_caption p {
		font-size: 12px;
		line-height: 18px;
		padding: 10px;
		margin: 10px auto;
	}
	
	a.enter {
		padding: 8px 25px 8px 25px;
		text-decoration: none;
		margin: 10px auto;
		border-radius: 100px;
		overflow: hidden;
		font-size: 14px;
		text-transform: uppercase;
		letter-spacing: 2px;
		transition: all .6s ease 0s;
	}
	
	.box-70, .box-75, .box-60, .box-50, .box-40, .box-30, .box-33, .box-25, .box-20 {
		float: none;
		width: 100%;
		margin: 0 auto;
		display: block;
		clear: both;
	}
	
	.align-right {
		text-align: center;
	}
	
	#services .box-25, #news .box-25 {
		margin: 10px auto;
		border: 0;
	}
	
	ul.service-list li {
		font-weight: normal;
		list-style: none;
		padding-bottom: 4px;
		float: none;
		width: 100%;
	}
	
	#sliderId img {
		display: none;
	}
	
	#testimonials blockquote {
		margin: 0 auto;
		display: block;
	}
	
	#newsletter-box {
		text-align: center;
	}
	
	#mission-statement, #services, #projects, #contact {
		background-repeat: no-repeat;
		background-size: 100%;
		background-attachment: scroll;
	}
	
	#hotoffers h1 {
		font-size: 24px;
	}
	
	#hotoffers {
		text-align: center;
	}
	
	.imageparallex {
		height: 220px;
	}
	
	.box-paddingL, .box-paddingR, .box-paddingS {
		padding: 0;
		margin: 0;
	}
	
	.index-list li.box-25 {
		width: 90%;
		margin: 0px auto;
	}
	
	.copywrite {
		float: none;
		text-align: center;
		line-height: 20px;
		padding: 15px 0;
	}
	
	.floatLeft {
		float: none;
		width: 100%;
		display: block;
		margin: 0 auto;
		text-align: center;
		clear: both;
	}
	
	.followus {
		float: none;
		margin: 0px auto;
		padding: 0px 0;
		clear: both;
	}
	
	.row {
		margin: 0px;
	}
	
	#leftContent, #rightContent {
		float: none;
		width: 96%;
		margin: 0 auto;
		padding: 2% 2% 3% 2%;
		clear: both;
	}
	
	#bar {
		display: none;
	}
}

/*== Up to 767px ======================================================
========================================================================*/

/* Landscape phone to portrait tablet */
@media (max-width: 768px) {
	.wrapper {
		clear: both;
		width: 80%;
		max-width: 640px;
	}
	
	#intro-header {
		display: block;
		clear: both;
		padding: 0px;
		margin: 0;
		background: rgba(255, 255, 255, .9);
		position: relative;
		width: 100%;
	}
	
	#header {
		clear: both;
		width: 100%;
		margin: 0;
		padding: 50px 0 0 0;
		position: relative;
		background-image: none;
	}
	
	#header.nitro-lazy {
		background-image: none !important;
	}
	
	.logo {
		float: none;
		position: relative;
		margin: 0px auto;
		width: 150px;
		padding: 0;
	}
	
	.logo img {
		margin: 0px;
		padding: 0;
		width: 100%;
	}
	
	.head-col {
		float: none;
		width: 100%;
		margin: 0px;
		padding: 0;
		text-align: center;
	}
	
	.usertool {
		background: transparent;
		display: block;
		clear: both;
		text-align: center;
		min-height: 0px;
	}
	
	#topmenu {
		float: none;
		margin: 0px;
		padding: 0px;
		width: 100%;
		top: 0;
		left: 0;
		clear: both;
		position: fixed;
		padding: 0px 0 10px !important;
	}
	
	.moduletable_dropdown {
		float: none;
		clear: both;
		margin: 0px;
		width: 100%;
		background: none;
	}
	
	nav#topnav ul, nav#topnav ul.menu {
		display: none;
	}
	
	nav#topnav select {
		float: none;
		display: block;
		cursor: pointer;
		width: 100%;
		margin: 0px auto;
		height: 40px;
		padding: 10px 10px;
		font-size: 0px;
		border: 1px solid #c63;
		background: #c63 url("https://cdn-ileddpn.nitrocdn.com/OFJNQCBuhbZnizpUYIRfuwhHLiJEEahO/assets/images/optimized/rev-179edc9/www.defenseohio.com/wp-content/themes/rutanlaw/images/menu.png") left center no-repeat;
		position: relative;
		color: #fff;
	}
	
	nav#topnav select.nitro-lazy {
		background: none !important;
	}
	
	nav#topnav select option {
		display: block;
		background: #c06030;
		border: none;
		padding: 3px 0px 3px 10px;
		text-transform: uppercase;
		font-size: 14px;
		line-height: 24px;
		border-bottom: 1px solid rgba(255, 255, 255, .3);
	}
	
	nav#topnav select option:hover {
		background: #c63;
	}
	
	.ban_caption {
		position: absolute;
		width: 80%;
		height: auto;
		text-align: center;
		padding: 0 10%;
		top: 13%;
		z-index: 999;
	}
	
	.ban_caption h3 {
		font-size: 28px;
		font-weight: 600;
		line-height: 36px;
		text-transform: uppercase;
		color: #fff;
		margin: 0;
		padding: 0px;
		text-shadow: 1px 1px 3px #000;
	}
	
	.ban_caption p {
		font-size: 12px;
		line-height: 18px;
		padding: 10px;
		margin: 10px auto;
	}
	
	a.enter {
		padding: 8px 25px 8px 25px;
		text-decoration: none;
		margin: 10px auto;
		border-radius: 100px;
		overflow: hidden;
		font-size: 14px;
		text-transform: uppercase;
		letter-spacing: 2px;
		transition: all .6s ease 0s;
	}
	
	.box-70, .box-75, .box-60, .box-50, .box-40, .box-30, .box-33, .box-25, .box-20 {
		float: none;
		width: 100%;
		margin: 0 auto;
		display: block;
		clear: both;
	}
	
	.orders {
		display: flex;
		flex-direction: column;
	}
	
	.order-1 {
		order: 2;
	}
	
	.order-2 {
		order: 1;
	}
	
	.order-3 {
		order: 3;
	}
	
	.callbacks {
		padding: 20px 0;
	}
	
	.align-right {
		text-align: center;
	}
	
	#services .box-25, #news .box-25 {
		margin: 10px auto;
		border: 0;
	}
	
	ul.service-list li {
		font-weight: normal;
		list-style: none;
		padding-bottom: 4px;
		float: none;
		width: 100%;
	}
	
	#sliderId img {
		display: none;
	}
	
	#testimonials blockquote {
		margin: 0 auto;
		display: block;
	}
	
	#newsletter-box {
		text-align: center;
	}
	
	#mission-statement, #services, #projects, #contact {
		background-repeat: no-repeat;
		background-size: 100%;
		background-attachment: scroll;
	}
	
	#hotoffers h1 {
		font-size: 40px;
	}
	
	#hotoffers {
		text-align: center;
	}
	
	.imageparallex {
		height: 220px;
	}
	
	.box-paddingL, .box-paddingR, .box-paddingS {
		padding: 0;
		margin: 0;
	}
	
	.index-list li.box-25 {
		width: 90%;
		margin: 0px auto;
	}
	
	.copywrite {
		float: none;
		text-align: center;
		line-height: 20px;
		padding: 15px 0;
	}
	
	.floatLeft {
		float: none;
		width: 100%;
		display: block;
		margin: 0 auto;
		text-align: center;
		clear: both;
	}
	
	.followus {
		float: none;
		margin: 0px auto;
		padding: 0px 0;
		clear: both;
	}
	
	.row {
		margin: 0px;
	}
	
	#leftContent, #rightContent {
		float: none;
		width: 96%;
		margin: 0 auto;
		padding: 2% 2% 3% 2%;
		clear: both;
	}
	
	#bar {
		display: none;
	}
}

/*== Up to 640px ==================================================
====================================================================*/
@media (max-width: 640px) {
	.wrapper {
		clear: both;
		width: 80%;
		max-width: 480px;
	}
	
	#intro-header {
		display: block;
		clear: both;
		padding: 0px;
		margin: 0;
		background: rgba(255, 255, 255, .9);
		position: relative;
		width: 100%;
	}
	
	#header {
		clear: both;
		width: 100%;
		margin: 0;
		padding: 50px 0 0 0;
		position: relative;
		background-image: none;
	}
	
	#header.nitro-lazy {
		background-image: none !important;
	}
	
	.logo {
		float: none;
		position: relative;
		margin: 0px auto;
		width: 150px;
		padding: 0;
	}
	
	.logo img {
		margin: 0px;
		padding: 0;
		width: 100%;
	}
	
	.head-col {
		float: none;
		width: 100%;
		margin: 0px;
		padding: 0;
		text-align: center;
	}
	
	.usertool {
		background: transparent;
		display: block;
		clear: both;
		text-align: center;
		min-height: 0px;
	}
	
	#topmenu {
		float: none;
		margin: 0px;
		padding: 0px;
		width: 100%;
		top: 0;
		left: 0;
		clear: both;
		position: fixed;
	}
	
	.moduletable_dropdown {
		float: none;
		clear: both;
		margin: 0px;
		width: 100%;
		background: none;
	}
	
	nav#topnav ul, nav#topnav ul.menu {
		display: none;
	}
	
	nav#topnav select {
		float: none;
		display: block;
		cursor: pointer;
		width: 100%;
		margin: 0px auto;
		height: 40px;
		padding: 10px 10px;
		font-size: 0px;
		border: 1px solid #c63;
		background: #c63 url("https://cdn-ileddpn.nitrocdn.com/OFJNQCBuhbZnizpUYIRfuwhHLiJEEahO/assets/images/optimized/rev-179edc9/www.defenseohio.com/wp-content/themes/rutanlaw/images/menu.png") left center no-repeat;
		position: relative;
		color: #fff;
	}
	
	nav#topnav select.nitro-lazy {
		background: none !important;
	}
	
	nav#topnav select option {
		display: block;
		background: #c06030;
		border: none;
		padding: 3px 0px 3px 10px;
		text-transform: uppercase;
		font-size: 14px;
		line-height: 24px;
		border-bottom: 1px solid rgba(255, 255, 255, .3);
	}
	
	nav#topnav select option:hover {
		background: #c63;
	}
	
	.ban_caption {
		position: absolute;
		width: 80%;
		height: auto;
		text-align: center;
		padding: 0 10%;
		top: 2%;
		z-index: 999;
	}
	
	.ban_caption h3 {
		font-size: 28px;
		font-weight: 600;
		line-height: 36px;
		text-transform: uppercase;
		color: #fff;
		margin: 0;
		padding: 0px;
		text-shadow: 1px 1px 3px #000;
	}
	
	.ban_caption p {
		display: none;
	}
	
	a.enter {
		padding: 8px 25px 8px 25px;
		text-decoration: none;
		margin: 10px auto;
		border-radius: 100px;
		overflow: hidden;
		font-size: 14px;
		text-transform: uppercase;
		letter-spacing: 2px;
		transition: all .6s ease 0s;
	}
	
	.box-70, .box-75, .box-60, .box-50, .box-40, .box-30, .box-33, .box-25, .box-20 {
		float: none;
		width: 100%;
		margin: 0 auto;
		display: block;
		clear: both;
	}
	
	.align-right {
		text-align: center;
	}
	
	#services .box-25, #news .box-25 {
		margin: 10px auto;
		border: 0;
	}
	
	ul.service-list li {
		font-weight: normal;
		list-style: none;
		padding-bottom: 4px;
		float: none;
		width: 100%;
	}
	
	#sliderId img {
		display: none;
	}
	
	#testimonials blockquote {
		margin: 0 auto;
		display: block;
	}
	
	#newsletter-box {
		text-align: center;
	}
	
	#mission-statement, #services, #projects, #contact {
		background-repeat: no-repeat;
		background-size: 100%;
		background-attachment: scroll;
	}
	
	.row {
		margin: 0px;
	}
	
	#hotoffers h1 {
		font-size: 30px;
	}
	
	#hotoffers {
		text-align: center;
	}
	
	.imageparallex {
		height: 250px;
	}
	
	.box-paddingL, .box-paddingR, .box-paddingS {
		padding: 0;
		margin: 0;
	}
	
	.index-list li.box-25 {
		width: 90%;
		margin: 0px auto;
	}
	
	.copywrite {
		float: none;
		text-align: center;
		line-height: 20px;
		padding: 15px 0;
	}
	
	.floatLeft {
		float: none;
		width: 100%;
		display: block;
		margin: 0 auto;
		text-align: center;
		clear: both;
	}
	
	.followus {
		float: none;
		margin: 0px auto;
		padding: 0px 0;
		clear: both;
	}
	
	.row {
		margin: 0px;
	}
	
	#leftContent, #rightContent {
		float: none;
		width: 96%;
		margin: 0 auto;
		padding: 2% 2% 3% 2%;
		clear: both;
	}
	
	#bar {
		display: none;
	}
}

/*== Up to 480px ==================================================
====================================================================*/

/* Landscape phones and down */
@media (max-width: 480px) {
	.wrapper {
		clear: both;
		width: 96%;
	}
	
	#intro-header {
		display: block;
		clear: both;
		padding: 0px;
		margin: 0;
		background: rgba(255, 255, 255, .9);
		position: relative;
		width: 100%;
	}
	
	#header {
		clear: both;
		width: 100%;
		margin: 0;
		padding: 50px 0 0 0;
		position: relative;
		background-image: none;
	}
	
	#header.nitro-lazy {
		background-image: none !important;
	}
	
	.logo {
		float: none;
		position: relative;
		margin: 0px auto;
		width: 150px;
		padding: 0;
	}
	
	.logo img {
		margin: 0px;
		padding: 0;
		width: 100%;
	}
	
	.head-col {
		float: none;
		width: 100%;
		margin: 0px;
		padding: 0;
		text-align: center;
	}
	
	.usertool {
		background: transparent;
		display: block;
		clear: both;
		text-align: center;
		min-height: 0px;
	}
	
	#topmenu {
		float: none;
		margin: 0px;
		padding: 0px;
		width: 100%;
		top: 0;
		left: 0;
		clear: both;
		position: fixed;
	}
	
	.moduletable_dropdown {
		float: none;
		clear: both;
		margin: 0px;
		width: 100%;
		background: none;
	}
	
	nav#topnav ul, nav#topnav ul.menu {
		display: none;
	}
	
	nav#topnav select {
		float: none;
		display: block;
		cursor: pointer;
		width: 100%;
		margin: 0px auto;
		height: 40px;
		padding: 10px 10px;
		font-size: 0px;
		border: 1px solid #c63;
		background: #c63 url("https://cdn-ileddpn.nitrocdn.com/OFJNQCBuhbZnizpUYIRfuwhHLiJEEahO/assets/images/optimized/rev-179edc9/www.defenseohio.com/wp-content/themes/rutanlaw/images/menu.png") left center no-repeat;
		position: relative;
		color: #fff;
	}
	
	nav#topnav select.nitro-lazy {
		background: none !important;
	}
	
	nav#topnav select option {
		display: block;
		background: #c06030;
		border: none;
		padding: 3px 0px 3px 10px;
		text-transform: uppercase;
		font-size: 14px;
		line-height: 24px;
		border-bottom: 1px solid rgba(255, 255, 255, .3);
	}
	
	nav#topnav select option:hover {
		background: #c63;
	}
	
	.ban_caption {
		position: absolute;
		width: 80%;
		height: auto;
		text-align: center;
		padding: 0 10%;
		top: 30%;
		z-index: 999;
	}
	
	.ban_caption h3 {
		font-size: 16px;
		font-weight: 600;
		line-height: 20px;
		text-transform: uppercase;
		color: #fff;
		margin: 0;
		padding: 0px;
		text-shadow: 1px 1px 3px #000;
	}
	
	.ban_caption p {
		display: none;
	}
	
	a.enter {
		padding: 8px 25px 8px 25px;
		text-decoration: none;
		margin: 10px auto;
		border-radius: 100px;
		overflow: hidden;
		font-size: 14px;
		text-transform: uppercase;
		letter-spacing: 2px;
		transition: all .6s ease 0s;
	}
	
	.box-70, .box-75, .box-60, .box-50, .box-40, .box-30, .box-33, .box-25, .box-20 {
		float: none;
		width: 100%;
		margin: 0 auto;
		display: block;
		clear: both;
	}
	
	.align-right {
		text-align: center;
	}
	
	.index-list li.box-25 {
		width: 80%;
		margin: 0px auto;
	}
	
	#services .box-25, #news .box-25 {
		margin: 10px auto;
		border: 0;
	}
	
	ul.service-list li {
		font-weight: normal;
		list-style: none;
		padding-bottom: 4px;
		float: none;
		width: 100%;
	}
	
	#sliderId img {
		display: none;
	}
	
	#testimonials blockquote {
		margin: 0 auto;
		display: block;
	}
	
	#newsletter-box {
		text-align: center;
	}
	
	#mission-statement, #services, #projects, #contact {
		background-repeat: no-repeat;
		background-size: 100%;
		background-attachment: scroll;
	}
	
	.row {
		margin: 0px;
	}
	
	#hotoffers h1 {
		font-size: 24px;
	}
	
	#hotoffers {
		text-align: center;
	}
	
	.imageparallex {
		height: 220px;
	}
	
	.box-paddingL, .box-paddingR, .box-paddingS {
		padding: 0;
		margin: 0;
	}
	
	.copywrite {
		float: none;
		text-align: center;
		line-height: 20px;
		padding: 15px 0;
	}
	
	.floatLeft {
		float: none;
		width: 100%;
		display: block;
		margin: 0 auto;
		text-align: center;
		clear: both;
	}
	
	.followus {
		float: none;
		margin: 0px auto;
		padding: 0px 0;
		clear: both;
	}
	
	.row {
		margin: 0px;
	}
	
	#leftContent, #rightContent {
		float: none;
		width: 96%;
		margin: 0 auto;
		padding: 2% 2% 3% 2%;
		clear: both;
	}
	
	#bar {
		display: none;
	}
}

/*== Up to 340px =====================================================
========================================================================*/

/* Portrait phones */
@media (max-width: 360px) {}

/************************************************************************************
smaller than 320px
*************************************************************************************/
@media screen and (max-width: 320px) {}