/* !Responzive (Author: mail@jandousek.cz) */

@media only screen and (max-width: 1190px) {

  .offersList {
    margin-bottom: 30px;
  }
  .offersList .col {
    width: 33.33%;
  }
  .offersList .col.i4 {
    width: auto;
    float: none;
    clear: both;
  }
  .howItWorks,
  .aboutUs,
  .infoBox.last {
    margin-bottom: 20px;
  }

}

@media only screen and (max-width: 1150px) {

  .createForm_foot {
    padding: 20px 0 5px 0;
    text-align: center;
  }
  .createForm_foot .price,
  .createForm_foot .agree,
  .createForm_foot .send {
    float: none;
    margin-bottom: 15px;
    box-shadow: none;
    border: none;
    padding: 0;
  }
  .createForm_foot .price strong {
    margin: 0;
    font-size: 100%;
  }

}

@media only screen and (max-width: 1130px) {

  .formGroups_list .formGroup {
    width: 50%;
  }
  .formGroups_list .formGroup:nth-child(3n + 1) {
    clear: none;
  }
  .formGroups_list .formGroup:nth-child(2n + 1) {
    clear: both;
  }
  .createForm.col4,
  .createForm.col5 {
    width: auto;
    float: none;
  }

}

@media only screen and (max-width: 1200px) {

  .createForm.col1 {
    width: auto;
		float: none;
  }
  .createForm.col2 {
    width: auto;
		float: none;
		margin-left: 0;
  }
  
.home-cols {
  margin-bottom: 42px;
}

}


@media only screen and (max-width: 1050px) {

.home-cols .calculator {
  width: auto;
  float: none;
  margin-bottom: 32px;
}
.home-cols .promoVideo {
  width: auto;
  float: none;
}
.promoVideo {
  border-top: none;
}

}

@media only screen and (max-width: 1000px) {

  .webContent .gallery dl {
    width: 25%;
  }
  .askUs {
    padding-top: 35px;
    padding-bottom: 20px;
  }
  .askUs {
    font-size: 95%;
  }
  .askUs h2 {
    margin-bottom: 10px;
    font-size: 165%;
  }
  .askUs p {
    margin-bottom: 20px;
  }
  .askUs .goMore,
  .askUs .goCall {
    margin: 0 10px 20px 10px;
  }
  .askUs .goMore {
    padding: 12px 18px;
  }
  .askUs .goCall {
    padding: 0;
    background-position: -1000px -1000px;
  }


}

@media only screen and (max-width: 1000px) {

  .infoBox {
    padding: 30px 30px 30px 250px;
  }
  .infoBox.reverse {
    padding: 30px 250px 30px 30px;
  }
  .infoBox:after {
    width: 150px;
    height: 150px;
    left: 50px;
    margin-top: -75px;
  }
  .infoBox.reverse:after {
    right: 50px;
  }
  .infoBox h2 {
    margin-bottom: 15px;
  }
  .infoBox h2:after {
    display: none;
  }
  .webContent {
    font-size: 80%;
  }

}

@media only screen and (max-width: 980px) {

  .webContent table {
    font-size: 90%;
  }
  .webContent table thead th,
  .webContent table thead td,
  .webContent table tbody th,
  .webContent table tbody td {
    padding: 12px 13px;
  }
  .webSide .textWidget {
    padding: 20px 20px 10px 20px;
  }

}

@media only screen and (max-width: 930px) {

  .subNav {
    padding: 0;
    background: transparent;
    box-shadow: none;
    text-align: center;
    font-size: 13px;
  }
  .subNav ul li {
    border: none;
    display: inline-block;
    margin: 0 5px 10px 5px;
  }
  .subNav ul li a {
    padding: 8px 15px;
    background-color: #fff;
    border: 1px solid #e1e1e1;
    border-radius: 3px;
  }
  .webSide {
    width: auto;
    float: none;
    margin-bottom: 25px;
  }
  .webContent, .itemPost--list {
    width: auto;
    float: none;
    margin-bottom: 20px;
    font-size: 90%;
  }
  .itemPost--list {
    margin-left: 5px;
  }
  .webContent .gallery dl {
    width: 20%;
  }
  .webSide .banner,
  .webSide .textWidget {
    display: none;
  }
  .itemPost--list .pager {
    margin: 40px 0 40px 0;
  }
  .pager {
    text-align: center;
  }
  .pager a, .pager span {
    margin: 0 5px 5px 5px;
  }
  .itemPost-inset-inset {
    margin-left: 0;
    text-align: center;
  }
  .itemPost-thumb {
    width: 150px;
    height: 150px;
    float: none;
    display: block;
    margin: 0 auto 20px auto;
  }
  .itemPost-title {
    font-size: 20px;
  }

}

@media only screen and (max-width: 900px) {

  .aboutUs {
    text-align: center;
  }
  .aboutUs .colRight {
    width: auto;
    float: none;
    margin-bottom: 10px;
  }
  .aboutUs .colLeft {
    margin-right: 0;
    padding-left: 20px;
    padding-right: 20px;
  }
  .aboutUs .slider .desc {
    padding-top: 30px;
  }
  .aboutUs .slider p {
    margin-bottom: 25px;
  }
  .webHead .call {
    display: none;
  }

}

@media only screen and (max-width: 860px) {

  .webNav ul li a {
    padding: 18px 5px;
    font-size: 13px;
  }

}

@media only screen and (max-width: 850px) {

  .howItWorks ol:before {
    display: none;
  }
  .howItWorks ol li {
    width: 35%;
  }
  .pageHead  {
    font-size: 105%;
  }

}

@media only screen and (max-width: 820px) {

  .offersList .col,
  .offersList .col.i4 {
    width: 50%;
  }
  .offersList .col.i4 {
    float: left;
    clear: none;
  }
  .offersList .offerItem.sizeLarge a {
    padding-top: 160px;
    background-size: 100px auto;
  }

}

@media only screen and (max-width: 810px) {

  .formGroups_list.cols2 .formGroup,
  .formGroups_list.cols3 .formGroup {
    width: auto;
    float: none;
  }
  .formGroup .add,
  .formGroup .add span {
    width: auto;
    position: static;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
  }
  .formGroup .add span {
    margin: 0 0 10px 0;
    padding: 0;
    background: #fff;
  }
  .formGroup.template .createForm_col,
  .formGroup.template .formField {
    display: none;
  }

}

@media only screen and (max-width: 780px) {

  .btn {
    padding: 7px 10px;
    font-size: 14px;
  }
  .flashMessage {
    padding: 5px 10px;
    font-size: 14px;
  }
  .formField .label {
    font-size: 14px;
    padding-bottom: 5px;
  }
  .webCenter {
    padding-top: 25px;
  }
  .pageHead {
    margin-bottom: 30px;
  }
  .infoBox,
  .infoBox.reverse {
    padding: 20px;
  }
  .infoBox:after {
    display: none;
  }
  .infoBox h2 {
    font-size: 160%;
    margin-bottom: 10px;
  }
  .infoBox p {
    margin-bottom: 15px;
    text-align: justify;
    font-size: 90%;
  }
  .summaryTable {
    font-size: 90%;
  }
  .createForm {
    padding: 5px 20px 10px 20px;
  }
  .createForm .formField {
    margin-bottom: 10px;
  }
  .createForm .formDesc {
    margin: 0 -1px 0 -10px;
  }
  .createForm .formGroups_list {
    margin: 0 -20px 0 -20px;
  }
  .formDesc .corner {
    display: none;
  }
  .inputText {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  select.inputText {
    padding-top: 9px;
    padding-bottom: 9px;
  }
  .ui-spinner .ui-spinner-button > span {
    margin-top: 4px;
  }
  .ui-spinner .suffix {
    top: 10px;
  }

}

@media only screen and (max-width: 750px) {

  .webContent {
    padding: 20px 20px 10px 20px;
  }
  .webContent h2 {
    margin-bottom: 10px;
    font-size: 160%;
  }
  .webContent p.excerpt,
  .webContent address.excerpt {
    margin-bottom: 20px;
    font-size: 15px;
  }
  .webContent li {
    margin-bottom: 10px;
  }
  .webContent .pageThumb,
  .webContent .separator {
    margin-left: -20px;
    margin-right: -20px;
  }
  .promoVideo > span {
    padding: 10px 16px 10px 16px;
  }

}

@media only screen and (max-width: 680px) {

  .webHead .logo {
    background-position: left 12px;
    font-size: 90%;
  }
  .webHead .logo a {
    padding: 15px 0 15px 50px;
  }
  .webHead .logo a .name {
    font-size: 140%;
  }
  .webHead .facebook {
    margin-top: 18px;
  }

}

@media only screen and (max-width: 670px) {

  .webContent .gallery dl {
    width: 25%;
  }
  .pageHead  {
    font-size: 95%;
  }
  .webFoot {
    padding-top: 14px;
    padding-bottom: 14px;
  }

}

@media only screen and (max-width: 620px) {


  .offersList .col,
  .offersList .col.i4 {
    width: auto;
    float: none;
    clear: both;
  }

}


@media only screen and (max-width: 580px) {

  .inputSubmit {
    padding: 12px 15px;
    background: #fff;
  }
  .helpIcon {
    display: none;
  }
  .webContent {
    margin-left: -20px;
    margin-right: -20px;
  }
  .webContent h3 {
    margin-bottom: 10px;
    font-size: 120%;
  }
  .webContent img.alignleft {
    margin: 5px 20px 15px 0;
  }
  .webContent img.alignright {
    margin: 5px 0 15px 20px;
  }
  .webContent .gallery dl {
    width: 33.33%;
  }
  .webContent .separator {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .webContent .pageThumb {
    height: 160px;
  }

}

@media only screen and (max-width: 530px) {

  .webHead .webNav_trigger {
    display: block;
  }
  .webNav {
    max-height: 0;
    overflow: hidden;
    border-bottom: none;
    transition: max-height 500ms ease-in-out;
  }
  .webNav.show {
    max-height: 1000px;
  }
  .webNav ul li {
    width: auto !important;
    float: none;
    display: block;
  }
  .webNav ul li a {
    border-right: none;
    border-bottom: 1px solid #e1e1e1;
  }
  .howItWorks {
    padding-top: 20px;
  }
  .howItWorks h2 {
    margin-bottom: 15px;
    font-size: 160%;
  }
  .howItWorks ol li {
    width: auto;
    display: block;
    margin: 0 15px 20px 15px;
    padding-top: 0;
    background-position: -1000px -1000px;
  }
  .howItWorks ol li:after {
    content: '';
    width: 5px;
    height: 5px;
    display: block;
    margin: 10px auto 0 auto;
    background: #fff;
    border-radius: 100%;
  }
  .howItWorks ol li:last-child {
    margin-bottom: 0;
  }
  .howItWorks ol li:last-child:after {
    display: none;
  }
  .howItWorks .foot {
    font-size: 90%;
  }
  .howItWorks .foot p {
    padding: 15px;
  }
  .aboutUs .colLeft {
    padding-top: 20px;
  }
  .aboutUs .colRight {
    padding: 20px;
  }
  .aboutUs h2 {
    margin-bottom: 10px;
    font-size: 160%;
  }
  .aboutUs p {
    margin-bottom: 10px;
  }
  .aboutUs .slider .desc {
    padding: 0;
  }
  .aboutUs .slider p {
    margin-bottom: 10px;
    font-size: 90%;
  }
  .aboutUs p.author:before {
    display: none;
  }
  .askUs {
    padding-top: 25px;
    padding-bottom: 5px;
    font-size: 85%;
  }
  .askUs h2 {
    font-size: 150%;
  }
  .askUs .goCall {
    font-size: 18px;
  }
  .bx-pager {
    display: none;
  }

}

@media only screen and (max-width: 520px) {

  .webContent .gallery dl {
    width: 50%;
  }
  .createForm .createForm_col,
  .createForm .createForm_col.alignRight {
    width: auto;
    float: none;
  }

}

@media only screen and (max-width: 480px) {

  .webHead .logo {
    background: transparent;
  }
  .webHead .logo a {
    padding-left: 0;
  }
  .pageHead  {
    font-size: 85%;
  }

}

@media only screen and (max-width: 450px) {

  .webContent .gallery dl {
    width: 50%;
  }
  .offersList .offerItem.sizeLarge a,
  .offersList .offerItem.sizeSmall a {
    padding: 20px 20px 10px 20px;
    background-position: -1000px -1000px;
  }
  .offersList .offerItem.sizeSmall {
    text-align: center;
  }
  .offersList .offerItem h3 {
    font-size: 130%;
  }
  .offersList .offerItem h3:after {
    margin-left: auto;
    margin-right: auto;
  }

}

@media only screen and (max-width: 600px) {

  .webHead .logo a p {
    display: none;
  }
  .webHead .logo a p.name {
    display: block;
  }
  .webHead .logo a p.name span {
    display: none;
  }
  .webHead .webNav_trigger {
    margin-top: 14px;
  }
  .webHead .facebook {
    margin-top: 10px;
  }
  .webHead {
    padding: 10px 0;
  }

}

@media only screen and (max-width: 330px) {

  .webContent .gallery dl {
    width: auto;
    float: none;
  }
  .webContent .gallery dl dt a img {
    width: 100%;
  }
  .webNav ul li a {
    padding-top: 14px;
    padding-bottom: 14px;
  }


}