/*Mobile*/
@media (max-width: 767px) {
    .header.mobile .col-md-4 {
        width: 25%;
        float: left;
        margin-right: auto;
        margin-left: auto;
    }
    
    .header.mobile .col-md-8 {
        width: 75%;
        float: left;
        margin-right: auto;
        margin-left: auto;
    }
    
    .header.mobile img {
        width: 100%;
    }
    
    .header-profile.mobi ul {
        min-width: 200px;
       width: auto;
       padding-left: 0;
    }
    
    .content-inner {
        width: 100%!important;
    }
    
    .content-wrapper {
        padding: 20px 0px 0px 0px;
    }
    
    .request-form {
        margin-bottom: 20px;
    }
}

/*Tablet & small screens:*/
@media (min-width: 768px) and (max-width: 991px) {
    
}

@media (min-width: 992px) and (max-width: 1199px) {
    .wht-background {
       padding-bottom: 60px;
    }
    
    #search-invoice-btn, #search-quote-btn, #search-meter-number-btn, #quotes-date,.prev-invoices select, #invoices-date, #edit-product-form .btn-primary, button, html input[type=button], input[type=reset], input[type=submit], #meter-replacements-date, .users select {
        width: auto!important;
    }
    
    #generate-quote-form .btn-primary {
        margin-top: 0;
    }
    
    .inbox_tr>td>img {
        width: 50%;
    }
    
    #account-heading {
        margin-bottom: 0px; 
    }
    
    .profile-history {
        min-height: 250px;
    }
    
    .profile-history .border-right {
        padding-bottom: 20px;
    }
    
    .sidebar {
        width: 10%;
    }
    
    .content-inner {
        width: 90%;
    }
    
    .content-wrapper {
        padding: 20px;
    }
    
    .header img {
        width: 25%;
        margin-top: 5px;
    }
    
    .latest-alerts .heading img {
        margin-right: 20px;
        width: 10%!important;
    }
    
    .latest-alerts .inbox_images {
        width: 45%;
    }
    
    .modal-body.modal2 {
        padding: 30px;
    }
    
    .content img {
        width: 15%;
    }
    
    .proforma-heading img {
        width: 25%;
        margin-right: 10px;
    }
    
    .proforma-heading h2 {
        margin-top: 0;
    }
    
    .notifications, .assign {
        min-height: 395px!important;
    }
    
    .notifications .heading img {
        width: 15%;
    }
    
    #add-notification-modal .notifications .heading img {
        width: 8%!important;
    }
    
    #add-notification-modal #notification-form select, #add-notification-modal #notification-form .ms-options-wrap > button:focus, #add-notification-modal #notification-form .ms-options-wrap > button {
        width: 50%!important;
    }
    
    #add-notification-modal #notification-form .ms-options-wrap > .ms-options {
        left: 25%;
        width: 50%;
    }
    
    .notifications h2 {
        padding-top: 10px;
    }
    
    .user-man h2 {
        padding-top: 0;
    }
    
    .user-man {
        min-height: 50px;
    }
    
    .heading {
        height: 70px;
    }
    
    .prev-quote .col-md-1 {
        width: 15%;
        float: left;
        margin-right: auto;
        margin-left: auto;
    }
    
    .prev-quote .col-md-5 {
        width: 35%;
        float: left;
        margin-right: auto;
        margin-left: auto;
    }
    
    .prev-meter-replacements table {
        margin-top: 0;
    }
    
    /*.request-form.short {*/
    /*    min-height: 110vh!important;*/
    /*    height: auto;*/
    /*    margin-bottom: 0px;*/
    /*}*/
    /*.request-form1 {*/
    /*    min-height: 125vh!important;*/
    /*    height: auto;*/
    /*    margin-bottom: 0px;*/
    /*}*/
    .request-form, .request-form1 {
        padding-bottom: 10%;
        margin-bottom: 0;
    }
    .prev-quote {
        padding: 20px;
        margin-bottom: 40px;
    }
    
    #add-task-modal img {
        width: 8%!important;
    }
    
    #add-task-modal .heading {
        margin-bottom: 20px;
    }
    
    .back-to-customers h2 {
        width: 100%;
    }
    
    .mobi-100 {
        width: 100%;
        float: left;
        margin-right: auto;
        margin-left: auto;
    }
    
    /*.reg-meter-num {*/
    /*    min-height: 610px;*/
    /*}*/
    
    .reg-meter-num .col-md-12 {
        padding: 0;
    }
    
    #scanner-chk {
        margin-right: 1%;
    }
    
    .sml-scr-height {
        max-height: 350px!important;
        overflow-y: auto;
    }
}

/*Laptop:*/
@media (min-width: 1199px) and (max-width: 1600px) {
    .sidebar {
        width: 9%;
    }
    .content-inner {
        width: 91%;
    }
    .sidebar ul li>a {
        font-size: 12px;
    }
    .header img {
        width: 20%;
        margin-top: 5px;
    }
    
    .center-icon, .header-profile {
        margin-top: 5px;
    }
    
    .header-profile ul {
        margin-bottom: 0;
    }
    
    /*.content img {*/
    /*    width:20%;*/
    /*}*/
    
    #checkbox-branch {
        margin-left: 20px;
    }
    
    .wht-background {
       padding-bottom: 60px;
    }
    
    #search-invoice-btn, #search-quote-btn, #search-meter-number-btn, #quotes-date,.prev-invoices select, #invoices-date, #edit-product-form .btn-primary, button, html input[type=button], input[type=reset], input[type=submit], #meter-replacements-date, .users select {
        width: auto!important;
    }
    
    #add-product-form select, #edit-customer-form select, #add-customer-form select {
        width: 100%!important;
    }
    
    #search-quote {
        width: 25%;
    }
    
    .ms-options-wrap > button:focus, .ms-options-wrap > button {
        width: 100%!important;
    }
    
    .inbox_tr>td>img {
        width: 50%;
    }
    
    .latest-alerts .heading img {
        margin-right: 20px;
        width: 10%!important;
    }
    
    .latest-alerts .inbox_images {
        width: 40%;
    }
    
    .modal-body.modal2 {
        padding: 30px;
    }
    
    .content img {
        width: 15%;
    }
    
    .proforma-heading img {
        width: 25%;
        margin-right: 10px;
    }
    
    .proforma-heading h2 {
        margin-top: 0;
    }
    
    .notifications, .assign {
        min-height: 417px!important;
    }
    
    .notifications .heading img {
        width: 15%;
    }
    
    #add-notification-modal .notifications .heading img {
        width: 8%!important;
    }
    
    .latest-alerts, .summary {
        min-height: 330px;
    }
    
    .reg-meter-num .col-md-12 {
        padding: 0;
    }
    
    #scanner-chk {
        margin-right: 1%;
    }
    
    .sml-scr-height {
        max-height: 350px!important;
        overflow-y: auto;
    }
    
    .back-to-customers h2 {
        width: 100%;
    }
}

@media (min-width: 1300px) and (max-width: 1600px) {
    .content img {
        width: 10%;
    }
    
    .proforma-heading img {
        width: 25%;
        margin-right: 10px;
    }
    
    .latest-alerts .inbox_images {
        width: 30%;
    }
    
    .notifications, .assign {
        min-height: 400px!important;
    }
}