/* Mobile CSS */
    .nav-toggle {display:none;}

     @media screen and (max-width: 1139px) {
         .SchoolControlOptions {width:300px;}        
    }  

     @media screen and (max-width: 999px) {
         .AdminNavigationRow ul li a {font-size:.875em;}        
    } 

    @media screen and (max-width: 959px) {		
        .SchoolControlOptions {width:240px;}	
	    #MainNavigation {display:none;}
        .nav-toggle {display:inline;}
	    .nav-toggle {display: inline-block; text-align:right; margin: 10px 0; cursor:pointer; width: 98%; font-size: 1.2em;color: #c3b845;}
	    .nav-toggle > span {vertical-align: top;}
        .NavigationRow {margin: 0 auto;position: relative;}
        .NavigationRow ul {background-color: rgba(0, 0, 0, 0); height: auto; overflow: auto; width: 100%; padding:0px;}
        .NavigationRow ul li {float: none;margin: 0 0 5px 0;text-align: center;width: 100%;}
        .NavigationRow ul li a{font-size:1rem !important;color:#c3b845 !important;}
        .AdminNavigationRow {margin: 0 auto;position: relative;}
        .AdminNavigationRow ul {background-color: rgba(0, 0, 0, 0); height: auto; overflow: auto; width: 100%; padding:0px;}
        .AdminNavigationRow ul li {float: none;margin: 0 0 5px 0;text-align: center;width: 100%;}
        .AdminNavigationRow ul li a{font-size:1rem;color:#c3b845 !important;}
        #MainNavigation li ul li a {color: #000 !important; background:transparent !important;font-size:.8em !important;}
        .Slider {display:none;}
        #MainNavigation li ul {position: relative !important;visibility: visible !important; width: 100% !important;}
        #MainNavigation li ul li {margin:0 auto; border-bottom:0px !important; width:100%;}
        #MainNavigation li ul li a:before {content:"- ";}
        .PreviousMessageRow {width:96%; padding:1% 2%;}
        a.FormButton{min-height:25px; height:auto;}
        .FreeMealsHolder .ParentName {width:100%; max-width:450px;}
        .OrderMealsButton {display:none;}
        .NavigationRow ul li:first-child {margin-left:0;} 
    }  

    @media screen and (max-width: 889px) {	
        .CalendarDay {width:35px;height:35px;}
        .MealCalendar, .CalendarRow {width:390px;}
        .CalendarDay Span.DayHolder {margin-top: 10px;}
        .DayHeader {width:43px;}
        .CalendarDay.MainMealFree, .CalendarDay.VegMealFree, .CalendarDay.JacketMealFree, .CalendarDay.PackedMealFree, .CalendarDay.MainMealFreeSpecialDay {background-size:50px 52px; background-position:-7px -2px;}
    }  
    
    @media screen and (max-width: 729px) {	
        .Logo {width:100%; margin-bottom:10px;}	
        .Logo img {width:100%;max-width:390px}
        .HeaderRightContainer {float: none;width: 130px; overflow:auto;margin:0 auto;}
        .HeaderRightContainerLogged {float: none;width: 120px; overflow:auto; margin:0 auto;}
        .LoginStatus {float:none; text-align: center;}
        .PageContent {margin-right: 2.5%;padding-right: 2.5%;}
        .SideBox{width:30%;}
    }    

    @media screen and (max-width: 654px) {
        .PageContent {width: 100%;margin-right: 0;padding-right: 0%;border-right: 0px; margin-bottom:10px;}
        .SideBox{display:none; width:100%; max-width:450px; float:none; margin:0 auto;clear:both; padding-top:10px; border-top:1px solid #000;}
        .NewsletterSignUp {clear: both;margin: 0 auto;max-width: 225px;width: 100%;}
        .FacebookLikeUs {clear: both;margin: 0 auto;max-width: 225px;width: 100%;}
        .FollowUs {clear: both;margin: 0 auto;max-width: 225px;width: 100%;}
        .Register-SignIn-Buttons {width:100%;max-width:225px;margin:0 auto;}
        .Register-SignIn-Buttons img {width:100%; max-width:225px;margin:0 auto;}
        .MediumButton {width:100%; margin-bottom:10px;}
        input {margin-bottom:10px;}
        .InputBox {width:96%; max-width:100%; padding:1% 2%;}
        .Short{width:96% !important; max-width:100% !important; padding:1% 2% !important;}
        .SmallButton {width:100%; max-width:100%;}
        .LayOutBlock {float:none;}
        .NumberOfChildrenButton {width: 100%;}
        .FormButton.LargeButton {width:100%;}
        .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-dialog-buttons.ui-draggable {width:94% !important; left:2% !important;}
    }    

       @media screen and (max-width: 459px) {
        .menu-page-h2 h2{font-size:1.4em;}
     }  

     @media screen and (max-width: 429px) {
         .ContentContainer {padding: 30px 2%; width: 96%;}
        .MealCalendar, .CalendarRow {width:310px;}
        .DayHeader {width:30px;}
        .CalendarDay {width:23px; height:23px;}
        .CalendarDay Span.DayHolder {font-size:.6em;margin-top:8px;}
        .CalendarDay Span.DayHolderLocked {font-size:.6em;padding-top:8px;}       
        .CalendarDay.MainMealFree, .CalendarDay.VegMealFree, .CalendarDay.JacketMealFree{background-position: -6px -3px;background-size: 35px 46px;}
        .WeekSelect {font-size: 0.675em; width: 47px;}
        .WeekSelect.Allowed {background-size: 11px auto;}
    }    
      
     @media screen and (max-width: 399px) {
        .ChildContainer {width:96%; margin:0 auto 2%; max-width:280px; display:block;}
     }  

     @media screen and (max-width: 329px) {
        .SmallButton {margin-top: 5px;}
    }