Dogcows Code - chaz/website/blob - static/lib/bootstrap/css/bootstrap-responsive.css

   1 /*!
   2  * Bootstrap Responsive v2.3.0
   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
  11 .clearfix {
  12   *zoom: 1;
  13 }
  14
  15 .clearfix:before,
  16 .clearfix:after {
  17   display: table;
  18   line-height: 0;
  19   content: "";
  20 }
  21
  22 .clearfix:after {
  23   clear: both;
  24 }
  25
  26 .hide-text {
  27   font: 0/0 a;
  28   color: transparent;
  29   text-shadow: none;
  30   background-color: transparent;
  31   border: 0;
  32 }
  33
  34 .input-block-level {
  35   display: block;
  36   width: 100%;
  37   min-height: 30px;
  38   -webkit-box-sizing: border-box;
  39      -moz-box-sizing: border-box;
  40           box-sizing: border-box;
  41 }
  42
  43 @-ms-viewport {
  44   width: device-width;
  45 }
  46
  47 .hidden {
  48   display: none;
  49   visibility: hidden;
  50 }
  51
  52 .visible-phone {
  53   display: none !important;
  54 }
  55
  56 .visible-tablet {
  57   display: none !important;
  58 }
  59
  60 .hidden-desktop {
  61   display: none !important;
  62 }
  63
  64 .visible-desktop {
  65   display: inherit !important;
  66 }
  67
  68 @media (min-width: 768px) and (max-width: 979px) {
  69   .hidden-desktop {
  70     display: inherit !important;
  71   }
  72   .visible-desktop {
  73     display: none !important ;
  74   }
  75   .visible-tablet {
  76     display: inherit !important;
  77   }
  78   .hidden-tablet {
  79     display: none !important;
  80   }
  81 }
  82
  83 @media (max-width: 767px) {
  84   .hidden-desktop {
  85     display: inherit !important;
  86   }
  87   .visible-desktop {
  88     display: none !important;
  89   }
  90   .visible-phone {
  91     display: inherit !important;
  92   }
  93   .hidden-phone {
  94     display: none !important;
  95   }
  96 }
  97
  98 .visible-print {
  99   display: none !important;
 100 }
 101
 102 @media print {
 103   .visible-print {
 104     display: inherit !important;
 105   }
 106   .hidden-print {
 107     display: none !important;
 108   }
 109 }
 110
 111 @media (min-width: 1200px) {
 112   .row {
 113     margin-left: -30px;
 114     *zoom: 1;
 115   }
 116   .row:before,
 117   .row:after {
 118     display: table;
 119     line-height: 0;
 120     content: "";
 121   }
 122   .row:after {
 123     clear: both;
 124   }
 125   [class*="span"] {
 126     float: left;
 127     min-height: 1px;
 128     margin-left: 30px;
 129   }
 130   .container,
 131   .navbar-static-top .container,
 132   .navbar-fixed-top .container,
 133   .navbar-fixed-bottom .container {
 134     width: 1170px;
 135   }
 136   .span12 {
 137     width: 1170px;
 138   }
 139   .span11 {
 140     width: 1070px;
 141   }
 142   .span10 {
 143     width: 970px;
 144   }
 145   .span9 {
 146     width: 870px;
 147   }
 148   .span8 {
 149     width: 770px;
 150   }
 151   .span7 {
 152     width: 670px;
 153   }
 154   .span6 {
 155     width: 570px;
 156   }
 157   .span5 {
 158     width: 470px;
 159   }
 160   .span4 {
 161     width: 370px;
 162   }
 163   .span3 {
 164     width: 270px;
 165   }
 166   .span2 {
 167     width: 170px;
 168   }
 169   .span1 {
 170     width: 70px;
 171   }
 172   .offset12 {
 173     margin-left: 1230px;
 174   }
 175   .offset11 {
 176     margin-left: 1130px;
 177   }
 178   .offset10 {
 179     margin-left: 1030px;
 180   }
 181   .offset9 {
 182     margin-left: 930px;
 183   }
 184   .offset8 {
 185     margin-left: 830px;
 186   }
 187   .offset7 {
 188     margin-left: 730px;
 189   }
 190   .offset6 {
 191     margin-left: 630px;
 192   }
 193   .offset5 {
 194     margin-left: 530px;
 195   }
 196   .offset4 {
 197     margin-left: 430px;
 198   }
 199   .offset3 {
 200     margin-left: 330px;
 201   }
 202   .offset2 {
 203     margin-left: 230px;
 204   }
 205   .offset1 {
 206     margin-left: 130px;
 207   }
 208   .row-fluid {
 209     width: 100%;
 210     *zoom: 1;
 211   }
 212   .row-fluid:before,
 213   .row-fluid:after {
 214     display: table;
 215     line-height: 0;
 216     content: "";
 217   }
 218   .row-fluid:after {
 219     clear: both;
 220   }
 221   .row-fluid [class*="span"] {
 222     display: block;
 223     float: left;
 224     width: 100%;
 225     min-height: 30px;
 226     margin-left: 2.564102564102564%;
 227     *margin-left: 2.5109110747408616%;
 228     -webkit-box-sizing: border-box;
 229        -moz-box-sizing: border-box;
 230             box-sizing: border-box;
 231   }
 232   .row-fluid [class*="span"]:first-child {
 233     margin-left: 0;
 234   }
 235   .row-fluid .controls-row [class*="span"] + [class*="span"] {
 236     margin-left: 2.564102564102564%;
 237   }
 238   .row-fluid .span12 {
 239     width: 100%;
 240     *width: 99.94680851063829%;
 241   }
 242   .row-fluid .span11 {
 243     width: 91.45299145299145%;
 244     *width: 91.39979996362975%;
 245   }
 246   .row-fluid .span10 {
 247     width: 82.90598290598291%;
 248     *width: 82.8527914166212%;
 249   }
 250   .row-fluid .span9 {
 251     width: 74.35897435897436%;
 252     *width: 74.30578286961266%;
 253   }
 254   .row-fluid .span8 {
 255     width: 65.81196581196582%;
 256     *width: 65.75877432260411%;
 257   }
 258   .row-fluid .span7 {
 259     width: 57.26495726495726%;
 260     *width: 57.21176577559556%;
 261   }
 262   .row-fluid .span6 {
 263     width: 48.717948717948715%;
 264     *width: 48.664757228587014%;
 265   }
 266   .row-fluid .span5 {
 267     width: 40.17094017094017%;
 268     *width: 40.11774868157847%;
 269   }
 270   .row-fluid .span4 {
 271     width: 31.623931623931625%;
 272     *width: 31.570740134569924%;
 273   }
 274   .row-fluid .span3 {
 275     width: 23.076923076923077%;
 276     *width: 23.023731587561375%;
 277   }
 278   .row-fluid .span2 {
 279     width: 14.52991452991453%;
 280     *width: 14.476723040552828%;
 281   }
 282   .row-fluid .span1 {
 283     width: 5.982905982905983%;
 284     *width: 5.929714493544281%;
 285   }
 286   .row-fluid .offset12 {
 287     margin-left: 105.12820512820512%;
 288     *margin-left: 105.02182214948171%;
 289   }
 290   .row-fluid .offset12:first-child {
 291     margin-left: 102.56410256410257%;
 292     *margin-left: 102.45771958537915%;
 293   }
 294   .row-fluid .offset11 {
 295     margin-left: 96.58119658119658%;
 296     *margin-left: 96.47481360247316%;
 297   }
 298   .row-fluid .offset11:first-child {
 299     margin-left: 94.01709401709402%;
 300     *margin-left: 93.91071103837061%;
 301   }
 302   .row-fluid .offset10 {
 303     margin-left: 88.03418803418803%;
 304     *margin-left: 87.92780505546462%;
 305   }
 306   .row-fluid .offset10:first-child {
 307     margin-left: 85.47008547008548%;
 308     *margin-left: 85.36370249136206%;
 309   }
 310   .row-fluid .offset9 {
 311     margin-left: 79.48717948717949%;
 312     *margin-left: 79.38079650845607%;
 313   }
 314   .row-fluid .offset9:first-child {
 315     margin-left: 76.92307692307693%;
 316     *margin-left: 76.81669394435352%;
 317   }
 318   .row-fluid .offset8 {
 319     margin-left: 70.94017094017094%;
 320     *margin-left: 70.83378796144753%;
 321   }
 322   .row-fluid .offset8:first-child {
 323     margin-left: 68.37606837606839%;
 324     *margin-left: 68.26968539734497%;
 325   }
 326   .row-fluid .offset7 {
 327     margin-left: 62.393162393162385%;
 328     *margin-left: 62.28677941443899%;
 329   }
 330   .row-fluid .offset7:first-child {
 331     margin-left: 59.82905982905982%;
 332     *margin-left: 59.72267685033642%;
 333   }
 334   .row-fluid .offset6 {
 335     margin-left: 53.84615384615384%;
 336     *margin-left: 53.739770867430444%;
 337   }
 338   .row-fluid .offset6:first-child {
 339     margin-left: 51.28205128205128%;
 340     *margin-left: 51.175668303327875%;
 341   }
 342   .row-fluid .offset5 {
 343     margin-left: 45.299145299145295%;
 344     *margin-left: 45.1927623204219%;
 345   }
 346   .row-fluid .offset5:first-child {
 347     margin-left: 42.73504273504273%;
 348     *margin-left: 42.62865975631933%;
 349   }
 350   .row-fluid .offset4 {
 351     margin-left: 36.75213675213675%;
 352     *margin-left: 36.645753773413354%;
 353   }
 354   .row-fluid .offset4:first-child {
 355     margin-left: 34.18803418803419%;
 356     *margin-left: 34.081651209310785%;
 357   }
 358   .row-fluid .offset3 {
 359     margin-left: 28.205128205128204%;
 360     *margin-left: 28.0987452264048%;
 361   }
 362   .row-fluid .offset3:first-child {
 363     margin-left: 25.641025641025642%;
 364     *margin-left: 25.53464266230224%;
 365   }
 366   .row-fluid .offset2 {
 367     margin-left: 19.65811965811966%;
 368     *margin-left: 19.551736679396257%;
 369   }
 370   .row-fluid .offset2:first-child {
 371     margin-left: 17.094017094017094%;
 372     *margin-left: 16.98763411529369%;
 373   }
 374   .row-fluid .offset1 {
 375     margin-left: 11.11111111111111%;
 376     *margin-left: 11.004728132387708%;
 377   }
 378   .row-fluid .offset1:first-child {
 379     margin-left: 8.547008547008547%;
 380     *margin-left: 8.440625568285142%;
 381   }
 382   input,
 383   textarea,
 384   .uneditable-input {
 385     margin-left: 0;
 386   }
 387   .controls-row [class*="span"] + [class*="span"] {
 388     margin-left: 30px;
 389   }
 390   input.span12,
 391   textarea.span12,
 392   .uneditable-input.span12 {
 393     width: 1156px;
 394   }
 395   input.span11,
 396   textarea.span11,
 397   .uneditable-input.span11 {
 398     width: 1056px;
 399   }
 400   input.span10,
 401   textarea.span10,
 402   .uneditable-input.span10 {
 403     width: 956px;
 404   }
 405   input.span9,
 406   textarea.span9,
 407   .uneditable-input.span9 {
 408     width: 856px;
 409   }
 410   input.span8,
 411   textarea.span8,
 412   .uneditable-input.span8 {
 413     width: 756px;
 414   }
 415   input.span7,
 416   textarea.span7,
 417   .uneditable-input.span7 {
 418     width: 656px;
 419   }
 420   input.span6,
 421   textarea.span6,
 422   .uneditable-input.span6 {
 423     width: 556px;
 424   }
 425   input.span5,
 426   textarea.span5,
 427   .uneditable-input.span5 {
 428     width: 456px;
 429   }
 430   input.span4,
 431   textarea.span4,
 432   .uneditable-input.span4 {
 433     width: 356px;
 434   }
 435   input.span3,
 436   textarea.span3,
 437   .uneditable-input.span3 {
 438     width: 256px;
 439   }
 440   input.span2,
 441   textarea.span2,
 442   .uneditable-input.span2 {
 443     width: 156px;
 444   }
 445   input.span1,
 446   textarea.span1,
 447   .uneditable-input.span1 {
 448     width: 56px;
 449   }
 450   .thumbnails {
 451     margin-left: -30px;
 452   }
 453   .thumbnails > li {
 454     margin-left: 30px;
 455   }
 456   .row-fluid .thumbnails {
 457     margin-left: 0;
 458   }
 459 }
 460
 461 @media (min-width: 768px) and (max-width: 979px) {
 462   .row {
 463     margin-left: -20px;
 464     *zoom: 1;
 465   }
 466   .row:before,
 467   .row:after {
 468     display: table;
 469     line-height: 0;
 470     content: "";
 471   }
 472   .row:after {
 473     clear: both;
 474   }
 475   [class*="span"] {
 476     float: left;
 477     min-height: 1px;
 478     margin-left: 20px;
 479   }
 480   .container,
 481   .navbar-static-top .container,
 482   .navbar-fixed-top .container,
 483   .navbar-fixed-bottom .container {
 484     width: 724px;
 485   }
 486   .span12 {
 487     width: 724px;
 488   }
 489   .span11 {
 490     width: 662px;
 491   }
 492   .span10 {
 493     width: 600px;
 494   }
 495   .span9 {
 496     width: 538px;
 497   }
 498   .span8 {
 499     width: 476px;
 500   }
 501   .span7 {
 502     width: 414px;
 503   }
 504   .span6 {
 505     width: 352px;
 506   }
 507   .span5 {
 508     width: 290px;
 509   }
 510   .span4 {
 511     width: 228px;
 512   }
 513   .span3 {
 514     width: 166px;
 515   }
 516   .span2 {
 517     width: 104px;
 518   }
 519   .span1 {
 520     width: 42px;
 521   }
 522   .offset12 {
 523     margin-left: 764px;
 524   }
 525   .offset11 {
 526     margin-left: 702px;
 527   }
 528   .offset10 {
 529     margin-left: 640px;
 530   }
 531   .offset9 {
 532     margin-left: 578px;
 533   }
 534   .offset8 {
 535     margin-left: 516px;
 536   }
 537   .offset7 {
 538     margin-left: 454px;
 539   }
 540   .offset6 {
 541     margin-left: 392px;
 542   }
 543   .offset5 {
 544     margin-left: 330px;
 545   }
 546   .offset4 {
 547     margin-left: 268px;
 548   }
 549   .offset3 {
 550     margin-left: 206px;
 551   }
 552   .offset2 {
 553     margin-left: 144px;
 554   }
 555   .offset1 {
 556     margin-left: 82px;
 557   }
 558   .row-fluid {
 559     width: 100%;
 560     *zoom: 1;
 561   }
 562   .row-fluid:before,
 563   .row-fluid:after {
 564     display: table;
 565     line-height: 0;
 566     content: "";
 567   }
 568   .row-fluid:after {
 569     clear: both;
 570   }
 571   .row-fluid [class*="span"] {
 572     display: block;
 573     float: left;
 574     width: 100%;
 575     min-height: 30px;
 576     margin-left: 2.7624309392265194%;
 577     *margin-left: 2.709239449864817%;
 578     -webkit-box-sizing: border-box;
 579        -moz-box-sizing: border-box;
 580             box-sizing: border-box;
 581   }
 582   .row-fluid [class*="span"]:first-child {
 583     margin-left: 0;
 584   }
 585   .row-fluid .controls-row [class*="span"] + [class*="span"] {
 586     margin-left: 2.7624309392265194%;
 587   }
 588   .row-fluid .span12 {
 589     width: 100%;
 590     *width: 99.94680851063829%;
 591   }
 592   .row-fluid .span11 {
 593     width: 91.43646408839778%;
 594     *width: 91.38327259903608%;
 595   }
 596   .row-fluid .span10 {
 597     width: 82.87292817679558%;
 598     *width: 82.81973668743387%;
 599   }
 600   .row-fluid .span9 {
 601     width: 74.30939226519337%;
 602     *width: 74.25620077583166%;
 603   }
 604   .row-fluid .span8 {
 605     width: 65.74585635359117%;
 606     *width: 65.69266486422946%;
 607   }
 608   .row-fluid .span7 {
 609     width: 57.18232044198895%;
 610     *width: 57.12912895262725%;
 611   }
 612   .row-fluid .span6 {
 613     width: 48.61878453038674%;
 614     *width: 48.56559304102504%;
 615   }
 616   .row-fluid .span5 {
 617     width: 40.05524861878453%;
 618     *width: 40.00205712942283%;
 619   }
 620   .row-fluid .span4 {
 621     width: 31.491712707182323%;
 622     *width: 31.43852121782062%;
 623   }
 624   .row-fluid .span3 {
 625     width: 22.92817679558011%;
 626     *width: 22.87498530621841%;
 627   }
 628   .row-fluid .span2 {
 629     width: 14.3646408839779%;
 630     *width: 14.311449394616199%;
 631   }
 632   .row-fluid .span1 {
 633     width: 5.801104972375691%;
 634     *width: 5.747913483013988%;
 635   }
 636   .row-fluid .offset12 {
 637     margin-left: 105.52486187845304%;
 638     *margin-left: 105.41847889972962%;
 639   }
 640   .row-fluid .offset12:first-child {
 641     margin-left: 102.76243093922652%;
 642     *margin-left: 102.6560479605031%;
 643   }
 644   .row-fluid .offset11 {
 645     margin-left: 96.96132596685082%;
 646     *margin-left: 96.8549429881274%;
 647   }
 648   .row-fluid .offset11:first-child {
 649     margin-left: 94.1988950276243%;
 650     *margin-left: 94.09251204890089%;
 651   }
 652   .row-fluid .offset10 {
 653     margin-left: 88.39779005524862%;
 654     *margin-left: 88.2914070765252%;
 655   }
 656   .row-fluid .offset10:first-child {
 657     margin-left: 85.6353591160221%;
 658     *margin-left: 85.52897613729868%;
 659   }
 660   .row-fluid .offset9 {
 661     margin-left: 79.8342541436464%;
 662     *margin-left: 79.72787116492299%;
 663   }
 664   .row-fluid .offset9:first-child {
 665     margin-left: 77.07182320441989%;
 666     *margin-left: 76.96544022569647%;
 667   }
 668   .row-fluid .offset8 {
 669     margin-left: 71.2707182320442%;
 670     *margin-left: 71.16433525332079%;
 671   }
 672   .row-fluid .offset8:first-child {
 673     margin-left: 68.50828729281768%;
 674     *margin-left: 68.40190431409427%;
 675   }
 676   .row-fluid .offset7 {
 677     margin-left: 62.70718232044199%;
 678     *margin-left: 62.600799341718584%;
 679   }
 680   .row-fluid .offset7:first-child {
 681     margin-left: 59.94475138121547%;
 682     *margin-left: 59.838368402492065%;
 683   }
 684   .row-fluid .offset6 {
 685     margin-left: 54.14364640883978%;
 686     *margin-left: 54.037263430116376%;
 687   }
 688   .row-fluid .offset6:first-child {
 689     margin-left: 51.38121546961326%;
 690     *margin-left: 51.27483249088986%;
 691   }
 692   .row-fluid .offset5 {
 693     margin-left: 45.58011049723757%;
 694     *margin-left: 45.47372751851417%;
 695   }
 696   .row-fluid .offset5:first-child {
 697     margin-left: 42.81767955801105%;
 698     *margin-left: 42.71129657928765%;
 699   }
 700   .row-fluid .offset4 {
 701     margin-left: 37.01657458563536%;
 702     *margin-left: 36.91019160691196%;
 703   }
 704   .row-fluid .offset4:first-child {
 705     margin-left: 34.25414364640884%;
 706     *margin-left: 34.14776066768544%;
 707   }
 708   .row-fluid .offset3 {
 709     margin-left: 28.45303867403315%;
 710     *margin-left: 28.346655695309746%;
 711   }
 712   .row-fluid .offset3:first-child {
 713     margin-left: 25.69060773480663%;
 714     *margin-left: 25.584224756083227%;
 715   }
 716   .row-fluid .offset2 {
 717     margin-left: 19.88950276243094%;
 718     *margin-left: 19.783119783707537%;
 719   }
 720   .row-fluid .offset2:first-child {
 721     margin-left: 17.12707182320442%;
 722     *margin-left: 17.02068884448102%;
 723   }
 724   .row-fluid .offset1 {
 725     margin-left: 11.32596685082873%;
 726     *margin-left: 11.219583872105325%;
 727   }
 728   .row-fluid .offset1:first-child {
 729     margin-left: 8.56353591160221%;
 730     *margin-left: 8.457152932878806%;
 731   }
 732   input,
 733   textarea,
 734   .uneditable-input {
 735     margin-left: 0;
 736   }
 737   .controls-row [class*="span"] + [class*="span"] {
 738     margin-left: 20px;
 739   }
 740   input.span12,
 741   textarea.span12,
 742   .uneditable-input.span12 {
 743     width: 710px;
 744   }
 745   input.span11,
 746   textarea.span11,
 747   .uneditable-input.span11 {
 748     width: 648px;
 749   }
 750   input.span10,
 751   textarea.span10,
 752   .uneditable-input.span10 {
 753     width: 586px;
 754   }
 755   input.span9,
 756   textarea.span9,
 757   .uneditable-input.span9 {
 758     width: 524px;
 759   }
 760   input.span8,
 761   textarea.span8,
 762   .uneditable-input.span8 {
 763     width: 462px;
 764   }
 765   input.span7,
 766   textarea.span7,
 767   .uneditable-input.span7 {
 768     width: 400px;
 769   }
 770   input.span6,
 771   textarea.span6,
 772   .uneditable-input.span6 {
 773     width: 338px;
 774   }
 775   input.span5,
 776   textarea.span5,
 777   .uneditable-input.span5 {
 778     width: 276px;
 779   }
 780   input.span4,
 781   textarea.span4,
 782   .uneditable-input.span4 {
 783     width: 214px;
 784   }
 785   input.span3,
 786   textarea.span3,
 787   .uneditable-input.span3 {
 788     width: 152px;
 789   }
 790   input.span2,
 791   textarea.span2,
 792   .uneditable-input.span2 {
 793     width: 90px;
 794   }
 795   input.span1,
 796   textarea.span1,
 797   .uneditable-input.span1 {
 798     width: 28px;
 799   }
 800 }
 801
 802 @media (max-width: 767px) {
 803   body {
 804     padding-right: 20px;
 805     padding-left: 20px;
 806   }
 807   .navbar-fixed-top,
 808   .navbar-fixed-bottom,
 809   .navbar-static-top {
 810     margin-right: -20px;
 811     margin-left: -20px;
 812   }
 813   .container-fluid {
 814     padding: 0;
 815   }
 816   .dl-horizontal dt {
 817     float: none;
 818     width: auto;
 819     clear: none;
 820     text-align: left;
 821   }
 822   .dl-horizontal dd {
 823     margin-left: 0;
 824   }
 825   .container {
 826     width: auto;
 827   }
 828   .row-fluid {
 829     width: 100%;
 830   }
 831   .row,
 832   .thumbnails {
 833     margin-left: 0;
 834   }
 835   .thumbnails > li {
 836     float: none;
 837     margin-left: 0;
 838   }
 839   [class*="span"],
 840   .uneditable-input[class*="span"],
 841   .row-fluid [class*="span"] {
 842     display: block;
 843     float: none;
 844     width: 100%;
 845     margin-left: 0;
 846     -webkit-box-sizing: border-box;
 847        -moz-box-sizing: border-box;
 848             box-sizing: border-box;
 849   }
 850   .span12,
 851   .row-fluid .span12 {
 852     width: 100%;
 853     -webkit-box-sizing: border-box;
 854        -moz-box-sizing: border-box;
 855             box-sizing: border-box;
 856   }
 857   .row-fluid [class*="offset"]:first-child {
 858     margin-left: 0;
 859   }
 860   .input-large,
 861   .input-xlarge,
 862   .input-xxlarge,
 863   input[class*="span"],
 864   select[class*="span"],
 865   textarea[class*="span"],
 866   .uneditable-input {
 867     display: block;
 868     width: 100%;
 869     min-height: 30px;
 870     -webkit-box-sizing: border-box;
 871        -moz-box-sizing: border-box;
 872             box-sizing: border-box;
 873   }
 874   .input-prepend input,
 875   .input-append input,
 876   .input-prepend input[class*="span"],
 877   .input-append input[class*="span"] {
 878     display: inline-block;
 879     width: auto;
 880   }
 881   .controls-row [class*="span"] + [class*="span"] {
 882     margin-left: 0;
 883   }
 884   .modal {
 885     position: fixed;
 886     top: 20px;
 887     right: 20px;
 888     left: 20px;
 889     width: auto;
 890     margin: 0;
 891   }
 892   .modal.fade {
 893     top: -100px;
 894   }
 895   .modal.fade.in {
 896     top: 20px;
 897   }
 898 }
 899
 900 @media (max-width: 480px) {
 901   .nav-collapse {
 902     -webkit-transform: translate3d(0, 0, 0);
 903   }
 904   .page-header h1 small {
 905     display: block;
 906     line-height: 20px;
 907   }
 908   input[type="checkbox"],
 909   input[type="radio"] {
 910     border: 1px solid #ccc;
 911   }
 912   .form-horizontal .control-label {
 913     float: none;
 914     width: auto;
 915     padding-top: 0;
 916     text-align: left;
 917   }
 918   .form-horizontal .controls {
 919     margin-left: 0;
 920   }
 921   .form-horizontal .control-list {
 922     padding-top: 0;
 923   }
 924   .form-horizontal .form-actions {
 925     padding-right: 10px;
 926     padding-left: 10px;
 927   }
 928   .media .pull-left,
 929   .media .pull-right {
 930     display: block;
 931     float: none;
 932     margin-bottom: 10px;
 933   }
 934   .media-object {
 935     margin-right: 0;
 936     margin-left: 0;
 937   }
 938   .modal {
 939     top: 10px;
 940     right: 10px;
 941     left: 10px;
 942   }
 943   .modal-header .close {
 944     padding: 10px;
 945     margin: -10px;
 946   }
 947   .carousel-caption {
 948     position: static;
 949   }
 950 }
 951
 952 @media (max-width: 979px) {
 953   body {
 954     padding-top: 0;
 955   }
 956   .navbar-fixed-top,
 957   .navbar-fixed-bottom {
 958     position: static;
 959   }
 960   .navbar-fixed-top {
 961     margin-bottom: 20px;
 962   }
 963   .navbar-fixed-bottom {
 964     margin-top: 20px;
 965   }
 966   .navbar-fixed-top .navbar-inner,
 967   .navbar-fixed-bottom .navbar-inner {
 968     padding: 5px;
 969   }
 970   .navbar .container {
 971     width: auto;
 972     padding: 0;
 973   }
 974   .navbar .brand {
 975     padding-right: 10px;
 976     padding-left: 10px;
 977     margin: 0 0 0 -5px;
 978   }
 979   .nav-collapse {
 980     clear: both;
 981   }
 982   .nav-collapse .nav {
 983     float: none;
 984     margin: 0 0 10px;
 985   }
 986   .nav-collapse .nav > li {
 987     float: none;
 988   }
 989   .nav-collapse .nav > li > a {
 990     margin-bottom: 2px;
 991   }
 992   .nav-collapse .nav > .divider-vertical {
 993     display: none;
 994   }
 995   .nav-collapse .nav .nav-header {
 996     color: #777777;
 997     text-shadow: none;
 998   }
 999   .nav-collapse .nav > li > a,
1000   .nav-collapse .dropdown-menu a {
1001     padding: 9px 15px;
1002     font-weight: bold;
1003     color: #777777;
1004     -webkit-border-radius: 3px;
1005        -moz-border-radius: 3px;
1006             border-radius: 3px;
1007   }
1008   .nav-collapse .btn {
1009     padding: 4px 10px 4px;
1010     font-weight: normal;
1011     -webkit-border-radius: 4px;
1012        -moz-border-radius: 4px;
1013             border-radius: 4px;
1014   }
1015   .nav-collapse .dropdown-menu li + li a {
1016     margin-bottom: 2px;
1017   }
1018   .nav-collapse .nav > li > a:hover,
1019   .nav-collapse .nav > li > a:focus,
1020   .nav-collapse .dropdown-menu a:hover,
1021   .nav-collapse .dropdown-menu a:focus {
1022     background-color: #f2f2f2;
1023   }
1024   .navbar-inverse .nav-collapse .nav > li > a,
1025   .navbar-inverse .nav-collapse .dropdown-menu a {
1026     color: #999999;
1027   }
1028   .navbar-inverse .nav-collapse .nav > li > a:hover,
1029   .navbar-inverse .nav-collapse .nav > li > a:focus,
1030   .navbar-inverse .nav-collapse .dropdown-menu a:hover,
1031   .navbar-inverse .nav-collapse .dropdown-menu a:focus {
1032     background-color: #111111;
1033   }
1034   .nav-collapse.in .btn-group {
1035     padding: 0;
1036     margin-top: 5px;
1037   }
1038   .nav-collapse .dropdown-menu {
1039     position: static;
1040     top: auto;
1041     left: auto;
1042     display: none;
1043     float: none;
1044     max-width: none;
1045     padding: 0;
1046     margin: 0 15px;
1047     background-color: transparent;
1048     border: none;
1049     -webkit-border-radius: 0;
1050        -moz-border-radius: 0;
1051             border-radius: 0;
1052     -webkit-box-shadow: none;
1053        -moz-box-shadow: none;
1054             box-shadow: none;
1055   }
1056   .nav-collapse .open > .dropdown-menu {
1057     display: block;
1058   }
1059   .nav-collapse .dropdown-menu:before,
1060   .nav-collapse .dropdown-menu:after {
1061     display: none;
1062   }
1063   .nav-collapse .dropdown-menu .divider {
1064     display: none;
1065   }
1066   .nav-collapse .nav > li > .dropdown-menu:before,
1067   .nav-collapse .nav > li > .dropdown-menu:after {
1068     display: none;
1069   }
1070   .nav-collapse .navbar-form,
1071   .nav-collapse .navbar-search {
1072     float: none;
1073     padding: 10px 15px;
1074     margin: 10px 0;
1075     border-top: 1px solid #f2f2f2;
1076     border-bottom: 1px solid #f2f2f2;
1077     -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
1078        -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
1079             box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
1080   }
1081   .navbar-inverse .nav-collapse .navbar-form,
1082   .navbar-inverse .nav-collapse .navbar-search {
1083     border-top-color: #111111;
1084     border-bottom-color: #111111;
1085   }
1086   .navbar .nav-collapse .nav.pull-right {
1087     float: none;
1088     margin-left: 0;
1089   }
1090   .nav-collapse,
1091   .nav-collapse.collapse {
1092     height: 0;
1093     overflow: hidden;
1094   }
1095   .navbar .btn-navbar {
1096     display: block;
1097   }
1098   .navbar-static .navbar-inner {
1099     padding-right: 10px;
1100     padding-left: 10px;
1101   }
1102 }
1103
1104 @media (min-width: 980px) {
1105   .nav-collapse.collapse {
1106     height: auto !important;
1107     overflow: visible !important;
1108   }
1109 }