:root .portfolio {
    --primary-colour: #0b6fc1;
}

@media screen and (min-width: 768px) {
    .portfolio .navigation-menu > li > .dropdown-menu {
        border-radius: 10px 10px 10px 10px;
    }

    .portfolio .navigation-menu > li > .dropdown-menu > li > .dropdown-menu-text:hover {
        border-radius: 10px 10px 10px 10px;
    }

    .portfolio .dropdown-submenu:hover > .dropdown-menu > li > a:hover {
        border-radius: 10px 10px 10px 10px;
    }

    .portfolio .navigation-menu ul li:hover > a {
        border-radius: 10px 10px 10px 10px;
    }

    .portfolio .navigation-menu > .mobile-version {
        display: none;
    }
}

/* For tablets */
@media screen and (min-width: 768px) and (max-width: 990px) {

    .portfolio .navigation-menu > li {
        margin-left: 8px;
    }

    .setup-dropdown-menu {
        margin-left: -85px;
    }

    .mobile-version {
        display: none;
    }
}
    /* For Mobile */
    @media screen and (max-width: 768px) {
        .portfolio .navbar-collapse {
            position: relative;
            z-index: 1;
        }

        .portfolio .navigation-menu > li > .dropdown-menu {
            position: relative !important;
            overflow: visible;
        }

        .portfolio .navigation-menu > li > .dropdown-menu > li > a:hover {
            position: static;
            width: 100%;
        }

        .portfolio .navigation-menu > li > .dropdown-menu > .dropdown-submenu {
            border: none;
            -webkit-box-shadow: none;
            box-shadow: none;
        }
            .portfolio .navigation-menu > li > .dropdown-menu > .dropdown-submenu > .dropdown-menu {
                position: relative !important;
                display: block;
                border: none;
                margin-left: 15px;
                margin-top: -2px;
                -webkit-box-shadow: none;
                box-shadow: none;
            }
            .portfolio .navigation-menu > li > .dropdown-menu > .dropdown-submenu > .dropdown-menu {
                position: relative !important;
                display: block;
                border: none;
                margin-left: 15px;
                margin-top: -2px;
                -webkit-box-shadow: none;
                box-shadow: none;
            }
    }
    
    /*Tables*/
    .portfolio .table th {
        background: #006b9e;
        background-image: -webkit-linear-gradient(top, rgb(0, 97, 153), rgb(0, 61, 102));
    }

    .portfolio .table-white-top-right th:last-child {
        background: #FFF;
        background-color: transparent;
        border: none;
        text-align: center;
        width: 10%;
    }

    .portfolio th.result-clear {
        border-radius: unset;
        border: unset;
        background-image: unset;
        background-color: unset;
        color: unset;
    }

    .portfolio th.result-heating {
        background-image: unset;
        background-color: #E98585 /* light coral */
    }

    .portfolio th.result-tthreshold {
        background-image: unset;
        background-color: #A3A5DC /* bluebell */
    }

    .portfolio th.result-bills {
        background-image: unset;
        background-color: #CF2020
    }

    .portfolio th.result-tco2 {
        background-image: unset;
        background-color: #3399CC
    }

    .portfolio th.result-ei {
        background-image: unset;
        background-color: #00598C
    }

    .portfolio th.result-sap {
        background-image: unset;
        background-color: #54a546
    }