/* nav bar */
@media screen and (min-width: 768px){
/*@media (min-width: @screen-sm-min){*/
    .nav-dropdown-menu{
        letter-spacing: 0.1em;
        margin-bottom: 15px;
        width: 100%;
        margin: 0 auto;
    }

    .nav-dropdown-menu ul {
        list-style-type: none;
        margin: 0 auto;
        padding: 0;
        width: 100%;
    }

    .nav-dropdown-menu li {
        float: left;
        width:16.66%;
        /* width:20%; */
        background-color: #333;
    }

    .nav-dropdown-menu li a {
        display: inline-block;
        color:white;
        width:100%;
        text-align: center;
        padding: 14px 9px;
        text-decoration: none;
        transition: 0.3s;
    }

    .nav-dropdown-menu li a:hover, .nav-dropdown-header:hover {
        background-color: #DC143C;
    }

    .nav-dropdown-menu .nav-dropdown-header .visible-mobile{
        display: none;
    }

    .nav-dropdown-menu li.nav-dropdown {
        display: inline-block;
    }

    .nav-dropdown-menu .nav-dropdown-content {
        display: none;
        position: absolute;
        background-color: #333;
        min-width: 170px;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
        z-index: 1;
    }

    .nav-dropdown-menu .nav-dropdown-content a {
        color: white;
        padding: 10px 57px;
        text-decoration: none;
        display: block;
        text-align: left;
    }

    .nav-dropdown-menu .nav-dropdown-content a:hover {background-color:#DC143C}

    .nav-dropdown-menu .nav-dropdown:hover .nav-dropdown-content {
        display: block;
    }

    .nav-icons{
        display: none;
    }
}

    .header-banner div h2{
        margin-top: 30px;
        margin-bottom: 10px;
    }

    /* Desktop header layout styling */
    @media screen and (min-width: 768px) {
        .header .header-contact {
            text-align: center;
            margin: auto;
            padding-bottom: 10px;
        }

        .header .header-contact div {
            display: inline-block;
            padding: 10px;
        }

        .header .header-contact a {
            color: black;
        }

        .header .header-contact a:hover {
            text-decoration: none;
            color: #DC143C;
        }

        .header .header-address {
            text-align: center;
            margin: auto;
            /* padding-bottom: 15px; */
        }

        .header .header-address div {
            display: inline-block;
            /* padding: 10px; */
        }

        .header .header-address a {
            color: black;
        }

        .header .header-address a:hover {
            text-decoration: none;
            color: #DC143C;
        }

        .header .logo {
            padding-top: 30px;
            text-align: center;
        }

        .header .logo img {
            max-width: 130%;
            height: auto;
        }

        .header .row {
            /* margin-bottom: 5px; */
        }

        .header .header-banner {
            margin: auto;
            text-align: center;
            padding-top: 20px;
            padding-bottom: 20px;
        }

        /* Fix alignment for right section in desktop layout */
        .header .row.hidden-xs .header-banner {
            vertical-align: top;
            display: flex;
            flex-direction: column;
            justify-content: center;
            height: 100%;
        }

        .header .row.hidden-xs .col-sm-2.header-banner {
            text-align: right;
            padding-top: 30px;
        }

        .header .row.hidden-xs .col-sm-2.header-banner div {
            margin-bottom: 10px;
        }
    }