/**************************************************************************************/
/*
/*		Web: http://www.asdesigning.com
/*		Web: http://www.astemplates.com
/*		License: GNU/GPL
/*
/**************************************************************************************/

@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;
  }

  .row {
    margin-left: -12px;
  }

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

  .row:after {
    clear: both;
  }

  [class*="span"] {
    float: left;
    margin-left: 12px;
  }

  .container,
  .navbar-static-top .container,
  .navbar-fixed-top .container,
  .navbar-fixed-bottom .container {
    width: 756px;
  }

  .span12 {
    width: 756px;
  }

  .span11 {
    width: 692px;
  }

  .span10 {
    width: 628px;
  }

  .span9 {
    width: 564px;
  }

  .span8 {
    width: 500px;
  }

  .span7 {
    width: 436px;
  }

  .span6 {
    width: 372px;
  }

  .span5 {
    width: 308px;
  }

  .span4 {
    width: 244px;
  }

  .span3 {
    width: 180px;
  }

  .span2 {
    width: 116px;
  }

  .span1 {
    width: 52px;
  }

  .offset12 {
    margin-left: 780px;
  }

  .offset11 {
    margin-left: 716px;
  }

  .offset10 {
    margin-left: 652px;
  }

  .offset9 {
    margin-left: 588px;
  }

  .offset8 {
    margin-left: 524px;
  }

  .offset7 {
    margin-left: 460px;
  }

  .offset6 {
    margin-left: 396px;
  }

  .offset5 {
    margin-left: 332px;
  }

  .offset4 {
    margin-left: 268px;
  }

  .offset3 {
    margin-left: 204px;
  }

  .offset2 {
    margin-left: 140px;
  }

  .offset1 {
    margin-left: 76px;
  }

  .row-fluid {
    width: 100%;
  }

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

  .row-fluid:after {
    clear: both;
  }

  .row-fluid [class*="span"] {
    display: block;
    width: 100%;
    min-height: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    margin-left: 1.58%;
  }

  .row-fluid [class*="span"]:first-child {
    margin-left: 0;
  }

  .row-fluid .span12 {
    width: 99.99;
  }

  .row-fluid .span11 {
    width: 91.53%;
  }

  .row-fluid .span10 {
    width: 83.06%;
  }

  .row-fluid .span9 {
    width: 74.6%;
  }

  .row-fluid .span8 {
    width: 66.13%;
  }

  .row-fluid .span7 {
    width: 57.67%;
  }

  .row-fluid .span6 {
    width: 49.2%;
  }

  .row-fluid .span5 {
    width: 40.74%;
  }

  .row-fluid .span4 {
    width: 32.27%;
  }

  .row-fluid .span3 {
    width: 23.8%;
  }

  .row-fluid .span2 {
    width: 15.34%;
  }

  .row-fluid .span1 {
    width: 6.87%;
  }

  .row-fluid .offset12 {
    margin-left: 103.17%;
  }

  .row-fluid .offset12:first-child {
    margin-left: 101.58%;
  }

  .row-fluid .offset11 {
    margin-left: 94.7%;
  }

  .row-fluid .offset11:first-child {
    margin-left: 93.12%;
  }

  .row-fluid .offset10 {
    margin-left: 86.24%;
  }

  .row-fluid .offset10:first-child {
    margin-left: 84.65%;
  }

  .row-fluid .offset9 {
    margin-left: 77.77%;
  }

  .row-fluid .offset9:first-child {
    margin-left: 76.19%;
  }

  .row-fluid .offset8 {
    margin-left: 69.31%;
  }

  .row-fluid .offset8:first-child {
    margin-left: 67.72%;
  }

  .row-fluid .offset7 {
    margin-left: 60.84%;
  }

  .row-fluid .offset7:first-child {
    margin-left: 59.25%;
  }

  .row-fluid .offset6 {
    margin-left: 52.38%;
  }

  .row-fluid .offset6:first-child {
    margin-left: 50.79%;
  }

  .row-fluid .offset5 {
    margin-left: 43.91%;
  }

  .row-fluid .offset5:first-child {
    margin-left: 42.32%;
  }

  .row-fluid .offset4 {
    margin-left: 35.44%;
  }

  .row-fluid .offset4:first-child {
    margin-left: 33.86%;
  }

  .row-fluid .offset3 {
    margin-left: 26.98%;
  }

  .row-fluid .offset3:first-child {
    margin-left: 25.39%;
  }

  .row-fluid .offset2 {
    margin-left: 18.51%;
  }

  .row-fluid .offset2:first-child {
    margin-left: 16.93%;
  }

  .row-fluid .offset1 {
    margin-left: 10.05%;
  }

  .row-fluid .offset1:first-child {
    margin-left: 8.46%;
  }

  input,
  textarea,
  .uneditable-input {
    margin-left: 0;
  }

  .controls-row [class*="span"] + [class*="span"] {
    margin-left: 12px;
  }

  input.span12,
  textarea.span12,
  .uneditable-input.span12 {
    width: 742px;
  }

  input.span11,
  textarea.span11,
  .uneditable-input.span11 {
    width: 678px;
  }

  input.span10,
  textarea.span10,
  .uneditable-input.span10 {
    width: 614px;
  }

  input.span9,
  textarea.span9,
  .uneditable-input.span9 {
    width: 550px;
  }

  input.span8,
  textarea.span8,
  .uneditable-input.span8 {
    width: 486px;
  }

  input.span7,
  textarea.span7,
  .uneditable-input.span7 {
    width: 422px;
  }

  input.span6,
  textarea.span6,
  .uneditable-input.span6 {
    width: 358px;
  }

  input.span5,
  textarea.span5,
  .uneditable-input.span5 {
    width: 294px;
  }

  input.span4,
  textarea.span4,
  .uneditable-input.span4 {
    width: 230px;
  }

  input.span3,
  textarea.span3,
  .uneditable-input.span3 {
    width: 166px;
  }

  input.span2,
  textarea.span2,
  .uneditable-input.span2 {
    width: 102px;
  }

  input.span1,
  textarea.span1,
  .uneditable-input.span1 {
    width: 38px;
  }
}

/**************************************************************************************/

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

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

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

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

  body {
    padding-left: 20px;
    padding-right: 20px;
  }

  .navbar-fixed-top,
  .navbar-fixed-bottom {
    margin-left: -20px;
    margin-right: -20px;
  }

  .container-fluid {
    padding: 0;
  }

  .dl-horizontal dt {
    float: none;
    clear: none;
    width: auto;
    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"],
  .row-fluid [class*="span"] {
    float: none;
    display: block;
    width: auto;
    margin-left: 0;
    margin-bottom: 50px;
    overflow: hidden;
  }

  form [class*="span"],
  form .row-fluid [class*="span"] {
    margin-bottom: 25px;
  }

  .span12,
  .row-fluid .span12 {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  .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;
  }

  /* >>> JUI >>> */
  div.modal {
    position: fixed;
    top: 20px;
    left: 20px;
    right: 20px;
    width: auto;
    margin: 0;
  }

  div.modal.fade.in {
    top: auto;
  }
}

/***************************************************************************************/

@media (max-width: 480px) {
  .nav-collapse {
    transform: translate3d(0, 0, 0);
    -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-group > 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-left: 10px;
    padding-right: 10px;
  }

  /* >>> JUI >>> */
  div.modal {
    top: 10px;
    left: 10px;
    right: 10px;
  }

  .modal-header .close {
    padding: 10px;
    margin: -10px;
  }

  .carousel-caption {
    position: static;
  }
}