/*

PARVUS -n
Abbreviation, shortened, tiny small. Basically - this is for mobile styling.

*/

/* #region TEMPLATE */
/* #endregion */


/* #region SIDR STYLING */

    @media(max-width:991px) {
        .navbar-toggler {
            display: none;
        }

        .collapse:not(.show) {
            display: flex;
            flex-flow: row nowrap;
        }

        .navbar > .container-fluid {
            display: flex;
            flex-flow: row nowrap;
        }

        .navbar-nav {
            flex-flow: row;
        }
    }

/* #endregion */

@media(max-width:1565px) {
    .tcl-wrap .column1.colw_c, .tcl-wrap .column2.colw_c {
        width: 45%;
    }

}

@media(max-width:1300px) {
    h1,
    .head-title {
        font-size: 4rem;
    }

    .c-itm {
        width: 40%;
    }

    .contact-cols .tcl-wrap .column1.colw_c, .contact-cols .tcl-wrap .column2.colw_c {
        width: 70%;
    }

    .contact-cols .tcl-wrap .content {
        justify-content: center;
    }
}

@media(max-width:1240px) {
    .user-header .uh-content {
        top: -190px;
    }

    .user-header .uhc-profile img {
        width: 300px;
        height: 300px;
    }

    .path-user .col-lg-3 {
        width: 300px;
    }

    .path-user .col-lg-9 {
        width: calc(100% - 340px);
    }
}

@media(max-width:1190px) {
    #block-footer .navbar-nav > li {
        width: 30%;
        margin-bottom: 30px;
    }

    .ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front {
        width: 94% !important;
        left: 3% !important;
    }

    .view-legal-centre .views-row {
        width: 100%;
    }
}

@media(max-width:1160px) {

    .scrolled .navbar {
        top: 0px;
    }

    .menu--main .navbar-nav .nav-link {
        padding: 25px 10px;
    }

    .hp-welcome.mt_060 {
        margin-top: 0px;
    }

    .path-frontpage .hcnt h1 {
        font-size: 3.5rem;
    }

    .view-main-services .views-row {
        width: 40%;
    }

    .scrolled .menu--main .navbar-nav .nav-link {
        padding: 15px 15px;
    }
}

@media(max-width:1115px) {

    .user-header .uh-content {
        width: 95%;
    }

    .path-user .row.g-0 {
        width: 95%;
    }
}

@media(max-width:1020px) {
    .navbar-nav {
        display: none;
    }

    .mobile-menu-button {
        display: flex;
    }

    .cw_050 {
        width: 80%;
    }
}

@media(max-width:950px) {

    .tcl-wrap .column1.colw_c, .tcl-wrap .column2.colw_c {
        width: 44%;
    }

    .contact-cols .tcl-wrap .column1.colw_c, .contact-cols .tcl-wrap .column2.colw_c {
        width: 80%;
    }

    .user-header {
        height: 80vh;
    }

    .user-header .uh-content {
        flex-flow: column;
        top: -230px;
    }

    .user-header .uhci-name h1 {
        color: var(--ctx-100);
    }

    .user-header .uhci-prac {
        color: var(--ctx-100);
    }

    .user-header .uhci-tags {
        margin-top: 40px;
        gap: 10px;
    }

    .user-header .uhci-np,
    .uhci-name {
        text-align: center;
    }

    .path-user .col-lg-3 {
        width: 100%;
    }

    .path-user .col-lg-9 {
        width: 100%;
        margin: 40px 0px;
    }

    .user-header .uhci-tags {
        flex-flow: row wrap;
        justify-content: center;
    }
}

@media(max-width:850px) {
    #block-footer .navbar-nav > li {
        width: 48%;
    }

    .foot-std .fs-wrap {
        justify-content: center;
        gap: 0px;
    }

    .foot-std .fsc1,
    .foot-std .fsc2 {
        text-align: center;
        width: 100%;
    }

    .ql-itm {
        width: 30%;
    }

    .cw_060 {
        width: 80%;
    }
}

@media(max-width: 768px) {
    .collapse:not(.show) {
        justify-content: end;
    }

    .path-frontpage .hcnt , .bhc-tit {
        font-size: 3rem;
    }

    .hcnt {
        max-width: 95%;
    }

    h1, .head-title, .ehc-tit {
        font-size: 3.5rem;
    }

    .tcl-wrap .column1.colw_c, .tcl-wrap .column2.colw_c {
        width: 100%;
    }

    .policy-wrap {
        flex-flow: row wrap;
    }

    .pw-left, .pw-right {
        width: 100%;
    }
}

@media(max-width: 600px) {

    #block-footer .navbar-nav > li {
        width: 100%;
    }

    .hpban-cta a {
        font-size: 1.3rem;
    }

    .cw_080 {
        width: 95%;
    }

    .cw_060 {
        width: 95%;
    }

    .cw_050 {
        width: 95%;
    }

}

@media(max-width: 525px) {
    .path-frontpage .hcnt h1, .bhc-tit {
        font-size: 2.5rem;
    }

    h1, .head-title, .ehc-tit {
        font-size: 2.8rem;
    }

    .ms-img img {
        height: 200px;
    }

    .cq-btn {
        margin: 15px 0px;
    }

    .cq-btn a {
        margin: 10px 0px;
    }
}

@media(max-width: 450px) {
    .navbar-brand img {
        height: 60px;   
    }

    .mobile-menu-button a {
        padding: 21px 30px;
    }

}