dist/cowhide-responsive.css

   1 /*!
   2  * Bootstrap Responsive v2.3.2
   3  *
   4  * Copyright 2012 Twitter, Inc
   5  * Licensed under the Apache License v2.0
   6  * http://www.apache.org/licenses/LICENSE-2.0
   7  *
   8  * Designed and built with all the love in the world @twitter by @mdo and @fat.
   9  */
  10 .clearfix {
  11   *zoom: 1;
  12 }
  13 .clearfix:before,
  14 .clearfix:after {
  15   display: table;
  16   content: "";
  17   line-height: 0;
  18 }
  19 .clearfix:after {
  20   clear: both;
  21 }
  22 .hide-text {
  23   font: 0/0 a;
  24   color: transparent;
  25   text-shadow: none;
  26   background-color: transparent;
  27   border: 0;
  28 }
  29 .input-block-level {
  30   display: block;
  31   width: 100%;
  32   min-height: 30px;
  33   -webkit-box-sizing: border-box;
  34   -moz-box-sizing: border-box;
  35   box-sizing: border-box;
  36 }
  37 @-ms-viewport {
  38   width: device-width;
  39 }
  40 .hidden {
  41   display: none;
  42   visibility: hidden;
  43 }
  44 .visible-phone {
  45   display: none !important;
  46 }
  47 .visible-tablet {
  48   display: none !important;
  49 }
  50 .hidden-desktop {
  51   display: none !important;
  52 }
  53 .visible-desktop {
  54   display: inherit !important;
  55 }
  56 @media (min-width: 768px) and (max-width: 979px) {
  57   .hidden-desktop {
  58     display: inherit !important;
  59   }
  60   .visible-desktop {
  61     display: none !important ;
  62   }
  63   .visible-tablet {
  64     display: inherit !important;
  65   }
  66   .hidden-tablet {
  67     display: none !important;
  68   }
  69 }
  70 @media (max-width: 767px) {
  71   .hidden-desktop {
  72     display: inherit !important;
  73   }
  74   .visible-desktop {
  75     display: none !important;
  76   }
  77   .visible-phone {
  78     display: inherit !important;
  79   }
  80   .hidden-phone {
  81     display: none !important;
  82   }
  83 }
  84 .visible-print {
  85   display: none !important;
  86 }
  87 @media print {
  88   .visible-print {
  89     display: inherit !important;
  90   }
  91   .hidden-print {
  92     display: none !important;
  93   }
  94 }
  95 @media (min-width: 1200px) {
  96   .row {
  97     margin-left: -30px;
  98     *zoom: 1;
  99   }
 100   .row:before,
 101   .row:after {
 102     display: table;
 103     content: "";
 104     line-height: 0;
 105   }
 106   .row:after {
 107     clear: both;
 108   }
 109   [class*="span"] {
 110     float: left;
 111     min-height: 1px;
 112     margin-left: 30px;
 113   }
 114   .container,
 115   .navbar-static-top .container,
 116   .navbar-fixed-top .container,
 117   .navbar-fixed-bottom .container {
 118     width: 1170px;
 119   }
 120   .span12 {
 121     width: 1170px;
 122   }
 123   .span11 {
 124     width: 1070px;
 125   }
 126   .span10 {
 127     width: 970px;
 128   }
 129   .span9 {
 130     width: 870px;
 131   }
 132   .span8 {
 133     width: 770px;
 134   }
 135   .span7 {
 136     width: 670px;
 137   }
 138   .span6 {
 139     width: 570px;
 140   }
 141   .span5 {
 142     width: 470px;
 143   }
 144   .span4 {
 145     width: 370px;
 146   }
 147   .span3 {
 148     width: 270px;
 149   }
 150   .span2 {
 151     width: 170px;
 152   }
 153   .span1 {
 154     width: 70px;
 155   }
 156   .offset12 {
 157     margin-left: 1230px;
 158   }
 159   .offset11 {
 160     margin-left: 1130px;
 161   }
 162   .offset10 {
 163     margin-left: 1030px;
 164   }
 165   .offset9 {
 166     margin-left: 930px;
 167   }
 168   .offset8 {
 169     margin-left: 830px;
 170   }
 171   .offset7 {
 172     margin-left: 730px;
 173   }
 174   .offset6 {
 175     margin-left: 630px;
 176   }
 177   .offset5 {
 178     margin-left: 530px;
 179   }
 180   .offset4 {
 181     margin-left: 430px;
 182   }
 183   .offset3 {
 184     margin-left: 330px;
 185   }
 186   .offset2 {
 187     margin-left: 230px;
 188   }
 189   .offset1 {
 190     margin-left: 130px;
 191   }
 192   .row-fluid {
 193     width: 100%;
 194     *zoom: 1;
 195   }
 196   .row-fluid:before,
 197   .row-fluid:after {
 198     display: table;
 199     content: "";
 200     line-height: 0;
 201   }
 202   .row-fluid:after {
 203     clear: both;
 204   }
 205   .row-fluid [class*="span"] {
 206     display: block;
 207     width: 100%;
 208     min-height: 30px;
 209     -webkit-box-sizing: border-box;
 210     -moz-box-sizing: border-box;
 211     box-sizing: border-box;
 212     float: left;
 213     margin-left: 2.56410256%;
 214     *margin-left: 2.51091107%;
 215   }
 216   .row-fluid [class*="span"]:first-child {
 217     margin-left: 0;
 218   }
 219   .row-fluid .controls-row [class*="span"] + [class*="span"] {
 220     margin-left: 2.56410256%;
 221   }
 222   .row-fluid .span12 {
 223     width: 100%;
 224     *width: 99.94680851%;
 225   }
 226   .row-fluid .span11 {
 227     width: 91.45299145%;
 228     *width: 91.39979996%;
 229   }
 230   .row-fluid .span10 {
 231     width: 82.90598291%;
 232     *width: 82.85279142%;
 233   }
 234   .row-fluid .span9 {
 235     width: 74.35897436%;
 236     *width: 74.30578287%;
 237   }
 238   .row-fluid .span8 {
 239     width: 65.81196581%;
 240     *width: 65.75877432%;
 241   }
 242   .row-fluid .span7 {
 243     width: 57.26495726%;
 244     *width: 57.21176578%;
 245   }
 246   .row-fluid .span6 {
 247     width: 48.71794872%;
 248     *width: 48.66475723%;
 249   }
 250   .row-fluid .span5 {
 251     width: 40.17094017%;
 252     *width: 40.11774868%;
 253   }
 254   .row-fluid .span4 {
 255     width: 31.62393162%;
 256     *width: 31.57074013%;
 257   }
 258   .row-fluid .span3 {
 259     width: 23.07692308%;
 260     *width: 23.02373159%;
 261   }
 262   .row-fluid .span2 {
 263     width: 14.52991453%;
 264     *width: 14.47672304%;
 265   }
 266   .row-fluid .span1 {
 267     width: 5.98290598%;
 268     *width: 5.92971449%;
 269   }
 270   .row-fluid .offset12 {
 271     margin-left: 105.12820513%;
 272     *margin-left: 105.02182215%;
 273   }
 274   .row-fluid .offset12:first-child {
 275     margin-left: 102.56410256%;
 276     *margin-left: 102.45771959%;
 277   }
 278   .row-fluid .offset11 {
 279     margin-left: 96.58119658%;
 280     *margin-left: 96.4748136%;
 281   }
 282   .row-fluid .offset11:first-child {
 283     margin-left: 94.01709402%;
 284     *margin-left: 93.91071104%;
 285   }
 286   .row-fluid .offset10 {
 287     margin-left: 88.03418803%;
 288     *margin-left: 87.92780506%;
 289   }
 290   .row-fluid .offset10:first-child {
 291     margin-left: 85.47008547%;
 292     *margin-left: 85.36370249%;
 293   }
 294   .row-fluid .offset9 {
 295     margin-left: 79.48717949%;
 296     *margin-left: 79.38079651%;
 297   }
 298   .row-fluid .offset9:first-child {
 299     margin-left: 76.92307692%;
 300     *margin-left: 76.81669394%;
 301   }
 302   .row-fluid .offset8 {
 303     margin-left: 70.94017094%;
 304     *margin-left: 70.83378796%;
 305   }
 306   .row-fluid .offset8:first-child {
 307     margin-left: 68.37606838%;
 308     *margin-left: 68.2696854%;
 309   }
 310   .row-fluid .offset7 {
 311     margin-left: 62.39316239%;
 312     *margin-left: 62.28677941%;
 313   }
 314   .row-fluid .offset7:first-child {
 315     margin-left: 59.82905983%;
 316     *margin-left: 59.72267685%;
 317   }
 318   .row-fluid .offset6 {
 319     margin-left: 53.84615385%;
 320     *margin-left: 53.73977087%;
 321   }
 322   .row-fluid .offset6:first-child {
 323     margin-left: 51.28205128%;
 324     *margin-left: 51.1756683%;
 325   }
 326   .row-fluid .offset5 {
 327     margin-left: 45.2991453%;
 328     *margin-left: 45.19276232%;
 329   }
 330   .row-fluid .offset5:first-child {
 331     margin-left: 42.73504274%;
 332     *margin-left: 42.62865976%;
 333   }
 334   .row-fluid .offset4 {
 335     margin-left: 36.75213675%;
 336     *margin-left: 36.64575377%;
 337   }
 338   .row-fluid .offset4:first-child {
 339     margin-left: 34.18803419%;
 340     *margin-left: 34.08165121%;
 341   }
 342   .row-fluid .offset3 {
 343     margin-left: 28.20512821%;
 344     *margin-left: 28.09874523%;
 345   }
 346   .row-fluid .offset3:first-child {
 347     margin-left: 25.64102564%;
 348     *margin-left: 25.53464266%;
 349   }
 350   .row-fluid .offset2 {
 351     margin-left: 19.65811966%;
 352     *margin-left: 19.55173668%;
 353   }
 354   .row-fluid .offset2:first-child {
 355     margin-left: 17.09401709%;
 356     *margin-left: 16.98763412%;
 357   }
 358   .row-fluid .offset1 {
 359     margin-left: 11.11111111%;
 360     *margin-left: 11.00472813%;
 361   }
 362   .row-fluid .offset1:first-child {
 363     margin-left: 8.54700855%;
 364     *margin-left: 8.44062557%;
 365   }
 366   input,
 367   textarea,
 368   .uneditable-input {
 369     margin-left: 0;
 370   }
 371   .controls-row [class*="span"] + [class*="span"] {
 372     margin-left: 30px;
 373   }
 374   input.span12,
 375   textarea.span12,
 376   .uneditable-input.span12 {
 377     width: 1156px;
 378   }
 379   input.span11,
 380   textarea.span11,
 381   .uneditable-input.span11 {
 382     width: 1056px;
 383   }
 384   input.span10,
 385   textarea.span10,
 386   .uneditable-input.span10 {
 387     width: 956px;
 388   }
 389   input.span9,
 390   textarea.span9,
 391   .uneditable-input.span9 {
 392     width: 856px;
 393   }
 394   input.span8,
 395   textarea.span8,
 396   .uneditable-input.span8 {
 397     width: 756px;
 398   }
 399   input.span7,
 400   textarea.span7,
 401   .uneditable-input.span7 {
 402     width: 656px;
 403   }
 404   input.span6,
 405   textarea.span6,
 406   .uneditable-input.span6 {
 407     width: 556px;
 408   }
 409   input.span5,
 410   textarea.span5,
 411   .uneditable-input.span5 {
 412     width: 456px;
 413   }
 414   input.span4,
 415   textarea.span4,
 416   .uneditable-input.span4 {
 417     width: 356px;
 418   }
 419   input.span3,
 420   textarea.span3,
 421   .uneditable-input.span3 {
 422     width: 256px;
 423   }
 424   input.span2,
 425   textarea.span2,
 426   .uneditable-input.span2 {
 427     width: 156px;
 428   }
 429   input.span1,
 430   textarea.span1,
 431   .uneditable-input.span1 {
 432     width: 56px;
 433   }
 434   .thumbnails {
 435     margin-left: -30px;
 436   }
 437   .thumbnails > li {
 438     margin-left: 30px;
 439   }
 440   .row-fluid .thumbnails {
 441     margin-left: 0;
 442   }
 443 }
 444 @media (min-width: 768px) and (max-width: 979px) {
 445   .row {
 446     margin-left: -20px;
 447     *zoom: 1;
 448   }
 449   .row:before,
 450   .row:after {
 451     display: table;
 452     content: "";
 453     line-height: 0;
 454   }
 455   .row:after {
 456     clear: both;
 457   }
 458   [class*="span"] {
 459     float: left;
 460     min-height: 1px;
 461     margin-left: 20px;
 462   }
 463   .container,
 464   .navbar-static-top .container,
 465   .navbar-fixed-top .container,
 466   .navbar-fixed-bottom .container {
 467     width: 724px;
 468   }
 469   .span12 {
 470     width: 724px;
 471   }
 472   .span11 {
 473     width: 662px;
 474   }
 475   .span10 {
 476     width: 600px;
 477   }
 478   .span9 {
 479     width: 538px;
 480   }
 481   .span8 {
 482     width: 476px;
 483   }
 484   .span7 {
 485     width: 414px;
 486   }
 487   .span6 {
 488     width: 352px;
 489   }
 490   .span5 {
 491     width: 290px;
 492   }
 493   .span4 {
 494     width: 228px;
 495   }
 496   .span3 {
 497     width: 166px;
 498   }
 499   .span2 {
 500     width: 104px;
 501   }
 502   .span1 {
 503     width: 42px;
 504   }
 505   .offset12 {
 506     margin-left: 764px;
 507   }
 508   .offset11 {
 509     margin-left: 702px;
 510   }
 511   .offset10 {
 512     margin-left: 640px;
 513   }
 514   .offset9 {
 515     margin-left: 578px;
 516   }
 517   .offset8 {
 518     margin-left: 516px;
 519   }
 520   .offset7 {
 521     margin-left: 454px;
 522   }
 523   .offset6 {
 524     margin-left: 392px;
 525   }
 526   .offset5 {
 527     margin-left: 330px;
 528   }
 529   .offset4 {
 530     margin-left: 268px;
 531   }
 532   .offset3 {
 533     margin-left: 206px;
 534   }
 535   .offset2 {
 536     margin-left: 144px;
 537   }
 538   .offset1 {
 539     margin-left: 82px;
 540   }
 541   .row-fluid {
 542     width: 100%;
 543     *zoom: 1;
 544   }
 545   .row-fluid:before,
 546   .row-fluid:after {
 547     display: table;
 548     content: "";
 549     line-height: 0;
 550   }
 551   .row-fluid:after {
 552     clear: both;
 553   }
 554   .row-fluid [class*="span"] {
 555     display: block;
 556     width: 100%;
 557     min-height: 30px;
 558     -webkit-box-sizing: border-box;
 559     -moz-box-sizing: border-box;
 560     box-sizing: border-box;
 561     float: left;
 562     margin-left: 2.76243094%;
 563     *margin-left: 2.70923945%;
 564   }
 565   .row-fluid [class*="span"]:first-child {
 566     margin-left: 0;
 567   }
 568   .row-fluid .controls-row [class*="span"] + [class*="span"] {
 569     margin-left: 2.76243094%;
 570   }
 571   .row-fluid .span12 {
 572     width: 100%;
 573     *width: 99.94680851%;
 574   }
 575   .row-fluid .span11 {
 576     width: 91.43646409%;
 577     *width: 91.3832726%;
 578   }
 579   .row-fluid .span10 {
 580     width: 82.87292818%;
 581     *width: 82.81973669%;
 582   }
 583   .row-fluid .span9 {
 584     width: 74.30939227%;
 585     *width: 74.25620078%;
 586   }
 587   .row-fluid .span8 {
 588     width: 65.74585635%;
 589     *width: 65.69266486%;
 590   }
 591   .row-fluid .span7 {
 592     width: 57.18232044%;
 593     *width: 57.12912895%;
 594   }
 595   .row-fluid .span6 {
 596     width: 48.61878453%;
 597     *width: 48.56559304%;
 598   }
 599   .row-fluid .span5 {
 600     width: 40.05524862%;
 601     *width: 40.00205713%;
 602   }
 603   .row-fluid .span4 {
 604     width: 31.49171271%;
 605     *width: 31.43852122%;
 606   }
 607   .row-fluid .span3 {
 608     width: 22.9281768%;
 609     *width: 22.87498531%;
 610   }
 611   .row-fluid .span2 {
 612     width: 14.36464088%;
 613     *width: 14.31144939%;
 614   }
 615   .row-fluid .span1 {
 616     width: 5.80110497%;
 617     *width: 5.74791348%;
 618   }
 619   .row-fluid .offset12 {
 620     margin-left: 105.52486188%;
 621     *margin-left: 105.4184789%;
 622   }
 623   .row-fluid .offset12:first-child {
 624     margin-left: 102.76243094%;
 625     *margin-left: 102.65604796%;
 626   }
 627   .row-fluid .offset11 {
 628     margin-left: 96.96132597%;
 629     *margin-left: 96.85494299%;
 630   }
 631   .row-fluid .offset11:first-child {
 632     margin-left: 94.19889503%;
 633     *margin-left: 94.09251205%;
 634   }
 635   .row-fluid .offset10 {
 636     margin-left: 88.39779006%;
 637     *margin-left: 88.29140708%;
 638   }
 639   .row-fluid .offset10:first-child {
 640     margin-left: 85.63535912%;
 641     *margin-left: 85.52897614%;
 642   }
 643   .row-fluid .offset9 {
 644     margin-left: 79.83425414%;
 645     *margin-left: 79.72787116%;
 646   }
 647   .row-fluid .offset9:first-child {
 648     margin-left: 77.0718232%;
 649     *margin-left: 76.96544023%;
 650   }
 651   .row-fluid .offset8 {
 652     margin-left: 71.27071823%;
 653     *margin-left: 71.16433525%;
 654   }
 655   .row-fluid .offset8:first-child {
 656     margin-left: 68.50828729%;
 657     *margin-left: 68.40190431%;
 658   }
 659   .row-fluid .offset7 {
 660     margin-left: 62.70718232%;
 661     *margin-left: 62.60079934%;
 662   }
 663   .row-fluid .offset7:first-child {
 664     margin-left: 59.94475138%;
 665     *margin-left: 59.8383684%;
 666   }
 667   .row-fluid .offset6 {
 668     margin-left: 54.14364641%;
 669     *margin-left: 54.03726343%;
 670   }
 671   .row-fluid .offset6:first-child {
 672     margin-left: 51.38121547%;
 673     *margin-left: 51.27483249%;
 674   }
 675   .row-fluid .offset5 {
 676     margin-left: 45.5801105%;
 677     *margin-left: 45.47372752%;
 678   }
 679   .row-fluid .offset5:first-child {
 680     margin-left: 42.81767956%;
 681     *margin-left: 42.71129658%;
 682   }
 683   .row-fluid .offset4 {
 684     margin-left: 37.01657459%;
 685     *margin-left: 36.91019161%;
 686   }
 687   .row-fluid .offset4:first-child {
 688     margin-left: 34.25414365%;
 689     *margin-left: 34.14776067%;
 690   }
 691   .row-fluid .offset3 {
 692     margin-left: 28.45303867%;
 693     *margin-left: 28.3466557%;
 694   }
 695   .row-fluid .offset3:first-child {
 696     margin-left: 25.69060773%;
 697     *margin-left: 25.58422476%;
 698   }
 699   .row-fluid .offset2 {
 700     margin-left: 19.88950276%;
 701     *margin-left: 19.78311978%;
 702   }
 703   .row-fluid .offset2:first-child {
 704     margin-left: 17.12707182%;
 705     *margin-left: 17.02068884%;
 706   }
 707   .row-fluid .offset1 {
 708     margin-left: 11.32596685%;
 709     *margin-left: 11.21958387%;
 710   }
 711   .row-fluid .offset1:first-child {
 712     margin-left: 8.56353591%;
 713     *margin-left: 8.45715293%;
 714   }
 715   input,
 716   textarea,
 717   .uneditable-input {
 718     margin-left: 0;
 719   }
 720   .controls-row [class*="span"] + [class*="span"] {
 721     margin-left: 20px;
 722   }
 723   input.span12,
 724   textarea.span12,
 725   .uneditable-input.span12 {
 726     width: 710px;
 727   }
 728   input.span11,
 729   textarea.span11,
 730   .uneditable-input.span11 {
 731     width: 648px;
 732   }
 733   input.span10,
 734   textarea.span10,
 735   .uneditable-input.span10 {
 736     width: 586px;
 737   }
 738   input.span9,
 739   textarea.span9,
 740   .uneditable-input.span9 {
 741     width: 524px;
 742   }
 743   input.span8,
 744   textarea.span8,
 745   .uneditable-input.span8 {
 746     width: 462px;
 747   }
 748   input.span7,
 749   textarea.span7,
 750   .uneditable-input.span7 {
 751     width: 400px;
 752   }
 753   input.span6,
 754   textarea.span6,
 755   .uneditable-input.span6 {
 756     width: 338px;
 757   }
 758   input.span5,
 759   textarea.span5,
 760   .uneditable-input.span5 {
 761     width: 276px;
 762   }
 763   input.span4,
 764   textarea.span4,
 765   .uneditable-input.span4 {
 766     width: 214px;
 767   }
 768   input.span3,
 769   textarea.span3,
 770   .uneditable-input.span3 {
 771     width: 152px;
 772   }
 773   input.span2,
 774   textarea.span2,
 775   .uneditable-input.span2 {
 776     width: 90px;
 777   }
 778   input.span1,
 779   textarea.span1,
 780   .uneditable-input.span1 {
 781     width: 28px;
 782   }
 783 }
 784 @media (max-width: 767px) {
 785   body {
 786     padding-left: 20px;
 787     padding-right: 20px;
 788   }
 789   .navbar-fixed-top,
 790   .navbar-fixed-bottom,
 791   .navbar-static-top {
 792     margin-left: -20px;
 793     margin-right: -20px;
 794   }
 795   .container-fluid {
 796     padding: 0;
 797   }
 798   .dl-horizontal dt {
 799     float: none;
 800     clear: none;
 801     width: auto;
 802     text-align: left;
 803   }
 804   .dl-horizontal dd {
 805     margin-left: 0;
 806   }
 807   .container {
 808     width: auto;
 809   }
 810   .row-fluid {
 811     width: 100%;
 812   }
 813   .row,
 814   .thumbnails {
 815     margin-left: 0;
 816   }
 817   .thumbnails > li {
 818     float: none;
 819     margin-left: 0;
 820   }
 821   [class*="span"],
 822   .uneditable-input[class*="span"],
 823   .row-fluid [class*="span"] {
 824     float: none;
 825     display: block;
 826     width: 100%;
 827     margin-left: 0;
 828     -webkit-box-sizing: border-box;
 829     -moz-box-sizing: border-box;
 830     box-sizing: border-box;
 831   }
 832   .span12,
 833   .row-fluid .span12 {
 834     width: 100%;
 835     -webkit-box-sizing: border-box;
 836     -moz-box-sizing: border-box;
 837     box-sizing: border-box;
 838   }
 839   .row-fluid [class*="offset"]:first-child {
 840     margin-left: 0;
 841   }
 842   .input-large,
 843   .input-xlarge,
 844   .input-xxlarge,
 845   input[class*="span"],
 846   select[class*="span"],
 847   textarea[class*="span"],
 848   .uneditable-input {
 849     display: block;
 850     width: 100%;
 851     min-height: 30px;
 852     -webkit-box-sizing: border-box;
 853     -moz-box-sizing: border-box;
 854     box-sizing: border-box;
 855   }
 856   .input-prepend input,
 857   .input-append input,
 858   .input-prepend input[class*="span"],
 859   .input-append input[class*="span"] {
 860     display: inline-block;
 861     width: auto;
 862   }
 863   .controls-row [class*="span"] + [class*="span"] {
 864     margin-left: 0;
 865   }
 866   .modal {
 867     position: fixed;
 868     top: 20px;
 869     left: 20px;
 870     right: 20px;
 871     width: auto;
 872     margin: 0;
 873   }
 874   .modal.fade {
 875     top: -100px;
 876   }
 877   .modal.fade.in {
 878     top: 20px;
 879   }
 880 }
 881 @media (max-width: 480px) {
 882   .nav-collapse {
 883     -webkit-transform: translate3d(0, 0, 0);
 884   }
 885   .page-header h1 small {
 886     display: block;
 887     line-height: 20px;
 888   }
 889   input[type="checkbox"],
 890   input[type="radio"] {
 891     border: 1px solid #ccc;
 892   }
 893   .form-horizontal .control-label {
 894     float: none;
 895     width: auto;
 896     padding-top: 0;
 897     text-align: left;
 898   }
 899   .form-horizontal .controls {
 900     margin-left: 0;
 901   }
 902   .form-horizontal .control-list {
 903     padding-top: 0;
 904   }
 905   .form-horizontal .form-actions {
 906     padding-left: 10px;
 907     padding-right: 10px;
 908   }
 909   .media .pull-left,
 910   .media .pull-right {
 911     float: none;
 912     display: block;
 913     margin-bottom: 10px;
 914   }
 915   .media-object {
 916     margin-right: 0;
 917     margin-left: 0;
 918   }
 919   .modal {
 920     top: 10px;
 921     left: 10px;
 922     right: 10px;
 923   }
 924   .modal-header .close {
 925     padding: 10px;
 926     margin: -10px;
 927   }
 928   .carousel-caption {
 929     position: static;
 930   }
 931 }
 932 @media (max-width: 979px) {
 933   body {
 934     padding-top: 0;
 935   }
 936   .navbar-fixed-top,
 937   .navbar-fixed-bottom {
 938     position: static;
 939   }
 940   .navbar-fixed-top {
 941     margin-bottom: 20px;
 942   }
 943   .navbar-fixed-bottom {
 944     margin-top: 20px;
 945   }
 946   .navbar-fixed-top .navbar-inner,
 947   .navbar-fixed-bottom .navbar-inner {
 948     padding: 5px;
 949   }
 950   .navbar .container {
 951     width: auto;
 952     padding: 0;
 953   }
 954   .navbar .brand {
 955     padding-left: 10px;
 956     padding-right: 10px;
 957     margin: 0 0 0 -5px;
 958   }
 959   .nav-collapse {
 960     clear: both;
 961   }
 962   .nav-collapse .nav {
 963     float: none;
 964     margin: 0 0 10px;
 965   }
 966   .nav-collapse .nav > li {
 967     float: none;
 968   }
 969   .nav-collapse .nav > li > a {
 970     margin-bottom: 2px;
 971   }
 972   .nav-collapse .nav > .divider-vertical {
 973     display: none;
 974   }
 975   .nav-collapse .nav .nav-header {
 976     color: #777777;
 977     text-shadow: none;
 978   }
 979   .nav-collapse .nav > li > a,
 980   .nav-collapse .dropdown-menu a {
 981     padding: 9px 15px;
 982     font-weight: bold;
 983     color: #777777;
 984     -webkit-border-radius: 3px;
 985     -moz-border-radius: 3px;
 986     border-radius: 3px;
 987   }
 988   .nav-collapse .btn {
 989     padding: 4px 10px 4px;
 990     font-weight: normal;
 991     -webkit-border-radius: 4px;
 992     -moz-border-radius: 4px;
 993     border-radius: 4px;
 994   }
 995   .nav-collapse .dropdown-menu li + li a {
 996     margin-bottom: 2px;
 997   }
 998   .nav-collapse .nav > li > a:hover,
 999   .nav-collapse .nav > li > a:focus,
1000   .nav-collapse .dropdown-menu a:hover,
1001   .nav-collapse .dropdown-menu a:focus {
1002     background-color: #f2f2f2;
1003   }
1004   .navbar-inverse .nav-collapse .nav > li > a,
1005   .navbar-inverse .nav-collapse .dropdown-menu a {
1006     color: #999999;
1007   }
1008   .navbar-inverse .nav-collapse .nav > li > a:hover,
1009   .navbar-inverse .nav-collapse .nav > li > a:focus,
1010   .navbar-inverse .nav-collapse .dropdown-menu a:hover,
1011   .navbar-inverse .nav-collapse .dropdown-menu a:focus {
1012     background-color: #111111;
1013   }
1014   .nav-collapse.in .btn-group {
1015     margin-top: 5px;
1016     padding: 0;
1017   }
1018   .nav-collapse .dropdown-menu {
1019     position: static;
1020     top: auto;
1021     left: auto;
1022     float: none;
1023     display: none;
1024     max-width: none;
1025     margin: 0 15px;
1026     padding: 0;
1027     background-color: transparent;
1028     border: none;
1029     -webkit-border-radius: 0;
1030     -moz-border-radius: 0;
1031     border-radius: 0;
1032     -webkit-box-shadow: none;
1033     -moz-box-shadow: none;
1034     box-shadow: none;
1035   }
1036   .nav-collapse .open > .dropdown-menu {
1037     display: block;
1038   }
1039   .nav-collapse .dropdown-menu:before,
1040   .nav-collapse .dropdown-menu:after {
1041     display: none;
1042   }
1043   .nav-collapse .dropdown-menu .divider {
1044     display: none;
1045   }
1046   .nav-collapse .nav > li > .dropdown-menu:before,
1047   .nav-collapse .nav > li > .dropdown-menu:after {
1048     display: none;
1049   }
1050   .nav-collapse .navbar-form,
1051   .nav-collapse .navbar-search {
1052     float: none;
1053     padding: 10px 15px;
1054     margin: 10px 0;
1055     border-top: 1px solid #f2f2f2;
1056     border-bottom: 1px solid #f2f2f2;
1057     -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);
1058     -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);
1059     box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);
1060   }
1061   .navbar-inverse .nav-collapse .navbar-form,
1062   .navbar-inverse .nav-collapse .navbar-search {
1063     border-top-color: #111111;
1064     border-bottom-color: #111111;
1065   }
1066   .navbar .nav-collapse .nav.pull-right {
1067     float: none;
1068     margin-left: 0;
1069   }
1070   .nav-collapse,
1071   .nav-collapse.collapse {
1072     overflow: hidden;
1073     height: 0;
1074   }
1075   .navbar .btn-navbar {
1076     display: block;
1077   }
1078   .navbar-static .navbar-inner {
1079     padding-left: 10px;
1080     padding-right: 10px;
1081   }
1082 }
1083 @media (min-width: 979px + 1) {
1084   .nav-collapse.collapse {
1085     height: auto !important;
1086     overflow: visible !important;
1087   }
1088 }