@media all and (max-width:800px) {
    .login {
        width: 70%;
    }

    .ionic-btn-top-left > img {
        width: 60%;
    }

    .form-proflie {
        width: 70%;
        margin-top: 30px;
    }

    .ionic-table {
        width: 100%;
    }

    .ionic-menu-footer {
        width: 100%;
    }

    .ionic-clips-left {
        width: 50%;
    }

    .ionic-clips-right {
        width: 50%;
    }
}

@media all and (max-width:600px) {
    .login {
        width: 85%;
    }

    .ionic-title {
        font-size: 21px;
    }

    .form-proflie {
        width: 100%;
    }

    .ionic-clips-time {
        font-size: 12px;
        padding-top: 2px;
    }

    k .ionic-clips-time > img {
        width: 30%;
    }

    .form-viewpost {
        width: 100%;
    }

        .form-viewpost > .ionic-view > .ionic-view-img > div > img {
            width: 100%;
        }

        .form-viewpost > .ionic-feed > .ionic-view-img > a > img {
            width: 100%;
        }
}

@media all and (max-width:500px) {
    .ionic-img-footer {
        width: 55%;
        margin-top: 0px;
    }

    .form-viewpost > .ionic-view > .ionic-view-img > img {
        width: 100%;
    }

    .form-viewpost > .ionic-feed > .ionic-view-img > a > img {
        width: 100%;
    }

    .form-viewpost > .ionic-feed > .ionic-view-img > img {
        width: 100%;
    }

    .ionic-view {
        width: 100%;
    }

    .ionic-feed {
        width: 100%;
    }

    .has-header > .container-fluid > col-sm-4 {
        padding: 0;
    }
}

@media all and (max-width:360px) {
    .ionic-profile-detail > p {
        font-size: 15px;
    }

    .ionic-img-footer {
        width: 50%;
        margin-top: 5px;
    }

    .ionic-clips-time {
        font-size: 10px;
        padding-top: 2px;
    }

    .form-viewpost > .ionic-feed > .ionic-view-img > img {
        width: 100%;
    }

    .ionic-detail-body > a > h4 {
        font-size: 14px;
        line-height: 15px;
    }
}

@media all and (max-width:320px) {
    .ionic-clips-time {
        font-size: 8px;
        padding-top: 5px;
    }

    .ionic-view-header {
        padding: 0 10px;
    }
}

@media all and (max-width:400px) {
    .ionic-feed > .ionic-view-img > a > img {
        height: auto;
    }

    .ionic-feed-title > div {
        font-size: 16px;
    }

    .ionic-detail-body > a > h4 {
        font-size: 14px;
        line-height: 20px;
    }

    .ionic-detail-body > a > p {
        font-size: 13px;
        line-height: 15px;
        text-align:justify;
    }

    .ionic-clips-left {
        width: 40%;
    }

    .ionic-clips-right {
        width: 60%;
    }
}