@-moz-document url-prefix() {
   #menuImg {
	    margin-left: 2%;
	    width: 100px;
	    height: 100px;
	    margin-top: 2px !important;
	}
	
	#tab-menu{
		 width: 40% !important;
	}
	#tab-catering{
		 width: 60% !important;
	}
}


@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700,700italic,400italic);
body {font-family: 'Source Sans Pro', sans-serif; font-size: 14px; color: #666;}
#modal_trigger { width:100px; display:block;}

@media screen and (max-width: 688px) {
	#mobileCartHeader{
		display: block;
	}
	
	#desktopCartHeader{
		display: none;
	}
	#SideMenu {
		display: none;
	}
	#MA2 {
		display: none;
	}
	#logolink {
		margin-left: 15%;
	}
	#logoimg {
		width: 45px;
		height: 15px;
	}
	#myNavbar {
		margin-left: -10px;
		width: 200px;
	}
	#RestoImg {
		width: 80px;
		height: 70px;
		margin-top: 20px;
	}
	#L1 {
		padding: 0px;
		border-bottom: 1px solid lightgrey;
	}
	#L2 {
		padding: 0px;
		border-bottom: 1px solid lightgrey;
	}
	#HL0 {
		display: "";
		padding: 0px;
	}
	#HL1 {
		display: "";
		padding: 0px;
	}
	#HL2 {
		display: "";
		padding: 0px;
	}
	#HL3 {
		display: "";
		padding: 0px;
	}
	#HL4 {
		display: "";
		padding: 0px;
	}
	#HL5 {
		display: "";
		padding: 0px;
	}
	#HL6 {
		display: "";
		padding: 0px;
	}
	#HL7 {
		display: "";
		padding: 0px;
	}
	#HL8 {
		display: "";
		padding: 0px;
	}
	#HL9 {
		display: "";
		padding: 0px;
	}
	.card .card-image{
		height: 85px;
	}
	.card div.card-title {
    	font-size: 1.2em;
	}
	#orderSummaryTable{
		width: 95%;
		margin-left:0%;
	}
	#card-title{
		width: 92.5%;
	}
	#card-content{
		padding-left:0px;
	}
	#menuImg{
		width: 70px;
		height: 70px;
	}
	#mainNavBarHead{
		z-index: 999;
	}
	.card .card-content {
		padding: 0px 0px;
	}
}

@media screen and (min-width: 688px) {
	#mobileCartHeader{
		display: none;
	}
	
	#desktopCartHeader{
		display: block;
	}
	#MA1 {
		display: none;
	}
	#RestoImg {
		width: 120px;
		height: 100px;
		margin-top: 20px;
		margin-right: 40px;
	}
	#HL0 {
		display: none;
	}
	#HL1 {
		display: none;
	}
	#HL2 {
		display: none;
	}
	#HL3 {
		display: none;
	}
	#HL4 {
		display: none;
	}
	#HL5 {
		display: none;
	}
	#HL6 {
		display: none;
	}
	#HL7 {
		display: none;
	}
	#HL8 {
		display: none;
	}
	#HL9 {
		display: none;
	}
	.card .card-image{
		height: 40px;
	}
	.card div.card-title {
    	font-size: 1.3em;
	}
	#orderSummaryTable{
		width: 82%;
		margin-left:5%;
	}
	#card-title{
		width: 97%;
	}
	#card-content{
		padding-left:15px;
	}
	#menuImg{
		margin-left:2%;
		width: 100px;
		height: 100px;
	}
	#mainNavBarHead{
		z-index: 1;
	}
	.card .card-content {
		padding: 0px 16px;
	}
}

#ToggleBtn:hover {
	background-color: #F05323;
	color: white;
}

#ToggleBtn {
	background-color: #F05323;
	color: white;
}
/*  */
*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.contact-section {
	background-color:#3b598a;
	color:#f2f2f2;
}
.footer-container{
	padding:0px 0px;
}
ul.footer-links{
	list-style-type:none;
	padding-left: 0px;
}

ul.footer-links li {
	padding-bottom:5px;
}

ul.footer-links li {
	color:#f2f2f2;
}

ul.footer-links li>a {
	color:#f2f2f2;
	padding-left:5px;
}

.btn-xs-addon {
	font-size: 16px;
    color: #fff;
    padding: 3px 2px;
}

.subscribe_form {
	padding:0px 0px
}

.blue-navbar {
    background-color: #1c242f !important;
    height: 60px !important;
    border-bottom: 0px solid #2e6da4 !important;
    transition: background-color .5s ease 0s !important;
    margin-bottom:5px;
}
.blue-navbar>.container .navbar-brand {
	padding: 4px 15px;
}
ul.dropdown-menu {
    background-color: #f2f2f2;
}

@media (max-width: 992px) {
  	.opaque-navbar {
	    background-color: #f2f2f2;
	    height: 60px;
	    transition: background-color .5s ease 0s;
	}

}

@media (max-width: 767px) {
	.navbar-collapse .collapse .in {
		border:none !important;
		border-color:transparent !important;
	}
  	.opaque-navbar {
	    background-color: #f2f2f2;
	    height: 60px;
	    transition: background-color .5s ease 0s;
	}
	.nav.navbar-nav {
		background-color:#f2f2f2 !important;
		border:none !important; 
	}
	.nav.navbar-nav li a { color: #212121 !important; }
	.nav.navbar-nav li a:hover { color: #ccc }

}
.navbar-collapse .collapse .in {
	border:none !important;
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border: 0px solid transparent;
}
.navbar-inverse .navbar-nav>li>a {
    color: #f1f1f1;
}

.breadcrumb {
	color:#3b598a;
	margin-bottom: 5px;
}

.btn-filter-addon {
    font-size: 15px;
    color: #fff;
    padding: 4px 2px;
}

.text-primary {
	color:#3b598a;
}

.btn-danger {
	    color: #F05423;
    background-color: #fff;
    border-color: #F05423;
}

.btn-success {
	    color: #F05423;
    background-color: #fff;
    border-color: #F05423;
}

.btn-danger:hover {
	background-color:#F05323;
	border: none;
}

.navbar-nav > li > a.activator {
	font-size:14px;
}

.spinner {
  width: 40px;
  height: 40px;
  background-color: #333;
  margin: 20px auto;
  -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;
  animation: sk-rotateplane 1.2s infinite ease-in-out;
}

@-webkit-keyframes sk-rotateplane {
  0% { -webkit-transform: perspective(120px) }
  50% { -webkit-transform: perspective(120px) rotateY(180deg) }
  100% { -webkit-transform: perspective(120px) rotateY(180deg)  rotateX(180deg) }
}

@keyframes sk-rotateplane {
  0% { 
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg) 
  } 50% { 
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg) 
  } 100% { 
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}

.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover {
    color: #fff;
    background-color: #2769A2;
}




.addMinusBtn {
    background: #F05423;
    color: #F05423;
    height :34px;
    color :#fff;
    width: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 25px;
    border:none;
    outline:none;
}
.addMinusBtn span{
	color:white;
}

.addMinusBtn a{
	color:white !important;
}