@media only screen and (min-device-width: 768px)  {
    
    
    .hidden-md {
        display: none !important;
    }
    
    .visible-md {
        display: block !important;
    }
    
    .bg-img-1 {
        background-image: url("../assets/banner/banner_home_tablet.jpg");
    }

    .bg-img-2 {
        background-image: url("../assets/banner/banner_startups_tablet.jpg");
    }

    .bg-img-3 {
        background-image: url("../assets/banner/banner_agencies_tablet.jpg");
    }

    .bg-img-4 {
        background-image: url("../assets/bg/bg_services_tablet.jpg");
    }

    .bg-img-5 {
        /*background-image: url("../assets/bg/bg_works_tablet.jpg");*/
        background-image: url("../assets/banner/banner_img_proc_tablet.jpg");
    }

    .bg-img-6 {
        background-image: url("../assets/banner/banner_services_tablet.jpg");
    }

    .bg-img-7 {
        background-image: url("../assets/bg/bg_startuo_tablet.jpg");
    }

    .bg-img-8 {
        background-image: url("../assets/bg/bg_development_tablet.jpg");
    }

    .bg-img-9 {
        background-image: url("../assets/bg/bg_uxui_tablet.jpg");
    }

    .bg-img-10 {
        background-image: url("../assets/bg/bg_ecommerce_tablet.jpg");
    }

    .bg-img-11 {
        background-image: url("../assets/bg/bg_learning_tablet.jpg");
    }

    .bg-img-12 {
        background-image: url("../assets/banner/banner_portfolio_tablet.jpg");
    }

    .bg-img-13 {
        background-image: url("../assets/banner/banner_planning_tablet.jpg");
    }

    .bg-img-14 {
        background-image: url("../assets/banner/banner_documentation_tablet.jpg");
        background-position: right;
    }

    .bg-img-15 {
        background-image: url("../assets/banner/banner_design_tablet.jpg");
    }

    .bg-img-16 {
        background-image: url("../assets/banner/banner_analytics_tablet.jpg");
    }

    .bg-img-17 {
        background-image: url("../assets/banner/banner_monetization_tablet.jpg");
    }

    .bg-img-18 {
        background-image: url("../assets/banner/banner_img_proc_tablet.jpg");
    }

    .bg-img-19 {
        background-image: url("../assets/banner/banner_crawlers_bots_tablet.jpg");
    }

    .bg-img-20 {
        background-image: url("../assets/banner/banner_data_science_tablet.jpg");
    }

    .bg-img-21 {
        background-image: url("../assets/banner/banner_pentests_cybersecurity_tablet.jpg");
    }

    .bg-img-22 {
        background-image: url("../assets/banner/banner_client_apps_tablet.jpg");
    }

    .bg-img-24 {
        background-image: url("../assets/works/single_01_tablet.png");
    }

    .bg-img-25 {
        background-image: none;
    }

    .bg-img-26 {
        background-image: url("../assets/works/single_03_tablet.png");
    }

    .bg-img-28 {
        background-image: url("../assets/banner/banner_contacto_tablet.jpg");
    }

    .bg-img-29 {
        background-image: none;
    }
    
    .bg-img-30 {
        background-image: url("../assets/bg/bg_testimonies_tablet.jpg");
    }
    
    
.bg-img-31 {
    background-image: url("../assets/banner/banner_planning_tablet.jpg");
}

.bg-img-35 {
    background-image: url("../assets/banner/banner_documentation_tablet.jpg");
}

.bg-img-39 {
    background-image: url("../assets/banner/banner_design_tablet.jpg");
}

.bg-img-42 {
    background-image: url("../assets/banner/banner_analytics_tablet.jpg");
}

.bg-img-45 {
    background-image: url("../assets/banner/banner_monetization_tablet.jpg");
}

.bg-img-49 {
    background-image: url("../assets/banner/banner_img_proc_tablet.jpg");
}

.bg-img-53 {
    background-image: url("../assets/banner/banner_crawlers_bots_tablet.jpg");
}

.bg-img-57 {
    background-image: url("../assets/banner/banner_data_science_tablet.jpg");
}

.bg-img-60 {
    background-image: url("../assets/banner/banner_pentests_cybersecurity_tablet.jpg");
}

.bg-img-63 {
    background-image: url("../assets/banner/banner_client_apps_tablet.jpg");
}

.bg-img-67 {
    background-image: url("../assets/banner/banner_website_tablet.jpg");
}

    .block-spacer {
        height: 100px;
    }

    .block-spacer-s {
        height: 70px;
    }

    .header.tablet{
        position: fixed;
        top: 0;
        z-index: 8;
        padding-top: 10px;
        padding-right: 35px;
        padding-left: 35px;
        background: -moz-linear-gradient(top,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%);
        background: -webkit-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
        background: linear-gradient(to bottom,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 );
        height: 170px;
    }

    .block {
        padding: 0 35px 0 35px;
    }

    .block .text-1 {
        font-size: 28px;
        padding-left: 20px;
    }

    .block .text-2 {
        padding-left: 20px;
        padding-bottom: 18px;
        font-size: 16px;
    }

    .design .block .text-2 {
        width: 78%;
    }

    .index .block-1 {
        padding-right: 40%;
    }

    .block-1 .bottom-left-corner {
        left: 70px;
        bottom: 89px;
    }

    .block-1 .text-2 {
        margin-left: 45px;
    }

    .rule-tablet-1 {
        height: 40px;
    }

    .block-2 .text-1 {
        padding-left: 14%;
        padding-right: 30%;
    }

    .block-2 .text-2 {
        margin-left: 20%;
        padding-right: 4%;
    }

    .demi-block .text-2.main-color {
        line-height: 22px;
        min-height: 53px;
    }

    .demi-block .text-2 {
        line-height: 22px;
        font-size: 16px;
        padding: 3PX 2% 5px 2%;
        min-height: 166px;
    }

    .demi-block .text-2.short {
        min-height: 100px;
    }

    .demi-block .b7-button {
        width: 98%;
    }

    .demi-block .demi-img {
        width: 190px;
        height: 190px;
        background-size: 94%;
    }

    .index .block-3{
        padding: 0;
        min-height: 450px;
    }

    .index .block-3 .text-1{
        margin-left: 34%;
        padding-top:0;
    }

    .index .block-3 .text-2{
        margin-left: 40%;
        z-index: 2;
        padding-right: 8%;
    }

    .owner {
        width: 100%;
        height: 485px;
        max-width: 430px;
        background-image: url(../assets/banner/chaim_tablet.png);
        float: left;
        position: absolute;
        bottom: 0;
        left: 0;
    }

    .demi-block-1 .text-2 {
        text-align: center;
    }

    .demi-block-1 {
        padding: 0 16% 0 16%;
    }

    .bottom-left-corner-small {
        left: 12%;
    }

    .bottom-right-corner-small {
        right: 12%;
    }

    .top-right-corner-small {
        right: 12%;
    }

    .top-left-corner-small {
        left: 12%;
    }

    .mobile-frame-img {
        position: absolute;
        width: 44%;
        right: 40px;
        bottom: 0;
        z-index: 0;
        max-width: 336px;
    }

    .block-5 .title-text {
        width: 42%;
        z-index: 20;
        background-color: rgba(0,192,164, 0.9);
        position: absolute;
        margin-left: auto;
        margin-right: auto;
        left: 0;
        right: 0;
        top: 90px;
        padding-left: 0;
    }

    .block-5 .text-1.name {
        margin-left: 0;
        padding-left: 0;
    }

    .block-5 .text-2 {
        margin-left: 5%;
        padding-right: 50%;
        min-height: 113px;
        max-width: 790px;
    }

    .icon-line {
        width: 49%;
        width: 49.6%;
        display: inline-block;
    }

    .footer {
        padding: 10px 35px 10px 35px;
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }

    .footer .logo {
        background-image: url(../assets/logos/logo_b7dev_negativo@2x.png);
        width: 38px;
        height: 52px;
        margin-top: 0;
        margin-bottom: 0;
        display: inline-block;
        background-size: 100%;
        margin-left: 5px;
    }

    .footer .text, .footer .social {
        display: inline-block;
        background-size: 100%;
    }

    .footer .text {
        padding-left: 28px;
        font-size: 14px;
    }

    .footer .social {
        max-width: 130px;
        margin-right: 0;
        margin-left: 14px;
        height: 44px;
    }

    .footer .social-icon {
        display: inline-block;
        width: 32px;
        height: 32px;
        background-size: 100%;
    }
    
    .header.tablet .social-icon {
        display: inline-block;
        width: 32px;
        height: 32px;
        margin: 6px 6px;
        background-size: 100%;
    }

    .header.tablet .menu-item {
        display: inline-block;
        padding: 13px 0 8px 0;
        font-size: 14px;
        position: relative;
        margin-right: 24px;
    }

    .header.tablet .logo {
        width: 38px;
        height: auto;
    }

    .menu-circle {
        border-radius: 100%;
        width: 7px;
        height: 7px;
        position: absolute;
        bottom: 0;
        left: 44%;
    }

    /**/

    .services-block .text-2 {
        margin-left: 34px;
    }

    .services-block.right {
        padding-right: 46%;
    }

    .services-block.left {
        padding-left: 46%;
    }

    .services-block-1 .bottom-left-corner {
        bottom: 195px;
        left: 37px;
        border-color: #FFFFFF;
    }

    .service-img {
        max-width: 40%;
        height: auto;
        max-height: 81%;
        margin-top: 0;
        margin-bottom: 0;
        position: absolute;
        top: 20%;
    }

    .left .service-img {
        left: 35px;
    }

    .right .service-img {
        right: 35px;
    }

    .services-block .b7-button {
        max-width: 190px;
        float: left !important;
        margin-left: 84px;
    }

    .services-block .text-1 {
        font-size: 30px;
        padding: 0;
        margin-top: 0;
    }

    .services-block .block-spacer {
        height: 70px;
    }

    .services-block.responsive-helper-1 .service-img{
        top: 12%;
    }

    .services-block.responsive-helper-2 .service-img{
        top: 9%;
    }

    .services-block.responsive-helper-3 .service-img{
        top: 13%;
    }

    .services-block-1 .text-1 {
        padding: 5px 4% 2px 4%;
    }

    /**/

    .portfolio-block-1 .bottom-left-corner {
        bottom: 195px;
        left: 37px;
    }

    .portfolio-block:not(.portfolio-block-1) {
        padding-right: 0;
        padding-left: 0;
    }

    .portfolio-block-3 .cover-container {
        background-color: rgba(255, 255, 255, 0.8);
    }

    .portfolio-block-3 .text-2 {
        color: #000000;
        padding-right: 8%;
        padding-left: 8%;
    }

    .portfolio-block-3 .b7-button {
        width: 46%;
    }

    .bg-img-14 {
        background-position: left;
    }

    .portfolio-block-more .text-1 {
        font-size: 18px;
    }

    /**/

    .work-img-1 {
        position: absolute;
        right: 0;
        top: 0;
    }
    .analytics .work-img-1 {
        position: absolute;
        right: 0;
        top: 6%;
    }
    .analytics .img-2 {
        height: auto; 
        width: 45%;
        position: absolute;
        left: 15%;
        bottom: 0;
    }
    .design .work-img-1 {
        position: absolute;
        right: 0;
        top: 36px;
        width: 51%;
    }

    .work-img-2 {
        position: absolute;
        max-width: 700px;
        z-index: 1;
        left: 0;
        right: 0;
        top: 0;
    }

    .design .work-img-2{
        top: initial;
        bottom: 0;
        width: 56%;
        -webkit-box-shadow: 12px 2px 100px 20px rgba(0,0,0,0.21);
        -moz-box-shadow: 12px 2px 100px 20px rgba(0,0,0,0.21);
        box-shadow: 12px 2px 100px 20px rgba(0,0,0,0.21);
    }

    .work-img-3 {
        position: absolute;
        top: 76px;
        right: 14%;
        z-index: 3;
    }
    
    .work.design .services-block-2 {
        padding-right: 42%;
        min-height: 470px;
    }

    .work .services-block-2 {
        padding-right: 42%;
        min-height: 562px;
    }

    .design .work .services-block-2 {
        padding-right: 0;
        min-height: 640px;
    }

    .work .bg-img-25 {
        min-height: 300px;
    }

    .work .bg-img-26 {
        background-size: 124%;
    }

    .work-block-img.long {
        min-height: 800px;
    }

    /**/

    .contact .services-block-2 {
        padding-right: 0;
    }

    .contact .form-block {
        padding-left: 0;
    }

    .contact .full-form {
        background-image: url("../assets/bg/bg_contact_tablet.jpg");
    }

    .contact .form-block form {
        padding-top: 26px;
    }

    .contact-success .text-1 {
        font-size: 30px;
    }

    .contact-success .text-2 {
        font-size: 20px;
        max-width: 500px;
    }

    .contact-success .b7-button {
        max-width: 200px;
    }
    
    .services-block-slider .left-quote {
        position: absolute;
        left: 15%;
        top: 122px;
    }

    .services-block-slider .right-quote {
        right: 15%;
        bottom: 206px;
    }

    .services-block-slider .text-2 {
        padding-right: 20%;
        padding-left:20%;
        margin: 0;
        padding-bottom: 0;
    }

    .planning-first-img {
        height: 250px;
        width: 300px;
        position: absolute;
        top: 50px;
        right: 0;
        background-image: url(../assets/works/pic_planning_tablet_03.jpg);
        background-size: cover;
        background-position: center;
    }
    .planning-second-img {
        height: 221px;
        width: 228px;
        position: absolute;
        top: 200px;
        right: 12%;
        background-image: url(../assets/works/pic_planning_tablet_01.jpg);
    }
    
    .planning-third-img {
        width: 698px;
        height: 304px;
    }
    
    .planning .tb-pic-3{
        width: 100%;
        height: auto;
    }
    
    .planning .tb-pic-3-cont {
        padding: 0 44px 74px 44px;
    }

    .planning-text-2 {
        width: 50%;
    }
    .col-xs-12.planning-bottom-img {
        margin: 100px 0 0;
        padding: 0;
        text-align: center;
    }

    .design .img-container-2 {
        height: 260px;
    }
    
    .docu-img-1 {
        position: absolute;
        right: 0;
        top: 125px;
        width: 45%;
        -webkit-box-shadow: 12px 2px 100px 20px rgba(0,0,0,0.21);
        -moz-box-shadow: 12px 2px 100px 20px rgba(0,0,0,0.21);
        box-shadow: 12px 2px 100px 20px rgba(0,0,0,0.21);
    }

    .docu-img-2 {
        position: absolute;
        max-width: 700px;
        z-index: 1;
        left: 477px;
        right: 0;
        bottom: 0;
        top: 355px;
        width: 32%;
        -webkit-box-shadow: 12px 2px 100px 20px rgba(0,0,0,0.21);
        -moz-box-shadow: 12px 2px 100px 20px rgba(0,0,0,0.21);
        box-shadow: 12px 2px 100px 20px rgba(0,0,0,0.21);
    }

    .docu-img-3 {
        position: absolute;
        top: 76px;
        right: 14%;
    }
    .documentation .services-block-2 {
        /*padding-right: 42%;*/
        min-height: 475px;
    }
    .documentation .img-container-2 {
        height: 350px;
    }
    .documentation .bg-img-38
    {
        background-position: left;
    }
    
    .monetizacion .tb-img-1 {
        width: 45%;
        height: auto;
    }
    
    .monetizacion .tb-img-2{
        width: 49%;
        height: auto;
        position: absolute;
        right: 16%;
        top: 225px;
    }
    
    .monetizacion .tb-img-3{
        width: 70%;
        height: auto;
        left: 0;
    }
    
    .data-img-1 {
        position: absolute;
        right: 0;
        top: 0;
        width: 44%;
        -webkit-box-shadow: 12px 2px 100px 20px rgba(0,0,0,0.21);
        -moz-box-shadow: 12px 2px 100px 20px rgba(0,0,0,0.21);
        box-shadow: 12px 2px 100px 20px rgba(0,0,0,0.21);
    }
    
    .data-img-2 {
        position: absolute;
        max-width: 700px;
        z-index: 1;
        left: 20%;
        bottom: 0;
        width: 56%;
        -webkit-box-shadow: 12px 2px 100px 20px rgba(0,0,0,0.21);
        -moz-box-shadow: 12px 2px 100px 20px rgba(0,0,0,0.21);
        box-shadow: 12px 2px 100px 20px rgba(0,0,0,0.21);
    }
    .work.data .services-block-2 {
        min-height: 700px;
    }
    
    .pentest-img-1 {
    position: absolute;
    right: 0;
    top: 42px;
    width: 42%;
    -webkit-box-shadow: 12px 2px 100px 20px rgba(0,0,0,0.21);
    -moz-box-shadow: 12px 2px 100px 20px rgba(0,0,0,0.21);
    box-shadow: 12px 2px 100px 20px rgba(0,0,0,0.21);
}
.pentest-img-2 {
    position: absolute;
    max-width: 700px;
    z-index: 1;
    left: 27%;
    right: 0;
    bottom: 62px;
    width: 56%;
}


.imgprocessing .work-img-1 {
    position: absolute;
    right: 0;
    top: 36px;
    width: 45%;
}
.proc-img-2     {
    z-index: 1;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 32%;
}
.work.imgprocessing .services-block-2 {
    /* padding-right: 42%; */
    min-height: 849px;
}
.proc-img-3     {
    z-index: 1;
    position: absolute;
    bottom: 70px;
    left: 13%;
    width: 46%;
}

.crawling .work-img-1 {
    position: absolute;
    right: 0;
    top: 0;
    width: 42%;
     -webkit-box-shadow: 12px 2px 100px 20px rgba(0,0,0,0.21);
    -moz-box-shadow: 12px 2px 100px 20px rgba(0,0,0,0.21);
    box-shadow: 12px 2px 100px 20px rgba(0,0,0,0.21);
}
.crawling .services-block-2 {
    min-height: 614px;
}
.crawling-img-2 {
    position: absolute;
    width: 32%;
    right: 0;
    top: 0;
    margin-top: 35px;
}
.crawling-img-3 {
    position: absolute;
    width: 40%;
    bottom: 0;
    left: 25%;
     -webkit-box-shadow: 12px 2px 100px 20px rgba(0,0,0,0.21);
    -moz-box-shadow: 12px 2px 100px 20px rgba(0,0,0,0.21);
    box-shadow: 12px 2px 100px 20px rgba(0,0,0,0.21);
}

.clientapps .work-img-1 {
    position: absolute;
    top: 65px;
    width: 34%;
    right: 10%;
    z-index: 3;
}

.clientapps-img-2 {
    width: 80%;
    height: auto;
    position: absolute;
    right: 0;
    bottom: 60px;
}
.clientapps-img-3 {
    position: absolute;
    top: initial;
    bottom: 120px;
    width: 30%;
    left: 5%;
     -webkit-box-shadow: 12px 2px 100px 20px rgba(0,0,0,0.21);
    -moz-box-shadow: 12px 2px 100px 20px rgba(0,0,0,0.21);
    box-shadow: 12px 2px 100px 20px rgba(0,0,0,0.21);
}

.clientapps .services-block-2 {
    min-height: 980px;
}

.websites .work-img-1{
    width: 42%;
    bottom: 0;
    top: initial;
}
.websites-img-2 {
   position: absolute;
    width: 27%;
    z-index: 7;
    bottom: 138px;
    right: 11%;
}
.websites-img-3 {
    position: absolute;
    width: 65%;
    bottom: 0;
}
}

@media only screen and (min-device-width: 1023px) {  
    .planning .tb-pic-3-cont {
        padding: 40px 44px 74px 44px;
    }
    
    .work .services-block-2 {
        min-height: 806px;
    }
    .work.data .services-block-2 {
        min-height: 880px;
    }

    .analytics .work-img-1 {
        width: 44%;
        height: auto;
    }
    
    .analytics .img-2 {
        height: auto;
        width: 50%;
    }
    .clientapps .services-block-2 {
        min-height: 1110px;
    }
    
    .work.imgprocessing .services-block-2 {
        min-height: 1000px;
    }
    
    .work.design .services-block-2 {
        min-height: 620px;
    }
    .pentest-img-2 {
        bottom: 200px;
    }
}