@media screen and (max-width: 1440px){
  body {min-width: initial; width: 100%;}
  .site-content {width: 100%;}
  .services {width: 100%;}
  .services .service {width: 30.33%; margin: 0 1.5%; height: auto;}
  .services .service > a > img{
    width: auto;
    display: block;
  }
  .contact-wrapper .img-wrapper {
    height: auto;
  }
  .contact-wrapper .img-wrapper .title {
    font-size: 28px;
    line-height: 35px;
  }
}

@media(max-width: 1250px){
  .contact-wrapper .img-wrapper .title {
    font-size: 25px;
    line-height: 30px;
  }
  .contact-wrapper .info-wrapper span{
    font-size: 14px;
  }
  .contact-wrapper .info-wrapper .midea-button {
    font-size: 14px;
    padding: 10px 5px;
  }
}

@media(max-width: 1140px){
  .contact-wrapper .img-wrapper .title {
    font-size: 20px;
    line-height: 27px;
  }

}

@media screen and (max-width: 1024px){
  .carousel-top p {font-size: 37px; line-height: 47px; max-width: 65%;}
  .services .service h3 {font-size: 27px;}
  .site-footer .wpcf7 .left {width: 40%;}
  .site-footer .wpcf7 .right {width: 60%;}
  .site-footer .wpcf7 input,
  .site-footer .wpcf7 textarea {width: 100%;}
  footer.site-footer .wrap {width: 100%; min-width: initial;}

  .projects-contact {
    margin-top: 70px;
  }
	.projects-wrapper {width: 100%;float: left;}
  .contact-wrapper {
      margin-top: 70px;
      margin-left: auto;
      width: 100%;
      margin-right: auto;
      float: left;
      position: relative;
      clear: both;
  }
    .contact-wrapper .img-wrapper{
    text-align: center;
  }
  .contact-wrapper .img-wrapper .title {
    font-size: 28px;
    line-height: 35px;
    padding: 0 25px;
    text-align: left;
    max-width: 520px;
    margin: 0 auto;
  }
  .contact-wrapper .info-wrapper {
    width: 100%;
    max-width: 509px;
    margin: 20px auto 0;
    float: none;
  }
  .contact-wrapper .info-wrapper .midea-button {
    padding: 10px 15px;
  }
}

@media(max-width: 992px){
  .message .text {
    font-size: 30px;
  }

  .message .text .home_fuerte{
    font-size: 22px;
  }

  body.home .message {
   background-position: right;
   background-size: cover;
  }
}

@media screen and (max-width: 768px) {
  .contact-wrapper .img-wrapper {height: auto;}
  .contact-wrapper .img-wrapper img {height: auto;}
  .contact-wrapper .img-wrapper .title {font-size: 25px;}
  .contact-wrapper .info-wrapper span {font-size: 16px;}
  .carousel-top.owl-theme .owl-nav {top: 70%;}
  .carousel-top.owl-theme .owl-nav div, .carousel-top.owl-theme .owl-nav div:hover {height: 75px; width: 55px; background-size: 55px;}
  .services {padding: 90px 0;}
  .projects-contact {margin-top: 90px;}
  body.home .message{width: 100%;display: block;margin: 0 auto;}
  .home .video-home{width: 100%;display: block;margin: 0 auto;}

}

@media screen and (max-width: 767px) {
  #masthead .wrap {padding: 0 2em; }
  #masthead.sticky .navigation-top {height: 52px;}
  .logo_derecho img {max-height: 100%;}
  .site-footer .wpcf7 .left,
  .site-footer .wpcf7 .right {width: 100%;}
  .services {padding: 50px 0;}
  .services .service h3 {
    font-size: 20px;
    line-height: 25px;
  }
  .site-footer .logo-wrapper {left: 8%;}
  body.home .message {
      background-position: center -70px;
  }
  body.home .message a{
    width: 200px;
    padding-left: 0;
    padding-right: 0;
  }
	.message_container .message div.note {
		width: 100%;
	}
	.contact-wrapper .img-wrapper img {
		width: 100% !important;
		height: auto !important;
	}
  body.home .message .text{
    margin-bottom: 20px;
    width: 100%;
    margin-top: 15px;
    max-width: inherit;
  }
  body.home .message {
    text-align: center;
    background-size: 100% auto;
    margin-bottom: 40px;
    text-align: center;
    margin-top: 100px;
  }
  .projects-wrapper .project .data-wrapper h5 {
    font-size: 28px;
  }
	.projects-wrapper #link-projects {
    margin-top: -10px;
  margin-left: 20%;
  width: 60%;
  }
	.single-featured-image-header img:nth-child(1) {
		display: none;
	}
	.single-featured-image-header img:nth-child(2) {
		display: block;
	}
	.single-featured-image-header img:only-of-type {
		display: block;
	}
}

@media(max-width: 710px){
  body.home .message .text{
    font-size: 26px;
  }
}

@media(max-width: 670px){
  .projects-wrapper .owl-theme .owl-nav {
    bottom: 86px;
  }
  body.home .message {
    margin-top: 70px;
  }
  body.home .message {
    background-position: center -55px;
  }
  body.home .message .text {
    width: 100%;
    font-size: 24px;
  }
}

@media(max-width: 640px){
  .carousel-top{
    margin-top: 0;
  }
  .carousel-top.owl-carousel .owl-item img.slider-img-desktop{display: none;}
  .carousel-top.owl-carousel .owl-item img.slider-img-responsive{display: block;}
  .carousel-top p{
    max-width: 100%;
    max-width: 100%;
    background: rgba(255,255,255,0.8);
    top: initial;
    bottom: 20px;
    margin-bottom: 0;
    right: 40px;
    padding: 0 5px;
  }
  .carousel-top .el {
    padding-top: 0px;
  }
  .carousel-top.owl-theme .owl-nav div,
  .carousel-top.owl-theme .owl-nav div:hover {
    width: 35px;
    background-size: 35px;
  }
  .carousel-top.owl-theme .owl-nav div.owl-prev {
    left: 0px;
    margin: 0;
  }
  .carousel-top.owl-theme .owl-nav div.owl-next {
    right: 0px;
    margin: 0;
  }
  .services .service > a > img.service-img-desktop{display: none;}
  .services .service > a > img.service-img-responsive{display: block;}

  .services .service .hovered img{
    display: none;
  }

  .services .service {
    width: auto;
    margin: 0 0 35px 0;
    overflow: hidden;
  }
  .services .service > a{
    display: inline-block;
    position: relative;
    display: block;
  }
  .services .service{
    float: none;
  }
  .services .service h3 {
    font-size: 33px;
    line-height: 33px;
    text-align: left;
    bottom: 15px;
    left: 15px;
  }
  body.home .services {
    padding: 35px 0 65px;
  }
}

@media screen and (max-width: 600px) {
  .home .site-header {margin-bottom: 0;}
  .navigation-top {height: 52px;}
  .site-content-contain {margin-top: 52px;}
  .page-template-template-sobre-midea .site-content-contain{margin-top: 0px;}
  .carousel-top {margin-top: 20px;}
  .contact-wrapper {width: 100%; margin-left: 0;}
  .contact-wrapper .info-wrapper {margin-top: 0;}
  .contact-wrapper .info-wrapper span {width: 100%; padding: 0 10px 5px; text-align: center;}
  .contact-wrapper .info-wrapper .midea-button {width: 100%;}
  .projects-contact {margin-top: 80px;}
  .projects-wrapper .title {top: -55px; font-size: 27px; line-height: 30px;}
  .projects-wrapper .project .data-wrapper .data {padding-left: 10px;}
  .projects-wrapper .project .data-wrapper:after {left: 10px;}
  .projects-wrapper .project .data-wrapper h5 {padding-right: 0; font-size: 23px; bottom: inherit; line-height: 23px;}
  .projects-wrapper .project .data-wrapper .type {bottom: inherit;}
  .projects-contact .projects-wrapper .data-wrapper{
    font-size: 14px;
  }
  body .projects-wrapper .project {
    height: auto;
  }
  .projects-wrapper .owl-theme .owl-nav div, .projects-wrapper .owl-theme .owl-nav div:hover{
    width: 40px;
    height: 40px;
    background-size: 40px;
  }
  .projects-wrapper .owl-theme .owl-nav {
    bottom: 20px;
  }
  .projects-contact .projects-wrapper .data-wrapper {
    padding-right: 100px;
  }
  .site-footer .menu-menu-enlaces-legales-container {margin-bottom: 0;}
  .site-footer .menu-menu-enlaces-legales-container ul {margin-bottom: 0;}
  .site-footer .menu-menu-enlaces-legales-container li {width: 100%; margin-top: 0; border: 0px;}
  .site-footer .wpcf7 input[type='submit'] {width: 92%; margin: 15px 4%;}
  .site-footer .logo-wrapper {left: 0; right: 0; bottom: -50px; text-align: center;}
  footer.site-footer .wrap {position: relative;}
  .projects-contact .projects-wrapper .img-wrapper-capablanca{display: none;}
  body.home .message {
    background-position: center -30px;
  }
   body.home .message .text {
    width: 100%;
    font-size: 20px;
  }
}

@media(max-width: 530px){
  body.home .message .text {
    font-size: 18px;
  }
  body.home .message {
    background-position: center -25px;
    background-size: 110% auto;
  }
  .services .service h3 {
    font-size: 30px;
    line-height: 30px;
    text-align: left;
    bottom: 15px;
    left: 15px;
  }
}

@media(max-width: 480px){

  .contact-wrapper .img-wrapper .title {
    font-size: 22px;
    line-height: 25px;
    padding: 0;
  }
  .twentyseventeen-front-page .site-content {
    padding: 0 15px;
  }
  .projects-wrapper .title {
    font-size: 22px;
  }
  .projects-wrapper .project .data-wrapper h5 {
    font-size: 18px;
  }
  .projects-wrapper .project .data-wrapper .type {
    font-size: 13px;
  }
  .projects-wrapper .project .img-wrapper .number .all {
    font-size: 30px;
  }
  .projects-wrapper .project .img-wrapper .number .this {
    font-size: 60px;
    line-height: 38px;
  }
  .projects-contact .projects-wrapper .img-wrapper-capablanca{
    display: none;
  }
  .projects-contact .projects-wrapper .data-wrapper {
    padding-right: 0;
    padding-top: 75px;
  }
  .projects-wrapper .owl-theme .owl-nav {
    bottom: initial;
    top: -47px;
    left: 0;
    right: initial;
    width: 100%;
  }
  .projects-wrapper .owl-theme .owl-nav div, .projects-wrapper .owl-theme .owl-nav div:hover {
    width: 30px;
    height: 30px;
    background-size: 30px;
    margin: 0;
  }
  .projects-wrapper .owl-theme .owl-nav div.owl-prev{
    float: left;
  }
  body.home .message a{
    padding-top: 10px;
    padding-bottom: 10px;
    width: 160px;
    font-size: 14px;
  }
  body.home .message {
    background-size: 120% auto;
  }
  body.home .message .text {
    font-size: 18px;
  }

  .message .text .home_fuerte{
    font-size: 14px;
  }

  .carousel-top p {
    font-size: 30px;
    line-height: 35px;
  }
  .services .service h3{
    font-size: 26px;
    line-height: 26px;
  }
}

@media(max-width: 400px){
  body.home .message {
    background-size: 170% auto;
  }

  .video-corporativo {
    height: 300px;
  }
}

@media(max-width: 380px){
  .contact-wrapper .img-wrapper .title {
    font-size: 19px;
  }
  .contact-wrapper {
    margin-top: 40px;
  }
  .carousel-top p {
    font-size: 25px;
    line-height: 30px;
  }
  .services .service h3{
    font-size: 21px;
    line-height: 21px;
  }
}

@media(max-width: 360px){
  .contact-wrapper .img-wrapper .title {
    font-size: 15px;
  }
  .carousel-top p {
    font-size: 22px;
    line-height: 26px;
  }
  .services .service h3{
    font-size: 18px;
    line-height: 18px;
  }
}

@media(max-width: 340px){
  body.home .message {
    background-size: 200% auto;
  }
}