/**
 * @file
 * Responsive styles for the Artellite theme.
 * We use the bootstrap grid system. More info here: http://getbootstrap.com/css/#grid 
 */

/* =============================================================================
    Extra small devices (Phones)
   ========================================================================== */
@media screen and (max-width:767px) {
    .navbar-default {
         background-color: transparent;
         border: none;
    }
    .navbar-default .navbar-collapse, .navbar-default .navbar-form{
        background-color: #000000;
    }
    .logo img{
        margin-left: 10px;
    }
    .navbar-toggle{
        margin-right: 20px;
    }
    .user-type{
        margin: 20px auto;
        float: none;
    }
    .user-type.last{
        margin-right: auto;
    }
    .registration-wrapper {
         height: auto;
    }
    .reg-footer{
        margin: 0 auto;
        width: 100%;
    }
    .reg-footer .back-to-home,
    .reg-footer .sign-in{
        float: none;
        margin:20px auto;
    }
    .registration-text h1 {
        font-size: 30px;
         margin-top: 0px;
    }
    #node-1 h2.welcome {
        font-size: 45px;
    }
    .registration-line {
        margin: auto auto 30px;
    }
    .page-artorganisation-register .field-group-div,
    .page-artist-register .field-group-div,
    .page-client-register .field-group-div,
    .page-gallery-register .field-group-div {
        width: auto;
        float: none;
    }
    .field-multiple-drag, .tabledrag-toggle-weight-wrapper {
        display: none;
    }

    .footer-wrapper{
        position: relative;
        overflow: hidden;
        text-align: center;
        background: none;
        padding-bottom: 20px;
    }
    #block-menu-menu-footer-menu ul li {
        float: none;
        display: inline-block;
    }
}


/* =============================================================================
    Small devices (tables) and up
   ========================================================================== */
@media screen and (min-width:768px) {
  /* Reset the default navbar */
  .navbar-default {
    background-color: transparent;
    border: none;
  }
  .navbar-nav {
    float: right;
  }
  .navbar-collapse,
  #navbar.container {
    padding: 0;
  }
  
}


/* =============================================================================
    Medium devices (Desktops) 
   ========================================================================== */
@media screen and (min-width:1024px) {
  
}


/* =============================================================================
    Large devices (desktops) 
   ========================================================================== */
@media screen and (min-width:1200px) {
  
}


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

    .container > .navbar-header, .container > .navbar-collapse {
        margin-right: 0px;
        margin-left: 0px;
    }
}