/* Extra small devices (phones, less than 768px) */

/* No media query since this is the default in Bootstrap */

/* xs -  Extra small devices Phones (<768px) */
@media (max-width: 767px) {

    body {border-right:solid 0px orange;}
    /*ST 2014-10-23*/
    .bx-wrapper img {
        min-height: 100px;
    }
    /*ST 2014-10-23*/
    body {
        background-image: none;
    }
    img#logo.notauthenticated {
        margin-left:10px;
	    width:80px !important;
    }
    img#logo.authenticated {
        display: none;
    }
    .navbar-collapse {
        background-color: rgba(255, 255, 255, .5);
    }
    .navbar-toggle {
        background-color: #E52B38;
    }
    .navbar-toggle .icon-bar {
        background-color: #fff;
    }
    .navbar-nav {
        margin-right: 0;
    }
    .nav {
        margin:20px 10px 0;
    }
    .navbar-nav > li.active a, .navbar-nav > li > a:hover, .navbar-nav > li > a:active {
        border-bottom: 0;
    }
    article a.active:after, article a:hover:after, article a:focus, footer a.active:after, footer a:hover:after, footer a:focus, ul.subnav a.active:after, ul.subnav a:hover:after, ul.subnav a:focus, .navbar-nav > li.active a:after, .navbar-nav > li > a:hover:after {
        content: "";
        text-decoration: none;
    }
    .nav > li {
        background: #ffffff;
        border-radius: 13px;
        border:solid 1px #ccc;
        margin-bottom: 3px;
    }
    .nav > li a {
        text-decoration: none;
        font-family: Sans-Serif;
        font-weight: 600;
        font-style: normal;
        color:#4B4A4F;
        font-size: 1.3em;
    }
    .nav > li:hover a {
        border-radius: 13px;
        background: #cacaca;
    }

    ul.subnav a.active,
    ul.subnav a:hover {
        text-decoration: none;
        background-color: transparent;
        color: #E52B36;
    }
    ul.subnav a:after {
        content: '';
        color: #ffffff;

    }
    ul.subnav a.active:after,
    ul.subnav a:hover:after,
    ul.subnav a:focus {
        text-decoration: none;
        content: '';
        color: #E52B36;
    }
    ul.subnav {
    }
    ul.subnav li {
        display: inline;
    }
    ul.subnav li a:hover,
    ul.subnav li a.current {
        border:solid 1px #ccc;
    }


    ul.subnav li a {
        display: inline-block;
        padding: 5px;
        text-decoration: none;
        font-family: Sans-Serif;
        font-weight: 600;
        font-style: normal;
        color:#4B4A4F;
        font-size: 1.1em;
        border-radius: 13px;
        border:solid 1px #ccc;
    }
    ul.subnav li a:hover{
        background: #cacaca;
    }

    .portalbutton {
        height: 48px;
    }

    div.buttoncontainer {
        border-radius: 6px;
        width: 50px;
        height: 45px;
        padding: 3px;
      }

      .floating-menu {
        /*top: 33%;*/
    }

}

/* sm - Small devices Tablets (≥768px) */
@media (min-width: 768px) and (max-width: 991px) {

    body {border-right:solid 0px green;}
    /*ST 2014-10-23*/
    body {
        background-image: none;
    }

    .navbaricon {
        width:20px;
    }

    .navbar-container {
        margin-top: 30px;
        /*position:fixed;*/
        gap: 10px;
        margin-top: 30px;
        margin-left: 15px;
    }

    .navbar-nav > li > a {
        padding: 00px;
        margin-right: 25px; /*ST 2014-10-23*/
    }
    #logo.authenticated {
        display: none;
    }
    ul.nav li a {
        font-size: 1.05em !important;;
    }
     img#logo.notauthenticated {
        margin-left:10px;
    }

    div.buttoncontainer {
        border-radius: 6px;
        width: 60px;
        height: 50px;
        padding: 3px;
      }

      .floating-menu {
        /*top: 30%;*/
    }


}

/* md - Medium devices Desktops (≥992px) */
@media (min-width: 992px) and (max-width: 1199px) {

    body {border-right:solid 0px blue;}

    .navbaricon {
        width:20px;
    }

    .navbar-container {
        margin-top: 30px;
        position:fixed;
        gap: 15px;
    }

    .navbar-nav {
        /*margin-top: 30px;*/
        /*position:fixed;*/
    }
    .navbar-nav > li > a {
        padding: 00px;
        margin-right: 40px;
    }

    div.buttoncontainer {
        border-radius: 10px;
        width: 90px;
        height: 52px;
        padding: 5px;
      }

}

/* lg - Large devices Desktops (≥1200px) */
@media (min-width: 1200px) {

    body {border-right:solid 0px red;}

    .navbaricon {
        width:20px;
    }

    .navbar-container {
        margin-top: 30px;
        position:fixed;
        gap: 15px;
    }

    .navbar-nav {
        /*margin-top: 30px;*/
        /*position:fixed;*/
    }

    .navbar-nav > li > a {
        padding: 00px;
        margin-right: 40px;
    }

    div.buttoncontainer {
        border-radius: 10px;
        width: 90px;
        height: 52px;
        padding: 5px;
      }

}