/*@media only screen and(min-width: 1600px) {
    #page-content {
        min-width: 940px;
    }
    .wrapper {
        width: 1500px;
    }

        .one-half {
            width: 730px;
        }
        .one-third {
            width: 186px;
        }
        .two-third {
            width: 412px;
        }
        .one-fourth {
            width: 130px;
        }
        .two-fourth {
            width: 300px;
        }
        .three-fourth {
            width: 470px;
        }
        .one-fifth {
            width: 98px;
        }
        .two-fifth {
            width: 236px;
        }
        .three-fifth {
            width: 334px;
        }
        .four-fifth {
            width: 472px;
        }

}*/
@media only screen and (max-width: 1200px) {
  h4 br {
    display: none; }

  #page-content {
    min-width: 940px; }

  .wrapper {
    width: 940px; }

  .main-content {
    width: 640px; }
    .main-content .one-half {
      width: 300px; }
    .main-content .one-third {
      width: 186px; }
    .main-content .two-third {
      width: 412px; }
    .main-content .one-fourth {
      width: 130px; }
    .main-content .two-fourth {
      width: 300px; }
    .main-content .three-fourth {
      width: 470px; }
    .main-content .one-fifth {
      width: 98px; }
    .main-content .two-fifth {
      width: 236px; }
    .main-content .three-fifth {
      width: 334px; }
    .main-content .four-fifth {
      width: 472px; }

  aside {
    width: 240px; }

  .blog-content {
    width: 550px; }

  .one-half {
    width: 450px; }
    .one-half .iconbox-content {
      width: 400px; }

  .one-third {
    width: 286px; }
    .one-third .iconbox-content {
      width: 236px; }

  .two-third {
    width: 612px; }

  .one-fourth {
    width: 205px; }
    .one-fourth .iconbox-content {
      width: 155px; }

  .two-fourth {
    width: 450px; }

  .three-fourth {
    width: 695px; }

  .one-fifth {
    width: 156px; }

  .two-fifth {
    width: 356px; }

  .three-fifth {
    width: 554px; }

  .four-fifth {
    width: 752px; }

  .map-bottom {
    background-size: 1280px;
    background-position: -0px -0px;
    width: 1280px;
    height: 39px;
    margin-top: -39px; }

  .map-top {
    background-size: 1280px;
    background-position: -0px -39px;
    width: 1280px;
    height: 39px; }

  .projects-bottom {
    background-size: 1280px;
    background-position: -0px -78px;
    width: 1280px;
    height: 50px !important; }

  .projects-top {
    background-size: 1280px;
    background-position: -0px -139px;
    width: 1280px;
    height: 60px !important; }

  .marks-top {
    background-size: 1280px;
    background-position: -0px -199px;
    width: 1280px;
    height: 34px; }

  .spacer .spacer-bottom-ref {
    background-size: 1280px;
    background-position: -0px -233px;
    width: 1280px;
    height: 37px !important;
    margin-top: 187px; }

  .spacer-top-ref {
    background-size: 1280px;
    background-position: -0px -270px;
    width: 1280px;
    height: 37px !important; }

  #googleMap {
    height: 350px; }

  #blog-grid .masonry-item {
    width: 286px; }

  .social-column {
    width: 300px; }
    .social-column .social-icon div {
      margin: 0 13px; }

  .tp-caption img {
    /*width: 135px !important;
    height: auto !important;*/ }

  .section_about .column-section {
    display: table; }
    .section_about .column-section .column {
      display: table-cell;
      vertical-align: middle;
      float: none; }
  .section_about .one .column,
  .section_about .three .column {
    text-align: left; }
  .section_about .two .column {
    text-align: right; }
  .section_about h2 {
    font-size: 50px;
    line-height: 60px;
    letter-spacing: -2px; }

  .hdln {
    letter-spacing: -6px !important; }
    .hdln strong {
      letter-spacing: -6px !important; }

  .two .bullet {
    float: right; } }
@media only screen and (max-width: 1023px) {
  h1 {
    font-size: 80px;
    line-height: 100px; }

  h2 {
    font-size: 36px;
    line-height: 54px; }

  h3 {
    font-size: 28px;
    line-height: 42px; }

  h4 {
    font-size: 20px;
    line-height: 30px; }

  h5 {
    font-size: 18px;
    line-height: 26px; }

  h6 {
    font-size: 16px;
    line-height: 22px; }

  #page-content {
    min-width: 740px; }

  .wrapper {
    width: 740px; }

  .main-content {
    width: 100%;
    float: none; }

  aside {
    width: 100%;
    float: none;
    margin-top: 100px; }

  nav#main-nav > ul > li > .sub-menu {
    top: 60px; }
  nav#main-nav > ul > li > a:first-child {
    padding: 10px 0; }
  nav#menu-controls > ul > li {
    height: 40px;
    padding: 10px 0; }

  .blog-content {
    width: 650px; }

  .one-half {
    width: 350px; }
    .one-half .iconbox-content {
      width: 300px; }

  .one-third {
    width: 220px; }
    .one-third .iconbox-content {
      width: 170px; }

  .two-third {
    width: 480px; }

  .one-fourth {
    width: 155px; }
    .one-fourth .iconbox-content {
      width: 105px; }
    .one-fourth .pricing-table {
      padding-left: 5px;
      padding-right: 5px; }
    .one-fourth .price-amount {
      font-size: 40px;
      line-height: 40px; }

  .two-fourth {
    width: 350px; }

  .three-fourth {
    width: 545px; }

  .one-fifth {
    width: 116px; }

  .two-fifth {
    width: 272px; }

  .three-fifth {
    width: 428px; }

  .four-fifth {
    width: 584px; }

  .pricing-table {
    padding: 15px; }

  .pricing-accent {
    padding: 35px 15px; }

  .price-amount {
    font-size: 60px;
    line-height: 60px; }

  .map-bottom {
    background-size: 1280px;
    background-position: -0px -0px;
    width: 1280px;
    height: 39px;
    margin-top: -39px; }

  .map-top {
    background-size: 1280px;
    background-position: -0px -39px;
    width: 1280px;
    height: 39px; }

  .projects-bottom {
    background-size: 1280px;
    background-position: -0px -78px;
    width: 1280px;
    height: 50px !important; }

  .projects-top {
    background-size: 1280px;
    background-position: -0px -139px;
    width: 1280px;
    height: 60px !important; }

  .marks-top {
    background-size: 1280px;
    background-position: -0px -199px;
    width: 1280px;
    height: 34px; }

  .spacer .spacer-bottom-ref {
    background-size: 1280px;
    background-position: -0px -233px;
    width: 1280px;
    height: 37px !important; }

  .spacer-top-ref {
    background-size: 1280px;
    background-position: -0px -270px;
    width: 1280px;
    height: 37px !important; }

  #googleMap {
    height: 350px; }

  header #logo {
    padding: 0;
    max-width: 350px; }

  #portfolio-single aside {
    margin-top: 0; }

  #blog-grid .masonry-item {
    width: 220px; }

  .tp-caption img {
    /*width: 100px !important;
    height: auto !important;*/ }

  .two .bullet {
    float: right; } }
@media only screen and (max-width: 775px) {
  .header-overlay .header-inner .lang {
    line-height: 23px !important;
    margin-right: 10px; }

  .header-shown .header-inner .lang {
    line-height: 23px !important;
    margin-right: 10px; }

  .hdln {
    letter-spacing: -5px !important; }
    .hdln strong {
      letter-spacing: -5px !important; }

  .tooltip2 .tooltiptext {
    visibility: hidden;
    width: 60px;
    background-color: #FF6B00;
    color: #240130 !important;
    font-weight: 600;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    top: 10px;
    right: 70%;
    left: initial;
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
    line-height: 25px; }

  .tooltip2:hover .tooltiptext {
    visibility: visible; }

  .tooltip2 .tooltiptext::after {
    content: " ";
    position: absolute;
    top: 50%;
    left: 100%;
    /* To the right of the tooltip */
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent transparent #FF6B00; }

  h1 {
    font-size: 64px;
    line-height: 74px; }

  h2 {
    font-size: 32px;
    line-height: 44px; }

  h2.project-name {
    font-size: 32px;
    line-height: 30px; }

  h3 {
    font-size: 26px;
    line-height: 36px; }

  h4 {
    font-size: 20px;
    line-height: 28px; }

  h5 {
    font-size: 18px;
    line-height: 26px; }

  h6 {
    font-size: 16px;
    line-height: 22px; }

  #page-content {
    min-width: 300px; }

  .wrapper {
    width: 300px; }

  .main-content {
    width: 100%;
    float: none; }

  aside {
    width: 100%;
    float: none;
    margin-top: 60px;
    padding-top: 60px;
    border-top: 1px solid #d9d9d9; }

  #portfolio-single aside {
    border: none;
    padding-top: 0; }
  #portfolio-single .wrapper {
    width: 100%; }
  #portfolio-single .portfolio-media {
    margin-top: 40px; }
  #portfolio-single .portfolio-content {
    margin-top: 0;
    padding-top: 40px; }

  .blog-date {
    width: 50px; }
    .blog-date .date-day {
      font-size: 40px;
      line-height: 30px; }
    .blog-date .date-month {
      font-size: 10px;
      letter-spacing: 0.03em; }

  .blog-content {
    width: 240px;
    float: right; }

  #blog-grid {
    margin-bottom: 20px; }
    #blog-grid .masonry-item {
      width: 300px; }

  .column {
    margin: 20px 0 0; }

  .one-half {
    width: 100%; }
    .one-half .iconbox-content {
      width: 250px; }

  .one-third {
    width: 100%; }
    .one-third .iconbox-content {
      width: 250px; }

  .two-third {
    width: 100%; }

  .one-fourth {
    width: 100%; }
    .one-fourth .iconbox-content {
      width: 250px; }

  .two-fourth {
    width: 100%; }

  .three-fourth {
    width: 100%; }

  .one-fifth {
    width: 100%; }

  .two-fifth {
    width: 100%; }

  .three-fifth {
    width: 100%; }

  .four-fifth {
    width: 100%; }

  .pricing-table {
    padding: 30px !important; }

  .pricing-accent {
    padding: 50px 30px !important; }

  .price-amount {
    font-size: 80px !important;
    line-height: 80px !important; }

  .section-title {
    margin-top: -7px;
    /*margin-bottom: 60px;*/ }

  .section-inner {
    padding-top: 60px; }

  .ajax-section {
    padding-bottom: 60px; }
    .ajax-section #portfolio-single {
      padding-bottom: 0; }

  .spacer.spacer-mini {
    height: 15px; }
  .spacer.spacer-small {
    height: 30px; }
  .spacer.spacer-medium {
    height: 45px; }
  .spacer.spacer-big {
    height: 60px; }

  .map-bottom {
    background-size: 760px;
    background-position: -0px -0px;
    width: 760px;
    height: 23px;
    margin-top: -23px; }

  .map-top {
    background-size: 760px;
    background-position: -0px -24px;
    width: 760px;
    height: 22px; }

  .projects-bottom {
    background-size: 760px;
    background-position: -0px -47px;
    width: 760px;
    height: 35px !important; }

  .projects-top {
    background-size: 760px;
    background-position: -0px -83px;
    width: 760px;
    height: 35px !important; }

  .marks-top {
    background-size: 760px;
    background-position: -0px -118px;
    width: 760px;
    height: 20px; }

  .spacer .spacer-bottom-ref {
    background-size: 760px;
    background-position: -0px -139px;
    width: 760px;
    height: 21px !important; }

  .spacer-top-ref {
    background-size: 760px;
    background-position: -0px -161px;
    width: 760px;
    height: 21px !important; }

  #googleMap {
    height: 300px; }

  .srcaption-miniwhite {
    top: auto !important;
    bottom: 10px !important;
    text-transform: uppercase;
    font-size: 12px !important;
    line-height: 26px !important; }

  .srcaption-thumb {
    top: auto !important;
    bottom: 40px !important;
    font-size: 20px !important; }

  #header .header-inner {
    width: auto;
    max-width: 100%;
    padding: 0 10px; }

  .header-shown #logo {
    padding-top: 6px;
    width: 90px;
    max-width: 350px; }

  .header-overlay #logo {
    padding: 0 8px;
    width: 90px; }

  div .column:first-child {
    margin: 0; }

  .horizontalsection .horizontalinner {
    padding: 60px 0; }

  #ajax-loader .loader-icon {
    top: 20px !important; }

  .last-thumb img {
    /* max-width: 110px !important;
    /*height: auto !important;*/ }

  .section_about .wrapper {
    width: 80%; }
    .section_about .wrapper .column-section {
      display: block;
      margin-top: 30px; }
      .section_about .wrapper .column-section .column {
        display: block;
        vertical-align: middle;
        float: none; }
    .section_about .wrapper .one .column,
    .section_about .wrapper .three .column {
      text-align: center; }
    .section_about .wrapper .two .column {
      text-align: center; }
    .section_about .wrapper h2 {
      font-size: 45px;
      line-height: 45px;
      letter-spacing: -2px; }
    .section_about .wrapper .subtitle {
      font-size: 22px; }

  .bullet {
    width: 100%;
    float: none;
    margin: 0 auto;
    padding: 3px 0; }

  .two .bullet {
    float: none; } }
@media only screen and (max-width: 500px) {
  .hdln {
    letter-spacing: -4px !important; }
    .hdln strong {
      letter-spacing: -4px !important; } }