@media (min-width: 768px) and (max-width: 1024px) {
  .title-small {
    font-size: 20px;
    margin-bottom: 10px;
  }
  #why .content h2 {
    font-size: 20px;
    line-height: 30px;
  }
  #why img {
    width: 100%;
  }
  #screenshot .portfolio figure figcaption .heading {
    padding: 0 30px;
  }
  #cta h2 {
    font-size: 18px;
  }
  section.header2 {padding: 100px 0;}
  section.confort {padding: 100px 0;}
  section.beneficios {padding: 100px 0;}
  footer {padding: 100px 0;}
  header.header1 .carousel {margin-bottom: 0;}
  .content-header {padding-right: 0px;display: inline-block;position: relative;}
  .logo_ciappesoni {padding: 0px 15px 20px 15px;}
  .footer-formulario {padding: 50px 15px 0 15px}
  .cd-timeline-content {width: 50%;display: inline-block;float:right; margin: 0px 0 0px;} .cd-timeline-block {margin-bottom: 45px;}
  .cd-timeline-img-left, .cd-timeline-img {width: inherit; box-shadow: none;background: none;left: 30%;}
  h2.time_line {position: relative;}
  section#cd-timeline::before {top: 140px;left: 20%;height: 70%;}
  #galeria_e1 {margin-top: 35px;}
}
@media (max-width: 568px) {
  #contact .info-inner {
    padding-left: 15px;
  }
  .titulo-intro {display:none;}
  .titulo-intro2 {display:block;}
  .container {padding-right: 0px;}
  section.header2 {padding: 150px 0;}
  section.confort {padding: 150px 0;}
  section.beneficios {padding: 150px 0;}
  footer {padding: 100px 0;}
  .content-header {padding-right: 0px;display: inline-block;position: relative;}
  .logo-img {padding: 15px 0px;}
  .caracteristicas_ap {width: 100%; margin-bottom: 15px }
  .logo_ciappesoni {padding: 0px 15px 20px 15px;}
  header.header1 .carousel {margin-bottom: 0;}
  .flecha_abajo {position: inherit;margin: 10% 45%;}
  .footer-formulario {padding: 50px 15px 100px 15px}
  h4.titulo_contacto {float: left;margin-right: 0;width: 100%;}
  .modal-header .close {margin-top: 0px; margin-right: 5px}
  .cd-timeline-content {width: 100%;display: inline-block;margin: 160px 0 0px;} .cd-timeline-block {margin-bottom: 45px;}
  .cd-timeline-img-left, .cd-timeline-img {width: inherit; box-shadow: none;background: none;left: 30%;}
  h2.time_line {position: relative;}
  section#cd-timeline::before {top: 140px;left: 20%;height: 70%;}
  .modal-dialog {margin:0;} .modal-body {display: inline;} #galeria_e1 {margin-top: 35px;}
  .logo-right img {width: 210px;display: block;}
  button.btn-contacto {
    float: left;
    color: #fff;
    border-radius: 1px;
    border: none;
    text-transform: uppercase;
    font-weight: 600;
    background: #5caaa1;
    padding: 12px 35px;
    width: 100%;
    margin-bottom: 60px;
    }

}
@media (max-width: 480px) {
  .section {
    padding: 50px 0;
  }
  .section-header .section-title {
    font-size: 24px;
  }
  .section-header .section-subtitle {
    font-size: 11px;
  }
  .title-small {
    font-size: 22px;
    line-height: 28px;
  }
  .navbar .navbar-header {
    padding: 13px 22px;
    float: left;
  }
  .navbar .navbar-right {
    float: right;
  }
  .hero-area .contents {
    padding-top: 50px;
  }
  .hero-area .contents h1 {
    font-size: 20px;
  }
  .hero-area .contents p {
    font-size: 14px;
  }
  #features .box-item .icon {
    margin: 10px 15px;
    float: left;
  }
  #features .text {
    text-align: left;
  }
  #features .box-item .text h4 {
    font-size: 12px;
    line-height: 16px;
  }
  #features .box-item .text p {
    font-size: 12px;
  }
  #features .show-box {
    padding: 24px 30px;
  }
  #features .content-left,
  #features .content-right {
    margin-bottom: 60px;
  }
  #features .features h4 {
    font-size: 14px;
  }
  #features .features .icon i {
    padding-right: 22px;
  }
  #why .content h2 {
    font-size: 20px;
    line-height: 30px;
  }
  #why .content .list-item li {
    font-size: 13px;
  }
  #why .content .btn {
    margin-bottom: 60px;
  }
  #why img {
    width: 100%;
  }
  #cta h2 {
    font-size: 18px;
  }
  #cta .btn {
    margin-top: 30px;
  }
  #screenshot .portfolio figure figcaption .heading {
    padding: 0;
    top: 5%;
  }
  #screenshot .portfolio figcaption:hover .heading {
    top: 15%;
  }
  #testimonial .section-title {
    font-size: 22px;
  }
  #testimonial .section-subtitle {
    font-size: 12px;
    line-height: 20px;
  }
  #clients .client-item-wrapper {
    margin-bottom: 30px;
  }
  #contact .section-title {
    font-size: 22px;
  }
  #contact .info h4 {
    font-size: 18px;
  }
}
@media (max-width: 640px) and (min-width: 960px) {
  .navbar-header {
    width: 100px;
    float: left;
    padding-left: 7px !important;
  }
  .navbar-right {
    float: right;
    width: 100px;
  }
}
@media (max-width: 767px) and (min-width: 479px) {
  .navbar-header {
    width: 100px;
    float: left;
    padding-left: 7px !important;
  }
  .navbar-right {
    float: right;
    width: 100px;
  }
}