/* Small phones */
@media (max-width: 480px) {
    .mob-col-8{
        width: 80%!important;
    }
    .inner-sec{
        margin-left: 0%;
        padding: 32px !important;
    }
    .payall-btn{
        margin-right: 65px !important;
        margin-top: -15px;
    }
    .bill-payments{
        padding: 0 0 0 0;
    }
    .payment-methord {
        float: left;
        width: 80%;
        padding: 25px 0 0 0px;
    }
    .bill-details{
        float: left;
        width: 100%;
        padding: 10px 25px 5px 5px;
    }
    .payment-logos {
        display: inline-block;
        border-left: 0px solid #ccc;
        margin-left: 1em;
        padding-left: 1em;
    }
    .payment-logos img {
        width: 90%;
        margin-top: 3px;
        margin-left: -33px;
    }
    .confirm-btn h5 {
        border-right: 0px solid #ccc;
        padding: 0px;
        margin-top: 6px;
    }
    .invoices button, .invoices a{
        font-size: 10px!important;
    }
    .main-heading{
        font-size: 26px;
    }
    .bill-details header {
        float: left;
        border: none;
        padding: 0 0 0px 0;
    }
    .bill-numbers.custom-box {
        float: left;
    }
    .bill_wo_box.confirm-area .bill-numbers {
        width: 100%;
    }
    .input-underline{
        width: 100% !important;
    }
}  
/* Tablets */
@media (min-width: 768px) {
    .inner-sec{
        margin-left: 8%!important;
    }
    .logo{
        width: 10%;
    }
    
}
  
/* Laptops */
@media (min-width: 992px) {
    #searchid{
        width: 50%;
    }
}

/* Desktops */
@media (min-width: 1200px) {
    .logo {
        width: 7%;
    }
}