@media only screen and (min-width: 1200px) and (max-width: 1920px){
 .container {
    max-width: 95%!important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {

.menu-icon {
    display: block;
}
.logo {
     line-height: 0px; 
     border-right: none; 
     padding-right: 0px; 
}
.logo img {
    width: 230px;
}
.logo-box {
    padding-right: 0px !important;
}
#navigation {
    display: none;
}
.wrapper {
    padding: 120px 0px 0 0px;
}
.user-info-ul1 {
    margin-top: 78px;
}
.btn-mt {
  margin-top: 0px;
}

.admin-login-desktop{
    display: none;
}
.admin-login-mobile{
    display: block;
}
.overlay-content {
    top: 160px;
}
p .fa {
    font-size: 40px;
}
.dropdown-menu-icon{
  margin-bottom: 0;
}
.font_p {
    font-size: 14px;
}
.font_p_config{
  padding-bottom: 25px;
}
/*product detail start*/
  .job_details_list li {
    display: inline-block!important;
    margin-left: 25px!important;
    margin-top: 36px!important;
  }
  .job_details_list li a {
    font-size: 10px;
  }
  .job_details_list li p {
    font-size: 10px;
  }
  .job_details_list li h5 {
    font-size: 10px;
  }
  .container {
    max-width: 850px!important;
    padding-right: 0px !important;
    padding-left: 0px !important;
    margin-right: auto;
    margin-left: auto;
  }
  .nav-tabs .product_list1.active {
    color: #ffffff;
    background-color: #204c8e;
    border-color: #ffffff #dee2e6 #fff;
  }
 .department-td {
    font-weight: 550;
    color: black;
    font-size: 12px;
}
  .mt-16 {
    margin-left: 25px;
  }
  .job-tabs_main {
    margin-left: 20px;
  }
  .lastbox {
    background-color: #204c8e;
    padding: 19px;
  }
  .lastbox h2 {
    color: #fff;
  }
  .desktop-view {
    display: none;
  }
  .ipad-view {
    display: block;
  }
  .job-tabs_main {
    margin-top: -40px;
    margin-bottom: 40px;
  }
  .job-tabs_main h3 {
    font-size: 15px;
    margin-top: -15px;
  }
.wizard1 .progress_wizard {
    position: absolute;
    top: 30px;
    left: 8.5%;
    width: 83%;
}
.wizard1 {
    display: inline-block;
    position: absolute;
    width: 100%;
    top: -19px;
    left: 0px;
}
.step-wizard li .title {
    position: absolute;
    width: 100%;
    left: 10px;
    padding-top: 25px;
    color: #000;
    font-size:10px;
    -webkit-transition: color 0.6s ease;
    -o-transition: color 0.6s ease;
    transition: color 0.6s ease;
}
.job_details {
    background-color: #204c8e;
    padding-top: 110px!important;
      }
       .modal-body .modal_ul li{
        list-style-type: none;
     float: none!important; 
    padding-right: 40px;
    padding-bottom: 23px;
}

  /*product detail end*/

/*Job Dashboard Start*/
  .job-board {
    margin: 0px 0 20px 0 !important;
}
#chartdiv {
    height: 130px;
}
.ongoing{
	font-size: 12px;
}
.graph .percent20, .graph .percent40 {
    padding: 11px;
}
.f-num  {
    margin-left: 0px;
    position: absolute;
    top: -30px;
    left: 169px;
}
.s-num {
    margin-left: 0px;
    position: absolute;
    top: -27px;
    left: 188px;
}
.on-upgoing {
    padding: 23px 0px 45px 0px;
}
.performance {
    padding: 23px 0px 0px 0px;
}
#grad3 {
    height: 70px;
    width: 70px;
}
.count-num {
    font-size: 23px;
    margin-top: 15px;
}
.cer {
    font-size: 65px;
    color: orange;
}
.performance-total {
    font-size: 11px;
    padding-top: 10px;
}
.progress-bar1 {
    width: 205px;
}
/*Job Dashboard end*/

/*Department page Start*/
.department-head .active:before{
    left: 63px;
}
.department-tbl button {
    padding: 9px 25px 9px 25px !important;
}
.department-tbl tbody tr td{
	font-size: 12px;
}
/*Department page End*/
.job-tabs .nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
     color: #191a1b;
    background-color: #fff;
    border-color: #fff #fff #204c8e #fff!important;
    border-bottom: 3px solid;
    font-weight: 600;
}
.job-tabs .nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link:hover {
      color: #191a1b;
    background-color: #fff;
    border-color: #fff #fff #204c8e #fff!important;
    border-bottom: 3px solid;
    font-weight: 600;
}

}

@media only screen and (min-width: 992px) and (max-width: 1024px) {
 .admin-login-desktop{
    display: none;
}
.admin-login-mobile{
    display: block;
}
.menu-icon {
    display: block;
}
.logo {
     line-height: 0px; 
     border-right: none; 
     padding-right: 0px; 
}
.logo img {
    width: 230px;
}
.logo-box {
    padding-right: 0px !important;
}
#navigation {
    display: none;
}
.wrapper {
    padding: 120px 0px 0 0px;
}
.user-info-ul1 {
    margin-top: 78px;
}
.btn-mt {
  margin-top: 0px;
}

/*Department page Start*/
.department-head .active:before{
    left: 95px;
}
  .container {
width:1268px!important; 
}
/*Department page End*/

}	

@media only screen and (max-width: 767px) {

    .menu-icon {
        display: block;
    }
    .logo {
         line-height: 0px; 
         border-right: none; 
         padding-right: 0px; 
    }
    .logo img {
        width: 230px;
    }
    .logo-box {
        padding-right: 0px !important;
    }
    #navigation {
        display: none;
    }
    .wrapper {
        padding: 120px 0px 0 0px;
    }
    .user-info-ul1 {
        margin-top: 78px;
    }
    .btn-mt {
      margin-top: 0px;
    }
    
    .create-temp-color1 {
        padding-top: 0px;
        margin-top: 0px !important;
    }
    .dataTables_wrapper .dataTables_filter {
        text-align: right;
    }


  .admin-login-desktop{
    display: none;
}
.admin-login-mobile{
    display: block;
}
	.modal {
    top: 10px;
}
.overlay .closebtn {
    top: 0px;
}
.overlay-content {
    top: 10%;
}
.count {
    padding: 12px 0px 5px 0px;
    margin-bottom: 5px;
}
.count .dropdown-menu-icon{
margin-bottom: 0px;
}
p .fa {
    font-size: 35px;
    margin-top: 0px;
    margin-bottom: 0px;
}
.scrollable-menu {
    height: auto;
    max-height: 545px;
    overflow-x: hidden;
}
/*.dropdown-menu-icon{
  display: none;
}*/
.create-temp {
    padding-right: 10px;
}
.create-temp button, .department-tbl button {
    padding: 10px 20px 10px 20px;
}
.palette-name {
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
.table tr, .table td, .table th {
    font-size: 12px;
}
.department-head .active:before {
    left: 118px;
}
.department-tbl tbody tr td:last-child {
     padding-right: 0px; 
     text-align: right; 
}
.department-tbl button {
    padding: 8px 20px 8px 20px !important;
}
.progress-bar1 {
    width: 132px;
}
.job_value {
    margin-top: 0px;
}
.f-num {
    margin-left: 0px;
    position: absolute;
    top: -35px;
    left: 180px;
}
.s-num {
    margin-left: 0px;
    position: absolute;
    top: -34px;
    left: 231px;
}
.on-upgoing {
    padding: 23px 0px 45px 0px;
}
.graph .percent20 {
    width: 68%;
}
.graph .percent40 {
    width: 92%;
}
.ongoing{
  padding-bottom: 10px;
  text-align: left;
}
.job_details_list{
  display: none;
}
.pause i {
    margin-top: 24px;
}
.owl-carousel .owl-item img.dept_icon {
  width: 30%!important;
}
}