/* Tablet (Portrait) /* Note: Design for a width of 768px  */
@media only screen and (min-width: 768px) and (max-width: 959px) {
}

/*  Mobile (Portrait) /* Note: Design for a width of 320px  */
@media only screen and (max-width: 767px) {
body {
   background:#000; width:300px;
}
#access .menu-header,
div.menu,
#colophon,
#branding,
#main,
#wrapper {
	margin: 0 auto;
	width: 300px;
	padding:0 auto;
}
#container1 {width:300px; height:auto; margin:0 auto; background-image:none; padding:0 auto}
#socialIcons{display:none}
#socialIcons img { display:none}

#top-right {width:300px; height:auto; margin:0 auto; background-image:none; padding:0 auto}
#nav-bar {display:none}
#nav {width:300px; height:auto; margin:0 auto; background-image:none; padding:0 auto}

a.nav-link:link{padding-left:6px}
a.nav-link:visited{padding-left:6px}
a.nav-link:hover{padding-left:6px}

.nav-link a, .nav-link select { font-size:14px; margin:0 auto;}


.nav-area { width:300px; height:auto; background-image:none; padding: 0 auto; margin:0 auto; padding-left:0px; }
#hang-bar {display:none}
#container2 {width:300px; height:auto; margin:0 auto; background-image:none; padding:0 auto}
#photo-box, #photo-box img {width:300px; height:auto; margin:0 auto; background-image:none; padding:0 auto; float:left; margin-left:-17px}
#button-section {width:300px; height:auto; margin:0 auto; margin-bottom:20px; background-image:none; padding:0 auto; float:none}
#button1 {width:292px; height:auto; margin:0 auto; padding:0 auto; float:none}
#button2 {width:292px; height:auto; margin:0 auto; padding:0 auto; float:none}
#button3 {width:292px; height:auto; margin:0 auto; padding:0 auto; float:none}

#hangers {width:300px; height:auto; margin:0 auto; margin-bottom:20px; background-image:none; padding:0 auto; float:none}
#hanger1 {width:241px; height:auto; margin:0 auto; padding:0 auto; float:none}
#hanger2 {width:241px; height:auto; margin:0 auto; padding:0 auto; float:none}
#hanger3 {width:241px; height:auto; margin:0 auto; padding:0 auto; float:none}
#hanger4 {width:241px; height:auto; margin:0 auto; padding:0 auto; float:none}

#int-top-slice {background-image:none;}

#int-stretch-slice {background-image:none;}

.inner-content {width:300px; height:auto; margin:0 auto; background-image:none; padding:0 auto; float:left; padding-left:0px}

.int-header {margin-top:30px;}


#header-bg {width:300px; height:80px; margin:0 auto; background-image:none; padding:0 auto}
	#top-container {width:300px; margin:0 auto; height:194px; padding:0 20px}
	#leftboxTop {display:none}
	#leftboxMid {background-image:none; background:#803a00}
	#leftboxFoot {display:none}
        #container1 { width:300px; margin:0 auto; height:auto }
		#content-section { width:300px; margin:0 auto; height:auto; background:none }
		#address-box, #address-box img {display:none }
		#content {color:#f1f1f1}
		#content .entry-title, .entry-title a:link,
.entry-title a:visited {color:#f89626; margin-top:-50px}
.entry-title a:active,
.entry-title a:hover {
	color: #fff;
}
		#logo, #logo img { height:75px; width:300px; padding:0 auto; margin:0 auto; background-image:none; margin-bottom:-80px}
	
.category-left {background:#1b3955; padding:10px; width:280px; border:#1d5882 1px solid; height:100%; color:#fff; float:left}
.category-right {background:#1b3955; padding:10px; width:280px; border:#1d5882 1px solid; height:100%; color:#fff; float:left}

}

/* Mobile (Landscape) /* Note: Design for a width of 480px */
@media only screen and (min-width: 480px) and (max-width: 767px) {
body {
   background:#000; width:300px;
}
#access .menu-header,
div.menu,
#colophon,
#branding,
#main,
#wrapper {
	margin: 0 auto;
	width: 300px;
	padding:0 auto;
}
#container1 {width:300px; height:auto; margin:0 auto; background-image:none; padding:0 auto}
#socialIcons{display:none}
#socialIcons img { display:none}

#top-right {width:300px; height:auto; margin:0 auto; background-image:none; padding:0 auto}
.nav-area {width:300px; height:auto; background-image:none; padding: 0 auto; margin:0 auto; padding-left:0px;}
#hang-bar {display:none}
#container2 {width:300px; height:auto; margin:0 auto; background-image:none; padding:0 auto}
#photo-box, #photo-box img {width:300px; height:auto; margin:0 auto; background-image:none; padding:0 auto; float:left; margin-left:-17px}
#button-section {width:300px; height:auto; margin:0 auto; margin-bottom:20px; background-image:none; padding:0 auto; float:none}
#button1 {width:292px; height:auto; margin:0 auto; padding:0 auto; float:none}
#button2 {width:292px; height:auto; margin:0 auto; padding:0 auto; float:none}
#button3 {width:292px; height:auto; margin:0 auto; padding:0 auto; float:none}

#hangers {width:300px; height:auto; margin:0 auto; margin-bottom:20px; background-image:none; padding:0 auto; float:none}
#hanger1 {width:241px; height:auto; margin:0 auto; padding:0 auto; float:none}
#hanger2 {width:241px; height:auto; margin:0 auto; padding:0 auto; float:none}
#hanger3 {width:241px; height:auto; margin:0 auto; padding:0 auto; float:none}
#hanger4 {width:241px; height:auto; margin:0 auto; padding:0 auto; float:none}

#int-top-slice {background-image:none;}

#int-stretch-slice {background-image:none;}

.inner-content {width:300px; height:auto; margin:0 auto; background-image:none; padding:0 auto; float:left; padding-left:0px}

.int-header {margin-top:30px;}


#header-bg {width:300px; height:80px; margin:0 auto; background-image:none; padding:0 auto}
	#top-container {width:300px; margin:0 auto; height:194px; padding:0 20px}
	#leftboxTop {display:none}
	#leftboxMid {background-image:none; background:#803a00}
	#leftboxFoot {display:none}
        #container1 { width:300px; margin:0 auto; height:auto }
		#content-section { width:300px; margin:0 auto; height:auto; background:none }
		#address-box, #address-box img {display:none }
		#content {color:#f1f1f1}
		#content .entry-title, .entry-title a:link,
.entry-title a:visited {color:#f89626; margin-top:-50px}
.entry-title a:active,
.entry-title a:hover {
	color: #fff;
}
		#logo, #logo img { height:75px; width:300px; padding:0 auto; margin:0 auto; background-image:none; margin-bottom:-80px;}
	
.category-left {background:#1b3955; padding:10px; width:280px; border:#1d5882 1px solid; height:100%; color:#fff; float:left}
.category-right {background:#1b3955; padding:10px; width:280px; border:#1d5882 1px solid; height:100%; color:#fff; float:left}
}
		

/* Drop Menu */
@media only screen and (max-width: 640px) {
	.navigation { margin:20px 0 0 0; width:auto;
		ul {
			border:none;
			background:none;
			.border-radius(0);
		}
		li {
			border-right: none;
		}
		li:hover {
			a {
				.linear-gradient(#ff8400, #e07400, 100%);
				color:#fff;
			}
			.children {			
				a {
					color:#000;
				}
				a:hover {
					.linear-gradient(#ff8400, #e07400, 100%);
					color: #fff;
				}
			}
		}
		a {
			border:1px solid #ddd;
			.border-radius();
			font-size:1.2em;
			height:auto;
			.linear-gradient();
			line-height:1em;
			padding:15px;
		}
		.children {
			border:1px solid #ddd;
			.border-radius(5px);
			top: 40px;
		}
	}
	.instructions {
		.border-radius();
		color:#fff;
		font-size:1.2em;
		.linear-gradient(#ff8400, #e07400, 100%);
		line-height:1em;
		margin:0 0 5px;
		padding:5px 10px
	}
}

.navigation select { font-size:1.5em }