@media (max-width: 500px)
{
    body
    {
        font-size: 12pt;
    }

    h1
    {
        font-size: 16px;
        font-weight: bold;
    }

    #ContentWizard
    {
	    bottom: 82px;
    }

    #ButtonPnl
    {
	    height: 50px;
    }

    .FormControl input, textarea, select
    {
        font-size: 12pt;
    }
    
    input, textarea, select
    {
	    font-size: 12pt;
    }
    
    div.Errors, .validation-summary-errors
    {
	    font-size: 12pt;
    }
    
    input.SmallBtn
    {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    
    input.SkipBtn
    {
        font-size: 12pt;
    }
    
    input.Btn
    {
        font-size: 12pt;
    }
    
    input.KeyPad
    {
        font-size: 12pt;
    }
    
    div.ItemGroup
    {
        font-size: 12pt;
    }
    
    b.DurationLbl
    {
        font-size: 9pt;
    }
    
    div.WeekDate
    {
         font-size: 16px;
    }
    
    div.WeekListItem
    {
        font-size: 10pt;
        padding: 3px;
        margin: 2px;
    }
    
    div.ListItemColumnStaff
    {
        flex: 0 0 120px;
    }

    
    div.ListItemDropDownControlCaption
    {
         width: 80px;
    }
    
    input.ToolbarBtn, button.ToolbarBtn
    {
        font-size: 12pt;
    }
    
    div.WizardStepper
    {
        font-size: 14px;
    }
    
    div.WizardPager
    {
        display: none;
    }
    
    div.DialogLoading
    {
	    width: 200px;
	    height: 200px;
	    margin-left: -100px;
	    margin-top: -100px;
	}
	
	div.Dialog
    {
	    top: 65px;
	    left: 50%;
	    width: 90%;
	    margin-left: -45%;
	}
	
	div.DialogContent
    {
        width: 90%;
    }

    div.DialogButton
    {
        width: 90%;
    }
	
	.DialogPadding
    {
        margin: 5px;
    }
    
    div.WizardTotal
    {
        display: block;
    }
    
    img.ServicePhoto
    {
        max-width: 64px;
    }
    
    div.TimeSlot
    {
        font-size: 10pt;
    }
    
    div.Appointment
    {
        font-size: 10pt;
    }
}

@media (max-width: 280px)
{
    input.SkipBtn
    {
        font-size: 12pt;
        padding-left: 10px;
        padding-right: 10px;
    }
    
    input.SkipBtn:hover
    {
        font-size: 12pt;
        padding-left: 10px;
        padding-right: 10px;
    }
    
    input.Btn
    {
        font-size: 12pt;
        padding-left: 10px;
        padding-right: 10px;
    }
    
    input.Btn:Disabled
    {
        font-size: 12pt;
        padding-left: 10px;
        padding-right: 10px;
    }
    
    input.Btn:Hover
    {
        font-size: 12pt;
        padding-left: 10px;
        padding-right: 10px;
    }
}