/*!
 * Bootstrap Responsive v2.3.1
 *
 * Copyright 2012 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world @twitter by @mdo and @fat.
 */

.clearfix {
  *zoom: 1;
}

.clearfix:before,
.clearfix:after {
  display: table;
  line-height: 0;
  content: "";
}

.clearfix:after {
  clear: both;
}

.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.input-block-level {
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

@-ms-viewport {
  width: device-width;
}

.hidden {
  display: none;
  visibility: hidden;
}

.visible-phone {
  display: none !important;
}

.visible-tablet {
  display: none !important;
}

.hidden-desktop {
  display: none !important;
}

.visible-desktop {
  display: inherit !important;
}

@media (min-width: 768px) and (max-width: 979px) {
  .hidden-desktop {
    display: inherit !important;
  }
  .visible-desktop {
    display: none !important ;
  }
  .visible-tablet {
    display: inherit !important;
  }
  .hidden-tablet {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .hidden-desktop {
    display: inherit !important;
  }
  .visible-desktop {
    display: none !important;
  }
  .visible-phone {
    display: inherit !important;
  }
  .hidden-phone {
    display: none !important;
  }
}

.visible-print {
  display: none !important;
}

@media print {
  .visible-print {
    display: inherit !important;
  }
  .hidden-print {
    display: none !important;
  }
}

@media (min-width: 1200px) {
  .row {
    margin-left: -30px;
    *zoom: 1;
  }
  .row:before,
  .row:after {
    display: table;
    line-height: 0;
    content: "";
  }
  .row:after {
    clear: both;
  }
  [class*="span"] {
    float: left;
    min-height: 1px;
    margin-left: 30px;
  }
  .container,
  .navbar-static-top .container,
  .navbar-fixed-top .container,
  .navbar-fixed-bottom .container {
    width: 1170px;
  }
  .span12 {
    width: 1170px;
  }
  .span11 {
    width: 1070px;
  }
  .span10 {
    width: 970px;
  }
  .span9 {
    width: 870px;
  }
  .span8 {
    width: 770px;
  }
  .span7 {
    width: 670px;
  }
  .span6 {
    width: 570px;
  }
  .span5 {
    width: 470px;
  }
  .span4 {
    width: 370px;
  }
  .span3 {
    width: 270px;
  }
  .span2 {
    width: 170px;
  }
  .span1 {
    width: 70px;
  }
  .offset12 {
    margin-left: 1230px;
  }
  .offset11 {
    margin-left: 1130px;
  }
  .offset10 {
    margin-left: 1030px;
  }
  .offset9 {
    margin-left: 930px;
  }
  .offset8 {
    margin-left: 830px;
  }
  .offset7 {
    margin-left: 730px;
  }
  .offset6 {
    margin-left: 630px;
  }
  .offset5 {
    margin-left: 530px;
  }
  .offset4 {
    margin-left: 430px;
  }
  .offset3 {
    margin-left: 330px;
  }
  .offset2 {
    margin-left: 230px;
  }
  .offset1 {
    margin-left: 130px;
  }
  .row-fluid {
    width: 100%;
    *zoom: 1;
  }
  .row-fluid:before,
  .row-fluid:after {
    display: table;
    line-height: 0;
    content: "";
  }
  .row-fluid:after {
    clear: both;
  }
  .row-fluid [class*="span"] {
    display: block;
    float: left;
    width: 100%;
    min-height: 30px;
    margin-left: 2.564102564102564%;
    *margin-left: 2.5109110747408616%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }
  .row-fluid [class*="span"]:first-child {
    margin-left: 0;
  }
  .row-fluid .controls-row [class*="span"] + [class*="span"] {
    margin-left: 2.564102564102564%;
  }
  .row-fluid .span12 {
    width: 100%;
    *width: 99.94680851063829%;
  }
  .row-fluid .span11 {
    width: 91.45299145299145%;
    *width: 91.39979996362975%;
  }
  .row-fluid .span10 {
    width: 82.90598290598291%;
    *width: 82.8527914166212%;
  }
  .row-fluid .span9 {
    width: 74.35897435897436%;
    *width: 74.30578286961266%;
  }
  .row-fluid .span8 {
    width: 65.81196581196582%;
    *width: 65.75877432260411%;
  }
  .row-fluid .span7 {
    width: 57.26495726495726%;
    *width: 57.21176577559556%;
  }
  .row-fluid .span6 {
    width: 48.717948717948715%;
    *width: 48.664757228587014%;
  }
  .row-fluid .span5 {
    width: 40.17094017094017%;
    *width: 40.11774868157847%;
  }
  .row-fluid .span4 {
    width: 31.623931623931625%;
    *width: 31.570740134569924%;
  }
  .row-fluid .span3 {
    width: 23.076923076923077%;
    *width: 23.023731587561375%;
  }
  .row-fluid .span2 {
    width: 14.52991452991453%;
    *width: 14.476723040552828%;
  }
  .row-fluid .span1 {
    width: 5.982905982905983%;
    *width: 5.929714493544281%;
  }
  .row-fluid .offset12 {
    margin-left: 105.12820512820512%;
    *margin-left: 105.02182214948171%;
  }
  .row-fluid .offset12:first-child {
    margin-left: 102.56410256410257%;
    *margin-left: 102.45771958537915%;
  }
  .row-fluid .offset11 {
    margin-left: 96.58119658119658%;
    *margin-left: 96.47481360247316%;
  }
  .row-fluid .offset11:first-child {
    margin-left: 94.01709401709402%;
    *margin-left: 93.91071103837061%;
  }
  .row-fluid .offset10 {
    margin-left: 88.03418803418803%;
    *margin-left: 87.92780505546462%;
  }
  .row-fluid .offset10:first-child {
    margin-left: 85.47008547008548%;
    *margin-left: 85.36370249136206%;
  }
  .row-fluid .offset9 {
    margin-left: 79.48717948717949%;
    *margin-left: 79.38079650845607%;
  }
  .row-fluid .offset9:first-child {
    margin-left: 76.92307692307693%;
    *margin-left: 76.81669394435352%;
  }
  .row-fluid .offset8 {
    margin-left: 70.94017094017094%;
    *margin-left: 70.83378796144753%;
  }
  .row-fluid .offset8:first-child {
    margin-left: 68.37606837606839%;
    *margin-left: 68.26968539734497%;
  }
  .row-fluid .offset7 {
    margin-left: 62.393162393162385%;
    *margin-left: 62.28677941443899%;
  }
  .row-fluid .offset7:first-child {
    margin-left: 59.82905982905982%;
    *margin-left: 59.72267685033642%;
  }
  .row-fluid .offset6 {
    margin-left: 53.84615384615384%;
    *margin-left: 53.739770867430444%;
  }
  .row-fluid .offset6:first-child {
    margin-left: 51.28205128205128%;
    *margin-left: 51.175668303327875%;
  }
  .row-fluid .offset5 {
    margin-left: 45.299145299145295%;
    *margin-left: 45.1927623204219%;
  }
  .row-fluid .offset5:first-child {
    margin-left: 42.73504273504273%;
    *margin-left: 42.62865975631933%;
  }
  .row-fluid .offset4 {
    margin-left: 36.75213675213675%;
    *margin-left: 36.645753773413354%;
  }
  .row-fluid .offset4:first-child {
    margin-left: 34.18803418803419%;
    *margin-left: 34.081651209310785%;
  }
  .row-fluid .offset3 {
    margin-left: 28.205128205128204%;
    *margin-left: 28.0987452264048%;
  }
  .row-fluid .offset3:first-child {
    margin-left: 25.641025641025642%;
    *margin-left: 25.53464266230224%;
  }
  .row-fluid .offset2 {
    margin-left: 19.65811965811966%;
    *margin-left: 19.551736679396257%;
  }
  .row-fluid .offset2:first-child {
    margin-left: 17.094017094017094%;
    *margin-left: 16.98763411529369%;
  }
  .row-fluid .offset1 {
    margin-left: 11.11111111111111%;
    *margin-left: 11.004728132387708%;
  }
  .row-fluid .offset1:first-child {
    margin-left: 8.547008547008547%;
    *margin-left: 8.440625568285142%;
  }
  input,
  textarea,
  .uneditable-input {
    margin-left: 0;
  }
  .controls-row [class*="span"] + [class*="span"] {
    margin-left: 30px;
  }
  input.span12,
  textarea.span12,
  .uneditable-input.span12 {
    width: 1156px;
  }
  input.span11,
  textarea.span11,
  .uneditable-input.span11 {
    width: 1056px;
  }
  input.span10,
  textarea.span10,
  .uneditable-input.span10 {
    width: 956px;
  }
  input.span9,
  textarea.span9,
  .uneditable-input.span9 {
    width: 856px;
  }
  input.span8,
  textarea.span8,
  .uneditable-input.span8 {
    width: 756px;
  }
  input.span7,
  textarea.span7,
  .uneditable-input.span7 {
    width: 656px;
  }
  input.span6,
  textarea.span6,
  .uneditable-input.span6 {
    width: 556px;
  }
  input.span5,
  textarea.span5,
  .uneditable-input.span5 {
    width: 456px;
  }
  input.span4,
  textarea.span4,
  .uneditable-input.span4 {
    width: 356px;
  }
  input.span3,
  textarea.span3,
  .uneditable-input.span3 {
    width: 256px;
  }
  input.span2,
  textarea.span2,
  .uneditable-input.span2 {
    width: 156px;
  }
  input.span1,
  textarea.span1,
  .uneditable-input.span1 {
    width: 56px;
  }
  .thumbnails {
    margin-left: -30px;
  }
  .thumbnails > li {
    margin-left: 30px;
  }
  .row-fluid .thumbnails {
    margin-left: 0;
  }
}

@media (min-width: 768px) and (max-width: 979px) {
  .row {
    margin-left: -20px;
    *zoom: 1;
  }
  .row:before,
  .row:after {
    display: table;
    line-height: 0;
    content: "";
  }
  .row:after {
    clear: both;
  }
  [class*="span"] {
    float: left;
    min-height: 1px;
    margin-left: 20px;
  }
  .container,
  .navbar-static-top .container,
  .navbar-fixed-top .container,
  .navbar-fixed-bottom .container {
    width: 724px;
  }
  .span12 {
    width: 724px;
  }
  .span11 {
    width: 662px;
  }
  .span10 {
    width: 600px;
  }
  .span9 {
    width: 538px;
  }
  .span8 {
    width: 476px;
  }
  .span7 {
    width: 414px;
  }
  .span6 {
    width: 352px;
  }
  .span5 {
    width: 290px;
  }
  .span4 {
    width: 228px;
  }
  .span3 {
    width: 166px;
  }
  .span2 {
    width: 104px;
  }
  .span1 {
    width: 42px;
  }
  .offset12 {
    margin-left: 764px;
  }
  .offset11 {
    margin-left: 702px;
  }
  .offset10 {
    margin-left: 640px;
  }
  .offset9 {
    margin-left: 578px;
  }
  .offset8 {
    margin-left: 516px;
  }
  .offset7 {
    margin-left: 454px;
  }
  .offset6 {
    margin-left: 392px;
  }
  .offset5 {
    margin-left: 330px;
  }
  .offset4 {
    margin-left: 268px;
  }
  .offset3 {
    margin-left: 206px;
  }
  .offset2 {
    margin-left: 144px;
  }
  .offset1 {
    margin-left: 82px;
  }
  .row-fluid {
    width: 100%;
    *zoom: 1;
  }
  .row-fluid:before,
  .row-fluid:after {
    display: table;
    line-height: 0;
    content: "";
  }
  .row-fluid:after {
    clear: both;
  }
  .row-fluid [class*="span"] {
    display: block;
    float: left;
    width: 100%;
    min-height: 30px;
    margin-left: 2.7624309392265194%;
    *margin-left: 2.709239449864817%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }
  .row-fluid [class*="span"]:first-child {
    margin-left: 0;
  }
  .row-fluid .controls-row [class*="span"] + [class*="span"] {
    margin-left: 2.7624309392265194%;
  }
  .row-fluid .span12 {
    width: 100%;
    *width: 99.94680851063829%;
  }
  .row-fluid .span11 {
    width: 91.43646408839778%;
    *width: 91.38327259903608%;
  }
  .row-fluid .span10 {
    width: 82.87292817679558%;
    *width: 82.81973668743387%;
  }
  .row-fluid .span9 {
    width: 74.30939226519337%;
    *width: 74.25620077583166%;
  }
  .row-fluid .span8 {
    width: 65.74585635359117%;
    *width: 65.69266486422946%;
  }
  .row-fluid .span7 {
    width: 57.18232044198895%;
    *width: 57.12912895262725%;
  }
  .row-fluid .span6 {
    width: 48.61878453038674%;
    *width: 48.56559304102504%;
  }
  .row-fluid .span5 {
    width: 40.05524861878453%;
    *width: 40.00205712942283%;
  }
  .row-fluid .span4 {
    width: 31.491712707182323%;
    *width: 31.43852121782062%;
  }
  .row-fluid .span3 {
    width: 22.92817679558011%;
    *width: 22.87498530621841%;
  }
  .row-fluid .span2 {
    width: 14.3646408839779%;
    *width: 14.311449394616199%;
  }
  .row-fluid .span1 {
    width: 5.801104972375691%;
    *width: 5.747913483013988%;
  }
  .row-fluid .offset12 {
    margin-left: 105.52486187845304%;
    *margin-left: 105.41847889972962%;
  }
  .row-fluid .offset12:first-child {
    margin-left: 102.76243093922652%;
    *margin-left: 102.6560479605031%;
  }
  .row-fluid .offset11 {
    margin-left: 96.96132596685082%;
    *margin-left: 96.8549429881274%;
  }
  .row-fluid .offset11:first-child {
    margin-left: 94.1988950276243%;
    *margin-left: 94.09251204890089%;
  }
  .row-fluid .offset10 {
    margin-left: 88.39779005524862%;
    *margin-left: 88.2914070765252%;
  }
  .row-fluid .offset10:first-child {
    margin-left: 85.6353591160221%;
    *margin-left: 85.52897613729868%;
  }
  .row-fluid .offset9 {
    margin-left: 79.8342541436464%;
    *margin-left: 79.72787116492299%;
  }
  .row-fluid .offset9:first-child {
    margin-left: 77.07182320441989%;
    *margin-left: 76.96544022569647%;
  }
  .row-fluid .offset8 {
    margin-left: 71.2707182320442%;
    *margin-left: 71.16433525332079%;
  }
  .row-fluid .offset8:first-child {
    margin-left: 68.50828729281768%;
    *margin-left: 68.40190431409427%;
  }
  .row-fluid .offset7 {
    margin-left: 62.70718232044199%;
    *margin-left: 62.600799341718584%;
  }
  .row-fluid .offset7:first-child {
    margin-left: 59.94475138121547%;
    *margin-left: 59.838368402492065%;
  }
  .row-fluid .offset6 {
    margin-left: 54.14364640883978%;
    *margin-left: 54.037263430116376%;
  }
  .row-fluid .offset6:first-child {
    margin-left: 51.38121546961326%;
    *margin-left: 51.27483249088986%;
  }
  .row-fluid .offset5 {
    margin-left: 45.58011049723757%;
    *margin-left: 45.47372751851417%;
  }
  .row-fluid .offset5:first-child {
    margin-left: 42.81767955801105%;
    *margin-left: 42.71129657928765%;
  }
  .row-fluid .offset4 {
    margin-left: 37.01657458563536%;
    *margin-left: 36.91019160691196%;
  }
  .row-fluid .offset4:first-child {
    margin-left: 34.25414364640884%;
    *margin-left: 34.14776066768544%;
  }
  .row-fluid .offset3 {
    margin-left: 28.45303867403315%;
    *margin-left: 28.346655695309746%;
  }
  .row-fluid .offset3:first-child {
    margin-left: 25.69060773480663%;
    *margin-left: 25.584224756083227%;
  }
  .row-fluid .offset2 {
    margin-left: 19.88950276243094%;
    *margin-left: 19.783119783707537%;
  }
  .row-fluid .offset2:first-child {
    margin-left: 17.12707182320442%;
    *margin-left: 17.02068884448102%;
  }
  .row-fluid .offset1 {
    margin-left: 11.32596685082873%;
    *margin-left: 11.219583872105325%;
  }
  .row-fluid .offset1:first-child {
    margin-left: 8.56353591160221%;
    *margin-left: 8.457152932878806%;
  }
  input,
  textarea,
  .uneditable-input {
    margin-left: 0;
  }
  .controls-row [class*="span"] + [class*="span"] {
    margin-left: 20px;
  }
  input.span12,
  textarea.span12,
  .uneditable-input.span12 {
    width: 710px;
  }
  input.span11,
  textarea.span11,
  .uneditable-input.span11 {
    width: 648px;
  }
  input.span10,
  textarea.span10,
  .uneditable-input.span10 {
    width: 586px;
  }
  input.span9,
  textarea.span9,
  .uneditable-input.span9 {
    width: 524px;
  }
  input.span8,
  textarea.span8,
  .uneditable-input.span8 {
    width: 462px;
  }
  input.span7,
  textarea.span7,
  .uneditable-input.span7 {
    width: 400px;
  }
  input.span6,
  textarea.span6,
  .uneditable-input.span6 {
    width: 338px;
  }
  input.span5,
  textarea.span5,
  .uneditable-input.span5 {
    width: 276px;
  }
  input.span4,
  textarea.span4,
  .uneditable-input.span4 {
    width: 214px;
  }
  input.span3,
  textarea.span3,
  .uneditable-input.span3 {
    width: 152px;
  }
  input.span2,
  textarea.span2,
  .uneditable-input.span2 {
    width: 90px;
  }
  input.span1,
  textarea.span1,
  .uneditable-input.span1 {
    width: 28px;
  }
}

@media (max-width: 767px) {
  body {
   /* padding-right: 20px;
    padding-left: 20px;*/
  }
  .navbar-fixed-top,
  .navbar-fixed-bottom,
  .navbar-static-top {
    margin-right: -20px;
    margin-left: -20px;
  }
  .container-fluid {
    padding: 0;
  }
  .dl-horizontal dt {
    float: none;
    width: auto;
    clear: none;
    text-align: left;
  }
  .dl-horizontal dd {
    margin-left: 0;
  }
  .container {
    width: auto;
  }
  .row-fluid {
    width: 100%;
  }
  .row,
  .thumbnails {
    margin-left: 0;
  }
  .thumbnails > li {
    float: none;
    margin-left: 0;
  }
  [class*="span"],
  .uneditable-input[class*="span"],
  .row-fluid [class*="span"] {
    display: block;
    float: none;
    width: 100%;
    margin-left: 0;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }
  .span12,
  .row-fluid .span12 {
    width: 100%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }
  .row-fluid [class*="offset"]:first-child {
    margin-left: 0;
  }
  .input-large,
  .input-xlarge,
  .input-xxlarge,
  input[class*="span"],
  select[class*="span"],
  textarea[class*="span"],
  .uneditable-input {
    display: block;
    width: 100%;
    min-height: 30px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }
  .input-prepend input,
  .input-append input,
  .input-prepend input[class*="span"],
  .input-append input[class*="span"] {
    display: inline-block;
    width: auto;
  }
  .controls-row [class*="span"] + [class*="span"] {
    margin-left: 0;
  }
  .modal {
    position: fixed;
    top: 20px;
    right: 20px;
    left: 20px;
    width: auto;
    margin: 0;
  }
  .modal.fade {
    top: -100px;
  }
  .modal.fade.in {
    top: 20px;
  }
}

@media (max-width: 480px) {
  .nav-collapse {
    -webkit-transform: translate3d(0, 0, 0);
  }
  .page-header h1 small {
    display: block;
    line-height: 20px;
  }
  input[type="checkbox"],
  input[type="radio"] {
    border: 1px solid #ccc;
  }
  .form-horizontal .control-label {
    float: none;
    width: auto;
    padding-top: 0;
    text-align: left;
  }
  .form-horizontal .controls {
    margin-left: 0;
  }
  .form-horizontal .control-list {
    padding-top: 0;
  }
  .form-horizontal .form-actions {
    padding-right: 10px;
    padding-left: 10px;
  }
  .media .pull-left,
  .media .pull-right {
    display: block;
    float: none;
    margin-bottom: 10px;
  }
  .media-object {
    margin-right: 0;
    margin-left: 0;
  }
  .modal {
    top: 10px;
    right: 10px;
    left: 10px;
  }
  .modal-header .close {
    padding: 10px;
    margin: -10px;
  }
  .carousel-caption {
    position: static;
  }
}

@media (max-width: 979px) {
  body {
    padding-top: 0;
  }
  .navbar-fixed-top,
  .navbar-fixed-bottom {
    position: static;
  }
  .navbar-fixed-top {
    margin-bottom: 20px;
  }
  .navbar-fixed-bottom {
    margin-top: 20px;
  }
  .navbar-fixed-top .navbar-inner,
  .navbar-fixed-bottom .navbar-inner {
    padding: 5px;
  }
  .navbar .container {
    width: auto;
    padding: 0;
  }
  .navbar .brand {
    padding-right: 10px;
    padding-left: 10px;
    margin: 0 0 0 -5px;
  }
  .nav-collapse {
    clear: both;
  }
  .nav-collapse .nav {
    float: none;
    margin: 0 0 10px;
  }
  .nav-collapse .nav > li {
    float: none;
  }
  .nav-collapse .nav > li > a {
    margin-bottom: 2px;
  }
  .nav-collapse .nav > .divider-vertical {
    display: none;
  }
  .nav-collapse .nav .nav-header {
    color: #777777;
    text-shadow: none;
  }
  .nav-collapse .nav > li > a,
  .nav-collapse .dropdown-menu a {
    padding: 9px 15px;
    font-weight: normal;
    color: #777777;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
  }
  .nav-collapse .btn {
    padding: 4px 10px 4px;
    font-weight: normal;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
  }
  .nav-collapse .dropdown-menu li + li a {
    margin-bottom: 2px;
  }
  .nav-collapse .nav > li > a:hover,
  .nav-collapse .nav > li > a:focus,
  .nav-collapse .dropdown-menu a:hover,
  .nav-collapse .dropdown-menu a:focus {
    background-color: #f2f2f2;
  }
  .navbar-inverse .nav-collapse .nav > li > a,
  .navbar-inverse .nav-collapse .dropdown-menu a {
    color: #fff;
  }
  .navbar-inverse .nav-collapse .nav > li > a:hover,
  .navbar-inverse .nav-collapse .nav > li > a:focus,
  .navbar-inverse .nav-collapse .dropdown-menu a:hover,
  .navbar-inverse .nav-collapse .dropdown-menu a:focus {
    background-color: #111111;
  }
  .nav-collapse.in .btn-group {
    padding: 0;
    margin-top: 5px;
  }
  .nav-collapse .dropdown-menu {
    position: static;
    top: auto;
    left: auto;
    display: none;
    float: none;
    max-width: none;
    padding: 0;
    margin: 0 15px;
    background-color: transparent;
    border: none;
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
  }
  .nav-collapse .open > .dropdown-menu {
    display: block;
  }
  .nav-collapse .dropdown-menu:before,
  .nav-collapse .dropdown-menu:after {
    display: none;
  }
  .nav-collapse .dropdown-menu .divider {
    display: none;
  }
  .nav-collapse .nav > li > .dropdown-menu:before,
  .nav-collapse .nav > li > .dropdown-menu:after {
    display: none;
  }
  .nav-collapse .navbar-form,
  .nav-collapse .navbar-search {
    float: none;
    padding: 10px 15px;
    margin: 10px 0;
    border-top: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
       -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  }
  .navbar-inverse .nav-collapse .navbar-form,
  .navbar-inverse .nav-collapse .navbar-search {
    border-top-color: #111111;
    border-bottom-color: #111111;
  }
  .navbar .nav-collapse .nav.pull-right {
    float: none;
    margin-left: 0;
  }
  .nav-collapse,
  .nav-collapse.collapse {
    height: 0;
    overflow: hidden;
  }
  .navbar .btn-navbar {
    display: block;
  }
  .navbar-static .navbar-inner {
    padding-right: 10px;
    padding-left: 10px;
  }
}

@media (min-width: 980px) {
  .nav-collapse.collapse {
    height: auto !important;
    overflow: visible !important;
  }
}

/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
/* for 1300px or less */
@media screen and (max-width: 1024px) {	
	#menu-container{background-position: center bottom;background-size: 100% auto;width: 1000px;}
	.deskmenu {margin: auto; width: 1000px;}
	.tpmenu {margin: auto; width: 1000px;}
	#inner-title{margin:0 auto;}
	#inner-title h1{margin:15px 0;}
	#inner-container-area{width: 95%;margin:0 auto;}
	#inner-container-area-1{width:685px;}
	#inner-box-1, #inner-box-2, #inner-box-3, #inner-box-4, #inner-box-5{width:660px;margin:5px 25px 10px 0;}
	#inner-box-33{width:660px;margin:5px 25px 0px 0;}
	#inner-box-34{width:660px;margin:0px 25px 0px 0;}
	#inner-container-area{background:url("/images/new/inner-border-side-bg.png") repeat-y scroll 685px 0 transparent;}
	.box-shadow1, .box-shadow2{width:310px;height:auto;margin:0 10px; }
	.menu{margin:10px 10px 0 30px;overflow: hidden;width: 960px;float:none;}
	.menu ul{float:none;text-align:center;}
	.menu ul li{float:none;text-align:center;display:inline-block;margin:0 21px 0 9px;}
	.top-menu ul{margin:4px 5px 0 0}
	#banner {width:100%;margin-bottom:20px;}
	#banner img{max-width:100%;}
	#tab-container{min-width:280px;background:none;height:auto;}
	#content-area, #ad-container .main, #tab-container .main{min-width:280px;width:1000px;overflow:hidden;padding-bottom:20px;}
	#box, #box1, #box2,#box3, #box4{width:30%;margin:0 1%;display:inline-block;float:none;background-color:#D77202;padding-bottom:10px;}
	#ad-1, #ad-2, #ad-3, #ad-4, #ad-5{width:17.6%;margin:0 1%;padding-bottom:10px;background-size:100% auto;height:auto;}
	#box h1, #box1 h1, #box2 h1, #box3 h1, #box4 h1,#box h3, #box1 h3, #box2 h3,#box3 h3, #box4 h3{padding:10px 0 0 0;text-align:center;}
	#ad-1 h1, #ad-2 h1, #ad-3 h1, #ad-4 h1, #ad-5 h1{padding:150px 0 0 0;text-align:center;font-size:18px}
	#ad-1 p, #ad-2 p, #ad-3 p, #ad-4 p, #ad-5 p{padding:0 5px 5px 5px;}
	#box4 h2,#box h2, #box1 h2, #box2 h2,#box3 h2, #box4 h2{padding:2px 0 0 0;text-align:center;}
	.learn a{float:none;display:block;margin:15px auto 0;}
	.sup-title, .f-link{width:auto;display:block;}
	.f-link{width:auto;display:block;padding:5px 5px 0;float:none;}
	#adder{width:96%;margin:0 2%;height:auto;}
	#adder p{/*word-break:break-all;*/}
	#ad-5 p{padding:7px 0 5px 7px;}
	#content-area .content-title-1, #content-area .content-title-2, #content-area .content-title-3, #content-area .content-title-4, #content-area .content-title-5{width:22.6%;margin:0 1%;background-size:100% auto;height:auto;background:url("/images/new/title-thumb-2.png") no-repeat scroll center top transparent;}
	/*.content-title-1 h1, .content-title-2 h1, .content-title-3 h1, .content-title-4 h1{padding:12px 5px 25px 5px;text-align:center;} == old css changed on 06-04-2014 == */
        
	.content-title-1 p, .content-title-2 p, .content-title-3 p, .content-title-4 p{width:92%;margin:0 4%;margin-bottom:10px;padding:0 0 5px 0;}
	#slider{width:100%;margin:0 auto;}
	#slider img{max-width:100%;}
	.footer-area-1, #footer-area-2{width:1000px;}
	.footer-subarea-1, .footer-subarea-2, .footer-subarea-3, .footer-subarea-4, .footer-subarea-5{width:21%;margin:0 2%;padding:0;}
	.footer-subarea-2{width:24%;}
	.footer-subarea-5{width:16%;}
	.footer-subarea-3{display:none;}
}
@media screen and (max-width: 979px) {
	body{background:none #fff;}
	#menu-container{display:none;}
	.navbar{display:block;margin-bottom:0;}
	.navbar .btn-navbar{margin-top:17px;}
	.navbar .brand img{height:42px;max-height:42px;}
	.navbar-inner{border-radius:0;}
	#content-area, #ad-container .main, #tab-container .main,.footer-area-1, #footer-area-2, #inner-container-area {width:95%}
	#inner-title{margin:0 auto;background-color:#1861a5;}
	#box, #box1, #box2, #box3, #box4{width:31.0%;margin-bottom:20px;}
	#box3, #box4{width:31.0%;margin-bottom:0;}
	#ad-1, #ad-2, #ad-3, #ad-4{width:22.6%;}
	#ad-5{width:97.6%;}
	#content-title-container{background:none;background-color:#013680;}
	#content-area .content-title-1, #content-area .content-title-2, #content-area .content-title-3, #content-area .content-title-4, #content-area .content-title-5{width:48%;background:none;margin-bottom:10px;background-color:rgba(255,255,255,0.15);}
	.content-title-1 h1, .content-title-2 h1, .content-title-3 h1, .content-title-4 h1{padding:10px 0;}
	.content-title-1 p, .content-title-2 p, .content-title-3 p, .content-title-4 p{text-align:center;}
	#inner-box-1 img{max-width:100%;text-align:center;padding:5px 0;}
	#content-area{padding:10px 0 0 0}
	.footer-area-1{display:none;}
	#inner-container-area, #footer-container{background-image:none;}
	#inner-container-area-1, #inner-container-area-2{float:none;width:100%;background:none;}
	#inner-box-1, #inner-box-2, #inner-box-3, #inner-box-4, #inner-box-5{float:none;width:100%;margin:5px 0 10px;height:auto;overflow:hidden;}
	#inner-box-33{float:none;width:100%;margin:5px 0 0px;height:auto;overflow:hidden;}
	#inner-box-34{float:none;width:100%;margin:0px 0 10px;height:auto;overflow:hidden;}
	.box-shadow1, .box-shadow2{width:46%;margin:2%;}
	#inner-area2-box-1, #inner-area2-box-3{float:none;width:95.6%;background-color: #F1F1F1; background-image: none;border: 1px solid #DDDDDD;border-radius: 5px 5px 5px 5px;padding: 0 2% 20px;overflow:hidden;margin-bottom:20px;}
	#innet2-tilte-bg, #innet2-tilte-bg1{color:#1861a5;float:none;display:block;height:auto;width:auto;padding:7px 0;background:none;}
	#innet2-tilte-bg h3, #innet2-tilte-bg1 h3{color:#1861a5;padding:0;}
	#inner-area2-box-1 p{float:none;padding:0;}
	#ad1-5{width:100%;margin:0;float:none;height:auto;overflow:hidden;}
	#ad1-5 #adder{margin:0;width:96%;padding:0 2%;}
	#ad1-5 p{padding:5px 0;}
	#inner-area2-box-2, #inner-area2-box-4{width:43.4%;margin-right:2%;height:auto;background-color: #F1F1F1;border: 1px solid #DDDDDD;border-radius: 5px 5px 5px 5px;overflow:hidden;margin-bottom:20px;padding:2%;min-height:258px;}
	#inner-area2-box-4{margin-left:2%;margin-right:0;}
	.f-inner{float:none;padding:0;}
	#list-style-inner ul{margin:0;margin-left:15px;}
	.faqcontent p, howtocontent p{padding:0 !important;margin:0;}	
	table#my_services, table#support_tickets, table#record_table {
		border:1px solid #ccc;
	}
	table#my_services, #my_services thead, #my_services tbody, #my_services th, #my_services td, #my_services tr, 
	table#support_tickets, #support_tickets thead, #support_tickets tbody, #support_tickets th, #support_tickets td, #support_tickets tr, 
	table#record_table, #record_table thead, #record_table tbody, #record_table th, #record_table td, #record_table tr, 
	table#invoice_table, #invoice_table thead, #invoice_table tbody, #invoice_table th, #invoice_table td, #invoice_table tr  {
		display: block;
	}
	/*#record_table tr th {
		display:none;
	}*/
	table#my_services thead tr, table#support_tickets thead tr, table#record_table thead tr, table#invoice_table thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	table#my_services tr, table#support_tickets tr, table#record_table tr, table#invoice_table tr  {
		border-bottom:10px solid #ddd;
	}
	table#my_services tr:nth-of-type(odd), table#record_table tr:nth-of-type(odd), table#invoice_table tr:nth-of-type(odd) {
		background-color: #fefefe;
	}
	table#my_services td, table#support_tickets td, table#record_table td, table#invoice_table td  {
		border: none;
		border-bottom: 1px solid #fefefe;
		position: relative;
		padding-left: 48%;
		text-align:left !important;
		word-break:break-all;
	}
	table#my_services td:before, table#support_tickets td:before, table#record_table td:before, table#invoice_table td:before {
		position: absolute;
		top: 6px;
		left: 8px;
		width: 45% !important;
		padding-right: 10px;
		white-space: nowrap;
	}
	table#record_table td:nth-of-type(1):before {
		content: "Customer Name";
	}
	table#record_table td:nth-of-type(2):before {
		content: "Email";
	}
	table#record_table td:nth-of-type(3):before {
		content: "Registration Date";
	}
	table#record_table td:nth-of-type(4):before {
		content: "Status";
	}
	table#record_table td:nth-of-type(5):before {
		content: "Permissions";
	}
	table#record_table td:nth-of-type(6):before {
		content: "Action";
	}
	table#my_services td:nth-of-type(n):before, table#support_tickets td:nth-of-type(n):before, table#record_table td:nth-of-type(n):before, table#invoice_table td:nth-of-type(n):before {
		font-weight:bold;
	}
	table#support_tickets td:nth-of-type(1):before {
		content: "ID";
	}
	table#support_tickets td:nth-of-type(2):before {
		content: "Date Submitted";
	}
	table#support_tickets td:nth-of-type(3):before {
		content: "Subject";
	}
	table#support_tickets td:nth-of-type(4):before {
		content: "Status";
	}
	table#my_services td:nth-of-type(1):before {
		content: "Order#";
	}
	table#my_services td:nth-of-type(2):before {
		content: "Service Name";
	}
	table#my_services td:nth-of-type(3):before {
		content: "Qty";
	}
	table#my_services td:nth-of-type(4):before {
		content: "Setup";
	}
	table#my_services td:nth-of-type(5):before {
		content: "Ongoing";
	}
	table#my_services td:nth-of-type(6):before {
		content: "Status";
	}
	table#my_services td:nth-of-type(7):before {
		content: "Action";
	}
	table#invoice_table td:nth-of-type(1):before {
	content: "Invoice No";
	}
	table#invoice_table td:nth-of-type(2):before {
		content: "Start Date";
	}
	table#invoice_table td:nth-of-type(3):before {
		content: "Due Date";
	}
	table#invoice_table td:nth-of-type(4):before {
		content: "Amount";
	}
	table#invoice_table td:nth-of-type(5):before {
		content: "Paid Status";
	}
	table#invoice_table td:nth-of-type(6):before {
		content: "Action";
	}
	table#invoice_table td:nth-of-type(7):before {
		content: "Statement";
	}
}
@media screen and (max-width: 640px) {
	#content-area, #ad-container .main, #tab-container .main,.footer-area-1, #footer-area-2, #inner-container-area {width:96%;}
	#box, #box1, #box2, #box3, #box4{width:45.6%;margin:0 2%;margin-bottom:20px;}
	#ad-1, #ad-2, #ad-3, #ad-4{width:45.6%;margin:0 2%;}
	#ad-1 h1, #ad-2 h1, #ad-3 h1, #ad-4 h1, #ad-5 h1{padding-top:180px;}
	#ad-1 p, #ad-2 p, #ad-3 p, #ad-4 p{padding:1% 3%;}		
	table.step3table {
	}
	table.step3table , table.step3table thead, table.step3table tbody, table.step3table th, table.step3table td, table.step3table tr {
		display: block;
	}
	/*#record_table tr th {
		display:none;
	}*/
	table.step3table thead tr{
		/*position: absolute;
		top: -9999px;
		left: -9999px;*/
	}
	
	table.step3table tr:nth-of-type(odd) {
		background-color: #fefefe;
	}
	table.step3table td {
		border: none;
		/*border-bottom: 1px solid #fefefe;
		position: relative;
		padding-left: 50%;*/
		text-align:left !important;
		word-break:break-all;
	}
	table.step3table td:before {
		position: absolute;
		top: 6px;
		left: 8px;
		width: 96% !important;
		padding-right: 4%;
		white-space: nowrap;
	}
	.breadcrumb > li:nth-child(5), .breadcrumb > li:nth-child(6) {
		display:none;
	}
	.breadcrumb > li:last-child {
		display:inline-block;
	}
}
@media screen and (max-width: 540px) {
	#content-area, #ad-container .main, #tab-container .main,.footer-area-1, #footer-area-2, #inner-container-area {width:95%;}
	.navbar .brand img{height:36px;max-height:36px;}
	#box, #box1, #box2, #box3, #box4{width:95.6%;margin:0 2%;margin-bottom:20px;}
	#ad-1, #ad-2, #ad-3, #ad-4{width:95.6%;margin:0 2%;background-image:none;background-color:#f7f7f7;border:1px solid #ddd;margin-bottom:20px;border-radius:5px;}
	#ad-1 h1, #ad-2 h1, #ad-3 h1, #ad-4 h1, #ad-5 h1{padding-top:5px;}
	#ad-1 p, #ad-2 p, #ad-3 p, #ad-4 p{padding:1% 3%;}
	#ad-5{width:95.6%;margin:0 2%;}
	#footer-area-2 p, #footer-logo{float:none;text-align:center;margin:10px 0 0 0;}	
	#content-area .content-title-1, #content-area .content-title-2, #content-area .content-title-3, #content-area .content-title-4, #content-area .content-title-5{width:95.6%;margin:0 2% 2%;}
	.box-shadow1, .box-shadow2{width:96%;}
	.label-main{float:none;padding:0;width:auto;display:block;}
	.label-area {width:auto;display:block;margin:0;}
	.device_area{margin-right:0;display:block;}
	.device_area_img{width:auto;float:none;}
	#inner-title h1{font-size:32px;line-height:32px;}
	.breadcrumb > li:nth-child(2) .divider, .breadcrumb > li {
		/*display:none;*/
	}
	.breadcrumb > li:first-child, .breadcrumb > li:last-child, .breadcrumb > li:nth-child(2) {
		display:inline-block;
	}
	#TB_window{width:440px !important;}
}
@media (min-width: 319px) and (max-width: 479px) {
	#content-area, #ad-container .main, #tab-container .main,.footer-area-1, #footer-area-2, #inner-container-area {width:95%;}
	.box-shadow1, .box-shadow2{width:92%;margin:4%;}
	#inner-area2-box-1, #inner-area2-box-3{width:91.2%; padding:4%;}
	#inner-area2-box-2, #inner-area2-box-4{float:none;margin:0 0 20px 0;width:91.2%;padding:4%;min-height:50px;}
	.box-shadow1 h1, .box-shadow1 p, .box-shadow1 h2, .box-shadow2 h1, .box-shadow2 p, .box-shadow2 h2{padding:4%;}
	#list-style-inner1 ul {padding:4% 4% 4% 10%;}
	#inner-box-1 form input[type="text"], input[type="password"], select, textarea, .logininput{    box-sizing: border-box; width: 100%;}
	#inner-box-1 .imgr {max-width:100%;text-align:center;padding:5px 0;margin:10px 0;float:none;}
	#inner-box-1 .info img{margin:8px 0;display:block;text-align:center;}
	.breadcrumb > li > .divider, .breadcrumb > li:nth-child(2) {
		/*display:none;*/
	}
	#id-form td {
		text-align: center;
	}
	#id-form select#txtSearch{width:240px;margin-bottom:10px;}
	.breadcrumb > li:first-child {display:none !important;}
	.breadcrumb > li:first-child, .breadcrumb > li:last-child, .breadcrumb > li:nth-child(2) {display:inline-block;}
}

 /* General Table Style */
   table.responsivetable {
   width: 100%;
   border-collapse: collapse;
   }
   .responsivetable tr:nth-of-type(odd) {
   background-color: #eee;
   }
   .responsivetable thead tr td {
   background-color: #939393;
   color: #474747;
/*   font-weight: bold;
*/   text-align:center;
   }
   .responsivetable td, .responsivetable th {
   padding: 6px;
   border: 1px solid #ccc;
   text-align: left;
   }
   
/* Make Table Responsive --- */
@media only screen and (max-width: 640px){
.responsivetable table, .responsivetable thead, .responsivetable th, .responsivetable tr, .responsivetable td {
display: block;
}
/* Hide table headers (but not display:none, for accessibility) */
.responsivetable thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
.responsivetable tr {
border: 1px solid #ccc;
}
.responsivetable td {
/* Behave like a row */
border: none;
padding-left: 50%;
border-bottom: 1px solid #eee;
position: relative;
}
.responsivetable td:before {
/* Now, like a table header */
position: absolute;
/* Top / left values mimic padding */
top: 6px; left: 6px;
width: 45%;
padding-right: 10px;
white-space: nowrap;
}
/* -- LABEL THE DATA -- */
.responsivetable td:nth-of-type(1):before { content: "-"; }
.responsivetable td:nth-of-type(2):before { content: "Starter"; }
.responsivetable td:nth-of-type(3):before { content: "Basics"; }
.responsivetable td:nth-of-type(4):before { content: "Advanced"; }
.responsivetable td:nth-of-type(5):before { content: "PRO"; }
 
}


/* -- PRICING BOX -- */
   /* General Table Style */
   table.responsivetable-p {
   width: 100%;
   border-collapse: collapse;
   }
   .responsivetable-p tr:nth-of-type(odd) {
   background-color: #eee;
   }
   .responsivetable-p thead tr td {
   background-color: #333;
   color: white;
   font-weight: bold;
   }
   .responsivetable-p td, .responsivetable-p th {
   padding: 6px;
   border: 1px solid #ccc;
   text-align: left;
   }
   
   
   
		   
		   
		/* Make Table Responsive --- */
		@media only screen and (max-width: 640px)  {
		.responsivetable-p table, .responsivetable-p thead, .responsivetable-p th, .responsivetable-p tr, .responsivetable-p td {
		display: block;
		}
		/* Hide table headers (but not display:none, for accessibility) */
		.responsivetable-p thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
		}
		.responsivetable-p tr {
		border: 1px solid #ccc;
		}
		.responsivetable-p td {
		/* Behave like a row */
		border: none;
		padding-left: 50%;
		padding-bottom:10%;
		border-bottom: 1px solid #eee;
		position: relative;
		}
		.responsivetable-p td:before {
		/* Now, like a table header */
		position: absolute;
		/* Top / left values mimic padding */
		top: 6px; left: 6px; 
		width: 45%;
		padding-right: 10px;
		white-space: nowrap;
		}
		/* -- LABEL THE DATA -- */
		.responsivetable-p td:nth-of-type(1):before { content: "Pricing (per mailbox) :"; }
		.responsivetable-p td:nth-of-type(2):before { content: "Pricing (per mailbox) :"; }
		.responsivetable-p td:nth-of-type(3):before { content: "Pricing (per mailbox) :"; }
		.responsivetable-p td:nth-of-type(4):before { content: "Pricing (per mailbox) :"; }
		.responsivetable-p td:nth-of-type(5):before { content: "Pricing (per mailbox) :"; }
		 
		}   
   
   


/* -- END OF PRICING BOX -- */

@media only screen and (max-width: 640px)  {
.responsivetable td:before
{
text-align:left !important;
}
.responsivetable td:first-child
{
	padding-left:10px;
font-weight:bold;
	}
.responsivetable td:nth-of-type(1):before
{
content:'';
}
.responsivetable-p td
{
padding-bottom:10px;
text-align:left !important;
}
.responsivetable-p td:before
{
text-align:left !important;
}
.responsivetable table, .responsivetable thead, .responsivetable th, .responsivetable tr, .responsivetable td
{
text-align:left !important;
}
}

.content-title-1 h1, .content-title-2 h1, .content-title-3 h1, .content-title-4 h1{padding:12px 5px 45px 5px !important; text-align:center;}

@media only screen and (max-width: 1060px)  {
    .footer-area-1, #footer-area-2, #menu-container, .tpmenu, .deskmenu, #tab-container .main {width:100%;}


}

@media (min-width: 550px) and (max-width: 1060px)  {
    #footer-area-2 p { margin-left:20px; }


}