/* 0px - 320px */
@media (min-width: 0px) and (max-width: 320px) {

    /* STYLE */
    a.navbar-brand {
        width: 80%;
    }
    /* STYLE */

    /* SESSION CONTENT BlogMain 0 */
    section#title-blog {
        padding: 10rem var(--bs-gutter-x, .75rem) 4rem;
        text-align: center;
    }
    section#single-blog {
        padding: 3rem var(--bs-gutter-x, .75rem) 3rem;
    }
    .main-blog {
        padding: 1rem 0;
    }
    a.h1title-blog-single {
        font-size: 2.5rem;
        line-height: 2.5rem;
        font-weight: 400;
    }
    .col-lg-12.col-sm-12.single-blog {
        padding: 0;
    }
    section#single-blog blockquote p{
        font-size: 1.5rem;
    }
    section#single-blog .main-blog h2,section#single-blog .main-blog h3,section#single-blog .main-blog h4,section#single-blog .main-blog h5 {
        font-size: 2rem;
    }
    .box-header-related-posts{
        justify-content: center;
    }
    h2.session-content-blog2 {
        padding-bottom: 1rem;
        font-size: 2.125rem;
    }
    /* SESSION CONTENT BlogMain 0 */
    
    /* SESSION CONTENT Blog 1 */
    section#session-content-blog1 {
        padding: 10rem var(--bs-gutter-x, .75rem) 8rem;
        text-align: center;
        background-size: cover;
    }

    .box-session-content-blog1 {
        padding: 0rem var(--bs-gutter-x, .75rem);
    }

    h1.session-content-blog1 {
        font-size: 2.04094rem;
        line-height: 2.125rem;
    }

    /* SESSION CONTENT Blog 1 */

    /* SESSION CONTENT Blog 2 */
    section#session-content-blog2 {
        padding: 1rem var(--bs-gutter-x, .75rem) 3rem;
    }

    .box-img-blog {
        height: 150px;
    }
    .padding-box-blog {
        padding: 1rem var(--bs-gutter-x, .75rem);
    }
    img.img-user-blog{
        display: none;
    }

    /* SESSION CONTENT Blog 2 */

    /* SESSION CONTENT HOME 8 */
    section#session-content-home8 {
        text-align: center;
        background-size: 460%;
        background-position: center 70%;
        background-repeat: no-repeat;
        padding: 3rem 0rem 3rem 0;
        margin-bottom: 0rem;
    }

    h2.session-content-home8 {
        font-size: 2.525rem;
        line-height: 2.525rem;
        padding-bottom: 0rem;
    }

    /* SESSION CONTENT HOME 8 */

    /* SESSION CONTENT HOME 9 */
    section#session-content-home9 {
        padding: 3rem var(--bs-gutter-x, .75rem);
        text-align: center;
    }

    h2.session-content-home9 {
        font-size: 2rem;
        line-height: 2.525rem;
        padding-bottom: 0rem;
    }

    .box-session-content-home9 {
        position: relative;
        padding-right: 0rem;
    }

    img.img-content-home9 {
        width: 100%;
    }

    .box-text-session-content-homet9 {
        padding: 1rem 0 0 0;
    }

    img.hairline4 {
        margin: 2.5rem auto 0rem auto;
        position: absolute;
        left: 41%;
        width: 55%;
        display: none;
    }

    .box-btn-session-content-home9 {
        display: block;
    }

    .btn-1,
    .btn-2 {
        display: inline-block;
        margin: 0.5rem 0;
    }

    /* SESSION CONTENT HOME 9 */

    /* FOOTER */
    .bg-blue {
        background: url(../../../../dist/images/bg-footer-mobile.svg);
        background-size: 100%;
        background-position: center top;
        background-repeat: no-repeat;
    }

    section#footer {
        padding: 4rem var(--bs-gutter-x, .95rem) 2rem;
    }

    .social-icons {
        text-align: center;
        padding: 1rem 0rem 1rem;
    }

    h6.comment-footer{
        padding: 0 0 2rem;
        font-size: 1.125rem;
        line-height: 1.125rem;
    }

    .copyright {
        padding: 1rem 3rem 2rem;
    }

    img.logo-footer {
        text-align: center;
        margin: 0 auto;
        display: block;
    }

    .box-footer {
        padding: 1.5rem 0;
    }

    h6.title-menu-footer {
        text-align: center;
    }

    .menu-footer-link {
        text-align: center;
        padding: 0.5rem 0;
    }

    .newsletter.box-footer {
        padding: 1rem;
    }

    .menu-footer-link.link-copyright {
        text-align: center;
        padding: 1rem 0 1rem;
    }

    .col-md-1.col-sm-12.c-footer-menu.box-footer, .col-md-2.col-sm-12.c-footer-menu.box-footer {
        width: 50%;
    }

    /* FOOTER */
}