@media only screen and (max-width:1400px) and (min-width:1200px) {
ul.topmenu li a{padding: 14px 5px 16px; font-size:13px;}
}
@media only screen and (max-width:1200px) and (min-width:992px) {
.rightside-contclk,.rightside-cont{padding-left:0px !important;}
.request-leave, .cust-box{padding:0px 15px;}
}

@media only screen and (min-device-width:768px) and (max-device-width : 991px) {
.display_name{display:none;}
.rightside-contclk,.rightside-cont{padding-left:0px !important;}
.page-footer { padding:15px 13px 0; }
h1, .h1{font-size:24px;}
.widget-heading, .comments-cont1{margin-left:0px;}
.activitylog_sec{padding-left:0px;}
.request-leave, .cust-box{padding:0px 15px;}
.leave-sec{padding:15px 8px !important;}
}
@media only screen and (max-device-width:767px) {
.display_name{display:none;}
.top-part{padding-right:0px;}
.display_name{display:none;}
.navbar-toggle {border: 1px solid #ddd;background: #FFF;border-radius: 3px;margin-right: 0px;}
.navbar-toggle .icon-bar{background:#aaa;}
.topmenu li,.topmenu li a{display:block;width:100%;}
ul.topmenu{margin-left:0px !important;padding:0px !important;display:none;width:100%;}
ul.topmenu li.menu-active{border-radius:0px !important;}
ul.topmenu li{border-bottom:1px solid #ddd;}
ul.topmenu li ul li{border:0px;}
ul.topmenu li a{padding:10px 8px;}
ul.topmenu li ul, ul.topmenu li:hover ul {position: relative !important;top: inherit;left: inherit;box-shadow: none;width: 100%;display: block;visibility: visible;opacity: 1;}
ul.topmenu li ul li a{background:#FFF;color:#000;padding-left:25px;}
ul.topmenu li:hover ul::before{display:none;}
ul.topmenu li ul li a:hover{background:#e2e2e2;}
.menu_active .icon-bar {display: block;width: 22px;height: 4px;border-radius: 1px;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);margin-top: 5px;background: #444;background-color: rgb(68, 68, 68);}
.menu_active .icon-bar + .icon-bar + .icon-bar {margin-top: -4px;display: block;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);margin-left: 0px;margin-bottom: 5px;}
.menu_active .icon-bar + .icon-bar {margin-top: 4px;display: none;}
.rightside-cont{padding-left:0px !important;}
.profile-pic > img, .emp-details img{left:0px;border-left:0px;}
.employee-det{float:left !important;margin:0px !important;}
.employee-det,.employee-det ul,.employee-det li,.table-cont{width:100%;}
.employee-det ul{margin:0px;}
.employee-det{padding-left:0px !important;padding-right:0px !important;}
.employee-det h1,.home-left h1{font-size:20px !important;}
.employee-det h3{font-size:16px;margin-top:10px;}
.home-left{margin:0px 0px 10px 0px;}
.righttop-title{margin-bottom:10px;}
.page-footer {padding: 15px;height: inherit;min-height:70px;}
.rightside-cont{padding-bottom:90px;}
.activitylog_sec{padding-left:0px !important;}
.widget-heading, .comments-cont1{margin-left:0px !important;}
.reports-part .tab-heading{height:inherit;display:inline-block;width:100%;position:relative;top:3px;}
.reports-part .tab-heading h2{line-height:normal;font-size:14px;padding:5px 20px 5px 25px;}
.reports-part .widget-icon{margin:0px;position:absolute;top:50%;margin-top:-7px;left: 5px;}
.reports-part .minimize-btn{position:absolute;top:50%;margin-top:-16px;right: 0px;min-width:20px;}
#appendrow{margin:0px;}
#RenderTimeSheetLists{border:0px;}
.reports-part .emplist-tab tr:first-child td:first-child{width:100%;}
.reports-part .emplist-tab tr:first-child td:first-child span{width:100%;display:inline-block;margin:5px 0px !important;}
#TimeSheetWeekid{font-size:13px;padding:4px 12px 4px 2px;}
.cust-box{padding:0px 15px !important;margin-top:20px;}
.leave-view-box {padding-right: 0px;margin-top:20px;}
.request-leave .top-head, .cust-box .top-head{padding:5px;}
.reporting-mgr{text-align:left;margin-top:10px;}
.leave-view-box .comment-part{margin-bottom:0px !important;}
ul.topmenu li.menu-active >a{background:#474544;color:#FFF;}
#HrReportLeaveForm .dt-buttons .dt-button{padding:6px 13px;margin-right:4px;margin-bottom:10px;display:inline-block !important;float:none;}
.attendance_btns, #myDataTable_wrapper .dt-buttons,.dataTables_filter,.dataTables_length{width:100%;text-align:center;float:left;}
.dt-buttons a:last-child,.attendance_btns button:last-child {margin-right: 0px !important;}
div.dataTables_filter label{float: none;max-width: inherit;display: inline-block;}
.dataTables_paginate{float:right !important;}
.attendance_btns .btn{float:none !important;margin:0px 3px;}
.table-cont{margin-bottom:20px;}
div.dataTables_length label{float:none;text-align:center;}
#HrReportLeaveForm #myDataTable_wrapper{padding: 15px 15px 0px;}
.cust_table_box #myDataTable_wrapper{width: 100%;margin-bottom: 15px;overflow-x: auto;overflow-y: hidden;-webkit-overflow-scrolling: touch;-ms-overflow-style: -ms-autohiding-scrollbar;border: 1px solid #ddd;}
.request-leave .pl0{padding-right:0px !important;}
.menu_sec{margin-top:0px !important;}
.top-part img{width:130px;}
.top-part{height:55px;}
.navbar-toggle{margin-top:11px;}
.employee-det{margin-top:20px !important;}
.login-cont h2{font-size:24px;}
.login-cont p{font-size:18px;}
.login-cont a{font-size:20px;padding: 10px 30px;}
footer p{margin-top: 10%;}
/*label{display:inline !important;}*/
.mob{display:block; padding-bottom:10px;}
div#divtimepicker input[type="text"], div#divDatetimePicker input[type="text"]{width:100%; font-size:12px;}
div#divDatetimePicker label, div#divtimepicker label{font-size:12px;}
label.error[for="fromtimdate"] { width: auto;position: absolute;margin-top: -50px;left: 16px; font-size: 12px;}
label.error[for="tohours"] { width:270px; position:absolute; margin-top:-50px; right:0px; font-size: 12px;}
label.error[for="sectiontime"] { width: auto;position: absolute;margin-top: -24px;left: 16px; font-size: 12px;}
label.error[for="Leave_From_Date"] { width: auto;position: absolute;margin-top: -50px;left: 16px; font-size: 12px;}
label.error[for="Leave_To_Date"] { width: auto;position: absolute;margin-top: -50px;left: 16px; font-size: 12px;}
label.leave-bal-box{display:inline-block;}
.request-leave .lblName, .cust-box .lblName, .leave-bal-box label{display:inline !important;}



}
@media only screen and (max-device-width:480px) {
.dataTables_info,.dataTables_paginate{width:100%;text-align:left}
.dataTables_paginate{height:inherit;width: 100%;text-align: left;display: flex;align-items: center;}
.paging_full_numbers a.paginate_button{padding:4px 4px !important; margin-bottom:5px !important;}
.dataTables_paginate span{display:flex;}
.reporting-mgr{padding:10px;}
.date_input, .from_input,.to_input,.session_radio{width:100%;}
}