@media screen and (max-width:1100px){
	body table.booked-calendar td .count { padding:5px 0; font-size:9px; }
	body table.booked-calendar td .date .number { width:30px; height:30px; line-height:30px; font-size:14px; }
}

@media screen and (max-width:860px){
	
	body #booked-profile-page .booked-profile-appt-list { float:none; width:100%; margin:0 0 30px }
	body #booked-profile-page #profile-edit { float:none; width:100%; margin:0 }
	body #booked-profile-page .booked-profile-appt-list .appt-block .status-block { float:right; margin:6px 0 0 0; }
	
}

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

	body table.booked-calendar thead th { border-collapse:collapse; font-size:16px; padding:13px 0 10px; }
	body table.booked-calendar thead tr.days th { font-size:11px; padding:7px 0 5px; }
	body table.booked-calendar td { font-size:13px; }
	body table.booked-calendar thead th .page-left { left:10px; top:11px; font-size:15px; }
	body table.booked-calendar thead th .page-right { right:10px; top:11px; font-size:15px; }
	body table.booked-calendar thead th .page-left:hover { left:9px; }
	body table.booked-calendar thead th .page-right:hover { right:9px; }
	body table.booked-calendar th .monthName a { top:-2px; font-size:10px; }
	
	body table.booked-calendar thead, body table.booked-calendar thead th, body table.booked-calendar tbody, body table.booked-calendar tbody td, body table.booked-calendar tr, body table.booked-calendar tr.days, body table.booked-calendar tr.days th { border:none !important; border-collapse:collapse !important; }
	
	body table.booked-calendar td .count { display:none; }
	body table.booked-calendar td .date { height:100%; }
	body table.booked-calendar td .date .number { border:none; display:inline-block; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; width:auto; height:auto; line-height:100%; }
	body table.booked-calendar tr.week td.active .date .number { border:none; background:none; color:#000; }
	
	body table.booked-calendar tr.entryBlock td { padding:5%; }
	body table.booked-calendar .booked-appt-list { max-height:170px; overflow-y: scroll; overflow-x: hidden; padding:15px 20px 10px; }
	body table.booked-calendar .booked-appt-list h2 { text-align:center; margin:0 0 15px; font-size:12px; }
	body table.booked-calendar .booked-appt-list .timeslot { border-top:0; margin:0 0 10px;  }
	body table.booked-calendar .booked-appt-list .timeslot .timeslot-time,
	body table.booked-calendar .booked-appt-list .timeslot .timeslot-count { display:none; }
	body table.booked-calendar .booked-appt-list .timeslot .timeslot-people { width:100%; padding:0; }
	body table.booked-calendar .booked-appt-list .timeslot .timeslot-people button { float:none; margin:0; width:100%; text-align:center; }
	
	body table.booked-calendar .booked-appt-list .timeslot .timeslot-people button .button-timeslot { display:block; font-weight:600; font-size:13px; }
	body table.booked-calendar .booked-appt-list .timeslot .timeslot-people button .button-text { display:none; }
	
	body #booked-profile-page .result-section.table-layout { padding:10px 0; }
	body #booked-profile-page .result-section.table-layout .table-box .cell-title .compact-img img { top:46px; left:12px; }
	body #booked-profile-page .booked-tabs li,
	body #booked-profile-page .booked-tabs li.edit-button { display:block; float:none; }
	body #booked-profile-page .booked-tabs li a,
	body #booked-profile-page .booked-tabs li.edit-button a { border-left:none; border-right:none; }
	
	body .booked-modal { padding:0; }
	body .booked-modal .bm-window { margin:3%; width:94%; padding:30px; box-sizing:border-box; }
	body .booked-modal .bm-overlay { background:rgba(0, 0, 0, 0.8); }
	body .booked-modal .bm-window p.name b { display:block; }
	
}

@media screen and (max-width:600px){
	
	body #booked-calendarSwitcher { width:100%; display:block; padding:8px 5px; }
	body #booked-calendarSwitcher i.fa { display:none; }
	body #booked-calendarSwitcher select { width:100%; }

	body #booked-profile-page .booked-profile-appt-list .appt-block .status-block { display:block; float:none; margin:0 0 10px; }
	body #profile-edit #booked-page-form p.form-nickname,
	body #profile-edit #booked-page-form p.form-email,
	body #profile-edit #booked-page-form p.form-url,
	body #profile-edit #booked-page-form p.form-password { float:none; width:100%; }

}