@media only screen and (max-width: 767px) {
    .navbar-default .navbar-nav > .active > a {
        background-color: #A3181C;
    }
    .navbar-collapse {
        padding: 0;
    }
    .navbar .navbar-nav {
        width: 100%;
        margin-top: 49px;
    }
    .dropdown i{
        width: 60%;
    }

    .nav li {
        text-align: left;
    }

    .hide-on-md {
        display: none;
    }
    .carousel-inner{
        height: 300px;
    }

    .center-on-md{
        text-align: center;
        float: none !important;
    }

    .top-nav{
        height: 50px;
    }

    .top-nav span{
        font-size: 25px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .top-nav i{
        font-size:30px;
    }
    .top-nav img{
        margin-top: -10px;
        height:30px;
    }

    .navbar-fixed-top {
        top: 50px;
    }

    .navbar-default .navbar-nav > li > a {
        background-color: #D10A11;
        color: white;
    }
    .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
        background-color: #D10A11;
        color: white;
    }

    .navbar-default .navbar-nav > li:hover > a {
        background-color: #D10A11;
        color: white;
    }

    .navbar-default .navbar-nav li a{
        border-left: 2px solid #D10A11;
        border-right: 2px solid #D10A11;
    }
    .navbar-default .navbar-nav li:last-child a{
        /*border-bottom: 2px solid #D10A11;*/
    }
}
@media only screen and (max-width: 600px) {
    .carousel-inner{
        height: 200px;
    }
    .carousel-caption h1{
        font-size: 19px;
    }
    .carousel-caption {
        bottom: 0px;
    }
    .group-title .group-title-text {
        padding: 5px;
    }
    .group-title {
        bottom: 10px;
        top: auto;
    }
    .carousel-indicators {
        display: none;
    }
}

@media only screen and (max-width: 420px) {

    .navbar-fixed-top {
        top: 90px;
    }
    .top-nav {
         height: 90px;
     }
}

@media only screen and (max-width: 400px) {
    .carousel-inner{
        height: 150px;
    }
    .panel-heading .pull-right {
        float: none!important;
    }
}
@media only screen and (max-width: 998px) {

    .top-nav .container {
        width: inherit;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
    }
}
@media only screen and (max-width: 1025px) {

    .carousel-caption h1{
        font-size: 25px;
    }
    .carousel-caption {
        bottom: 5px;
    }
    .group-title .group-title-text {
        padding: 10px;
    }
    .group-title {
    }
    .carousel-indicators {
        display: none;
    }

}