/* Responsive Styles */

/* First breakpoint, determined by 990px width wrapper + 50px of space on each side */

@media screen and (max-width: 1040px) {

	* {
		box-sizing: border-box;
	}

	.wrapper { 
		width: 100%;
	}

	#topnavwrapper,
	#header,
	.wrapper #logokbgrill,
	#menunavbar,
	#opentimes,
	#kbfooterlogo,
	#footerphone,
	#footerphone #footerdelivery,
	#copyright {
		position: static;
	}

	#topnavwrapper {
		float: none;
		height: auto;
	}

	#topnavwrapper ul li {
		padding: 15px !important;
	}

	#header {
		height: auto;
		background: none;
	}

	#header .wrapper {
		height: auto;
	}

	#superwrapper {
		margin: 0 auto;
	}

	#maincontent {
		padding: 15px;	
	}

	.centeredmenu ul {
		float: none;
		clear: none;
		text-align: center;
	}

	.centeredmenu ul li {
		display: inline-block;
		float: none;
	}

	.wrapper #logokbgrill {
		width: 100%;
		height: auto;
		margin: 0 auto 10px auto;
		text-align: center;
	}

	.wrapper #logokbgrill img {
		max-width: 100%;
		height: auto;
	}

	.wrapper #logokbgrill .photodiv {
		display: none;
	}

	#menunavbar {
		width: 100%;
		background-color: #000;
		text-align: center;
	}

	.menu {
		position: relative;
		top: 71px;
		left: 0;
		display: inline-block;
	}

	#menuspecials {
		left: -40px;
	}

	#menuamerican {
		left: -24px;
	}

	#menuisraeli {
		left: -8px;
	}

	#menuszechuan {
		left: 8px;
	}

	#menusushi {
		left: 25px;
	}

	#footernavwrapper {
		padding: 3px 15px;
	}

	#footernavwrapper a, 
	#footernavwrapper a:link {
		display: inline-block;
		padding: 8px 5px;
	}

	#push {
		display: none;
	}

	#superfooter {
		height: auto;
		clear: both;
	}

	#footer {
		clear: both;
		padding: 15px;
	}

	#footer:after {
		content: '';
		display: block;
		clear: both;
	}

	#opentimes {
		float: right;
		margin-top: 10px;
		margin-left: 0;
	}

	#kbfooterlogo {
		float: left;
		margin: 0;
	}

	#kbfooterlogo .photodiv {
		display: none;
	}

	#footerphone {
		float: right;
		clear: right;
		width: auto;
		margin: 0;
		padding: 30px 0 0 0;
		background: none;
	}

	#footer #footerdelivery {
		padding-top: 10px;
		text-align: right;
	}

	#footer #footerdelivery br {
		display: none;
	}

	.onethird {
		width: 33.333333%;
		padding-right: 15px;
	}

	.onethird.right {
		padding-right: 0;
	}

	.wrapper > .leftcol {
		width: 73%;
	}

	.wrapper > .rightcol {
		width: 27%;
		padding-left: 15px;
	}

	.leftcol .leftcol {
		width: 100%;
	}

	.rightcol .photo {
		max-width: 100%;
		height: auto;
	}

	.contact .bigger {
		text-align: left;
	}

	.contact .half {
		float: left;
		width: 50%;
	}

	.contact .half.left {
		padding-right: 15px;
	}

	table.foodmenu {
		width: 100%;
	}

}

@media screen and (max-width: 950px) {

	.location .leftcol,
	.location .rightcol {
		float: none;
		width: 100%;
	}

}

@media screen and (max-width: 910px) {

	.about .h1spacer {
		padding-top: 116px;
	}

}

@media screen and (max-width: 900px) {

	#maincontent .slider-wrapper {
		float: none;
		margin: 0 auto;
	}

	.home .h1spacer {
		display: none;
	}

	.contact .half.left #form {
		padding-right: 15px;
	}

}

@media screen and (max-width: 800px) {

	#form li textarea, 
	#form li input {
		width: 200px;
	}

}

@media screen and (max-width: 768px) {
	.sidephotos {
		display: none;
	}
	#topnavwrapper ul li {
		display: inline-block;
		padding: 6px 10px !important;
	}
	.topnav a, 
	.topnav .current {
		height: auto;
		font-size: 12px;
		line-height:1;
	}

	#opentimes {
		float: none;
		text-align: center;
	}

	#kbfooterlogo {
		width: auto;
		height: auto;
		float: none;
		margin: 15px auto;
		text-align: center;
	}

	#kbfooterlogo img {
		max-width: 100%;
		height: auto;
	}

	#footerphone {
		float: none;
		margin: 0 auto;
		padding: 0;
		text-align: center;
	}

	#footer #footerdelivery {
		text-align: center;
	}

	#maincontent .slider-wrapper {
		display: none;
	}

	.onethird {
		float: none;
		width: 100%;
		padding-right: 0;
	}

	.wrapper > .leftcol,
	.wrapper > .rightcol {
		float: none;
		width: 100%;
	}

	.h1spacer {
		display: none;
	}

	.rightcol .photo {
		float: left;
		clear: left;
		margin-right: 15px;
	}

	.rightcol:after {
		content: '';
		display: block;
		clear: both;
	}

	.contact .half {
		width: 100%;
	}

	.contact .half.left #form {
		border-right: none;
		padding-right: 0;
	}

	.contact .half.left {
		padding-right: 0;
	}

	.contact .half #form ul {
		margin-left: 0;
		text-align: left;
	}

	.contact .half #form ul label {
		display: block;
	}

	#form li textarea, 
	#form li input {
		width: 240px;
	}

	.specials .wrapper > .rightcol,
	.american .wrapper > .rightcol,
	.szechuan .wrapper > .rightcol,
	.israeli .wrapper > .rightcol,
	.sushi .wrapper > .rightcol {
		display: none;
	}

	.home ul.menu-choices li {
		margin-bottom: 5px;
	}

	a, 
	a:link {
		padding: 0;
	}
	table.foodmenu {
		font-size: 13px !important;
	}
	table.foodmenu tr {
		line-height: auto;
		width: 100%;
	}
}

@media screen and (max-width: 680px) {

	.location .leftcol {
		display: none;
	}
	table.foodmenu {
		display: block;
	}
	table.foodmenu,
	table.foodmenu tbody,
	table.foodmenu tr,
	table.foodmenu td {
		width: 100%;
	}

	table.foodmenu tr:nth-child(even) td.even {
		background-color: #000;
	}

	table.foodmenu tr:nth-child(even) td.odd {
		background-color: #414141;
	}
	table.foodmenu td, table.foodmenu th {
		box-sizing: border-box;
	}
	table.foodmenu td.name, table.foodmenu th.name {
		max-width: 70% !important;
	}
	table.foodmenu td.name3col, table.foodmenu th.name3col {
		max-width: 55% !important;
	}
	table.foodmenu td.odd, table.foodmenu td.even {
		max-width:50% !important;
	}
	table.foodmenu td.price, table.foodmenu th.price {
		max-width: 18% !important;
	}
	

}

@media screen and (max-width: 580px) {

	#menunavbar {
		height: auto;
		background: #000;
	}

	#menunavbar .menu {
		top: 0;
		left: 0;
		padding: 8px;
	}

	#menunavbar #navbar > a {
		display: none;
	}

	#footernavwrapper ul li {
		padding: 8px !important;
	}

	#footernavwrapper ul li .divider {
		display: none;
	}

	#copyright p {
		padding: 5px 15px;
		text-align: center;
	}

}

@media screen and (max-width: 400px) {

	#opentimes .hours,
	#footerphone .number {
		display: block;
		margin-top: 12px;
	}

}