@media (min-width: 1920px) and (max-width: 2560px) {
  .infinite-scroll-css {
    height: 715px;
  }
}
@media (min-width: 310px) and (max-width: 1246px){
  .s-dep ul.ui-autocomplete-multiple-container {
    width: 93% !important;
  }
}
@media (min-width: 310px) and (max-width: 1246px){
  .reject_ui{
    margin-right: -1px !important;
  }
}

@media (min-width: 1536px) {
  .infinite-scroll-css {
    height: 655px;
  }
}
@media (min-width: 1600px) {
  .infinite-scroll-css {
    height: 690px;
  }
}
@media (min-width: 1301px) and (max-width: 2000px) {
  .version {
    top: 26%;
    right: 9%;
  }
}

@media (min-width: 1200px) and (max-width: 1300px) {
  .show-sidebar {
    margin-left: 0px !important;
  }
  .version {
    right: 11%;
    top: 24%;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  nav.navbar.project-navbar .navbar-header {
    width: inherit;
    padding: inherit;
    display: inline-block;
  }
  .project-navbar .navbar-header-center {
    width: inherit;
    display: inline-block;
  }
  .project-navbar div#navbar-collapse {
    width: inherit;
    float: right;
  }
  .project-navbar ul.nav.navbar-nav.navbar-right {
    margin: 0px;
  }
  .project-navbar .bars {
    color: #fff;
    /* position: relative !important;
	    margin: -1px 0 0 13px !important; */
  }
  .project-navbar .navbar-nav > li > a {
    margin-left: 0px;
    /* padding-top: 4px !important; */
    position: relative;
    /* top: 3px; */
  }
  .project-navbar a.navbar-toggle.collapsed {
    position: absolute;
    right: 15px;
    top: 11px;
  }
  .project-navbar a.navbar-brand {
    margin: 3px 0 0 0;
    padding-left: 0 !important;
  }
  .project-navbar .back-to-dashboard {
    margin: 0px 0 0 0px !important;
  }
  .project-navbar ul.navbar-nav li {
    position: inherit;
  }
  .project-navbar .navbar-toggle {
    position: absolute !important;
    right: 15px !important;
    top: 11px !important;
  }
  .sidebar.sidebar2 + section.content {
    margin: 0px 0 0 0 !important;
    position: relative;
    top: 65px;
  }
  /* ::-webkit-scrollbar { display: none; } */
  .show-sidebar {
    margin-left: 0px !important;
  }
  .version {
    top: 25%;
  }
  .project-text {
    padding: 4px 0 0 0;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  nav.navbar.project-navbar .navbar-header {
    width: inherit;
    padding: inherit;
    display: inline-block;
  }
  .project-navbar .navbar-header-center {
    width: inherit;
    display: inline-block;
  }
  .project-navbar div#navbar-collapse {
    width: inherit;
    float: right;
  }
  .project-navbar ul.nav.navbar-nav.navbar-right {
    margin: 0px;
  }
  .project-navbar .bars {
    color: #fff;
    /* position: relative !important;
	    margin: -1px 0 0 13px !important; */
  }
  .project-navbar .navbar-nav > li > a {
    margin-left: 0px;
    /* padding-top: 4px !important; */
    position: relative;
    /* top: 3px; */
  }
  .project-navbar a.navbar-toggle.collapsed {
    position: absolute;
    right: 15px;
    top: 11px;
  }
  .project-navbar a.navbar-brand {
    margin: 3px 0 0 0;
    padding-left: 0 !important;
  }
  .project-navbar .back-to-dashboard {
    margin: 0px 0 0 0px !important;
  }
  .project-navbar ul.navbar-nav li {
    position: inherit;
  }
  .project-navbar .navbar-toggle {
    position: absolute !important;
    right: 15px !important;
    top: 11px !important;
  }
  .login-left,
  .login-page {
    width: 100%;
    position: relative;
  }
  .sidebar.sidebar2 + section.content {
    margin: 0px 0 0 0 !important;
    position: relative;
    top: 65px;
  }
  /* ::-webkit-scrollbar { display: none; } */
  .show-sidebar {
    margin-left: 0px !important;
  }
  .version {
    top: 33%;
  }
  .project-text {
    margin: 4px 0 0 0;
  }

  .sm-size {
    padding: 0 !important;
    margin: 10px !important;
  }
}

@media (max-width: 767px) {
  nav.navbar.project-navbar .navbar-header {
    width: inherit;
    padding: inherit;
    display: inline-block;
    float: left;
  }
  .project-navbar .navbar-header-center {
    width: inherit;
    display: inline-block;
    margin-top: 3px;
    margin-left: 5px;
    padding: 0 15px;
  }
  .project-navbar div#navbar-collapse {
    width: 100%;
    padding: 0px;
    margin: 0px;
    float: left;
  }
  .project-navbar ul.nav.navbar-nav.navbar-right {
    margin: 0px;
  }
  .project-navbar .bars {
    color: #fff;
    /* position: relative !important;
	    margin: -1px 0 0 13px !important; */
  }
  .project-navbar .navbar-nav > li > a {
    margin-left: 0px;
    padding-top: 4px !important;
    position: relative;
    top: 3px;
    float: left;
    width: 100%;
  }
  .project-navbar a.navbar-toggle.collapsed {
    position: absolute;
    right: 15px;
    top: 11px;
  }
  .project-navbar a.navbar-brand {
    margin: 0;
    padding-left: 0 !important;
  }
  .project-navbar .back-to-dashboard {
    margin: 0px 0 0 0px !important;
  }
  .project-navbar ul.navbar-nav li {
    position: inherit;
  }
  .project-navbar ul.navbar-nav li:hover {
    /* background: none; */
  }
  .project-navbar .navbar-toggle {
    position: absolute !important;
    right: 7px !important;
    top: 0px !important;
  }
  .login-left,
  .login-page {
    width: 100%;
    position: relative;
  }
  .sidebar.sidebar2 + section.content {
    margin: 0px 0 0 0 !important;
    position: relative;
    top: 65px;
  }
  /* ::-webkit-scrollbar { display: none; } */
  .show-sidebar {
    margin-left: 0px !important;
  }
  .version {
    position: relative;
    /* right: 7%; */
    /* top: 31%; */
    margin: -38px -11px 0 19px !important;
    float: right;
  }
  /* .shots-slider .owl-item {
 	   width: inherit !important;
	} */

  .shots-slider .owl-prev {
    left: -38px;
    top: 30%;
  }
  .material-icons {
    font-size: 22px;
    /* float: left; */
    vertical-align: middle;
    margin: -2px 0 0 0;
  }
  .shots-slider .owl-nav .owl-next {
    right: -38px;
    top: 30%;
  }

  ul.nav.navbar-nav.navbar-right li a span {
    padding: 5px 0 1px 10px !important;
    display: inline-block;
  }
  .navbar-nav > li > a.herder-icon-link i {
    margin-right: 0px;
  }
  li.header-user-profile a {
    padding: 14px 11px 13px 5px;
  }
  .navbar-nav > li > a.herder-icon-link span {
    margin-top: 0px !important;
  }
  .navbar .navbar-toggle {
    margin-top: 6px !important;
  }
  .navbar-header.main-header .navbar-brand {
    margin: 3px 5px !important;
  }
  .navbar-header.main-header .navbar-brand2 {
    padding: 17px 0px 0px 5px !important;
  }
  a.back-to-dashboard {
    top: 12px !important;
    padding: 16px 10px 13px !important;
  }
  .arrow_back a.navbar-toggle {
    padding: 15px 6px 33px !important;
    border-radius: 0;
    width: 39px;
    margin: 0 !important;
  }
  .arrow_back a.navbar-toggle.collapsed:hover {
    background: #3333331f;
  }
  .project-navbar .nav.navbar-nav.navbar-right {
    float: left !important;
    width: 100% !important;
  }
  .project-navbar .navbar-nav > li > a:hover {
    background: #3333331f !important;
  }
  nav.navbar.project-navbar .container-fluid {
    margin: 0;
    padding: 0;
  }
  .arrow_back {
    margin: 0 0 0 22px;
  }
  .mobile_more_vert {
    display: block;
    position: absolute;
    right: 50px;
    top: 0px;
  }
  .mobile_more_vert a i {
    color: #fff;
  }
  .more_vert {
    display: none !important;
  }
  .mobile_more_vert a {
    padding: 15px 7px;
  }
  .mobile_more_vert a:hover {
    background: #3333331f;
  }
  .bl-header li a i {
    vertical-align: top !important;
    margin: -2px 0 0 0 !important;
  }
  .bl-header li a span {
    margin: 0 !important;
    position: relative;
    top: -6px;
  }
  li.header-user-profile {
    margin: 0px;
  }
  li.header-user-profile a {
    padding: 13px 0 6px 16px;
  }
  li.header-user-profile a span {
    margin: -1px 0 0 4px !important;
  }
  aside.ng-sidebar.ng-sidebar--opened.ng-sidebar--right.ng-sidebar--over.ng-sidebar--animate {
    width: 100%;
  }
  .sidebar-window {
    width: 100% !important;
  }
  .from-btn {
    margin: 0 0 10px 0 !important;
  }
  .card .header .header-dropdown {
    position: inherit;
  }
  .card .header h2 {
    position: relative;
    top: 5px;
  }
  .ls-closed section.content {
    margin-left: 0px;
  }
  .card .header .header-dropdown {
    padding: 0 0 0 20px;
  }
  .created-infom {
    right: 53px;
    top: 25px;
  }

  .vani_dashboard .col-lg-3.col-md-3.col-sm-4.col-xs-12.p-r-30 {
    padding-right: 15px;
  }
}

@media (min-width: 567px) and (max-width: 767px) {
}

@media (min-width: 480px) and (max-width: 567px) {
}

@media (min-width: 320px) and (max-width: 480px) {
}

/*Main Dashboard Responsive*/
@media only screen and (max-width: 767px) {
  /*mobile*/
  .Product_dashboard .main-header .wth-100 {
    width: 100%;
  }
  .Product_dashboard .tasks,
  .Product_dashboard .deliveryheading {
    width: 100% !important;
    height: 40px !important;
    border-bottom-left-radius: 0px !important;
    border-top-right-radius: 6px !important;
  }
  .Product_dashboard .tasks h4,
  .Product_dashboard .deliveryheading h4 {
    transform: rotate(0deg) !important;
  }
  .Product_dashboard .projectdeliverycontent:after {
    border-right: 0px;
    border-bottom: 1px solid #848282;
  }
  .Product_dashboard .projectdelivery {
    margin: 30px 0;
  }
  .Product_dashboard .projectdelivery .font-24 {
    font-size: 20px !important;
  }
  .Product_dashboard .timecompleted {
    margin: 20px 0 0;
  }
  .Product_dashboard .timecompleted .today {
    margin: 0 0 20px;
  }
  .Product_dashboard .actualdelivery {
    margin: 30px 0 0;
  }
  .Product_dashboard .deliverycontent .card {
    margin-bottom: 20px !important;
  }
  .Product_dashboard .todays,
  .tomorrow,
  .week {
    width: 100% !important;
    margin-top: 10px;
  }
  .Product_dashboard .project {
    width: 32% !important;
  }
  .Product_dashboard .department {
    width: 45% !important;
  }
  .Product_dashboard .main-header .menu:after {
    display: none;
  }
  .Product_dashboard .main-header .ui-autocomplete {
    width: 250px !important;
  }
  .Product_dashboard
    .productcontent
    .taskcontent
    .row:first-child
    div:nth-child(4)
    .header
    .addtwotask:last-child
    p {
    left: 72px;
  }
  .Product_dashboard
    .productcontent
    .taskcontent
    .row:first-child
    div:nth-child(4)
    .header
    .addtwotask:last-child
    .available {
    left: 65px;
  }
  .Product_dashboard .productcontent .color-info {
    display: unset;
    margin-top: 0px;
    padding: 0 15px;
  }
  .Product_dashboard .productcontent .color-info .bottomcontent {
    margin: 10px 0 0 0;
    width: 100%;
  }
  .plr-15 {
    padding-left: 15px !important;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  /*tablet , ipad*/
  .Product_dashboard .tasks,
  .Product_dashboard .deliveryheading {
    width: 100% !important;
    height: 40px !important;
    border-bottom-left-radius: 0px !important;
    border-top-right-radius: 6px !important;
  }
  .Product_dashboard .tasks h4,
  .Product_dashboard .deliveryheading h4 {
    transform: rotate(0deg) !important;
  }
  .Product_dashboard .projectdeliverycontent:after {
    border-right: 0px;
    border-bottom: 1px solid #848282;
  }
  .Product_dashboard .actualdelivery {
    margin: 30px 0 0;
  }
  .Product_dashboard .projectdelivery {
    margin: 30px 0 0;
  }
  .Product_dashboard .productconten .timetocomplete .card .body .bottomcontent {
    padding: 0px;
  }
  .Product_dashboard
    .productcontent
    .taskcontent
    .row:first-child
    div:nth-child(4)
    .header
    .addtwotask:last-child
    p {
    left: 78px;
  }
  .Product_dashboard
    .productcontent
    .taskcontent
    .row:first-child
    div:nth-child(4)
    .header
    .addtwotask:last-child
    .available {
    left: 65px;
  }
  /*.Product_dashboard .project{width:14%!important;}
	.Product_dashboard .department{width:16%!important;}*/
  .plr-15 {
    padding-left: 15px !important;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  /*ipad pro*/
  .Product_dashboard .productconten .timetocomplete .card .body .bottomcontent {
    padding: 0px 5px;
  }
  .Product_dashboard .productconten .timetocomplete .card .body {
    padding: 0px !important;
  }
  .Product_dashboard .productconten .timetocomplete .card .body img {
    padding: 20px 20px 0;
  }
  .Product_dashboard .timecompleted {
    margin: 70px 0 0;
  }
  .Product_dashboard .projectdelivery {
    margin: 50px 0 0;
  }
  .Product_dashboard .deliveryheading {
    height: 388px;
  }
  .Product_dashboard .deliverycontent .timetocomplete .card .body .approved {
    height: 8px;
    width: 8px;
  }
  .Product_dashboard .deliverycontent .timetocomplete .card .body .delivered {
    height: 8px;
    width: 8px;
  }
  .Product_dashboard
    .deliverycontent
    .timetocomplete
    .card
    .body
    .bottomcontent
    .font-12 {
    font-size: 11px !important;
  }
  .Product_dashboard
    .productcontent
    .taskcontent
    .row:first-child
    div:nth-child(4)
    .header
    .addtwotask:last-child
    p {
    left: 74px;
  }
  .Product_dashboard
    .productcontent
    .taskcontent
    .row:first-child
    div:nth-child(4)
    .header
    .addtwotask:last-child
    .available {
    left: 64px;
  }
  /*.Product_dashboard .project{width:10%;}
	.Product_dashboard .department{width:12%;}*/
}

/*Management Dashboard*/
@media only screen and (max-width: 767px) {
  /*mobile*/
  .tasks,
  .deliveryheading {
    width: 100%;
    height: auto;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 6px;
  }
  .tasks h4,
  .deliveryheading h4 {
    transform: rotate(0deg);
  }
  .projectdeliverycontent:after {
    border-right: 0px;
    border-bottom: 1px solid #848282;
  }
  .projectdelivery {
    margin: 0px;
  }
  .projectdelivery .font-24 {
    font-size: 20px !important;
  }
  .timecompleted {
    margin: 30px 0 0;
  }
  .timecompleted .today {
    margin: 0 0 20px;
  }
  .actualdelivery {
    margin: 30px 0 0;
  }
  .deliverycontent .card {
    margin-bottom: 20px !important;
  }
  .todays,
  .tomorrow,
  .week {
    width: 100%;
  }
  .project {
    width: 32%;
  }
  .department {
    width: 45%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  /*tablet , ipad*/
  .tasks,
  .deliveryheading {
    width: 100%;
    height: auto;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 6px;
  }
  .tasks h4,
  .deliveryheading h4 {
    transform: rotate(0deg);
  }
  .projectdeliverycontent:after {
    border-right: 0px;
    border-bottom: 1px solid #848282;
  }
  .actualdelivery {
    margin: 30px 0 0;
  }
  .projectdelivery {
    margin: 0px;
  }
  .content .timetocomplete .card .body .bottomcontent {
    padding: 0px;
  }
  /* .project {
    width: 14%;
  }
  .department {
    width: 16%;
  }
  .mgmt-dashboard-filters {
    width: 100%;
  } */
  .mgmt-dashboard-filters .endDate,
  .mgmt-dashboard-filters .startDate,
  .mgmt-dashboard-filters .apply-btn,
  .mgmt-dashboard-filters .reset-btn {
    margin-top: 10px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  /*ipad pro*/
  .content .timetocomplete .card .body .bottomcontent {
    padding: 0px 5px;
  }
  .content .timetocomplete .card .body {
    padding: 0px !important;
  }
  .content .timetocomplete .card .body img {
    padding: 20px 20px 0;
  }
  .user-info:nth-child(2) .info-container {
    width: 14%;
    float: left;
  }
  .user-info:first-child .info-container {
    width: 10%;
    float: left;
  }
  .timecompleted {
    margin: 70px 0 0;
  }
  .projectdelivery {
    margin: 50px 0 0;
  }
  .deliveryheading {
    height: 388px;
  }
  .deliverycontent .timetocomplete .card .body .approved {
    height: 8px;
    width: 8px;
  }
  .deliverycontent .timetocomplete .card .body .delivered {
    height: 8px;
    width: 8px;
  }
  .deliverycontent .timetocomplete .card .body .bottomcontent .font-12 {
    font-size: 11px !important;
  }
  .project {
    /* width: 10%; */
  }
  .department {
    /* width: 12%; */
  }
  .mgmt-dashboard-filters {
    width: 100%;
  }
}
/*Management Dashboard Ends*/

/*Icons with text*/
@media only screen and (max-width: 1280px) {
  .bl-header .navbar-nav > li > a span,
  .project-navbar .navbar-nav > li > a span {
    font-size: 9px !important;
  }
  .navbar-nav > li > a {
    padding: 15px 12px 8px;
    margin-left: 0px;
    height: 50px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1366px) {
  .bl-header .navbar-nav > li > a span,
  .project-navbar .navbar-nav > li > a span {
    font-size: 9px !important;
    font-weight: 700;
  }
  .navbar-nav > li > a {
    padding: 15px 12px 8px;
    margin-left: 0px;
    height: 50px;
  }
}

@media only screen and (min-width: 1440px) and (max-width: 1536px) {
  .bl-header .navbar-nav > li > a span,
  .project-navbar .navbar-nav > li > a span {
    font-size: 10px !important;
  }
}

/*@media only screen and (min-width:1200px) and (max-width:1367px){
	.status-text-info { margin-right: 50px; }
}

@media only screen and  (max-width:1536){
	.status-text-info { margin-right: 84px; }
}*/