/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/

@media (min-width: 1281px) {
  
.dispatch-map{
    height: calc(60vh - 10px);
    overflow: hidden;
}
.dispatch-calender{
    height: calc(40vh - 10px);
    overflow: hidden;
}
.dispatch-paperwork .modal-dialog{
  width: 80%;
}
.seven-cols .col-md-1,
.seven-cols .col-sm-1,
.seven-cols .col-lg-1 {
  width: 14.285714285714285714285714285714%;
  *width: 14.285714285714285714285714285714%;
}
.five-cols .col-md-1,
.five-cols .col-sm-1,
.five-cols .col-lg-1 {
  width: 19.995714285714285714285714285714%;
  *width: 19.995714285714285714285714285714%;
}
}

/* 
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/

@media (min-width: 1024px) and (max-width: 1280px) {
  
.contact-form-small-desktop-only{
    display: block;
}
.dispatch-page .contact-plus-icon {
    width: 20%;
}
.dispatch-page .contact-search-form {
    width: 80%;
}
.seven-cols .col-md-1,
.seven-cols .col-sm-1,
.seven-cols .col-lg-1 {
  width: 14.285714285714285714285714285714%;
  *width: 14.285714285714285714285714285714%;
}
.five-cols .col-md-1,
.five-cols .col-sm-1,
.five-cols .col-lg-1 {
  width: 19.995714285714285714285714285714%;
  *width: 19.995714285714285714285714285714%;
}
}

/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1023px) {
.perfect-scrollbar-on .sidebar, .perfect-scrollbar-on .main-panel{
  height: calc(100vh - 75px);
}
.sidebar{
  display: none;
}
.tablet-menu{
    display: flex;
    padding: 10px 0px;
}
.full-page > .content {
    min-height: calc(100vh - 120px);
}
.login-page > .content, .lock-page > .content {
  padding-top: 18vh;
  padding-bottom: 18vh;
}
.dispatch-sidebar {
    height: calc(100vh - 96px);
}
.seven-cols .col-md-1,
.seven-cols .col-sm-1,
.seven-cols .col-lg-1 {
  width: 14.285714285714285714285714285714%;
  *width: 14.285714285714285714285714285714%;
}
.five-cols .col-md-1,
.five-cols .col-sm-1,
.five-cols .col-lg-1 {
  width: 19.995714285714285714285714285714%;
  *width: 19.995714285714285714285714285714%;
}
}

@media (min-width: 768px) and (max-width: 1023px) {
.sidebar_jobs .middle{height: 100%;    top: 50%;}
}
/* 
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/
@media (max-width: 1024px) {

.paperwork .col-md-7, .paperwork .col-md-5{width: 100%;}

@media (min-width: 768px) and (max-width: 1023px) and (orientation: landscape) {
  .sidebar_jobs .middle{height: 100%;    top: 50%;}
.perfect-scrollbar-on .sidebar, .perfect-scrollbar-on .main-panel{
  height: calc(100vh - 75px);
}
.sidebar{
  display: none;
}
.full-page > .content {
    min-height: calc(100vh - 180px);
}
.login-page > .content, .lock-page > .content {
  padding-top: 15vh;
  padding-bottom: 15vh;
}
.tablet-menu{
    display: flex;
    padding: 10px 0px;
}
.dispatch-page .post-job {
    width: 100%;
}
.dispatch-page .contact-plus-icon {
    width: 20%;
}
.dispatch-page .contact-search-form {
    width: 80%;
}
}

/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

@media (min-width: 481px) and (max-width: 767px) {
.paperwork{display: inherit !important;}
#question_popup{
  width: auto !important;
}
.sidebar_jobs .middle{height: 100%;    top: 50%;}

.perfect-scrollbar-on .sidebar, .perfect-scrollbar-on .main-panel{
  height: calc(100vh - 75px);
}
.sidebar{
  display: none;
}
.full-page > .content {
    min-height: calc(100vh - 180px);
}
.login-page > .content, .lock-page > .content {
  padding-top: 15vh;
  padding-bottom: 15vh;
}
.tablet-menu{
    display: flex;
    padding: 10px 0px;
}
.tablet-menu .tablet-menu-list .nav li a{
    padding: 10px 4px;
}
.tablet-menu .tablet-menu-list .nav li.credit-logo img {
    height: 45px;
    width: auto;
}
/*.contacts-page .contact-listing-row {
    display: block;
    flex-wrap: wrap;
}*/
.contacts-page .contact-plus-icon{
    width: 20%;
}
.contacts-page .contact-search-form{
    width: 80%;
}
}

/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media (min-width: 320px) and (max-width: 480px) {
  .paperwork{display: inherit !important;}
  #question_popup{
  width: auto !important;
}
.sidebar_jobs .middle{height: 100%;    top: 50%;}
.perfect-scrollbar-on .sidebar, .perfect-scrollbar-on .main-panel{
  height: calc(100vh - 50px);
}
.sidebar{
  display: none;
}
.full-page > .content {
    min-height: calc(100vh - 280px);
}
.login-page > .content, .lock-page > .content {
  padding-top: 9vh;
  padding-bottom: 9vh;
}
.mobile-menu{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border-bottom: 2px solid #dddddd;
  padding: 10px 0px;
}
.mobile-menu.justify-content-center{
  border-bottom: unset;
}
/*.contacts-page .contact-listing-row {
    display: block;
    flex-wrap: wrap;
}*/
.contacts-page .contact-plus-icon{
    width: 20%;
}
.contacts-page .contact-search-form{
    width: 80%;
}
.modal-content .modal-body {
    padding-right: 0px;
    padding-left: 0px;
}
.dispatch-page {
    display: block;
    padding-top: 10px;
    padding-bottom: 10px;
}
.dispatch-sidebar {
    width: 100%;
    height: 60vh;
    overflow-y: scroll;
    margin-bottom: 20px;
}
.dispatch-contant {
    width: 100%;
}
.dispatch-page .post-job {
    display: block;
    position: absolute;
    z-index: 9;
    width: 100%;
    padding: 0px 15px;
}
.dispatch-page .contact-plus-icon {
    width: 20%;
}
.dispatch-page .contact-search-form {
    width: 80%;
}
.searchModelDialog{
    width: unset !important;
}
}