@media (max-width:1024px) { .theme-sidemenu { text-align: center; } .fc-toolbar .fc-right { float: none; margin-left: 25px; margin-top: 20px; } .fc-toolbar .fc-center { display: inline-flex; margin-top: 20px; } .app-category .nav-tabs li a { font-size: 15px; } .service_input_checkbox input[type=checkbox] { height:15px !important; width: 17px !important; } .service_input_checkbox input[type=checkbox] { margin: 6px 6px 0 20 !important; } .service_input_checkbox input[type=checkbox]:checked:before { font: 400 20px/1 dashicons !important; margin: -4px -3px; !important; } .ser-link .btn { margin: 2px; } .app-price { display: none; } .app-timing { display: none; } .app-category-detail .panel-default .panel-heading { padding: 12px 10px 20px 0px; } .form-group .schedule { overflow:scroll; max-width:100% !important; display: list-item !important; } .time_show { width: 60px !important; } .app-settings { width: 76%; } } @media (max-width:768px){ .app-category { width: 20%; } .app-category-detail { width: 80%; } .theme-services .panel-body { padding: 5px; } .cat-all a { padding: 10px 5px !important; font-size: 18px; } .app-category .nav-tabs li a { padding: 10px 5px; } .app-category .del-link, .app-category .del-link:hover { margin-right: 10px; margin-top: 7px; margin-bottom: 5px; } .ser-price { margin-left: 10px; } .app-timing { min-width: 40px; } .ser-link .btn { padding: 2px 5px; font-size: 15px; margin-top: 2px; } .cal_bg_color { width: 20px; height: 20px; margin-top: 0px; } .app-category-detail i { font-size: 20px; margin-top: -1px; } .app-category-detail .form-group label { font-size: 10px; margin-right: 2px; } .ser-btn { font-size: 16px; margin-top: 5px; padding: 5px 10px; } .modal { width: 200px; } .regular-text { height: 35px; width: 70%; } div.button.icon-picker { height: 35px; width: 35px; } .cat-link{ min-width:auto; } .icon-picker-container { height: 200px; width: 200px; overflow :scroll; } .icon-picker-control select { height: 20px; width: 50%; } .icon-picker-control p { font-size: 12px; } .icon-picker-control input { height: 25px; } .icon-picker-container ul li a { padding: 5px; } .app-category li span { display: none; } .app-category .nav-tabs li a { font-size: 30px; padding: 0px 5px; } .s-ser { width: 40%; } .srv-name { width: 30% !important; } .day, .start-tm, .end-tm, .break { width: 25%; } .break .pop-link { font-size: 12px; } .s-name{ display:none; } .st-pics { float: none; } .fc-view, .fc-view > table { overflow: scroll; } .fc table { table-layout: inherit; } .fc th, .fc td { min-width: 140px !important; } .fc-event .fc-content{ position:absolute !important; } .fc-content .fc-title{ float:left !important; } .fc-basic-view .fc-body .fc-row { height:auto !important; } .fc-toolbar h2 { font-size: 16px !important; } .fc-toolbar .ui-state-active { z-index:0 !important; } input[type=text], input[type=search], input[type=password], input[type=email], input[type=number] { width: 100%; } /*new add*/ .app-category .nav-tabs li a { font-size: 15px; } .service_input_checkbox input[type=checkbox] { height:15px !important; width: 17px !important; } .service_input_checkbox input[type=checkbox] { margin: 6px 6px 0 20 !important; } .service_input_checkbox input[type=checkbox]:checked:before { font: 400 20px/1 dashicons !important; margin: -4px -3px; !important; } .ser-link .btn { margin: 2px; } .add-new-delete { margin-top: 40px !important } .btn-new .form-group .ser-tooltip { left: 13%; top: -4px; } .wp-picker-container { position: relative !important; } #wpbody select { width: 100%; } .form-group .schedule { overflow:scroll; max-width:100% !important; display: list-item !important; } .time_show { width: 60px !important; } .app-settings { width: 76%; } .theme-notification .accordion .panel-heading input[type=checkbox] { height:15px !important; width: 10px !important; } .theme-notification .accordion .panel-heading input[type=checkbox]:checked:before { font: 400 21px/1 dashicons !important; margin: -4px -3px; !important; } .fc-toolbar .fc-right { float: none; margin-left: 25px; margin-top: 20px; } .fc-toolbar .fc-center { display: inline-flex; margin-top: 20px; } } /* new add end */ @media (max-width:480px){ .app-category li span { display: none; } .app-category .del-link, .app-category .del-link:hover { margin: 6px 1px 0 0; padding: 2px 5px; font-size: 8px; } .app-category { padding: 5px 0; } .app-category .nav-tabs li a { font-size: 9px; padding: 0px 4px; margin: 0; } .app-category-detail .form-group label { margin-right:0px; width: 90%; } .ser-link { float: none; margin-top: 0; margin-left: 60px; } .s-start, .s-end { margin: 5px 10px 0 0; width: 100%; } .ser-btn { font-size: 14px; margin-top: 5px; padding: 5px 5px; } .ser-name span { display: none; } .app-category-detail h2 { font-size: 24px; margin: 0 0 10px; } .app-timing, .app-price { float: none; min-width: 40px; font-size: 18px; } .cal_bg_color { margin-right: 5px; } .app-category-detail i { font-size: 20px; margin-right: 0; } .sl-services{ min-width:20px; } .btn-link, .btn-link:hover, .btn-link:focus { padding: 5px 3px; font-size: 9px; min-width: auto; } .services-table tbody td { font-size: 10px; min-height: 35px; } .ser-price { display: none; } .ser-link .btn { width: 25px; height: 20px; padding: 0 !important; } .ser-link .btn i{ font-size:16px; } .btn-new .modal-dialog { margin: 30px auto; width: auto; } .add-new,.add-new:hover, .add-new:focus{ font-size: 12px; } .btn-new { margin: 20px 0; padding-top: 15px; } .add-new-delete,.add-new-delete:hover, .add-new-delete:focus { float: none; font-size: 12px; } .theme-sidemenu { text-align: center; padding: 0 5px; } .theme-menu { padding: 0 5px; } .app-category-detail .panel-default .panel-heading { padding: 5px; } .s-name { display: none; } .app-staff i { display: none; } .app-staff li a { padding: 0 5px; text-align:center; } .st-pics { float: none; height: 40px; width: 40px; } .del-link, .del-link:hover { float: none; font-size: 16px; margin-bottom: 15px; padding: 10px 15px; } span.st-pics { display: inline-block; width: 30px; } .app-member-detail .ser-link{ margin:0; } .app-member-detail .panel-body { padding: 0; } .app-member-detail { padding: 0 10px; } .app-member-detail h2 { font-size: 30px; margin: 0 0 10px; } .app-member-detail .del-link,.app-member-detail .del-link:hover { margin: 0; padding: 5px 12px; } .staff-table tbody td { font-size: 10px; padding: 5px; } .theme-export, .theme-new-customer { display:inline-block; } .theme-export .theme-customer, .theme-new-customer .theme-customer { font-size: 12px; padding: 5px 8px; } .theme-add-customer { float: right; margin-bottom: 10px; } } /*new add*/ @media (max-width:480px){ .service_input_checkbox input[type=checkbox] { height:10px !important; width: 10px !important; } .service_input_checkbox input[type=checkbox] { margin: 6px 6px 0 0 !important; } h1 { font-size: 25px; } .app-staff li a { display: inline-block; font-size: 11px; } .delete_staff_id { float: none; } input[type=text], input[type=search], input[type=password], input[type=email], input[type=number] { width: 100%; } .s-ser { font-size: 10px; } .ap-sercs-price { font-size: 10px; width: 100%; } .service_input_checkbox input[type=checkbox]:checked:before { font: 400 18px/1 dashicons !important; margin: -4px -3px; !important; } .wp-picker-container { position: relative !important; } .app-staff i { display:block !important; width: 100%!important; text-align: center !important; } .staff-service-table tbody td { font-size: 100% !important; height: 100% !important; } .ap-sercs-no { width: 100%; } .cat1 { width: 100%; } .app-settings-menu { width: 100%; } .app-settings { margin-left:0; margin-top:15px; width: 100%; } .c_n_t { font-size: 20px; } .theme-notification .ser-name { font-size: 15px; margin-top: 10px; } .theme-notification .accordion .panel-heading input[type=checkbox] { height:15px !important; width: 10px !important; } .theme-notification .accordion .panel-heading input[type=checkbox]:checked:before { font: 400 21px/1 dashicons !important; margin: -4px -3px; !important; } .theme-notification .icon { margin-top: -30px; } .form-group .schedule { overflow:scroll; max-width:100% !important; display: list-item !important; } .time_show { width: 60px !important; } #add-customer .modal-dialog { width: 100%; } .theme-add-customer .theme-customer { font-size: 15px; padding: 10px 10px; } #wpbody select { height: auto; font-size: 15px; } .note-table td { font-size: xx-small; } #date_filter { height: auto!important; } .theme-date-filter { width: 158px; } .fc-toolbar .fc-right { float: none; margin-left: 25px; margin-top: 20px; } .fc-toolbar .fc-center { display: inline-flex; margin-top: 20px; } } @media (max-width:320px) { .app-category .nav-tabs li a { font-size: 7px !important; } .service_input_checkbox input[type=checkbox] { height:10px !important; width: 10px !important; } .service_input_checkbox input[type=checkbox] { margin: 6px 6px 0 0 !important; } .ser-link { margin-left: 40px; } .btn-link, .btn-link:hover, .btn-link:focus { font-size: 7px; } .form-group img { width:135px; } .theme-new-customer { float: none; } .icon-picker-container { left: 100px !important; } .wp-picker-container { position: relative !important; } #wpbody select { height: auto; font-size: 12px; } .note-table td { font-size: 5px; } .save-link { font-size: 15px } #date_filter { height: auto!important; } .theme-date-filter { width: 158px; } .fc-toolbar .fc-right { float: none; margin-left: 25px; margin-top: 20px; } .fc-toolbar .fc-center { display: inline-flex; margin-top: 20px; } }