body { min-width: 280px; }
#mobile_settings_menu { display: none; }


/* for all phones  */
@media (max-width: 767px) {


html { background: #fff; }

#form_loading { width: 100% !important; height: 100% !important; }


body#login_screen { 
background: rgb(246,247,230);
background: -moz-linear-gradient(top, rgba(246,247,230,1) 0%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(246,247,230,1)), color-stop(100%,rgba(255,255,255,1)));
background: -webkit-linear-gradient(top, rgba(246,247,230,1) 0%,rgba(255,255,255,1) 100%);
background: -o-linear-gradient(top, rgba(246,247,230,1) 0%,rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(top, rgba(246,247,230,1) 0%,rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(246,247,230,1) 0%,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f7e6', endColorstr='#ffffff',GradientType=0 );
}

body#login_screen #error
{
	background: #fff;
	padding: 10px 0;
	height: auto;
}

body#login_screen #logo
{
	width: 90%;
	height: auto;
	text-align: center;
	padding-top: 25px;
}

body#login_screen #logo img
{
	width: 100%;
	height: auto;
	max-width: 370px;
}

#login-select-wrapper, #login-form-wrapper, body#login_screen .form_bottom
{
	width: 90%;
	max-width: 376px;
	background: #fff;
	border: 5px solid #eee;
	border-radius: 5px 5px 0 0;
}


#login-select-wrapper { 
border-bottom: 0; 
background: rgb(250,251,252);
background: -moz-linear-gradient(top,  rgba(250,251,252,1) 0%, rgba(236,241,243,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(250,251,252,1)), color-stop(100%,rgba(236,241,243,1)));
background: -webkit-linear-gradient(top,  rgba(250,251,252,1) 0%,rgba(236,241,243,1) 100%);
background: -o-linear-gradient(top,  rgba(250,251,252,1) 0%,rgba(236,241,243,1) 100%);
background: -ms-linear-gradient(top,  rgba(250,251,252,1) 0%,rgba(236,241,243,1) 100%);
background: linear-gradient(to bottom,  rgba(250,251,252,1) 0%,rgba(236,241,243,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafbfc', endColorstr='#ecf1f3',GradientType=0 );
}

#login-form-wrapper
{
	border-bottom: 0;
	border-top: 0;
	border-radius: 0;
	text-align: center;
}

body#login_screen .form_bottom
{
	border-top: 0;
	border-radius: 0 0 5px 5px;
	height: 5px;
}

body#login_screen .form-control.select.login-select { width: 80% !important; }
body#login_screen .login-select-selectBox-dropdown-menu { width: 80% !important; }

body#login_screen div.custom_input { 
background: none !important; 
border: 1px solid #b9bcbe; 
border-radius: 5px; 
width: 85%; 
padding: 0 16px 0px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box; 
          -webkit-box-shadow: 0px 0px 0px 3px rgba(0,0,0,0.05);
-moz-box-shadow: 0px 0px 0px 3px rgba(0,0,0,0.05);
box-shadow: 0px 0px 0px 3px rgba(0,0,0,0.05);
}

body#login_screen div.remember
{
	float: none;
	display: inline-block;
	margin: 15px 0 5px 0;
}

body#login_screen div.signin
{
	float: none;
	text-align: center;
	margin: 10px 0 0 0;
}

body#login_screen p.forgot
{
	width: 80%;
	margin: 0 auto;
}

#wrapper #header .page_holder { width: 90%; }
#header_inner { margin: 0; }

#header_left, #header_right, #navbar
{
	width: 100%;
	float: none;
}

.main_header #header_left { min-height: 55px; }
#navbar { margin-left: 0; }

#header.client_header, #header.client_header #header_left { height: 60px; min-height: 60px; }

#header h1
{
	position: relative;
	top: 0;
	left: 0;
	margin: 10px 0;
}

#header .logo
{
	display: block;
	margin: 0 auto;
	width: 100%;
	max-width: 370px;
	height: 52px;
	background-position: center center;
	background-size: 100% auto;
}

#header li a
{
	width: 27%;
	padding: 0 2%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#header li.nav_settings a
{
	width: 46%;
	padding-right: 2%;
}

#header .with-zip-codes li a { width: 21.5%; padding: 0 1% !important; }

#header .with-zip-codes li.nav_dashboard a { width: 18.5% !important; }

#header .with-zip-codes li.nav_zip_codes a { width: 18.5% !important; }

#header .with-zip-codes li.nav_settings a { width: 41.2% !important; }


#header_date
{
	text-align: center;
	margin-top: 5px;
}

.header_date_time_wrapper > div
{
	float: none;
	display: inline-block;
}

.header_date_days { display: block; }


.modules-wrapper .header_date_time_wrapper { text-align: left; margin-left: 5%; }

.modules-wrapper .view_type_container { right: 5%; }

#modules .page_holder { width: 100%; }

.module_header
{
	width: 100%;
	text-align: left;
}

.module .box
{
	border: none;
	border-radius: 0;
}

.module_line { display: none; }

.module_header h2
{
	text-align: left !important;
	padding-left: 4%;
	background: none;
}

body.infusionsoft-edition .module_header h2
{
	padding-left: 0;
	text-align: center !important;
	width: 90%;
	margin: 2% auto 0 auto;
	display: block;
	padding: 0;
	z-index: 1;
}

#dashboard .dashboard-controls .dashboard-btn { display: none; }

#dashboard_content
{
	width: 92%;
	margin: 0 auto;
}

#cal_side
{
	margin: 0 auto;
	width: 100%;
	max-width: 429px;
	float: none;
}

#cal_side .datepick-month { width: 100% !important; }

#slot_month #cal_side {margin-bottom: 15px; }

#cal_profile .name
{
	float: left;
	margin-left: 20px;
	width: 140px;
}

#cal_todayappt, #cal_makeappt, #calendars-sidebar { width: 100%; }
.cal_subhead { background-repeat: repeat-x !important; }

#calendar_main
{
	width: 100%;
	float: none;
}

#dashboard .appt .appt-title
{
	padding: 2px;
	white-space: normal;
	line-height: 9px;
}

.ui-tooltip-my-appt
{
	min-width: 280px !important;
	width: 280px !important;
}

.create_appt form
{
	width: 90%;
	margin: 5% auto;
	padding: 0;
}

.create_appt .right
{
	width: 150px;
	float: left;
	height: auto !important;
}

.create_appt .right .nowrap { white-space: normal; }
.create_appt .left { height: auto !important; }

.create_appt .left, .create_appt .right
{
	font-size: 13px;
	line-height: 18px;
}

.appt
{
	text-shadow: none !important;
	-webkit-box-shadow: inset 0px 0px 0 1px rgba(255,255,255,1);
	-moz-box-shadow: inset 0px 0px 0 1px rgba(255,255,255,1);
	box-shadow: inset 0px 0px 0 1px rgba(255,255,255,1);
	border-left: 0 !important;
}

/* The following breaks tooltip positioning in tests:

.qtip-tip { display: none !important; }

div.qtip
{
	position: fixed !important;
	top: 10% !important;
	left: 50% !important;
	margin-left: -140px !important;
}
*/

.full_width, .module .box, #details_content .content, #details_content .sidebar
{
	width: 100% !important;
	float: none !important;
}

.module .inner { width: 90%; }

#details_content .box
{
	border-radius: 0;
	border: none;
}

#details_content .content .left { width: 25%; }
.module .right, #users-form .right { width: 70%; }
.module .sidebar { height: auto; }

#details_content .warningbox.warningbox_button
{
	clear: left;
	float: left;
	margin-left: 30%;
}

#details_content .sidebar { clear: both; }
#details_content .delete_button { margin-top: 10%; }
#support .page-title { line-height: 26px; }
.support-video h2 { line-height: 20px; }


#support   { display: table; padding-top: 20px; }
#support .support-main  { display: table-footer-group; }
#support .support-sidebar { display: table-header-group; }


#support
{
	width: 90%;
	margin: 0 auto;
}

.support-main, .support-sidebar
{
	width: 100%;
	float: none;
}

.support-sidebar { margin-bottom: 20px; }

.about_module
{
	height: auto;
	padding-bottom: 20px;
}

.about_module h1, .about_module ul, .support-sidebar p { width: 90%; }

.support-video iframe
{
	width: 100%;
	max-width: 540px;
}

#appointments.module { min-height: 200px; }
#appointments_content .view_box_inner { border: 0; }

#appointments_content .box
{
	border-radius: 0;
	border: 0;
}

#appointments-user-select-outer { height: auto; }

#appointments-user-select-outer > div
{
	float: none !important;
	margin: 0 auto;
	width: 90%;
	text-align: center;
}

#appointments-user-select-outer .select2-container
{
	text-align: left;
	margin-bottom: 10px;
}

.appt-list-item td:nth-child(5) { width: 25%; }

#settings .sidebar
{
	width: 100%;
	border: none;
	height: auto;
	background: none;
	line-height: 40px;
	float: none;
	border-radius: 0;
	border-bottom: 1px solid #666;
}

#settings .sidebar div, .module .sidebar div:first-child
{
	border: none !important;
	border-radius: 0 !important;
	height: 30px !important;
	line-height: 30px !important;
	text-align: center !important;
	text-indent: 0 !important;
}

#mobile_settings_menu
{
	display: block;
	color: #eee;
	background: #999;
	border: none !important;
	text-transform: uppercase;
	text-align: center; 
	margin-bottom: 5px;
	line-height: 30px; 
	height: 30px; 
	text-indent: 0;
	font-weight: bold;
}

#mobile_settings_menu:hover,  #mobile_settings_menu:active
{
	color: #fff !important;
	background: #666 !important;
}

#settings #settings_menu_wrap
{
	display: none;
	height: auto !important;
}

#settings #settings_menu_wrap.navopen { display: block; }
#settings .sidebar div.selected { background-image: none; }

#settings.module .content
{
	width: 100%;
	float: none !important;
}

#settings.module div.left, #users-form .left, #settings.module .right, #users-form .right
{
	width: 100% !important;
	float: none !important;
	text-align: left;
}

#settings.module div.left, #users-form .left { margin-bottom: 8px; }
#settings div.left.lh-80 { line-height: 15px; }

#settings .textarea-holder, #settings .search_box, #settings .input_box, .logo_holder, .footer_holder, #cboxLoadedContent .search_box, #cboxLoadedContent .input_box { background-image: none; width: 100%;  border: 1px solid #ccc; border-radius: 5px; 
background: rgb(238,238,238) !important; /* Old browsers */
background: -moz-linear-gradient(top,  rgba(238,238,238,1) 0%, rgba(255,255,255,1) 100%)  !important; /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(255,255,255,1)))  !important; /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%)  !important; /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%)  !important; /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%)  !important; /* IE10+ */
background: linear-gradient(to bottom,  rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%)  !important; /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 )  !important; /* IE6-9 */
 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box; 
 }

#settings .textarea-holder textarea { width: 95%; }
.ques { margin-left: 10px; }
#logo-reset { margin-left: 10px; }
.logo_holder img { max-width: 90%; }

.my_extensions_setting
{
	width: 100%;
	float: none;
	top: 0;
}

.my_extensions_setting .right
{
	padding: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.my_extensions_setting .left img
{
	top: 0 !important;
	margin-top: 10px;
	margin-bottom: -20px;
}

.my_extensions_setting .right p
{
	width: 75% !important;
	padding-bottom: 15px;
}

#infusionsoft_settings_dialog p { max-width: 92% !important; }

#infusionsoft_settings_dialog h3.left-40 { padding-left: 0; }

.gravatar_label { clear: left; top: 5px; display: block; }

.gravatar_check_box { margin-left: 3px; }

#my-availability-chooser { width: 100% !important; }

#colorbox
{
	width: 96% !important;
	height: 96% !important;
	left: 2% !important;
	top: 5% !important;
}

#cboxWrapper
{
	position: relative !important;
	top: 0 !important;
	left: 0 !important;
	width: 100% !important;
	height: auto !important;
}

#cboxContent
{
	width: 90% !important;
	height: auto !important;
	margin: 5% auto !important;
	float: none !important;
	border-radius: 10px;
	border: 10px solid #000;
}

#cboxLoadedContent
{
	min-height: 380px;
	max-width: 100%;
}

#cboxTopLeft, #cboxTopCenter, #cboxTopRight, #cboxMiddleLeft, #cboxMiddleRight, #cboxBottomLeft, #cboxBottomCenter, #cboxBottomRight { display: none; }
.ques { display: none !important; }
.extensions_setting { width: 100%; }
.extensions_setting .right .left { text-align: left !important; }

.extensions_setting .ib
{
	display: block;
	margin-bottom: 8px;
}

.more-timezones { display: none; }
#infusionsoft_settings .input_box { margin-left: 0; }
#newappt_content .select_arrow, #newappt_content .sidebar, .multi-step-box .sidebar { display: none; }
#newappt_content .main_box, .multi-step-box .main_box { background: #fff !important; }
#newappointments .inner { width: 100%; }

#newappt_content .content, .multi-step-box .content
{
	width: 90%;
	margin: 0 auto;
	float: none;
	padding-bottom: 50px;
}

#newappt_content .left { width: 30%; }
#newappt_content .right { width: 68%; }
#availability-content-wrapper { padding: 0 !important; }
#availability-content-wrapper .chooser { width: 100% !important; }
#ac-tab-planner, #avail_chooser_label { display: none; }
.line-with-text { width: 100%; }

#more_apptslot_options
{
	clear: left;
	float: none;
	position: relative !important;
	top: 0 !important;
	left: 0 !important;
}

#option-4-content .box { background: none !important; }

#option-4-content .box .box_inner
{
	width: 100% !important;
	margin-left: 0 !important;
}

#option-4-content p
{
	width: 100%;
	float: none;
}

#final_url { width: 500px; 
white-space: normal;
line-height: 18px;
padding: 10px 0; 
text-align: left;
 }
 
 
#box_ifrembedding { display: none; }

#option-4-content .autocomplete_inpu_wrap.inp_wide
{
	width: 100%;
	float: none;
}

#box_inviteemail .left-elms, #option-4-content .textarea-label, #box_inviteemail .select2-container, #box_inviteemail .select2-input, #option-4-content .my-textarea, #option-4-content .expand p, #option-4-content .autocomplete_inpu_wrap .opt_spec, #option-4-content .select2-input select2-default { width: 100% !important; }
#option-4-content .left-elms { float: none; }

#option-4-content div.my-textarea
{
	max-width: 260px;
	border: 1px solid #ccc;
}

#option-4-content .my-textarea .div-as-textarea { max-width: 250px; }

#option-4-content div.my-textarea
{
	background: none;
	padding: 5px;
}

div.my-textarea .in1, div.my-textarea .in2, div.my-textarea .in3 { background: none; }
#option-4-content .box .box_inner, #option-4-content .box .expand { height: auto !important; }
#box_genurl .box_inner { min-height: 140px !important; }

.opt_overlay
{
	width: 90%;
	height: 100%;
	left: 5%;
	padding: 5%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#aptslot_options, #aptslot_start_options { height: auto !important; }

#aptslot_start_options tr td
{
	width: 90%;
	display: block;
	text-align: left !important;
	padding: 5px 0 15px 0 !important;
}

#aptslot_start_options tr td:first-child { padding-bottom: 0 !important; }
#aptslot_start_options td > span { line-height: 15px; }

#aptslot_start_options a.selectBox { max-width: 90% !important; }

#infusionsoft_advanced_button, button.step3_submit { margin-bottom: 20px; }


#payment-stripe-alert
{
	line-height: 150%;
	padding-top: 8px;
	padding-bottom: 8px;
}

#payment-detail-wrapper #payment_currency { width: 80px !important; }

#trigger-send-sms-menu ul li.ui-menu-item ul
{
	width: 175px !important;
	left: -100px !important;
	top: -180px !important;
}

#trigger-send-sms-menu li.appcore.ui-menu-item ul li { line-height: 11px; }

#trigger-list
{
	width: 100%;
	float: none;
}

#trigger-list td {
width: auto !important;
min-width: 25px !important;
max-width: 100% !important;
white-space: normal;
line-height: 16px;
}

#trigger-list td:nth-child(2) { width: 50% !important; }

#existing_time_field select { max-width: 90% !important; }

#step4_email_preview_body { width: 100%; }

#step4_email_preview_body table, #step4_email_preview_body td, #step4_email_preview_body div { max-width: 100%; }

#step4_email_preview_body table { width: 100% !important; }

#step4_email_preview_body img { max-width: 90%; }

#step4_email_preview_body #mainContent a, #final_url {
-ms-word-break: break-all;
     word-break: break-all;
     word-break: break-word;
-webkit-hyphens: auto;
   -moz-hyphens: auto;
        hyphens: auto;
        }
        

.error-page
{
	padding: 20px 0;
	margin: 0 auto;
	width: 90%;
}

#footer_wrap { margin-bottom: -15px; }

#footer
{
	width: 90%;
	margin: 0 auto;
	height: auto;
	text-align: center;
	padding: 3% 0;
}

#footer .col-1, #footer .col-2, #footer .col-3
{
	width: 100%;
	margin: 0;
	padding: 20px 0;
	font-size: 12px;
	float: none;
}

#footer h4 { padding-bottom: 12px; }
 
#settings .loader, #event_details .loader, .create_appt .loader, #myappointments .loader, #userinfo_appt_form .loader, #form_loading, .multi-step-box-loader { width: 100%; }


#system-tutorial-elm
{
	width: 100%;
	right: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	padding: 10px 0;
	line-height: 28px;
}

#end_tour_btn { float: right; right: 30px; margin-top: 0; }
#system-tutorial-elm br { display: none; }

div.qtip.ui-tooltip-my-help { max-width: 90% !important; left: 5% !important; margin-left: 0 !important;  }


#reschedule-table .reschedule-action-btn { width: 30%; }

#reschedule-table .slot-btn
{
	white-space: normal;
	height: auto;
	width: auto;
	margin-right: 15px;
}

#reschedule-table .slot-btn span:first-child
{
	line-height: 15px;
	font-size: 12px;
	padding: 5px;
}

.reschedule-date-wrapper
{
	padding: 0 5px;
	width: auto;
}

.reschedule-summary-wrapper { padding: 0 10px; }
.reschedule-summary-overlay-wrapper { padding: 5px 0; }

#box_previewcustomize {
	height: auto;
}
#box_previewcustomize .preview-item {
	margin: 0 10px 10px 0;
	padding: 0;
	float: none;
	display: inline-block;
}
#box_previewcustomize .preview-label {
	line-height: inherit;
}
#box_previewcustomize .preview-btn {
	margin-right: 10px;
}


} /* end all phones */





/* for medium phones and below */
@media only screen and (max-width : 568px)
{

#navbar .nav-ico { display: none; }

.modules-wrapper .header_date_time_wrapper { text-align: center; margin-left: 0; }

.modules-wrapper .view_type_container { width: 200px; position: relative; right: 0; top: 0; margin: 2% auto 2% auto;   }

.modules-wrapper .module-line { display: none !important; }


.fc-override .fc-agenda-days thead .fc-widget-header
{
	font-size: 12px;
	line-height: 14px;
}

.fc-agenda .fc-agenda-axis
{
	width: 35px;
	font-size: 11px;
	padding: 8px 0;
}

#calendar_main th.fc-col0,#calendar_main th.fc-col1,#calendar_main th.fc-col2,#calendar_main th.fc-col3,#calendar_main th.fc-col4,#calendar_main th.fc-col5,#calendar_main th.fc-col6, .fc-view-month th.fc-day-header { word-spacing: 300px; }

.appt-list-item td:last-child { width: 30px !important; }
.appt-list-item .copylink .txt { display: none;}
.appt-list-item .copylink { 
border: 1px solid #c1c1c1;
background: #fff;
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ececec));
background: -webkit-linear-gradient(top, #ffffff, #ececec);
background: -moz-linear-gradient(top, #ffffff, #ececec);
background: -ms-linear-gradient(top, #ffffff, #ececec);
background: -o-linear-gradient(top, #ffffff, #ececec);
background-image: -ms-linear-gradient(top, #ffffff 0%, #ececec 100%);
-moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
-webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
box-shadow: inset 0px 1px 0px 0px #ffffff;
-moz-box-shadow: 0px 1px 1px 0px #dbdbdb;
-webkit-box-shadow: 0px 1px 1px 0px #dbdbdb;
box-shadow: 0px 1px 1px 0px #dbdbdb;
position: relative;
vertical-align: middle;
outline: 0px none;
text-align: center;
border-radius: 5px;
display: inline-block;
height: 29px;
width: 30px;
z-index: 5;
line-height: 27px;
 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box; 
 }
 
 .appt-list-item td .copylink::before { 
 	/*content: 'copy link'; */
 	white-space: normal; 
 	font-size: 9px; 
 	line-height: 10px; 
 	color: #666 !important; 
 	text-align: center; 
 	position: absolute; 
 	display: block; 
 	top: -1px; 
 	right: 0; 
 	width: 30px; 
 	height: 27px; 
 	z-index: 10; 
 	text-indent: 0 !important; 
 }
 

#newappt_content .left, #newappt_content .right
{
	width: 100%;
	float: none;
	text-align: left;
}

#newappt_content .left { padding-bottom: 5px; }
#appt-user-show-wrapper { text-align: center; }
#appt-user-show-caption { display: block; }

#appt-user-show-wrapper span > img
{
	display: block;
	margin: 0 auto !important;
}

#appt-user-show-btn { margin-left: 0 !important; }
#newappt_content .checklist { width: 100%; }

.checklist .row div
{
	float: none;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.checklist .row.even div, .checklist .row.odd div { background: none !important; }
.checklist .row div:first-child { background: #f7f7f7 !important; }
#final_url { width: 400px; }
#trigger-form { margin: 0; }
#trigger-send-sms-service-alert { margin: 0 !important; }
#trigger-type-content.trigger-type-content-email #trigger-editor, #trigger-type-content.trigger-type-content-email input#trigger-email-subject { width: 90%; }
#trigger-editor-toolbar { display: none; }


} /* end medium phones */






/* for smaller phones */
@media only screen 
and (max-width : 480px) 
{

.slots-page-lightbox { width: 90%; left: 0;
    margin-left: 5%; }
    
.modules-wrapper .header_date_time_wrapper .tz-label, .modules-wrapper .header_date_timezone, .modules-wrapper .header_date_time { font-size: 15px; }
#navbar ul { white-space: normal; }

#header.client_header, #header.client_header #header_left { height: 55px; min-height: 55px; }


#header li a
{
	font-size: 12px;
	line-height: 13px;
	padding: 0 2.2%;
	vertical-align: middle;
	display: table;
	float: left;
	height: 50px;
}

#header .with-zip-codes li.nav_settings a { width: 38.5% !important; }

#header li a span.nav-txt
{
	height: 50px;
	line-height: 13px;
	vertical-align: middle;
	display: table-cell;
	text-align: center;
	width: 100%;
}

#details_content .appt_description
{
	font-size: 13px;
	line-height: 17px;
}

#details_content .appt_title
{
	font-size: 20px;
	line-height: 24px;
}

.support-video iframe { height: 280px; }

.my_extensions_setting .right p
{
	width: 60% !important;
	padding-bottom: 15px;
}

#cboxLoadedContent .search_box, #cboxLoadedContent .input_box { width: 140px; }

#final_url { width: 280px; }

.grid-view table.items th, .grid-view table.items td
{
	padding: 1px;
	font-size: 11px !important;
}

.appt-list-item .attendee-tag { font-size: 9px !important; }

.copylink { display: none; }
#option-4-content .copylink { display: inline-block; }

.appt-list-item .copylink
{
	display: block !important;
	width: 120px;
	height: 24px;
	background-size: 100% auto;
}

.appt-list-item .btn-icon
{
	height: 20px;
	width: 20px;
}

/* dont know why .btn-icon and .copylink have to have different size */
.appt-list-item .copylink
{
	height: 22px;
	width: 22px;
}

.appt-list-item .btn-icon .in, .appt-list-item .btn-icon-del .in, .appt-list-item .copylink .in { 
	width: 20px;
	height: 20px;
	margin-top: 0px; 
}
#appointments_content .copylink .txt {
	display: none;
}
.app-grid table.items th {
	font-size: 12px;
}
#box_previewcustomize { display: none; }

.ac-list-new { text-align: center !important; }
.ac-list-new .ac-btn { margin-bottom: 5px; }

.appt-list-item td:nth-child(3), #appointments_content .items th:nth-child(3) { display: none; }

#appt-scenario-select, #s2id_appt-scenario-select { width: 280px !important; }

#event_duration_d, #event_duration_h { width: 75px !important; margin-right: 10px !important; }
#event_duration_m { width: 90px !important; margin-right: 0 !important; }

}/* end smaller phones */






/* for smallest phones */
@media only screen 
and (max-width : 320px) 
{

#header.client_header, #header.client_header #header_left { height: 45px; min-height: 45px; }

#header .with-zip-codes li.nav_settings a { width: 36.4% !important; }

.header_date_days, .header_date_time
{
	font-size: 16px;
	line-height: 22px;
}

body#login_screen .selectBox-label { font-size: 10px; }
.main_header #header_left { min-height: 40px; }
#header .logo { height: 40px; }
.support-video iframe { height: 190px; }

.my_extensions_setting .right p
{
	width: 50% !important;
	padding-bottom: 15px;
}

#final_url { width: 250px; }
iframe { max-width: 280px !important; }
#infusionsoft_advanced_button a { font-size: 11px !important; }

#appt-scenario-select, #s2id_appt-scenario-select { width: 240px !important; }


}/* end smallest phones */