/* =====================================================
   SPS MODERN 2027 MOBILE
   base.css
   ===================================================== */

@media screen and (max-width: 767px) {

    html {
        -webkit-text-size-adjust: 100%;
        text-size-adjust: 100%;
    }

    body {
        max-width: 100%;
        overflow-x: hidden;
    }

    .content-wrapper,
    .right-side,
    .main-footer {
        max-width: 100%;
        min-width: 0;
    }

    .content-wrapper {
        overflow-x: clip;
    }

    .content {
        padding: 12px 10px;
    }

    .content-header {
        padding: 14px 12px 8px;
    }

    .content-header > h1 {
        font-size: 22px;
        line-height: 1.3;
    }

    .box {
        max-width: 100%;
        border-radius: 12px;
    }

    .box-header {
        padding: 12px;
    }

    .box-body {
        padding: 12px;
    }

    .row {
        min-width: 0;
    }

    img,
    video,
    canvas {
        max-width: 100%;
    }

    .btn {
        max-width: 100%;
    }

    .form-control {
        max-width: 100%;
    }

    input,
    select,
    textarea {
        font-size: 16px;
    }

    .breadcrumb {
        font-size: 12px;
    }

    .content-header > .breadcrumb {
        position: static;
        float: none;
        padding: 8px 0 0;
    }
}