@media screen and (max-width: 1024px) {
	
	.flexer.flex-3 .col{ width:50%;}
	
}

@media screen and (max-width: 640px) {
	.container{ padding:0 20px !important;}
	#login-form .form-control, .sign_in{ width:100% !important;}
	.logo-login img{ width:80% !important; height:auto;}
	#login-form{ padding:0;}
	.copyright{ margin-top: 15px !important;}
	.logo-login{ display:inline-block; width:100%; text-align:center;}	
	.forgot_password{ width:100% !important;}
	.title, .inner .align-center > h2{ font-size:29px !important;}
	.todaysdate{ font-size:24px;}
	#header{position: inherit;}
	.content{  padding-top: 0px;}
.collapse {
    display: block !important;
}
.contact-submit{ margin:0 !important;width:100% !important;}
.contact-formbox{ width:100%;}
.copyright-main{ font-size:14px;}
.container.contactform{ margin-bottom:30px;}
.navbar{ overflow-y: inherit !important; border:none !important;}
.navbar-toggle {
    right: -10px;
    top: 0;
}
.menu{ margin-top:0 !important}
.nav > li{ display:inline-block; width:100%; }
.navbar-default .navbar-toggle .icon-bar, .nav{background-color: #121416;}
.navbar-toggle .icon-bar{ height:4px; width:30px;}
.navbar-default .navbar-nav > li > a{ color:#fff; text-align:right}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus,{ color:#ff0000; opacity:1;}
.nav li a.current{ opacity:1;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{   border-color: transparent !important;}
.menu li:last-child a{ padding-right:22px}
.flex.flex-2 .title-lunchorder{ width:100%; min-width:inherit}
.flexer.flex-3 .col{ width:100%; max-width:inherit; margin-bottom:20px;min-height: auto;}
.menuupcoming{ margin-left:0 !important; margin-right:0 !important;}
.title-lunchorder{ margin:0;}
.wrapper header{ margin-bottom:99px;}
.social-header{ position:absolute; left:0; right:0; margin:auto; width:100px; text-align:center;}
.header-top{ float:left; width:100%; }
ul.contact-info-header{ text-align:center; float:left; width:100%; margin:25px 0 0 0}
ul.contact-info-header li{ float:none;}
.info{position:relative; height: auto; padding:15px 0;}
.header-info i{ margin-right:0;}
.header-info{ padding-top:0;}
.navbar{  background: transparent none repeat scroll 0 0;}
   .dl-menuwrapper{ display:block;}
    .menu > ul{ display:none;}
    ul.ul-upcoming li{ margin:0 0 90px 0;}
ul.ul-upcoming li{ width:100%;}
}
@media screen and (max-width: 480px) {
	
	.img-client{max-width:inherit;height:auto;width:100%}
}

@media screen and (max-width: 700px) {
	
	.site-login{margin:20px 0 !important;}
}