@media (min-width: 1200px){
    body, .subhead {background-size: 100%;}
        body {padding-top: 0px;}
        body .navbar .brand {float: left;color: #eee;margin-left: 0;padding: 6px 0;}
    .container, .navbar-static-top .container, .navbar-fixed-top .container, 
        .navbar-fixed-bottom .container {width: 960px;}
        .navbar .nav {margin-top: 9px;}
        .navbar-form .form-control.keyword {width: 450px;}
        .container .dashboard-title {margin: 50px 0 10px;}
    .masthead h1 {font-size: 90px;}
        .masthead h2 {font-size: 34px;}
        .masthead p {font-size: 25px}
    .marketing h1 {font-size: 40px}
    .form-message-fullwidth {width: 400px;display: inline-block;}
    #admin-menu-buttons {display: none}
}

@media (max-width: 1199px) and (min-width: 980px){
    body, .subhead {background-size: 100%;}
        body {padding-top: 0px;}
        body .navbar .brand {float: left;color: #eee;margin-left: 0;padding: 6px 0;}
        .navbar .nav {margin-top: 9px;}
        .navbar-form .form-control.keyword {width: 450px;}
    .container .dashboard-title {margin: 50px 0 10px;}
    .masthead h1 {font-size: 90px;}
        .masthead h2 {font-size: 34px;}
        .masthead p {font-size: 25px}
    .marketing h1 {font-size: 40px}
    .form-message-fullwidth {width: 400px; display: inline-block;}
    #admin-menu-buttons {display: none}

}

@media (max-width: 979px) and (min-width: 768px){
    .navbar-fixed-top {margin-bottom: 0}
    .jumbotron {margin-top: 0}
    body {padding-top: 0px;}
        body .navbar .brand {float: left;color: #eee;margin-left: 0;padding: 6px 0;}
        .navbar .nav {margin-top: 9px;}
        .navbar-fixed-top .navbar-inner, .navbar-fixed-bottom .navbar-inner {padding: 0;}
        .navbar-form .form-control.keyword {width: 300px;}
        .navbar-nav.collections {display:none;}

    .container .dashboard-title {margin: 50px 0 10px;}
        .container, .navbar-static-top .container, .navbar-fixed-top .container, 
            .navbar-fixed-bottom .container {width: 95%;}
    #sources .row .thumbnail i {font-size: 40px; padding-top:10px;}

    .marketing h1 {font-size: 40px}
    .contact .map {display: none;}
    .masthead h1 {font-size: 80px;}
        .masthead h2 {font-size: 30px;}
        .masthead p {font-size: 18px}
    .features h3 {font-size: 30px; font-weight: 400}
        .features h4 {font-size: 20px; font-weight: 200}

    .inline-modal .modal-header h3, .inline-modal .modal-header h3 a {font-size: 12px}
        .inline-modal .widget .big-label {margin:60px 0 40px;font-size:26px; line-height: 28px; white-space: nowrap}
        .dashboard-campaign .status {font-size: 11px}
        .dashboard-campaign .status .detail {width: 80%;}
    .nav-collapse.collapse {
        height: auto !important;
        overflow: visible !important;
      }
    #admin-menu-buttons {display: none}
}

/*--- ipad ---*/
/*--- full screen mode ---*/
@media (max-width: 767px) and (min-width: 481px){
    body {padding: 0;}
        body .navbar .brand {float: left;color: #eee;margin-left: 0;padding: 6px 0;}
        .navbar .nav {margin-top: 9px;}
        .navbar-fixed-top {margin: 0}
    .jumbotron {margin: 0;height: 400px;}
        .jumbotron img.logo {width: 150px}
    .navbar-fixed-top .navbar-inner, .navbar-fixed-bottom .navbar-inner {padding: 0;}
        .navbar-nav.collections {display:none;}
    .navbar-search {padding: 0;}
    .navbar-search ul.navbar-nav>li {display: inline-block;}
        .navbar-search .twitter-typeahead {width: 100%;display: block;}
        .navbar-search .form-control.keyword {width: 100%;}
        .navbar-toggle {margin-right: 0}
    .navbar-search .navbar-form {padding: 0 15px;}
    .navbar-search .institution {display: none}
        
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {background-color: #fff; color: #444;}
        .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover {color: #960500;}
        .navbar-inverse .navbar-nav .open .dropdown-menu .divider {background-color: #ddd}
        .navbar-nav .open .dropdown-menu>li>a, .navbar-nav .open .dropdown-menu .dropdown-header 
            {padding-left: 50px}

    #expanded-sidebar {display: none;}

    .bs-docs-social {margin: 0}
    .marketing h1 {font-size: 40px}
    .masthead h1 {font-size: 50px;margin-top: 80px;}
        .masthead h2 {font-size: 26px;}
        .masthead p {font-size: 16px}
        .masthead .btn {padding: 5px 10px; font-size: 14px;}

    .features h3 {font-size: 30px; font-weight: 400}
        .features h4 {font-size: 20px; font-weight: 200}

    .form-group {margin-bottom: 0}

    .footer {margin: 0; padding-right: 0; padding-left: 0;}
        .footer .logo img {width: 200px;}
    #admin-menu li .fa {display: none}
        #btn-hide-menu {display: block;}
    li.extra {display: none}

    .nowrap {white-space: normal;}

    #sources .row .thumbnail i {font-size: 50px; padding-top:10px;}

    .navbar-right li.hideme {display: block}

    ul.sidebar {display: none}

    .item-thumbnails {height: auto; padding: 0;}
        .item-thumbnails .inner {white-space: normal;}
        .item-thumbnails .item {height: auto; width: 130px; margin-bottom: 20px;}

    .cover.handle h4 {font-size: 20px}

    #viewport {top: 0; left: 0;}
        .previewer .page img {min-height: 150px;}
        .previewer .sidebar {display: none}

    #filters {padding-left: 0}
        #filters .s.filter-right {display: none}
        #filters .s {display: inline-table; padding-right: 10px}
}

/*--- iphone ---*/
/*--- full screen mode ---*/
@media (max-width: 480px) {
    body {padding: 0;}
        body .navbar .brand {float: left;color: #eee;margin-left: 0;padding: 6px 0;}
    .navbar-fixed-top {margin: 0}
    .jumbotron {margin: 0; padding: 10px;height:290px;}
        .jumbotron .btn {display: inline-block;}
        .jumbotron img.logo {width: 150px}
        .jumbotron p {margin-bottom: 5px;}
    .navbar-fixed-top .navbar-inner, .navbar-fixed-bottom .navbar-inner {padding: 0;}
        .navbar-nav.collections {display:none;}
    .navbar-search {padding: 0;}
    .navbar-search ul.navbar-nav>li {display: inline-block;}
        .navbar-search .twitter-typeahead {width: 100%;display: block;}
        .navbar-search .form-control.keyword {width: 100%;}
        .navbar-toggle {margin-right: 0}

    .navbar-search .navbar-form {padding: 0 15px;}
    .navbar-search .institution {display: none}

    #expanded-sidebar {display: none;}

    .masthead h1 {font-size: 36px;margin-top: 60px;}
        .masthead h2 {font-size: 18px;}
        .masthead p {font-size: 15px}
        .masthead .btn {padding: 5px 10px; font-size: 14px;}
    .bs-docs-social {margin: 0}
    .container, .navbar-static-top .container, .navbar-fixed-top .container, 
        .navbar-fixed-bottom .container {width: 95%;}

    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {background-color: #fff; color: #444;}
        .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover {color: #960500;}
        .navbar-inverse .navbar-nav .open .dropdown-menu .divider {background-color: #ddd}
        .navbar-nav .open .dropdown-menu>li>a, .navbar-nav .open .dropdown-menu .dropdown-header 
            {padding-left: 50px}

    .navbar-right li.hideme {display: block}

    ul.sidebar {display: none}

    .login .login-logo {margin:0px 0 20px; width: 80px;}

    .form-group {margin-bottom: 0}

    .features h3 {font-size: 20px; font-weight: 400}
        .features h4 {font-size: 14px; font-weight: 200}
        .features p {font-size: 12px; font-weight: 200; color: #666;}
    .footer {margin: 0; padding-right: 0; padding-left: 0;}
        .footer .logo img {width: 200px;}
    #admin-menu {display: none}
    #btn-show-menu {display: block;}
    li.extra {display: none}

    #sources .row .thumbnail i {font-size: 50px; padding-top:10px;}

    .nowrap {white-space: normal;}

    .cover.handle h4 {font-size: 20px}

    .item-thumbnails {height: auto; padding: 0;}
        .item-thumbnails .inner {white-space: normal;}
        .item-thumbnails .item {height: auto; width: 148px; margin-bottom: 20px;}
    
    #viewport {top: 0; left: 0;}
        .previewer .page img {min-height: 150px;}
        .previewer .sidebar {display: none}

    #filters {padding-left: 0}
        #filters .s.filter-right {display: none}
        #filters .s {display: inline-table; padding-right: 10px}
}