@media screen and (max-width:1300px) {
.tasktimeothers ul li:first-child {
  width: 100%;
}
}
@media screen and (max-width:991px) {
  .lastfiveticket {padding-left: 0;}
  .mobilemenubox{display:block;}
  .header-rightbox ul {
      position: absolute;
      right:50px;
      top: 50px;
      max-width: 280px;
      display: none;
  }
  .header-rightbox ul li {
    float: left;
    width: 100%;
    margin: 0;
    height: auto;
    padding: 0;
}
.header-rightbox ul li .startday {
  margin: 0;
  width: 100%;
  border-radius: 0;
  line-height:35px;
  border-bottom: 1px solid #689c4b;
}
.header-rightbox.active ul{display:block;}
.mobwidth500{min-width:350px;}
.breaktime {font-size:100px; line-height: 100px;}
.breaktitle, .breaktag {font-size: 30px; line-height: 30px; margin-bottom: 20px;}
#ticketdetail .modal-dialog {max-width:100%;margin:0px; padding:10px;}
}
@media screen and (max-width:767px) {
  .reportpanel, .lastfiveticket{padding-top: 20px;}
  .formtitle {
    height: auto;
    line-height: 20px;
    margin: 0px;
}
.formtitle p {
  margin: 0;
  line-height: 18px;
  padding:10px 20px 10px 0;
  position: relative;
}
.popupclose {
  position: absolute;
  top: 10px;
  right: 0;
}
.tabpage .nav-tabs>li>a {
  margin-right:2px;
  padding: 5px;
  font-size: 12px;
}
.taskboardboxes {margin-bottom:15px;}
}
@media screen and (max-width:600px) {
  .breaktime {
    font-size: 60px;
    line-height: 60px;
    margin-bottom: 20px;}
    .breaktitle, .breaktag {
      font-size: 16px;line-height:18px;
      margin-bottom:15px;
  }
.leftsection{
    left: -80px;
}
.pagesection{padding-left:0px;}
.leftsidebar .leftsection {
  left:0;
}
.leftsidebar.pagesection{padding-left:60px;}
}
@media screen and (max-width:450px) {
.workkinghours {
  font-size: 13px;
  line-height: 18px;
  margin-top:9px;
  margin-left:0px;
}
.workkinghours span{display:block;}
.header-rightbox ul {max-width:255px;}
.breaktime {
  font-size:50px;
  line-height:50px;
  margin-bottom: 20px;}

}