/* SMALL SCREENS */
@media only screen and (max-width:1200px) {
  #page-content {
    min-width: 940px;
  }
  .wrapper {
    width: 940px;
  }
  .main-content {
    width: 640px;
  }
  aside {
    width: 240px;
  }
  .blog-content {
    width: 550px;
  }
  .one-half {
    width: 450px;
  }
  .one-third {
    width: 286px;
  }
  .two-third {
    width: 612px;
  }
  .one-fourth {
    width: 205px;
  }
  .two-fourth {
    width: 450px;
  }
  .three-fourth {
    width: 695px;
  }
  .one-fifth {
    width: 156px;
  }
  .two-fifth {
    width: 356px;
  }
  .three-fifth {
    width: 554px;
  }
  .four-fifth {
    width: 752px;
  }
  .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;
  }
  .one-half .iconbox-content {
    width: 400px;
  }
  .one-third .iconbox-content {
    width: 236px;
  }
  .one-fourth .iconbox-content {
    width: 155px;
  }
}

/* TABLETS ON PORTRAITS */
@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;
  }
  header #logo {
    padding: 10px 0;
    height: 40px;
    max-width: 350px;
  }
  header.logo-top #logo {
    padding: 10px 0;
    height: 40px;
    max-width: 100%;
  }
  nav#main-nav > ul > li > a:first-child {
    line-height: 40px;
    padding: 10px 0;
  }
  nav#menu-controls > ul > li {
    height: 40px;
    padding: 10px 0;
  }
  nav#main-nav > ul > li > .sub-menu {
    top: 60px;
  }
  nav#main-nav {
    display: none;
  }
  .open-responsive-nav {
    display: block;
  }
  .logo-top .open-responsive-nav {
    display: inline-block;
  }
  #portfolio-single aside {
    margin-top: 0px;
  }
  .blog-content {
    width: 650px;
  }
  .one-half {
    width: 350px;
  }
  .one-third {
    width: 220px;
  }
  .two-third {
    width: 480px;
  }
  .one-fourth {
    width: 155px;
  }
  .two-fourth {
    width: 350px;
  }
  .three-fourth {
    width: 545px;
  }
  .one-fifth {
    width: 116px;
  }
  .two-fifth {
    width: 272px;
  }
  .three-fifth {
    width: 428px;
  }
  .four-fifth {
    width: 584px;
  }
  .one-half .iconbox-content {
    width: 300px;
  }
  .one-third .iconbox-content {
    width: 170px;
  }
  .one-fourth .iconbox-content {
    width: 105px;
  }
  .pricing-table {
    padding: 15px;
  }
  .pricing-accent {
    padding: 35px 15px;
  }
  .one-fourth .pricing-table {
    padding-left: 5px;
    padding-right: 5px;
  }
  .price-amount {
    font-size: 60px;
    line-height: 60px;
  }
  .one-fourth .price-amount {
    font-size: 40px;
    line-height: 40px;
  }
}
@media only screen and (max-width:768px) {
  .wrapper {
    width: 86%;
  }
}

/* Smartphones*/
@media only screen and (max-width:760px) {
  h1 {
    font-size: 64px;
    line-height: 74px;
  }
  h2 {
    font-size: 32px;
    line-height: 44px;
  }
  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;
  }
  .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;
  }
  .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;
  }
  .column {
    margin: 10px 0 0 0;
  }
  div .column:first-child {
    margin: 0;
  }
  .one-half {
    width: 100%;
  }
  .one-third {
    width: 100%;
  }
  .two-third {
    width: 100%;
  }
  .one-fourth {
    width: 100%;
  }
  .two-fourth {
    width: 100%;
  }
  .three-fourth {
    width: 100%;
  }
  .one-fifth {
    width: 100%;
  }
  .two-fifth {
    width: 100%;
  }
  .three-fifth {
    width: 100%;
  }
  .four-fifth {
    width: 100%;
  }
  .one-half .iconbox-content {
    width: 250px;
  }
  .one-third .iconbox-content {
    width: 250px;
  }
  .one-fourth .iconbox-content {
    width: 250px;
  }
  .pricing-table {
    padding: 30px !important;
  }
  .pricing-accent {
    padding: 50px 30px !important;
  }
  .price-amount {
    font-size: 80px !important;
    line-height: 80px !important;
  }

  /* Spacings */
  .section-title {
    margin-top: -7px;
    margin-bottom: 60px;
  }
  .section-inner {
    padding-top: 60px;
  }
  #portfolio-single {
    padding-top: 60px;
  }
  .ajax-section #portfolio-single {
    padding-bottom: 60px;
  }
  #portfolio-single .portfolio-media {
    margin-top: 40px;
  }
  #portfolio-single .portfolio-content {
    margin-top: 0;
    padding-top: 40px;
  }
  .ajax-section {
    padding-bottom: 60px;
  }
  #ajax-loader .loader-icon {
    top: 20px !important;
  }
  .close-project {
    bottom: 70px;
  }
  .spacer.spacer-mini {
    height: 15px;
  }
  .spacer.spacer-small {
    height: 30px;
  }
  .spacer.spacer-medium {
    height: 45px;
  }
  .spacer.spacer-big {
    height: 60px;
  }

  /* RS Slider captions buttons */
  .tp-caption .sr-buttonicon {
    font-size: 22px !important;
    border: none;
    padding: 4px;
    width: 24px;
    height: 24px !important;
    line-height: 24px !important;
  }
}
@media only screen and (max-width:414px) {
  .wrapper {
    width: 300px;
  }
}