/* -----------------------------------------
   Media Queries
----------------------------------------- */
/* Responsive Media Queries  */

@media only screen and (min-width: 1366px) {
.ui-keyboard { font-size: 1.5em !important; }
}

/*== Terminals Screen Width ==*/
@media only screen and (min-width: 768px) and (max-width: 1030px)  {
	body {
		font-size:9.5px;
	}
	.recentMenuItem, .orderMenuItem {
		min-height:90px;
	}
	.menuItem.withDesctrue {
		min-height:125px;
	}
	.singleMenuItem {
		min-height:auto;
	}
	.miImgCol {padding-left:5px;}
	.menuItemBtn.true .miImgContainer.thumbnail {
		width:110px;
		height:70px;
	}
	.ui-keyboard { font-size: 1.5em !important; }
}



@media only screen and (min-width: 768px) {
	.menuItem, .singleMenuItem, .recentMenuItem, .orderMenuItem, .menuItem.withDesctrue, 
	.categoryHeading {
		height:auto;
	}
}

/*== Ipad Portrait ==*/
@media only screen and (max-width: 990px) {
	.ccIframeContainer { height: 370px; }
}

/*== Mobile Screens ==*/
@media only screen and (max-width: 767px) {
	body {
		font-size:11.5px;
	}
	.form-control {
		font-size:1.2em;
	}
	.menuItem, .singleMenuItem, .recentMenuItem, .orderMenuItem, .menuItem.withDesctrue {
		padding: 0;
		min-height: 0;
	    height: auto;
	}
	.modifiers {
		padding: 0;
	}
	.confirmMenuItem {
	}
	.pageCaption h3, .welcomeMessage h3 {
		text-align:center;
		font-size:1.6em;		
	}
	.qtyBtn { font-size:1em; }
	.addressContent .addressBtn::before {
	    left: 20px;
	    top: 6px;
	}
	.singleMenuItem .qtyInput {
	}
	
	#signature {
		padding-top: 10% !important;
		display:none;
		position:fixed;
		max-width:100%;
		right:0;
	    width: 100%;
	    height: 100%;
	    left: 0;
	    top: 50px;
	    background: #F5F5F5;
	    margin: 0 auto;
	    z-index: 99;
	}
	#signPad {
		height:100%;
	}
	.signBtn.clear { display:inline; }
	.signOkBtn { display:block; }
	
	.hasBottomFixBtns {
		padding-bottom:45px !important;
	}
	.bottomFixBtns {
		position: fixed;
	    background: #FFFFFF;
	    left: 0%;
	    right: 0%;
	    bottom: 0;
	    height: 50px;
	    padding-top: 5px;
	    font-size: 1.2em;
	    width: 100%;
	    margin: 0;
	    padding-left: 2%;
	    padding-right: 2%;
	    -webkit-box-shadow: 0px -5px 15px -3px rgba(0,0,0,0.35);
	    -moz-box-shadow: 0px -5px 15px -3px rgba(0,0,0,0.35);
	    box-shadow: 0px -5px 15px -3px rgba(0, 0, 0, 0.35);
	}
	.bottomFixBtns div{
		height:100%;
		padding:0 2px;
		margin:0;
	}
	.bottomFixBtns button {
	    font-size: 1.5em !important;
	    height: 40px;
	}
	.oiBtn {
		font-size:2.4em !important;
	}
	.bottomFixBtns .multipleFix {
		font-size: 1.2em !important;
	}
	.bottomFixBtns .gngBtn {
	    -moz-box-shadow: inset 0 4px 15px rgba(75, 63, 64, 0.25);
    	-webkit-box-shadow: inset 0 4px 15px rgba(75, 63, 64, 0.25);
    	box-shadow: inset 0 4px 15px rgba(75, 63, 64, 0.25);
	}
	.bottomFixBtns .gngBtn:hover {
		-moz-box-shadow: inset 0 4px 15px #333;
	    -webkit-box-shadow: inset 0 4px 15px #333;
	    box-shadow: inset 0 4px 15px #333;
	}
	
	.bottomFixBtns .gngCheckoutBtn {
		-moz-box-shadow: inset 0 4px 15px rgba(75, 63, 64, 0.25);
    	-webkit-box-shadow: inset 0 4px 15px rgba(75, 63, 64, 0.25);
    	box-shadow: inset 0 4px 15px rgba(75, 63, 64, 0.25);
	}
	.bottomFixBtns .gngCheckoutBtn:hover {
		-moz-box-shadow: inset 0 4px 15px rgba(75, 63, 64, 0.25);
    	-webkit-box-shadow: inset 0 4px 15px rgba(75, 63, 64, 0.25);
    	box-shadow: inset 0 4px 15px rgba(75, 63, 64, 0.25);
	}
	
	.recentIcon button, .restartIcon button { font-size:2.4em;}
	
	.gngBtnLg { font-size:2em; }
	.tipInput { width: 50px; }
	.miImgCol {padding-left:5px;}
	.menuItemBtn.true .miImgContainer.thumbnail {
		width:100px;
		height:64px;
	}
	
	.gngYesBtn.address, .gngCancelBtn.address{
		padding: 0.25em 0.5em;
    	font-size: 1.2em !important;
	}
	.addressContent .addressBox .address-label {
		display: inline-block;
	    padding-right: 0.5em;
	    margin-top: 0.3em;
	}
	.addressContent .addressBtn.disabled::after {
	    font-size: 1.8em;
	}
	.ccIframeContainer { height: 380px; }
	
	.categoriesNav.fixedTop {
		margin-left: -35px;
	    width: calc(100% + 70px);
	    top: -1px;
	}
	.singleMenuItem .miTitle, .singleMenuItem .miPrice {
	    font-size: 1.4em;
	}
	.selectedTimeRow.top {
		display:none;
	}
	.headerIcon.selectedTimeIcon.Hidden {
		display: none !important;
	}
	#header .leftCol, #header .rightCol {
		width: 150px;
		height:60px;
	}
	#header .centerCol {
		width: calc( 100% - 300px);
	}
	.selectedTimeCol {
		display:block;
	}
}


/*== Small Mobile Screens ==*/
@media only screen and (max-width: 320px) {
	body { font-size:10.5px;}
	.gngLogo { font-size: 3em; padding-top: 8px;}
	.cartIcon button, .homeIcon button { font-size: 3em; }
	#cartQuantity { font-size:14px; bottom:20px; }
	.bottomFixBtns .multipleFix  { font-size: 1.2em !important; }
	.menuItem  .miTitle, .menuItem .miPrice { font-size: 1em !important;}
	.singleMenuItem .miTitle, .singleMenuItem .miPrice {
	    font-size: 1.3em;
	}
	#header .leftCol{
		width: 115px; 
		height:60px;
	}
}

/*== Extra Small Mobile Screens & iPad mini Mobile App View ==*/
@media only screen and (max-width: 300px) {
	body { font-size:7px;}
	.gngLogo { font-size: 3em; padding-top: 8px;}
	.homeIcon button { font-size: 3em; }
	.cartIcon button { font-size: 3em; }
	#cartQuantity { font-size:10px; bottom:21px; min-width: 18px; width: 18px; }
	.bottomFixBtns .multipleFix  { font-size: 1.1em !important; }
	.menuItem  .miTitle, .menuItem .miPrice { font-size: 1.1em !important;}
	.timeBox, .categoryBox { height: 80px; }
	.singleMenuItem .miTitle, .singleMenuItem .miPrice {
	    font-size: 1.2em;
	}
	.datepicker { 
		width:220px !important;
	 	font-size:12px !important;
	 }
}
/*== For samsung Galaxy Fold landscape view ==*/ 
@media only screen and (min-width: 250px) 
                   and (max-width: 668px) 
                   and (orientation: landscape) {
	#signature {
		padding-top: 15px !important;
	}
	.signPadMsg {
		font-size:1.5em;
	}
	.datepicker--cells{
		height: 60px;
    	overflow-y: scroll;
	}
}


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

}

@media only screen and (min-width: 380px) and (max-width: 685px) and (orientation : landscape) {
	
}
@media only screen and (min-width: 380px) and (max-width: 685px) and (orientation : portrait) {
	
}

@media only screen and (max-width: 480px) {
	.bottomFixBtns{
	 	padding-bottom: 52px;
	 }
}
@media only screen and (max-width: 380px) {
	
	
}

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

}