/*

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 */


/* #region NAVIGATION */

    @media(max-width:950px) {
        #block-main-nav-other {
            display: none;
        }

        .collapse:not(.show) {
            justify-content: end;
        }
    }

    @media(max-width:750px) {
        #block-cirqular5-main-navigation {
            display: none;
        }
    }

    @media(max-width:550px) {
        .logo-other {
            width: 200px;
        }
    }

/* #endregion */


/* #region BANNERS */

    @media(max-width:650px) {
        .hcnt div {
            font-size: 2rem;
        }

        .hcnt svg {
            height: 200px;
        }

        .white-heading .lrg {
            font-size: 2.5rem;
        }

        .hcnt div.ban-icon svg {
            width: 80px;
        }

        .hcnt {
            max-width: 92%;
        }
    }

/* #endregion */


/* #region CONTENT */

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

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

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

        .webform-flexbox {
            flex-flow: column;
            gap: 20px;
        }

        .webform-flex--1 {
            width: 100%;
        }
    }

    @media(max-width:830px) {
        .view-services .views-row {
            width: 100%;
        }

        .webform-type-checkboxes {
            flex-flow: column;
        }

        .webform-type-checkboxes > legend {
            width: 100%;
            text-align: center;
        }
    }

    @media(max-width:650px) {
        .cw_080 {
            width: 92%;
        }

        h3 {
            font-size: 1.7rem;
        }
    }

    @media(max-width:500px) {
        .heading .lrg {
            font-size: 3rem;
        }
    }

/* #endregion */


/* #region MODAL */

    @media(max-width:700px) {
        .modal-dialog {
            max-width: 100%;
        }
    
        .modal-header {
            right: 3.4%;
        }
    }

    @media(max-width:550px) {
        .modal {
            height: 100vh;
            top: 0px;
        }

        .modal-content {
            height: 100vh;
        }

        .field--name-field-mh {
            font-size: 2rem;
        }

        .serv-head {
            flex-flow: column;
            text-align: center;
        }
    }

/* #endregion */


/* #region LEGAL */

    @media(max-width:1240px) {
        .paragraph--type--t-lb .flex {
            flex-flow: column;
        }
    
        .paragraph--type--t-lb .flex .left,
        .paragraph--type--t-lb .flex .right {
            width: 100%;
        }
    }

/* #endregion */


/* #region FOOTER */

    @media(max-width:1060px) {
        .tcl-wrap .column1.colw_e, .tcl-wrap .column2.colw_a {
            width: 60%;
        }

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

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

    @media(max-width:550px) {
        .tcl-wrap .column1.colw_a, .tcl-wrap .column2.colw_e,
        .tcl-wrap .column1.colw_e, .tcl-wrap .column2.colw_a {
            width: 100%;
        }

        .footer-logo {
            text-align: center;
        }

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

/* #endregion */