/* Medium Layout: 1280px. */
@media only screen and (min-width: 992px) and (max-width: 1280px) {}

@media (min-width: 1170px) {}


/* (1920x1080) Full HD Display */
@media  screen and (min-width: 1920px) {}

/* Tablet Layout: 768px. */
@media only screen and (min-width: 767px) and (max-width: 991px) {
    .container-panel {
        width: 100%;
        max-width: 100% !important;
        padding: 0;
        margin: 0;
    }
    .form-pi {
      width: 100%;
      margin: 0;
      text-align: left;
    }
    .form-group {
        text-align: left;
    }
}

/* Mobile Layout: 320px. */
@media only screen and (max-width: 767px) {
    .container-panel {
        width: 100%;
        max-width: 100% !important;
        padding: 0;
        margin: 0;
    }
    .form-pi {
      width: 100%;
      margin: 0;
      text-align: left;
    }
    .form-group {
        text-align: left;
    }
    .breadcrumbs-custom-title {
        font-size: 14px;
        line-height: 14px;;
    }
}

/* Wide Mobile Layout: 320px. */
@media (max-width: 320px) {
    .breadcrumbs-custom-title {
        font-size: 12px;
        line-height: 12px;
    }
    .form-group {
        text-align: left;
    }

}

/* Wide Mobile Layout: 480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) {
    .container-panel {
        width: 100%;
        max-width: 100% !important;
        padding: 0;
        margin: 0;
    }
    .form-pi {
      width: 100%;
      margin: 0;
      text-align: left;
    }
    .form-group {
        text-align: left;
    }
    .breadcrumbs-custom-title {
        font-size: 14px;
        line-height: 14px;;
    }
}