@media only screen and (max-width: 1600px) {
  .pymes-description-box {
    margin-top: -12em;
  }
  .pymes-description-title {
    top: 2em;
    right: 2.7em;
  }
}

@media only screen and (max-width: 1500px) {
  .web-dev-services-bg {
    padding-left: 2em;
  }
  .pymes-description-box {
    margin-top: -10em;
  }
}

@media only screen and (max-width: 1400px) {
  .pymes-description-title {
    width: 70%;
  }
}

@media only screen and (max-width: 1300px) {
  .first-vid-title {
    font-size: 5em;
  }
  .third-vid-title {
    font-size: 4em;
  }
  .pymes-description-title {
    top: 3em;
  }
}

@media only screen and (max-width: 1280px) {
  .title-hww {
    padding-right: 5em;
  }
  #characteristics {
    padding-top: 6em;
    padding-right: 8em;
  }
  #cta-consult {
    padding-top: 0em;
  }
  .bigenterprice-description-title h2 {
    font-size: 4em;
  }
  .bigenterprice-description-box {
    top: -8em;
  }
}

@media only screen and (max-width: 1200px) {
  .s_el {
    font-size: 19em !important;
  }
  .serv-title {
    font-size: 6em !important;
  }
  #characteristics {
    padding-top: 6em;
    padding-right: 6em;
  }
  .what-our-clients-say-title {
    width: 90%;
  }
  .bigenterprice-description-title {
    width: 90%;
  }
  #toggle-btn {
    display: block;
  }
  #master-head .principal-menu {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    justify-content: flex-start !important;
    background: #222;
        padding-bottom: 10em;
    padding-top: 3em;
  }
  .nav-pills {
    flex-direction: column !important;
  }
  #master-head .down-menu {
    position: relative;
    top: -2.5em;
    text-align: left !important;
  }
  .cta-top {
    left: 2em !important;
  }
  .site-logo {
    padding-bottom: 1em;
  }
}

@media only screen and (max-width: 1080px) {
  .heading-pymes .media-us {
    display: flex;
    justify-content: center;
  }

  .heading-pymes .us-description {
    position: static;
  }
  .heading-pymes {
    flex-direction: column !important;
  }
  .banner-title-services-item {
    font-size: 5em !important;
  }
  #content #primary,
  #content #right-sidebar {
    width: 100% !important;
  }
  #content #right-sidebar .wpcf7-form span,
  #content #right-sidebar .wpcf7-form input {
    width: 100% !important;
  }
  .media-producto {
    width: 50% !important;
  }
  .desc-producto {
    width: 100% !important;
    margin-top: 4em !important;
  }
  .product-container {
    flex-direction: column;
  }
  .s_el {
    font-size: 17em !important;
  }
  .serv-title {
    font-size: 4em !important;
  }

  .info-sec-map,
  .info-sec-info {
    width: 90% !important;
    margin: auto !important;
  }
  .info-section-contact-bg {
    flex-direction: column;
  }
  #heading-section-contact {
    margin-top: 2em !important;
  }
  .contact-media {
    width: 100% !important;
    display: flex;
    justify-content: center;
  }
  .contact-media img {
    position: static !important;
    width: 70% !important;
    max-width: 70% !important;
  }
  .contact-sec-bg {
    width: 90% !important;
    padding-left: 2em !important;
    background: #494c53 !important;
    padding-top: 3em !important;
    padding-bottom: 2em !important;
    position: relative !important;
    top: 0 !important;
    padding-right: 2em !important;
    margin: auto !important;
    margin-top: -25em !important;
  }
  .contact-wrapper {
    flex-direction: column;
  }
  .contact-media {
    z-index: 0 !important;
  }
  .us-title {
    padding-top: 2em;
  }
  .us-description {
    position: absolute;
    background: white;
    bottom: 0;
  }
  .us-description,
  .media-us {
    width: 100% !important;
  }

  .heading-us-wrapper {
    flex-direction: column;
  }
  .title-hww {
    padding-right: 0em;
  }
  .first-vid-title {
    font-size: 4em;
  }
  .third-vid-title {
    font-size: 3em;
  }
}

@media only screen and (max-width: 980px) {
  .us-img-item{
    width:25% !important;
  }

  .producto-wrapper:nth-of-type(2),
  .producto-wrapper:nth-of-type(5),
  .producto-wrapper:nth-of-type(8) {
    margin-top: 0em !important;
  }
  .producto-wrapper {
    width: 60% !important;
  }
  .productos-wrapper {
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
  }
  .banner-title-services {
    bottom: 0em !important;
  }
  .s_el {
    font-size: 15em !important;
  }
  .serv-title {
    font-size: 3em !important;
  }
  #heading-section {
    margin-top: -1em !important;
  }
  .clip-back {
    clip-path: polygon(0 0, 100% 0, 100% 70%, 0 53%) !important;
  }
  #contact-form .row {
    flex-direction: column !important;
  }
  #contact-form .col-md-6 {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
  footer .col-md-4 {
    flex: 0 0 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-bottom: 2em !important;
  }
  #trust .slider-clients-review.mobile .carousel-inner .row {
    display: flex !important;
    flex-direction: row !important;
  }
  #trust .slider-clients-review.mobile .carousel-inner .row .col-md-4 {
    max-width: 33.333333% !important;
  }
  #trust .slider-clients-review.mobile {
    display: block;
  }
  .hww-wrapper .p-left {
    padding-left: 0em !important;
  }
  .hww-wrapper .p-left {
    padding-right: 4em !important;
    position: relative !important;
    left: -1em;
  }
  .title-number-hww-horizontal,
  .title-container-hww {
    max-width: 100% !important;
    width: 100% !important;
    flex: 0 0 100% !important;
  }
  .characteristic-item-description {
    text-align: center;
  }
  .container-hww-vertical {
    position: relative !important;
    right: 0 !important;
    top: 0em !important;
    margin-top: 1em !important;
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }
  #characteristics {
    padding-top: 6em;
    padding-right: 0;
    padding-left: 4em;
  }
  #characteristics .col-md-4:nth-of-type(2) .characteristics-item {
    top: 0;
  }
  .characteristics-wrapper .row {
    flex-direction: column !important;
  }
  .characteristics-wrapper .col-md-4 {
    max-width: 100% !important;
    width: 100% !important;
  }
  .slider-clients-review {
    display: none;
  }
  .slider-clients-review.mobile-review-slider {
    display: block;
  }
  .slider-clients-review.mobile-review-slider .review-description {
    text-align: center;
  }
  .description-consult-img-wrapper {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    height: 100% !important;
    width: 100% !important;
  }
  .description-consult-container {
    position: relative;
    z-index: 999999;
    padding-right: 15em;
  }
  .description-consult-container::after {
    content: " ";
    position: absolute;
    left: -1em;
    top: 0;
    z-index: 9;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
  }
  .description-consult-title,
  .description-consult-subtitle,
  .description-consult,
  .description-consult-btn {
    position: relative;
    z-index: 999999;
  }
  .col-md-5,
  .col-md-7 {
    -ms-flex: unset !important;
    flex: unset !important;
    max-width: 100% !important;
  }
  .description-consult-img-wrapper img {
    display: block !important;
  }
  .consult-wrapper {
    flex-direction: column;
  }
  #cta-consult {
    padding-top: 6em;
  }
  .bigenterprice-description-title {
    margin-right: unset;
    margin-left: auto;
  }
  .bigenterprice-description-box {
    right: -5em;
  }
  .bigenterprice-description-box {
    top: 2em;
  }
  .pymes-service {
    flex-direction: column-reverse;
  }
  .bigenterprice-service {
    flex-direction: column;
  }
  .pymes-service .col-md-6,
  .bigenterprice-service .col-md-6 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .pymes-description-box {
    margin-top: 5em;
  }
}

@media only screen and (max-width: 880px) {
  .banner-title-services-item {
    font-size: 3em !important;
  }
  .productos-title h1,
  .product-title {
    font-size: 3em !important;
  }
  .sys-title-aerv h2,
  .web-dev-title-aerv h2 {
    font-size: 3em !important;
  }
  .serv-web-dev-bg-img {
    padding: 2em 1em 0em 1em;
  }
  .system-services-bg {
    padding-right: 1em !important;
    padding-left: 1em !important;
  }
  .banner-title-services {
    bottom: -1em !important;
  }
  .s_el {
    font-size: 8em !important;
  }
  .serv-title {
    font-size: 4em !important;
  }
  .contact-sec-bg {
    margin-top: -20em !important;
  }
  .contact-form-container {
    width: 90%;
  }
  .trust-title-wrapper {
    width: 90%;
  }
  .trust-title-wrapper h2 {
    font-size: 3em;
  }
  .title-hww h2 {
    font-size: 3em;
  }
  .what-our-clients-say-title h2 {
    font-size: 3em;
  }
  .pymes-description-title h2,
  .bigenterprice-description-title h2 {
    font-size: 3em;
  }
  .first-vid-title {
    font-size: 3em;
  }
  .third-vid-title {
    font-size: 2em;
  }
  .second-vid-title {
    font-size: 1.5em;
  }
}

@media only screen and (max-width: 680px) {
  .it-sys.d-flex {
    flex-direction: column !important;
    padding-bottom: 2em;
  }
  .it-sys.d-flex img {
    margin: auto;
    display: block;
    margin-bottom: 1em !important;
  }
  .producto-wrapper {
    width: 90% !important;
  }
  .desc-producto {
    padding-left: 5em !important;
    padding-right: 2em !important;
    right: 2em !important;
    position: relative !important;
  }
  .media-producto {
    width: 100% !important;
    padding: 2em;
  }
  .desc-producto {
    width: 100% !important;
  }
  .serv-system-bg-img {
    padding: 1em !important;
  }
  .serv-web-dev-bg-img {
    padding: 1em 1em 0em 1em !important;
  }
  .clip-back {
    position: static !important;
  }
  #hero-services {
    margin-top: -3em;
  }
  .info-sec-info {
    padding-left: 0em !important;
    padding-right: 0em !important;
  }
  .contact-title h1 {
    font-size: 2em !important;
  }
  .contact-sec-bg {
    margin-top: -15em !important;
  }
  .us-title h1 {
    font-size: 3em !important;
  }
  .us-media-desc {
    right: -1em !important;
  }
  .us-sec-wrapper {
    padding-left: 1em !important;
    padding-right: 1em !important;
  }
  .us-description {
    position: static !important;
    margin-top: -10em;
  }
  .contact-form-container {
    width: 95%;
  }
  #trust .col-md-4.d-flex.justify-content-center.p-3 {
    padding: 5px !important;
  }
  .trust-slider-wrapper {
    margin-top: -8em;
  }
  .trust-title-wrapper h2 {
    font-size: 2em;
  }
  .hww-wrapper .p-left {
    padding-right: 2em !important;
  }
  .title-hww h2 {
    font-size: 2em;
  }
  .slider-clients-review {
    right: auto;
    left: -1em;
  }
  .what-our-clients-say-wrapper {
    padding-right: 4em;
    padding-left: 0em;
  }
  .what-our-clients-say-title h2 {
    font-size: 2em;
  }
  .description-consult-title h2 {
    font-size: 2em;
  }
  .consult-wrapper {
    right: -5em;
  }
  .description-consult-container {
    padding: 3em 6em 3em 2em !important;
  }
  .bigenterprice-description-box {
    padding: 6em 5em 3em 5em;
  }
  .pymes-description-box {
    padding: 6em 3em 6em 3em;
  }
  .pymes-description-title h2::after,
  .bigenterprice-description-title h2::after {
    width: 40%;
    height: 4px;
  }
  .bigenterprice-description-title h2::after {
    left: 2em;
    bottom: 1em;
  }
  .pymes-description-title h2,
  .bigenterprice-description-title h2 {
    font-size: 2em;
  }
  .first-vid-title {
    font-size: 2em;
  }
  .third-vid-title {
    font-size: 1em;
  }
  .second-vid-title {
    font-size: 1em;
  }
  .site-logo img {
    max-width: 120px;
  }
}

@media only screen and (max-width: 600px) {
  .us-img-item{
    width:50% !important;
  }

  #hero-services {
    overflow: hidden;
  }
  #hero-services img {
    width: 150% !important;
    max-width: 150%;
    position: relative;
    left: -4em;
  }
  .banner-title-services-item {
    margin: auto !important;
    margin-top: -1em !important;
  }
  body .content-modal {
    padding: 0.3em;
  }
  #close-consult-modal {
    top: 0.2em;
    right: 0.2em;
    z-index: 9999;
  }
  body #modal-consult .form-wrapper {
    padding-left: 0 !important;
    padding-right: 0 !important;
    border: none !important;
  }
  body .modal-container {
    padding: 0 !important;
    padding-top: 3em !important;
  }
  .content-modal h2 {
    font-size: 2em;
  }
  #hero-video video {
    width: 150% !important;
  }
  .second-vid-title {
    margin-top: -0.3em;
  }
  body .description-consult-btn {
    display: block;
  }
  body .description-consult-container {
    padding: 3em 4em 3em 2em !important;
  }
  body .what-our-clients-say-wrapper {
    padding-right: 0 !important;
  }
  body .characteristics-item {
    padding-left: 0;
    padding-right: 0;
  }
  body #characteristics {
    padding-left: 1em;
  }
  body #how-we-work .relative-hww {
    padding-right: 0 !important;
  }
  .hww-wrapper-vertical .col-md-12::after {
    width: 100% !important;
  }
  .hww-wrapper .col-md-12 .relative-hww::after {
    width: 105% !important;
  }
  .product-container {
    padding-top: 0 !important;
  }
  .productos-title {
    margin-top: -1em;
  }
  .single-post article {
    margin-top: -2em;
  }
  body .contact-sec-bg {
    margin-top: -10em !important;
  }
  body #heading-section-contact {
    margin-top: 0em !important;
  }
}

@media only screen and (max-width: 480px) {
  #trust {
    margin-top: -5em;
  }
  .trust-title-wrapper {
    width: 95%;
  }
  .what-our-clients-say-wrapper {
    padding-right: 2em;
  }
  .consult-wrapper {
    right: -3em;
  }
  .bigenterprice-description-box {
    padding: 4em 5em 3em 3em;
  }
  .pymes-description-box {
    padding: 4em 1em 3em 3em;
  }
  .titles-hero-vid {
    top: 70%;
  }
  .site-logo img {
    max-width: 100px;
  }
}