@media(max-width:1280px){
.modal.reward-pop-up{width:50%;}
}

@media(max-width:1024px){
.navigation > .nav-height > .collapsible > li a.collapsible-header i.material-icons{margin-right:0}
.navigation{width:55px; box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);}
.page-content{width:calc(100% - 55px);}
.navigation > .nav-height > .collapsible > li .collapsible-header span{display:none}
.page-content .input-field .filled-in + label > small{clear:both; display:inline-block;}
.modal.reward-pop-up{width:55%;}
}
@media(max-width:767px){
.no-scroll{overflow:hidden;}
.navigation.small-nav + .page-content{width:100%}
html,body{height:auto; overflow-x:inherit;}
.main-content.container{overflow-x: hidden; display:block; height:auto;}
.page-content{width:calc(100%); display:block;}
.hidetitle{display:none}
.navclose{background-color:none !important; float:right; position:inherit; width:50px; top:0; left:0; color:#CC0000 !important}
.navclose i{display:block;}
.navigation > .nav-height{ height:calc(100% - 69px);}
.navigation > .nav-height > .collapsible > li:first-child{height:60px; border-bottom:#ccc  solid 1px}
.page-content .top-btn-box .btn{height:40px; line-height:40px; padding-left:0.857rem; padding-right:0.857rem; min-width:40px;}
.page-content .top-btn-box .btn i{margin-right:0; line-height:40px; width:auto;}
.page-content .top-btn-box .btn i + span{display:none; width:0; padding:0; height:0;}
.navigation + .nav-btn,.navigation.small-nav + .nav-btn{margin-left:0px;}
.navigation{width:0; position:fixed; left:0; z-index:100; -webkit-transition:width 0.2s;transition: width 0.2s; box-shadow:0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.navigation.mobile-nav{width:300px;}
.nav-close,.nav-close:focus{display:block;}

.navigation.small-nav > .nav-height > .collapsible > li .collapsible-header span{display:block; padding-left:40px;}
.pagination-h{font-size:0.857rem;}
.no-more-tables table, .no-more-tables thead, .no-more-tables tbody, .no-more-tables th, .no-more-tables td, .no-more-tables tr{display:block;}	
.report-timecard table tbody tr.headtitle{ display:none}	
.no-more-tables td::before{content: attr(data-title);}
.no-more-tables td::before{font-weight: 700 !important;left:15px !important;padding-right: 10px !important;position: absolute !important;text-align: left !important;top:15px !important;white-space: nowrap !important;width: 45% !important;}
.no-more-tables td {-moz-border-bottom-colors: none !important;-moz-border-left-colors: none !important;-moz-border-right-colors: none !important;-moz-border-top-colors: none !important;border-color: -moz-use-text-color -moz-use-text-color #eee !important;border-image: none !important;border-style: none none solid !important;border-width: medium medium 1px !important;padding-left: 50% !important;position: relative !important;text-align: left !important;white-space: normal !important;}
.no-more-tables table thead{display:none;}
}
@media (max-width:600px){
.wizard > .steps > ul > li{ width:50%;}
.employee-checin .location-time{ margin-top:15px; margin-bottom:15px; width:100%;}
.page-content{padding-left:5px; padding-right:5px;}
.top-btn-box{margin-left:-25px; margin-right:-25px; float:inherit !important; clear:both; text-align:center; border-top:#daddf1 solid 1px; padding-top:10px;}
.login-holder{padding:30px;}
.login-holder > .login-content{min-width:100%; padding:10px 10px 10px}	
.pagination-h .col.m4{ width: 100%; text-align: center; margin-bottom: 10px; font-size:1rem;}
/* .my_checkbox{ margin-top: 5px; } */
}
@media (max-width:480px){
.error-img{ padding:15px; box-sizing:border-box;}
.holiday-form .input-field.col.s4{width:100%;}
.register-btn{min-width:auto;}
.page-content .top-btn-box{text-align:center; border-top:#daddf1 solid 1px; padding-top:10px;}
.dashboard-holder > .item-link.s6{width:100%;}	
}
@media (max-width:479px){.header-tagline{font-size:1.3rem; line-height:40px;text-align:left;} #searchbox .btn{ width:100%;} .genral-item .col .card .card-action > a{ width:100%; text-align:center; box-sizing:border-box;}}