/*@menu-bg: #0086AF;*/
@media all {
  header {
    height: auto;
    background-color: #fff;
    border-top: none;
    border-bottom: 2px solid #fff;
  }
  h1 {
    font-size: 1em !important;
    font-weight: normal !important;
    text-align: left;
    padding: 10px;
  }
  nav {
    /*//top: 0; // Fix the menu to the top
  //position: fixed; // Fix the menu to the top*/
    height: auto;
    width: 100%;
    /*background-color: @menu-bg;*/
    color: #12759A;
  }
  nav ul {
    display: block;
    padding: 0;
    margin: 0;
  }
  nav li {
    display: inline;
    float: left;
  }
  nav a {
    display: inline-block;
    width: 100px;
    text-align: center;
    padding: 10px 0;
    color: #12759A;
    text-decoration: none;
  }
  nav a:hover {
    background-color: #d6ebf3;
  }
  nav a#openup {
    display: none;
  }
  .cf:before,
  .cf:after {
    content: "";
    display: table;
  }
  .cf:after {
    clear: both;
  }
  .cf {
    zoom: 1;
  }
  /* For IE 6/7 (trigger hasLayout) */
}
@media all and (orientation: portrait) {
  .central {
    width: 94%;
  }
  .BlockTitle img {
    width: 90%;
  }
  .specificAppButton {
    width: 18%;
  }
  .column {
    width: 47%;
    display: inline-block;
    vertical-align: top;
    overflow: auto;
  }
  .column + .column {
    margin-left: 5%;
  }
  #sendMessageForm {
    text-align: center;
  }
  #sendMessageForm #name {
    width: 49.5%;
  }
  #sendMessageForm #email {
    width: 49%;
  }
  .specificAppButton {
    background-size: 65%;
  }
  .pricingTable a img {
    max-width: 122px;
    width: 100%;
  }
  /*body {
  font-family: 'PT Sans Narrow', sans-serif;
  background-color: @text-color;
  background-image: url('http://i.cubeupload.com/NjsJx8.png');
  margin: 0;
}*/
  p {
    font-size: 1.2em;
    text-align: center;
    padding: 10px;
  }
}
@media all and (max-width: 849px) {
  #logos img {
    width: auto;
  }
  table {
    font-size: 0.9em;
  }
}
@media all and (max-width: 839px) {
  #logos img {
    width: auto;
  }
  .specificAppButton {
    font-size: 1.05em;
  }
}
@media all and (max-width: 799px) {
  #logos img {
    width: auto;
  }
  .specificAppButton {
    font-size: 1em;
  }
}
@media all and (max-width: 759px) {
  #logos img {
    width: auto;
  }
  .specificAppButton {
    font-size: 0.95em;
  }
}
@media all and (max-width: 749px) {
  #logos img {
    width: auto;
  }
  .central {
    width: 94%;
  }
  .BlockTitle img {
    width: 90%;
  }
  .specificAppButton {
    width: 18%;
  }
  .column {
    width: 47%;
    display: inline-block;
    vertical-align: top;
    overflow: auto;
  }
  .column + .column {
    margin-left: 5%;
  }
  #sendMessageForm {
    text-align: center;
  }
  #sendMessageForm #name {
    width: 49.5%;
  }
  #sendMessageForm #email {
    width: 49%;
  }
  /*a.topMenuLink {
    border-top: 3px solid #009CD9;
  }

    a.topMenuLink:hover, a.topMenuLink.checkedItem {
      border-top: 3px solid #33B0E1;
      border-bottom: none;
    }

    a.topMenuLink.checkedItem {
      border-top: 3px solid #D2FDA3;
    }*/
  body {
    margin-top: 0px;
  }
  #pageTitle {
    font-size: 2.5em;
  }
  #pageSubtitle {
    font-weight: normal;
    font-size: 1.1em;
  }
  .BlockTitle {
    font-size: 1.7em;
  }
  .blockSubtitle {
    font-size: 0.9em;
  }
  .features ul {
    font-size: 1em;
    font-weight: normal;
    color: black;
  }
  .specificAppButton {
    background-size: 65%;
  }
  table {
    font-size: 0.8em;
  }
  #copyright {
    padding-bottom: 6%;
  }
}
@media all and (max-width: 719px) {
  #logos img {
    width: auto;
  }
  .specificAppButton {
    font-size: 0.9em;
  }
}
@media all and (max-width: 689px) {
  #logos img {
    width: auto;
  }
  .specificAppButton {
    font-size: 0.85em;
  }
}
@media all and (max-width: 649px) {
  #logos img {
    width: auto;
  }
  .specificAppButton {
    font-size: 0.8em;
  }
  #androidLite .hideable {
    display: none;
  }
  #windowsLite {
    display: block;
  }
  .pricingTableWrapper {
    margin-bottom: 1em;
  }
  .pricingTable th:first-child {
    width: 45%;
  }
  th.tCellAndroid,
  th.tCellAPro {
    border-right-color: #BBD1D9;
  }
  table {
    font-size: 1em;
  }
}
@media all and (max-width: 620px) {
  #logos img {
    width: auto;
  }
  .specificAppButton {
    font-size: 0.75em;
  }
}
@media all and (max-width: 599px) {
  .specificAppButton {
    font-size: 0.8em;
  }
  #logos img {
    width: 100%;
  }
  .specificAppButton {
    display: block;
    height: 58px;
    width: 269px;
    margin: 1% auto;
    padding: 22px 1% 1% 68px;
    background-size: auto;
    text-align: left;
  }
  .specificAppButton br {
    display: none;
  }
  #InventoryApp {
    background-position: 5% center;
    background-image: url('Images/buttons/Inventory_small.png');
  }
  #PMApp {
    background-position: 5% center;
    background-image: url('Images/buttons/ProjectManagement_small.png');
  }
  #InvoicesApp {
    background-position: 5% center;
    background-image: url('Images/buttons/Invoices_small.png');
  }
  #RentalApp {
    background-position: 5% center;
    background-image: url('Images/buttons/PropertyManagement_small.png');
  }
  #RecipesApp {
    background-position: 5% center;
    background-image: url('Images/buttons/Recipes_small.png');
  }
  .specificAppBlock {
    margin-top: 2.2%;
    margin-bottom: 3%;
    text-align: center;
  }
  .specificAppBlock .stretch {
    display: none;
  }
  .BlockTitle {
    font-size: 1.5em;
  }
  .blockSubtitle {
    font-size: 0.8em;
  }
  #pageTitle {
    font-size: 2.2em;
  }
  #support.siteBlock {
    margin-top: 1%;
  }
  #aboutCompany span {
    display: inline-block;
  }
}
@media all and (max-width: 560px) {
  /*#region Fonts*/
  #logos img {
    width: 100%;
  }
  #pageTitle {
    font-size: 1.5em;
  }
  #pageSubtitle {
    font-size: 0.9em;
  }
  .BlockTitle {
    font-size: 1.1em;
    font-weight: 600;
    color: black;
  }
  .BlockText,
  .BlockText p,
  .BlockText a {
    font-size: 0.9em;
    font-weight: normal;
    line-height: 1.7em;
  }
  .BlockText a {
    font-size: 1em;
  }
  .features ul {
    font-size: 0.8em;
    font-weight: normal;
    line-height: 1.7em;
    color: black;
  }
  #sendMessageForm input[type="text"],
  textarea {
    font-size: 0.9em;
  }
  .sendMessageButton {
    font-size: 16px;
  }
  #support #aboutCompany p {
    font-size: 0.9em;
    line-height: 1.2em;
  }
  /*#endregion*/
  /*#region Top menu*/
  a.topMenuLink {
    text-align: center;
    padding-top: 0.5em;
  }
  #pageTitle {
    width: 100%;
    text-align: center;
    padding-top: 1.5%;
    padding-bottom: 0.5%;
  }
  #videoButton img {
    width: 90%;
    margin-top: 3.2%;
    margin-bottom: -7.1%;
  }
  /*#endregion*/
  /*#region MainLayout*/
  .BlockTitle,
  .blockSubtitle {
    margin: 2.2% auto;
    text-align: center;
    width: 90%;
  }
  .getItBlock {
    margin-top: 3%;
    margin-bottom: 1.5%;
  }
  /*#endregion*/
  /*#region Specifics*/
  /*#endregion*/
  .getItButton {
    display: block;
    height: 55px;
    width: 174px !important;
    margin: 1% auto;
  }
  .getItButton:hover {
    background-position: 0 55px;
    opacity: 0.8;
  }
  #getItAndroid.getItButton {
    background-image: url('Images/buttons/getItAndroid_small.png');
  }
  #getItWindows.getItButton {
    background-image: url('Images/buttons/getItWindows_small.png');
  }
  #getItiOS.getItButton {
    background-image: url('Images/buttons/getItiOS_small.png');
  }
  .getItButton img.small {
    display: inline-block;
  }
  .getItButton img.normal {
    display: none;
  }
  .getItButton + .getItButton {
    margin: 1% auto;
  }
  /*#region Features*/
  .features {
    margin-top: 1.5%;
  }
  .features li {
    background-position: 0 50%;
    padding-left: 2em;
  }
  .column {
    width: 100%;
  }
  .column + .column {
    margin-left: 0px;
  }
  /*#endregion*/
  /*#region Contact us*/
  #support .BlockTitle {
    margin-top: 0.5em;
    margin-bottom: 0.3em;
  }
  #support .BlockText {
    margin-bottom: 0.5em;
  }
  #support .BlockText p {
    margin: 0.5em 0;
  }
  #sendMessageForm #name {
    width: 100%;
    margin-right: 0px;
  }
  #sendMessageForm #email {
    width: 100%;
  }
  .sendMessageButton {
    width: 140px;
    margin: 0.5em auto 0.8em;
    padding: 11px;
    border-radius: 2px;
  }
  table {
    font-size: 0.8em;
  }
  #aboutCompany span,
  #aboutCompany span.phone {
    display: block;
    text-align: left;
  }
  /*#endregion*/
}
@media all and (max-width: 480px) {
  /*#region Fonts*/
  #logos img {
    width: 100%;
  }
  /*new menu*/
  nav {
    height: auto;
    border-bottom: 0;
  }
  nav ul {
    display: none;
    height: auto;
  }
  nav li {
    width: 100%;
    float: left;
    position: relative;
    vertical-align: central;
  }
  nav a {
    text-align: left;
    width: 100%;
    text-indent: 25px;
    /*background: @menu-bg;*/
  }
  nav a#openup:after {
    content: "|||";
    transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    /* IE 9 */
    -webkit-transform: rotate(-90deg);
    /* Safari and Chrome */
    width: 30px;
    height: 30px;
    display: inline-block;
    position: absolute;
    right: 5px;
    top: 20px;
  }
  nav a#openup {
    display: block;
    /*background-color: @menu-bg;*/
    width: 100%;
    position: relative;
  }
}