@media screen and (max-width: 1300px) {
    .get-in-touch {
        max-width: 1000px;
        margin-left: -500px;
    }

    .banner {
        max-width: 1000px;
        margin-left: -500px;
    }

    .applications-types .container-items .header-item {
        width: 30%;
        margin-bottom: 40px;
    }

    .testimonials .person-description .container-info .comillas {
        left: 200px;
    }

    .container-service {
        width: 90%;
    }

    .container-blog {
        width: 90%;
    }
}

@media screen and (max-width: 1100px) {
    header .logo {
        width: 140px;
    }

    header ul li a {
        font-size: 15px;
    }

    .get-in-touch-button{ 
        padding: 15px;
    }

    .get-in-touch {
        top: 525px;
        max-width: 800px;
        margin-left: -400px;
    }

    .get-in-touch .center-text {
        font-size: 20px;
    }

    .banner {
        top: 180px;
        max-width: 800px;
        margin-left: -400px;
    }

    .banner .content .title {
        font-size: 25px;
    }

    .banner .content p {
        font-size: 17px;
    }

    .banner-robot {
        width: 330px;
        bottom: 40px;
    }

    .provider-services > .title {
        font-size: 30px;
    }

    .applications-types > .title {
        font-size: 25px;
    }

    .provider-services .container-items .item {
        width: 48%;
    }

    .applications-types .container-services .item {
        width: 48%;
    }

    .work-process .items .item {
        width: 48%;
    }

    .what-we-do .content .container-text > .title {
        font-size: 25px;
    }

    .what-we-do .content .container-text > p {
        font-size: 15px;
    }

    .what-we-do .content .container-text ul li {
        font-size: 15px;
    }

    .testimonials .titles > .title {
        font-size: 30px;
    }

    .testimonials .titles a {
        width: 200px;
    }

    .testimonials .person-description {
        margin-top: 25px;
    }

    .what-we-do .content .container-images .phone {
        left: 70px;
        width: 200px;
        height: 400px;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
    }

    .what-we-do .content .container-images .gorro {
        left: -40px;
    }

    .what-we-do .content .container-images .star1 {
        top: 120px;
        left: -90px;
    }

    .what-we-do .content .container-images .star2 {
        top: 160px;
        left: -110px;
    }

    .testimonials .person-description .container-info .name {
        font-size: 17px;
    }

    .testimonials .person-description .container-info .job {
        font-size: 15px;
    }

    .testimonials .person-description .container-info .star {
        width: 16px;
    }

    .testimonials .person-description .container-info .comillas {
        top: -100px;
        left: -100px;
        font-size: 30px;
    }

    .testimonials .description {
        font-size: 14px;
        overflow: hidden;
        max-height: 160px;
    }

    .testimonials .person-description > img {
        width: 80px;
        align-self: center;
    }

    .blogs .container-blogs .item {
        width: 48%;
    }

    .team .item {
        width: 48%;
        margin-right: 0;
    }

    .team .item .container-image {
        width: 100%;
        height: 300px;
    }

    .team .item .container-social {
        left: 24px;
    }

    .team .item .container-image .image-team {
        background-size: cover !important;
        background-position: center !important;
    }

    .discuss-projects > .title {
        font-size: 30px;
    }

    .discuss-projects > p {
        width: 80%;
        font-size: 15px;
    }

    .why_choose_us {
        padding: 80px 20px;
    }

    .why_choose_us > .title {
        font-size: 30px;
    }

    .why_choose_us > .subtitle {
        font-size: 14px;
    }

    .why_choose_us .container .item .text h3 {
        font-size: 20px;
    }

    .why_choose_us .container .left p {
        font-size: 15px;
    }

    .why_choose_us .container .item .icon img {
        width: 40px;
    }

    .why_choose_us .center .image-center {
        width: 200px;
        height: 230px;
        margin: 0 20px;
    }

    .faq .container .item .body p {
        font-size: 15px;
    }

    .faq .container .item .header p, .faq .container .item .header i {
        font-size: 17px;
    }

    .contact-us {
        padding: 80px 40px;
        padding-bottom: 300px;
    }

    .contact-us > .title {
        font-size: 25px;
    }

    .contact-us .aside h3 {
        font-size: 16px;
    }
    
    .contact-us .aside p {
        font-size: 14px;
    }

    input, textarea, select {
        font-size: 15px;
    }

    .error {
        font-size: 15px;
    }

    .container-service aside .main-title {
        font-size: 20px;
    }

    .container-service aside .contact-background a {
        font-size: 20px;
    }

    .container-service aside .contact-background i {
        font-size: 20px;
    }

    .container-service aside .hours-container .item {
        font-size: 15px;
    }

    .container-service aside .categories-container .item {
        font-size: 15px;
    }

    .container-service .content .content-text .container-media .description ul li {
        font-size: 15px;
    }

    .container-service .content .content-text .container-media .description ul li i {
        font-size: 15px;
    }

    .container-blog aside .main-title {
        font-size: 20px;
    }
    
    .container-blog aside .search-container i {
        padding: 16px 9%;
    }

    .container-blog aside .tags-container .item {
        font-size: 14px;
    }

    .container-blog aside .categories-container .item {
        font-size: 15px;
    }

    .container-blog aside .posts-container .item .content .date {
        font-size: 12px;
    }

    .container-blog aside .posts-container .item .content .title {
        font-size: 13px;
    }

    footer .container .touche-container h2 {
        font-size: 25px;
    }

    footer .container .touche-container img {
        width: 30%;
        bottom: 14%;
    }

    footer .container .touche-container a {
        padding: 15px;
        font-size: 14px;
    }

    footer .container-items .item img {
        width: 150px;
    }

    footer .container-items .item > h2 {
        font-size: 20px;
    }

    footer .container-items .item > a {
        font-size: 15px;
    }

    footer .container-items .item a {
        font-size: 14px !important;
    }

    footer .container-items .item p {
        font-size: 15px !important;
    }
    
    footer .container-items .item .blog {
        display: none;
        flex-wrap: wrap;
    }

    footer .container-items .item .blog.first {
        display: flex;
    }

    footer .container-items .item .blog .info .date {
        font-size: 12px !important;
    }

    footer .container-items .item .social-icons i {
        height: 33px;
        font-size: 15px;
    }

    footer .container-items .item .blog .info {
        margin-left: 0;
    }

    footer .container-items .item .blog .container-image {
        width: 80%;
        height: 100px;
        margin-bottom: 10px;
    }

    .padding-footer {
        padding-bottom: 200px !important;
    }
}

@media screen and (max-width: 900px) {
    header {
        display: none;
    }

    .response-header {
        display: flex;
    }

    .menu-responsive {
        display: block;
    }

    .portfolio-container {
        padding: 80px 20px;
    }

    .video-modal .video {
        height: 40%;
    }

    .container-service {
        padding-bottom: 200px;
        flex-direction: column-reverse;
    }

    .container-service aside {
        width: 100%;
        margin-top: 40px;
    }

    .container-service .content {
        width: 100%;
        padding-left: 0;
    }

    .container-service aside .contact-background {
        height: 500px;
        background-size: cover !important;
    }

    .container-service .content .content-text .container-media .description {
        font-size: 15px;
    }

    .container-service .content .content-text .container-media .description .title {
        font-size: 20px;
    }

    .container-blog {
        padding-bottom: 200px;
        flex-direction: column;
    }

    .container-blog .content {
        width: 100% !important;
    }

    .container-blog aside {
        margin-top: 40px;
        width: 100% !important;
    }

    .container-blog aside .search-container i {
        left: 87%;
        padding: 16px 6%;
    }

    .container-blog aside .search-container input[type=text] {
        padding-right: 16%;
    }

    .container-blog aside .posts-container .item .content .date {
        font-size: 15px;
    }

    .container-blog aside .posts-container .item .content .title {
        font-size: 16px;
    }
}

@media screen and (max-width: 800px) {
    .banner {
        top: 130px;
        max-width: 600px;
        margin-left: -300px;
    }

    .banner-robot {
        bottom: 3px;
        width: 290px;
        margin-right: 7px;
    }

    .particles-js {
        min-height: 630px;
    }

    .get-in-touch {
        top: 471px;
        max-width: 600px;
        margin-left: -300px;
    }

    .get-in-touch img {
        width: 100px;
    }

    .get-in-touch .center-text {
        font-size: 17px;
    }

    .get-in-touch a {
        font-size: 14px;
    }

    .provider-services > .title {
        font-size: 25px;
    }

    .provider-services .container-items .item {
        width: 100%;
    }

    .provider-services .container-items .item .container-image {
        height: auto;
        max-height: 300px;
    }

    .applications-types .container-services .item {
        width: 100%;
    }
    
    .work-process .items .item {
        width: 100%;
    }

    .work-process > .title {
        font-size: 25px;
    }

    .screen-shots > .title {
        font-size: 25px;
    }

    .what-we-do .content .container-images {
        width: 100%;
    }

    .what-we-do .content .container-text {
        width: 100%;
        margin-top: 40px;
    }

    .what-we-do .content .container-images .phone {
        left: 0;
        width: 100%;
    }

    .testimonials .titles .parent-a {
        position: relative;
    }

    .testimonials .titles a {
        left: 0;
        bottom: 0;
        width: 285px;
        margin: 20px 0;
        position: relative;
    }

    .testimonials-carousel .item {
        width: calc((100% / 1) - 26px);
    }

    .blogs > .title {
        font-size: 30px;
    }

    .blogs .container-blogs .item {
        width: 100%;
    }

    .blogs .container-blogs .item .container-image {
        width: 100%;
        height: 260px;
    }

    .blogs .container-blogs .item .image-blog {
        background-size: cover !important;
    }

    .team > .title {
        font-size: 25px;
    }

    .team > .subtitle {
        font-size: 14px;
    }

    .team .item {
        width: 100%;
    }

    .team .item .container-image {
        width: 100%;
        height: 400px;
    }

    .discuss-projects {
        padding: 80px 40px;
    }

    .why_choose_us {
        padding: 80px 40px;
    }

    .why_choose_us > .title {
        font-size: 25px;
        margin-bottom: 30px;
    }

    .why_choose_us .center {
        width: 100%;
    }

    .why_choose_us .container {
        flex-wrap: wrap;
    }

    .why_choose_us .container .item {
        margin: 20px 0;
    }

    .why_choose_us .container .column {
        width: 100%;
    }

    .why_choose_us .center .image-center {
        margin: 20px auto;
    }

    .why_choose_us .container .right h3, .why_choose_us .container .right p {
        text-align: left;
    }

    .faq > .title {
        font-size: 30px;
    }

    .contact-us {
        padding: 80px 20px;
    }

    .contact-us .container .aside {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        margin-bottom: 30px;
        justify-content: space-between;
    }

    .form-container .row .container-input {
        margin: 0 10px;
    }

    .contact-us .container .aside .piece {
        margin: 0 20px;
    }

    .contact-us .container .form-container {
        width: 100%;
    }

    .portfolio-container > .title {
        font-size: 30px;
    }
    
    .portfolio-container > .subtitle {
        font-size: 17px;
    }

    .portfolio-modal .close {
        width: 45px;
        height: 45px;
        font-size: 25px;
    }

    .portfolio-modal .directions {
        width: 45px;
        height: 45px;
        font-size: 25px;
    }

    .portfolio-modal .slide-container img {
        width: 80%;
    }

    .portfolio-container .container-items .item {
        background-size: cover !important;
    }

    .portfolio-container .container-categories a {
        width: 45%;
        font-size: 15px;
        margin-bottom: 10px;
    }

    .portfolio-container .container-items .container-item {
        width: 100%;
        margin-right: 0;
    }

    .video-modal .video {
        width: 90%;
        height: 30%;
    }

    .video-modal .close {
        font-size: 25px;
    }

    .container-service {
        padding-bottom: 50px;
    }

    .container-blog {
        padding-bottom: 50px;
    }

    .container-blog .content .container-info a {
        font-size: 14px;
    }

    .container-blog .content .content-text .title {
        font-size: 25px;
    }

    .container-blog .content .content-text p {
        font-size: 15px;
    }
    .container-blog .content .content-text .note p {
        font-size: 14px;
    }

    .container-blog .content .blog-tags i {
        font-size: 20px;
    }

    .container-blog .comments .title {
        font-size: 22px;
    }

    .container-blog .content .blog-tags .item {
        font-size: 12px;
    }

    .container-blog .content .blog-tags .label {
        font-size: 15px;
    }

    .container-blog .comments .item .container-text .name {
        font-size: 15px;
    }

    .container-blog .comments .item .container-text .date {
        font-size: 15px;
    }

    .container-blog .comments .item .container-text p {
        font-size: 14px;
    }

    .container-blog .comments .item .container-image img {
        width: 50px;
        height: 50px;
    }

    .container-blog .leave-comment .title {
        font-size: 25px;
    }

    .container-blog .content .content-text .container-images img {
        height: 150px;
    }

    .form-container button {
        font-size: 15px;
    }
    
    footer .container-items {
        flex-wrap: wrap;
        margin-left: 20px;
        justify-content: center;
    }

    footer .container-items .item {
        width: 45%;
        margin-bottom: 30px;
    }

    footer .container .touche-container {
        bottom: 0;
        width: 95%;
        margin: auto;
        height: 150px;
        padding: 0 20px;
        margin-bottom: 50px;
    }

    footer .container .touche-container img {
        bottom: 25%;
    }

    footer .container .touche-container h2 {
        font-size: 17px;
    }

    footer .container .touche-container a {
        font-size: 12px;
    }

    footer .copy-right {
        padding: 20px;
    }

    footer .copy-right .content * {
        font-size: 15px !important;
    }

    .padding-footer {
        padding-bottom: 80px !important;
    }

    .work-process {
        padding-bottom: 0 !important;
    }

    .nodata img {
        width: 200px;
    }

    .nodata label {
        font-size: 25px;
    }
}

@media screen and (max-width: 600px) {
    body {
        overflow-x: hidden;
    }

    .banner {
        left: 0;
        top: 130px;
        margin-left: 0;
        max-width: 100%;
        padding: 0 40px;
        align-items: center;
        flex-direction: column;
        justify-content: center;
    }

    .only-desktop {
        display: none;
    }

    .only-mobile {
        display: block;
    }

    .global-whatsapp-button {
        right: 30px;
        width: 62px;
        height: 60px;
        bottom: 40px;
        font-size: 65px;
    }

    .response-header {
        height: 86px;
    }

    .response-header .logo {
        width: 165px;
        height: auto;
    }

    .response-header .get-in-touch-button {
        display: none;
    }

    .banner-robot {
        margin: 0;
        width: 130px;
        margin-bottom: 10px;
    }

    .banner .content {
        margin-top: 0;
    }

    .banner .content .title {
        font-size: 20px;
    }

    .banner .content p {
        font-size: 15px;
    }

    .get-in-touch {
        left: 5%;
        top: 500px;
        width: 90%;
        padding: 25px;
        margin-left: 0;
        max-width: 100%;
    }

    .get-in-touch img {
        display: none;
    }

    .get-in-touch .center-text {
        font-size: 15px;
    }

    .get-in-touch a {
        padding: 15px;
        font-size: 12px;
    }

    .breadcrumb {
        height: 100vh;
    }

    .breadcrumb h1 {
        font-size: 30px;
    }
    
    .breadcrumb h2 {
        font-size: 15px;
    }

    .provider-services {
        padding: 80px 20px;
    }

    .provider-services > .title {
        font-size: 15px;
    }

    .provider-services > .subtitle {
        font-size: 12px;
    }

    .provider-services .see-all-services {
        font-size: 17px;
    }

    .provider-services .container-items .item .title {
        font-size: 16px;
    }

    .provider-services .container-items .item p {
        font-size: 14px;
    }
    
    .provider-services .container-items .read-more {
        font-size: 14px;
    }

    .applications-types {
        padding: 80px 20px;
    }

    .applications-types .container-services .item h2 {
        font-size: 17px;
    }

    .applications-types .container-services .item p {
        font-size: 14px;
    }

    .applications-types > .title {
        font-size: 20px;
    }

    .applications-types > .subtitle {
        font-size: 17px;
    }

    .applications-types .container-items .header-item .title {
        font-size: 15px;
    }

    .work-process {
        padding: 80px 20px;
        padding-bottom: 0;
    }
    
    .work-process > .title {
        font-size: 17px;
    }

    .work-process > .subtitle {
        font-size: 14px;
    }

    .screen-shots {
        padding: 80px 20px;
    }

    .screen-shots > .title {
        font-size: 17px;
    }

    .screen-shots > .subtitle {
        font-size: 14px;
    }

    .what-we-do {
        padding: 80px 20px;
    }

    .what-we-do .content .container-text > .title {
        font-size: 20px;
    }

    .what-we-do .content .container-text > .subtitle {
        font-size: 15px;
    }

    .what-we-do .content .container-images .gorro {
        left: 0;
    }

    .what-we-do .content .container-images .star1 {
        left: -70px;
    }

    .what-we-do .content .container-images .star2 {
        left: -80px;
    }

    .what-we-do .content .container-images .phone {
        left: 50px;
    }

    .testimonials {
        padding: 80px 20px;
    }

    .testimonials .titles a {
        width: 285px;
    }

    .testimonials .titles > .title {
        font-size: 22px;
    }

    .testimonials .titles > .subtitle {
        font-size: 15px;
    }

    .carousel-wrapper i:first-child {
        left: 0;
    }

    .carousel-wrapper i:last-child {
        right: 0;
    }

    .blogs {
        padding: 80px 20px;
    }

    .blogs > .title {
        font-size: 20px;
    }

    .blogs > .subtitle {
        font-size: 15px;
    }

    .team {
        padding: 80px 20px;
    }

    .team > .title {
        font-size: 20px;
    }

    .team .item .name {
        font-size: 17px;
    }
    
    .team .item .job {
        font-size: 17px;
    }

    .discuss-projects {
        padding: 80px 20px;
    }

    .discuss-projects > .title {
        font-size: 22px;
    }
    
    .discuss-projects > p, .discuss-projects > a {
        font-size: 14px;
    }

    .why_choose_us {
        padding: 80px 20px;
    }

    .why_choose_us > .title {
        font-size: 20px;
    }

    .why_choose_us .container .item .text h3 {
        font-size: 17px;
    }

    .why_choose_us .container .left p {
        font-size: 15px;
    }

    .faq {
        padding: 80px 20px;
    }

    .faq .container .item .body p {
        font-size: 14px;
    }

    .faq .container .item .header p, .faq .container .item .header i {
        font-size: 15px;
    }

    .contact-us {
        padding: 80px 20px;
    }

    .contact-us .aside h3 {
        font-size: 15px;
    }
    
    .contact-us .aside p {
        font-size: 14px;
    }

    .contact-us .container .aside .piece {
        margin: 0;
        margin-right: 20px;
    }

    .contact-us .form-container button {
        font-size: 15px;
    }

    .form-container .row {
        flex-direction: column;
    }

    .form-container .row .container-input {
        width: 100% !important;
    }

    .portfolio-container .container-categories a {
        width: 100%;
        font-size: 15px;
    }

    ul.sublist {
        padding-left: 0 !important;
    }

    .container-service .content .content-text p {
        font-size: 15px;
    }
    
    .container-service .content .content-text .title {
        font-size: 25px;
    }

    .container-service .content .content-text .note p {
        font-size: 14px;
    }

    .container-service .content .content-text .container-media {
        width: 100%;
        flex-direction: column;
    }

    .container-service .content .content-text .container-images img {
        height: 150px;
    }

    .container-service .content .content-text .container-media .image {
        height: 300px;
        margin-bottom: 20px;
        width: 100% !important;
        background-size: cover !important;
    }

    .container-service .content .content-text .service-faq .item .header h3 {
        font-size: 14px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .container-service .content .content-text .container-media .description {
        width: 100% !important;
    }

    .container-blog .content .content-text .container-images img {
        height: 80px;
    }

    .container-blog .content .blog-tags {
        padding: 10px;
        flex-direction: column;
    }

    .container-blog .content .blog-tags .item {
        padding: 4px 10px;
    }

    .container-blog .content .blog-tags .side:last-child {
        margin-top: 20px;
    }

    footer {
        overflow: hidden;
    }

    footer .container-items .item {
        width: 100%;
    }

    footer .container .touche-container {
        height: auto;
        padding: 40px 30px;
    }

    footer .container .touche-container img {
        display: none;
    }

    footer .container .touche-container h2 {
        font-size: 15px;
    }

    footer .container-items .item .blog {
        display: flex;
    }

    footer .container-items .item .blog  .container-image {
        height: 200px;
    }

    footer .copy-right a {
        width: 100%;
        display: block;
        margin-bottom: 7px;
    }

    footer .copy-right .content {
        flex-wrap: wrap;
        justify-content: center;
    }

    footer .copy-right .content * {
        width: 90%;
    }

    footer .copy-right .content p {
        margin-bottom: 20px;
    }

    footer .copy-right {
        padding: 20px 0;
    }

    .nodata img {
        width: 100px;
    }

    .nodata label {
        font-size: 20px;
    }
}