/* Medium Screen */
@media only screen and (min-width: 992px) and (max-width: 1199px) { 
    .after_login ul#menu li a,
    ul#user_menu li a {
        border-bottom: medium none;
        padding: 3px 15px;
    }
}
/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) { 
    .after_login ul#menu li a,
    ul#user_menu li a {
        border-bottom: medium none;
        font-size: 12px;
        padding: 3px 5px;
    }
    .stylist_checkbox.weekly_day_name .checkbox .edit_checkbox_hours ul.list_of_checkbox_hours { margin-left: 0 }
    .children_edit_section .children_name { min-width: 90px }
}
/* Mobile Layout: 320px. */
@media only screen and (max-width: 767px) { 
    .slicknav_menu { display: block }
    .mainmenu { display: none }
    .left_content {
        padding-right: 0;
        width: 100%;
    }
    .sidebar {
        margin-top: 50px;
        padding-left: 0;
        width: 100%;
    }
    .login_form { padding: 15px }
    .login_form .form-horizontal .control-label { margin-bottom: 5px }
    .login_form .form-horizontal .form-group input,
    .after_login .wrapper .sidebar,
    .after_login .wrapper .left_content,
    .wrapper.reset_password .login_form .form-horizontal input[type="button"] { width: 100% }
    .my_profile .login_form .form-horizontal input[type="button"] {
        float: none;
        margin-top: 15px;
        width: 100%;
    }
    .my_profile .login_form .form-horizontal input[type="submit"],
    .login_form .form-horizontal .form-group input[type="submit"],
    .wrapper.email_blast .login_form .form-horizontal input[type="submit"] { width: 100% }
    .submit_button { float: none }
    .wrapper.my_appointment.my_schedule .login_area .login_form .form-group input {
        margin-bottom: 15px;
        padding: 0 10px;
        width: 100%;
    }
    .wrapper.my_appointment.my_schedule .login_area .login_form .form-group { margin-bottom: 0px }
    .wrapper.my_appointment.my_schedule .login_area .login_form .form-group input[type="submit"] {
        margin-bottom: 0;
        margin-left: 0;
        width: 100%;
    }
    .wrapper.my_appointment.my_schedule.offdays .login_area .login_form .form-group input {
        margin-bottom: 15px;
        padding: 0 10px;
        width: 85%;
    }
    .wrapper.my_appointment.add_photos .login_area .edit_photo_box .form-group label { margin-bottom: 5px }
    .wrapper.my_appointment.add_photos .login_area .edit_photo_box .form-group input[type="submit"],
    .wrapper.my_appointment.add_photos .login_area .edit_photo_box .form-group input[type="button"] {
        margin-bottom: 15px;
        margin-right: 0;
        width: 100%;
    }
    .section-white { width: 100% }
    .wrapper.reset_password .login_form .form-horizontal input[type="submit"] {
        margin-bottom: 15px;
        margin-right: 0;
        width: 100%;
    }
    .wrapper.my_appointment.my_schedule.edit_hours .login_area .login_form .form-group.cell-phone-provider input[type="button"] {
        width: 100%;
        margin-left: 0px;
        margin-top: 15px;
    }
    .wrapper.my_appointment.my_schedule.edit_hours .login_area .login_form .form-group.cell-phone-provider input { width: 100% }
    .fc-header-title h2 {
        font-size: 12px;
        margin-top: 0;
        padding: 0 5px;
        white-space: normal !important;
    }
    .wrapper.how_it_works .tabbable.tabs-left ul.nav.nav-tabs {
        border-bottom: 0 solid transparent;
        border-right: 0 solid transparent;
        display: block;
        margin-bottom: 15px;
        margin-right: 0;
        position: relative;
        text-align: left;
        width: 100%;
        z-index: 99999;
    }
    .wrapper.how_it_works .tabbable.tabs-left ul.nav.nav-tabs li {
        display: inline;
        float: none;
        margin: 0 !important;
    }
    .wrapper.how_it_works .tabbable.tabs-left ul.nav.nav-tabs li a {
        font-size: 12px;
        margin: 0;
        min-width: 60px;
        padding: 10px 12px;
    }
    .welcome_image_left {
        margin-bottom: 15px;
        margin-right: 0;
        width: 100%;
    }
    li.admin_menu span { color: #f0d20b }
}
/* Wide Mobile Layout: 480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) { 
    
}