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

@media (min-width: 1281px) {
  
  .main-nav-div {
    top: 109px;
}
  
}

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

@media (min-width: 1025px) and (max-width: 1280px) {
  
  
  
}

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

@media (min-width: 768px) and (max-width: 1024px) {
  .dashboard-body {
    margin: 14% 0% 0% 36% !important;
}
.footer-content {
    margin-left: 36%;
}
 .x-axis li {
    margin: 0 12px;
    padding: 0px 0;
    width: 0px;
}
.bar-group {
    margin: 0 0px;
}
.bar {
    width: 5px;
}
.bar-group {
    width: 24px;
}
.flocation .form-control {
    width: 100px;
    margin-left: 10px;
    margin-bottom: 8px;
}
.linebar-select .flocation {
    margin-right: 0px;
}
.linebar-dots ul li {
    margin-right: 10px;
}
.bookings-count-boxes.admin-boxes .single-box {
    width: 47%;
    margin: 0px;
    margin-bottom: 10px;
}
.bookings-count-boxes {
    flex-wrap: wrap;
}
.total-records-right {
    display: flex;
    flex-wrap: wrap;
}
.booking{
    display: block !important;
}
/** enquiry_mode ***/
  .enquiry-mode-title{
      display: block;
      padding-right: 0px;
  }
  .search-input .form-control{
      min-width: 100% !important;
  }
  .search-input{
      margin-left:0px !important;
  }
  .vehicle-enquiry-form input {
    width: 25% !important;
    margin-bottom: 0px;
    margin-left: 0px;
}
form.form-inline.vehicle-enquiry-form {
    display: block;
}
form.pull-left {
    margin-top: 5px !important;
}
  .vehicle-enquiry-form .login-button-main {
    margin: 12px 0px;
  }
  .status-location{
      display: block;
  }
  .status-location .form-control{
    width: 100% !important;
    margin-left: 0px;
  }
  .payroll-title h4 span {
    float: none;
}
.payroll-title h4{
    margin-bottom: 10px;
}
.updates-form .login-button-main {
    padding: 8px 15px;
}
.download-customers-list form a.btn-success {
    margin-top: 5px;
    margin-left: 0px;
}
.download-customers-list form label.btn-info{
    margin-left: 0px !important; 
}
.welcome-main.property_management form {
    /*display: block !important;*/
    margin: 15px 0px;
}
.list-dection .nav-tabs .nav-link {
    padding: 10px 20px !important;
}
.employee-img img {
    width: 50px !important;
}
.condor-security.single-schedulue .security-img {
    min-height: 230px;
}
.condor-security.single-schedulue {
    max-height: 230px !important;
}
.scheduling-images {
    height: 160px !important;
}
.add-employee-button-main.text-right.product_details .btn {
    width: 150px !important;
    text-align: center;
    margin: 10px;
}
.add-employee-button-main.text-right.product_details .btn-danger{
    margin-right: 0px;
}
.add-employee-button-main.text-right.product_details{
    display: flex;
    margin-bottom: 15px;
}
.condor-security {
    max-height: 300px;
}
.property-main-bg {
    max-height: 330px;
}
.new_product_images img {
    width: 100%;
    height: 180px;
}
.personal-details .form-group textarea.form-control{
    width: 250px !important;
}

nav#myTab {
    margin-bottom: 10px;
    justify-content: center;
    display: flex;
}
.employee-p nav#myTab .nav-link{
  width: 32%;  
}
.list-dection.d-flex .add-client-bt .client-add{
    width: 94%;
    margin: auto;
}
/*** municipal_contact_details ***/
.employee-p .nav-tabs .nav-link {
    width: 100%;
    margin-bottom: 7px;
    border-radius: 0px !important;
    border: none;
}
.employee-p .nav-tabs{
    border: none;
}
.physical-address {
    display: block !important;
}
.physical-address a.btn.btn-primary.login-button-main{
    width: 100% !important;
}
.new-quotes-sec{
    display: block !important;
}
.client-profile{
    width: 100% !important;
    border-bottom: 1px solid #00000040;
}
.municipal-detailed-page .cleint-email{
    width: 100% !important;
    border: none;
    padding: 0px;
}
.booking-collapse .edit-bt a.btn.btn-primary.login-button-main, #nav-tabContent .edit-bt .btn{
    width: 100% !important;
}
.contact-photo {
    text-align: center;
    margin-bottom: 20px;
}
.contact-photo img {
    width: 100px !important;
    height: 100px !important;
}
.municial-panel .personal-details .p-details {
    width: 45%;
}
.municial-panel .personal-details .name {
    width: 75%;
}
.municial-panel .add-edit-button .btn{
    width: 100% !important;
}
/*** municipalities_add ***/
.add-ticket-form{
    padding: 0px;
}
.add-ticket-form .form-group img{
    margin-top: 15px;
}
/*** property_management ***/
  .welcome-main.property_management{
      display: block;
  }
  .add-ticket-form.inner_filters form .col-md-2 {
     max-width: 100% !important; 
     flex: 100% !important; 
}
.main-table table td a.btn-danger{
    margin-top: 15px;
}
/*** property_details ***/
.property-content.property-detils-sub .p-details {
    width: 40%;
}
.barcode {
    width: 170px;
}
.choose-category nav {
    display: block;
}
.choose-category .nav-tabs{
    border: none;
}
.choose-category .nav-tabs .nav-link, .scheduling_page.list-dection .nav-tabs .nav-link{
    border-radius: 0px;
    margin-bottom: 10px;
}
.main-table table td img {
    width: 17px;
    margin-right: 5px;
}
/** enforcement_sp **/
.toplinks.list-dection .nav-tabs .nav-link{
    width: 48%;
}
.toplinks.list-dection.enforcement_sp .nav-tabs .nav-link {
    width: 100%;
}
.box-titile img {
    margin-bottom: 10px;
}
.bookings-count-boxes .single-box {
    width: 47%;
    margin: 0px 10px 10px 0px;
    height: 150px;
}
.box-titile h4 {
    font-size: 16px;
}
.table-action-buttons .btn {
    margin-bottom: 5px;
}
/** products_management ***/
.add-employee-button-main .login-button-main{
    width: 100% !important;
    margin-left: 0px;
    margin-right: 0px !important;
}
.shop-products-page .table-filters{
    display: block;
    float: none;
}
.has-search .form-control{
    width: 100%;
}
/** support ***/
.support-tickets .add-client-bt .client-add{
    width: 58%;
    margin-bottom: 10px !important;
    margin-right: auto;
    margin-left: inherit;
}
.col-md-12.welcome-main.support-tickets .col-md-4.col-lg-3 {
    padding-left: 0px;
}
a.delete {
    line-height: 35px;
}
.add-employee-button-main.text-right {
    text-align: left !important;
}
.support-tickets .add-client-bt {
    text-align: left;
}
.add-ticket-form #province_add .btn-info{
    margin-left: 20px;
}
.table .btn-danger, .table .btn-success{
    width: 65%;
    margin-bottom: 5px;
}
/** website management **/
button.btn.btn-primary.insert_features {
    float: none !important;
    margin-top: 0 !important;
}
/** new **/
.condor-security .action-buttons{
    display: flex;
}
 
  
  
}

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

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {

  
}

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

@media (min-width: 481px) and (max-width: 767px) {
  .main-header, .bookings-count-boxes{
      display: block;
  }
  .main-header .header-logo{
      width: 100%;
  }
  .side-bar-toggle{
      display: none;
  }
  .navbar-custom-menu{
      float: none;
      margin: 0px;
  }
  .main-header .utilities{
      background-color: #fff;
      display: block;
      text-align: center;
  }
  .main-header .utilities li{
      border: none;
  }
  .main-header .utilities li a{
      color: #000;
  }
  .main-nav-div nav {
    padding-top: 20px;
    height: 350px;
    overflow-y: auto;
}
.dashboard-body {
    margin: 20px 0px !important;
}
.bookings-count-boxes.admin-boxes .single-box {
    width: 100%;
    margin: 0px 0px 15px;
}
#myChart{
    height: auto !important;
    width: 100% !important;
}
.linebar-dots ul li {
    margin-right: 0px;
    width: 49%;
    margin-bottom: 15px;
}
.linebar-select .flocation {
    margin-right: 5px;
    width: 48%;
}
.flocation .form-control{
    margin-left: 0px;
    width: 100%;
}
.single-card.linebar {
    display: none;
}
.footer-content {
    margin-left: 5px;
}


/** enquiry_mode ***/
  .enquiry-mode-title{
      display: block;
      padding-right: 0px;
  }
  .search-input .form-control{
      min-width: 100% !important;
  }
  .search-input{
      margin-left:0px !important;
  }
  .vehicle-enquiry-form input{
      width: 100% !important;
      margin-bottom: 15px;
      margin-left: 0px;
  }
  .vehicle-enquiry-form .login-button-main {
    margin: 12px 0px;
  }
  .status-location{
      display: block;
  }
  .status-location .form-control{
    width: 100% !important;
    margin-left: 0px;
  }
  .payroll-title h4 span {
    float: none;
}
.payroll-title h4{
    margin-bottom: 10px;
}
.updates-form .login-button-main {
    padding: 8px 15px;
}
.download-customers-list form a.btn-success {
    margin-top: 5px;
    margin-left: 0px;
}
.download-customers-list form label.btn-info{
    margin-left: 0px !important; 
}
.list-dection.d-flex {
    display: block !important;
}
nav#myTab {
    margin-bottom: 10px;
    justify-content: center;
}
.list-dection.d-flex .add-client-bt .client-add{
    width: 94%;
    margin: auto;
}
/*** municipal_contact_details ***/
.employee-p .nav-tabs .nav-link {
    width: 100%;
    margin-bottom: 7px;
    border-radius: 0px !important;
    border: none;
}
.employee-p .nav-tabs{
    border: none;
}
.physical-address {
    display: block !important;
}
.physical-address a.btn.btn-primary.login-button-main{
    width: 100% !important;
}
.new-quotes-sec{
    display: block !important;
}
.client-profile{
    width: 100% !important;
    border-bottom: 1px solid #00000040;
}
.municipal-detailed-page .cleint-email{
    width: 100% !important;
    border: none;
    padding: 0px;
}
.booking-collapse .edit-bt a.btn.btn-primary.login-button-main, #nav-tabContent .edit-bt .btn{
    width: 100% !important;
}
.contact-photo {
    text-align: center;
    margin-bottom: 20px;
}
.contact-photo img {
    width: 100px !important;
    height: 100px !important;
}
.municial-panel .personal-details .p-details {
    width: 45%;
}
.municial-panel .personal-details .name {
    width: 75%;
}
.municial-panel .add-edit-button .btn{
    width: 100% !important;
}
/*** municipalities_add ***/
.add-ticket-form{
    padding: 0px;
}
.add-ticket-form .form-group img{
    margin-top: 15px;
}
/*** property_management ***/
  .welcome-main.property_management{
      display: block;
  }
  .add-ticket-form.inner_filters form .col-md-2 {
     max-width: 100% !important; 
     flex: 100% !important; 
}
.main-table table td a.btn-danger{
    margin-top: 15px;
}
/*** property_details ***/
.property-content.property-detils-sub .p-details {
    width: 40%;
}
.barcode {
    width: 170px;
}
.choose-category nav {
    display: block;
}
.choose-category .nav-tabs{
    border: none;
}
.choose-category .nav-tabs .nav-link, .scheduling_page.list-dection .nav-tabs .nav-link{
    border-radius: 0px;
    margin-bottom: 10px;
}
.main-table table td img {
    width: 17px;
    margin-right: 5px;
}
/** enforcement_sp **/
.toplinks.list-dection .nav-tabs .nav-link{
    width: 100%;
}
.bookings-count-boxes .single-box {
    width: 100%;
}
.table-action-buttons .btn {
    margin-bottom: 5px;
}
/** products_management ***/
.add-employee-button-main .login-button-main{
    width: 100% !important;
    margin-left: 0px;
    margin-right: 0px !important;
}
.shop-products-page .table-filters{
    display: block;
    float: none;
}
.has-search .form-control{
    width: 100%;
}
/** support ***/
.support-tickets .add-client-bt .client-add{
    width: 58%;
    margin-bottom: 10px !important;
    margin: auto;
}
.support-tickets .add-client-bt {
    text-align: center;
}
.add-ticket-form #province_add .btn-info{
    margin-left: 20px;
}
.table .btn-danger, .table .btn-success{
    width: 65%;
    margin-bottom: 5px;
}
/** website management **/
button.btn.btn-primary.insert_features {
    float: none !important;
    margin-top: 0 !important;
}
.employee-p {
    margin-top: 5px;
}
.total-records-right {
    display: block;
    flex-wrap: wrap;
}
.booking{
    display: block !important;
}
.total-records-right .form-group .form-control{
    width: 100% !important;
}
  
  
}

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

@media (min-width: 320px) and (max-width: 480px) {
  .main-header, .bookings-count-boxes{
      display: block;
  }
  .total-records-right .form-group .form-control{
    width: 100% !important;
}
  .booking{
    display: block !important;
}
  .total-records-right {
    display: block;
    flex-wrap: wrap;
}
  .main-header .header-logo{
      width: 100%;
  }
  .side-bar-toggle{
      display: none;
  }
  .navbar-custom-menu{
      float: none;
      margin: 0px;
  }
  .main-header .utilities{
      background-color: #fff;
      display: block;
      text-align: center;
  }
  .main-header .utilities li{
      border: none;
  }
  .main-header .utilities li a{
      color: #000;
  }
  .main-nav-div nav {
    padding-top: 20px;
    height: 350px;
    overflow-y: auto;
}
.dashboard-body {
    margin: 20px 0px !important;
}
.employee-p {
    margin-top: 5px;
}
.bookings-count-boxes.admin-boxes .single-box {
    width: 100%;
    margin: 0px 0px 15px;
}
#myChart{
    height: auto !important;
    width: 100% !important;
}
.linebar-dots ul li {
    margin-right: 0px;
    width: 49%;
    margin-bottom: 15px;
}
.linebar-select .flocation {
    margin-right: 5px;
    width: 48%;
}
.flocation .form-control{
    margin-left: 0px;
    width: 100%;
}
.single-card.linebar {
    display: none;
}
.footer-content {
    margin-left: 5px;
}


/** enquiry_mode ***/
  .enquiry-mode-title{
      display: block;
      padding-right: 0px;
  }
  .search-input .form-control{
      min-width: 100% !important;
  }
  .search-input{
      margin-left:0px !important;
  }
  .vehicle-enquiry-form input{
      width: 100% !important;
      margin-bottom: 15px;
      margin-left: 0px;
  }
  .vehicle-enquiry-form .login-button-main {
    margin: 12px 0px;
  }
  .status-location{
      display: block;
  }
  .status-location .form-control{
    width: 100% !important;
    margin-left: 0px;
  }
  .payroll-title h4 span {
    float: none;
}
.payroll-title h4{
    margin-bottom: 10px;
}
.updates-form .login-button-main {
    padding: 8px 15px;
}
.download-customers-list form a.btn-success {
    margin-top: 5px;
    margin-left: 0px;
}
.download-customers-list form label.btn-info{
    margin-left: 0px !important; 
}
.list-dection.d-flex {
    display: block !important;
}
nav#myTab {
    margin-bottom: 10px;
    justify-content: center;
}
.list-dection.d-flex .add-client-bt .client-add{
    width: 94%;
    margin: auto;
}
/*** municipal_contact_details ***/
.employee-p .nav-tabs .nav-link {
    width: 100%;
    margin-bottom: 7px;
    border-radius: 0px !important;
    border: none;
}
.employee-p .nav-tabs{
    border: none;
}
.physical-address {
    display: block !important;
}
.physical-address a.btn.btn-primary.login-button-main{
    width: 100% !important;
}
.new-quotes-sec{
    display: block !important;
}
.client-profile{
    width: 100% !important;
    border-bottom: 1px solid #00000040;
}
.municipal-detailed-page .cleint-email{
    width: 100% !important;
    border: none;
    padding: 0px;
}
.booking-collapse .edit-bt a.btn.btn-primary.login-button-main, #nav-tabContent .edit-bt .btn{
    width: 100% !important;
}
.contact-photo {
    text-align: center;
    margin-bottom: 20px;
}
.contact-photo img {
    width: 100px !important;
    height: 100px !important;
}
.municial-panel .personal-details .p-details {
    width: 45%;
}
.municial-panel .personal-details .name {
    width: 75%;
}
.municial-panel .add-edit-button .btn{
    width: 100% !important;
}
/*** municipalities_add ***/
.add-ticket-form{
    padding: 0px;
}
.add-ticket-form .form-group img{
    margin-top: 15px;
}
/*** property_management ***/
  .welcome-main.property_management{
      display: block;
  }
  .add-ticket-form.inner_filters form .col-md-2 {
     max-width: 100% !important; 
     flex: 100% !important; 
}
.main-table table td a.btn-danger{
    margin-top: 15px;
}
/*** property_details ***/
.property-content.property-detils-sub .p-details {
    width: 40%;
}
.barcode {
    width: 170px;
}
.choose-category nav {
    display: block;
}
.choose-category .nav-tabs{
    border: none;
}
.choose-category .nav-tabs .nav-link, .scheduling_page.list-dection .nav-tabs .nav-link{
    border-radius: 0px;
    margin-bottom: 10px;
}
.main-table table td img {
    width: 17px;
    margin-right: 5px;
}
/** enforcement_sp **/
.toplinks.list-dection .nav-tabs .nav-link{
    width: 100%;
}
.bookings-count-boxes .single-box {
    width: 100%;
}
.table-action-buttons .btn {
    margin-bottom: 5px;
}
/** products_management ***/
.add-employee-button-main .login-button-main{
    width: 100% !important;
    margin-left: 0px;
    margin-right: 0px !important;
}
.shop-products-page .table-filters{
    display: block;
    float: none;
}
.has-search .form-control{
    width: 100%;
}
/** support ***/
.support-tickets .add-client-bt .client-add{
    width: 58%;
    margin-bottom: 10px !important;
    margin: auto;
}
.support-tickets .add-client-bt {
    text-align: center;
}
.add-ticket-form #province_add .btn-info{
    margin-left: 20px;
}
.table .btn-danger, .table .btn-success{
    width: 65%;
    margin-bottom: 5px;
}
/** website management **/
button.btn.btn-primary.insert_features {
    float: none !important;
    margin-top: 0 !important;
}
/** login page **/
.login-left {
    display: none;
}


}