/* Large desktop */
.languageBar {
    width : 0 auto;
    text-align : right;
    position : absolute;
    z-index : 122000;
    top : 0;
    /*display : none;*/
    float: right;
}

/* Offset the responsive button for proper vertical alignment */
.navbar .btn-navbar {
    margin-top: 30px;
}

body {
    min-width: 320px;
}

@media (min-width: 1200px) {


}

@media (max-width: 979px) {
    .page .container {
        padding: 0 10px 0 10px;
    }

    .head_logo {
        margin-left: 10px;
    }

    .languageBar {
        display: none;
    }
    .nav-collapse .nav > li > a, .nav-collapse .dropdown-menu a {
        color: #000 !important;

    }
    
    .nav-collapse .nav > li > a:hover, .nav-collapse .dropdown-menu a:hover {
        background-color: #ddd !important;
    }

    .nav {
        background-color: #fff;
        border: 3px #000 solid;
    }

    .navbar .nav > li, .navbar .nav > li {
        padding: 0 !important;
    }

   .nav-collapse.in.collapse {
        overflow: visible;
   }

   .navbar-inner {
        display:   inline;
   }
    
    .navbar .nav > li:focus, .navbar .nav > li:hover {
        background-color: #fff;
    }

    .navbar-inverse .nav li.dropdown.open > .dropdown-toggle, .navbar-inverse .nav li.dropdown.active > .dropdown-toggle, .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle {
        color: #000;
        background-color: #fff;
    }

    .row-fluid div.span3 {
        /*display: table-cell;*/
        text-align: center;
        width: auto;
        display: block;
        clear: both;
    }

    .homePageHeader {
        font-size: 35px;
        line-height: 40px;
    }

    .boxTable div.span3a {
        width: 50%;
    }
    input, textarea, .uneditable-input {
        width: 90%;
    }

}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {

    .container.navbar-wrapper {
        margin-bottom: 0;
        width: auto;
    }

    .navbar-inner {
        border-radius: 0;
        margin: -20px 0;
 
    }


}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {

    body {
        padding-right: 0;
        padding-left: 0;
    }

    .navbar-inner {
        /*         margin: -20px; */
    }

    .registerButton {
        margin: 0 auto;
        top: -40px;
        /*left: -50%;*/
        position: relative;
        width: 330px;
        height: 48px;
        padding-top: 10px;
        display: block;
        text-align: center;
        border: 10px solid rgba(255,255,255,.37);

        z-index: 1000;
        background-clip: padding-box;
    }

    .row-fluid [class*="span"]:nth-child(2) {
        /*float: left;*/
        /*display: inline;*/
    }

    .registerText {
        font-size: 15px;
        line-height: 20px;
        font-family: 'MavenProBold', Arial, sans-serif;
        color: #fff;
        text-align: center;
        text-transform: uppercase;
    }


    #main_container_logo {
        visibility: hidden;
    }

    .homePageHeader {
        font-size: 30px;
        line-height: 30px;
        padding: 10px;
    }
    .homePageSubHeader {
        padding: 10px;
        line-height: 30px;
    }
}



/* Landscape phones and down */
@media (max-width: 480px) {
    .registerButton {
        width: 300px;
    }

    .boxTable div.span3a {
        width: 100%;
        height: 210px;
    }
}

/* less 320 */
@media (max-width: 320px) {
    .head_logo {
        width: 200px;
    }

    .navbar .btn-navbar {
        margin-top: 20px;
    }
}


.row-fluid [class*="span"]:first-child {
    margin: 0 auto;
}



.head_logo {
    max-width: 335px;

}

.navbar-inner {
    padding-right: 0;
    padding-left: 0;
    position: relative;
    width: 100%;
}

.navbar .container {
    width: auto;
    min-width: 0;
    height: 90px;
}

.navbar {
    /*max-width: 1024px;*/
    margin: 0 auto;
    vertical-align: middle;

}

.container {
    width: auto;
    min-width: 0;
    max-width: 1024px;
}

.nav {
    float: right;

}

.box {
    max-width: inherit;
}

.homePageContent {
    width: auto;
    max-width: 1024px;
    margin: 0 auto;
    position: relative;
    top: -20px;
    padding: 0 10px 0 10px;
}

.head_container {
    margin: 0 auto;
    width: auto;
    border: none;
    height: 90px;
    background-image: none;
}

/* CUSTOMIZE THE NAVBAR
   -------------------------------------------------- */

/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10;
    margin-top: 20px;
    margin-bottom: -90px; /* Negative margin to pull up carousel. 90px is roughly margins and height of navbar. */
}

.navbar-wrapper .navbar {

}

/* Remove border and change up box shadow for more contrast */
.navbar .navbar-inner {
    border: 0;
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, .25);
    -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, .25);
    box-shadow: 0 2px 10px rgba(0, 0, 0, .25);
}

/* Downsize the brand/project name a bit */


/* Navbar links: increase padding for taller navbar */
.navbar .nav > li > a {

}