/*Hero*/
.studio-app-solutions-page .studio-content .hero .column.main-icon i,
.studio-app-solutions-page .studio-content .hero .top .column .title strong,
.studio-app-solutions-page .studio-content .hero .top .column .small-title i{ color: var(--studio-app); }
.studio-app-solutions-page .studio-content .hero .bottom .column.link a,
.studio-app-solutions-page .studio-content .hero .bottom .column.link a:before{ background: var(--studio-app); }

.studio-app-solutions-page .studio-content .hero .top .column{ max-width: 690px; }

/*Mobile application development*/
.studio-app-solutions-page .studio-card.mobile-app-dev .column.img figure { bottom: -12%; height: 350px; width: 90%; }
.studio-app-solutions-page .studio-card.mobile-app-dev .column p { max-width: 415px; }

/*Mobile SDK development*/
.studio-app-solutions-page .studio-card.mobile-sdk .column.img figure { bottom: 0; }
.studio-app-solutions-page .studio-card.mobile-sdk .column.img figure img { object-fit: cover; }
.studio-app-solutions-page .studio-card.mobile-sdk .column h3 { max-width: 375px; }
.studio-app-solutions-page .studio-card.mobile-sdk .column p { max-width: 410px; }

/*Application testing, review and maintenance*/
.studio-app-solutions-page .studio-card.testing-and-maintenance .column h3 { max-width: 420px; }
.studio-app-solutions-page .studio-card.testing-and-maintenance .column p { max-width: 440px; }

/*Mobile consultancy and mentoring*/
.studio-app-solutions-page .studio-card.mobile-mentoring .column.img figure { left: -200px; bottom: -300px; height: auto; width: 125%; }
.studio-app-solutions-page .studio-card.mobile-mentoring .column h3 { max-width: 320px; }
.studio-app-solutions-page .studio-card.mobile-mentoring .column p { max-width: 410px; }

/*Technical product discovery*/
.studio-app-solutions-page .studio-card.technical-discovery .column h3 { max-width: 420px; }
.studio-app-solutions-page .studio-card.technical-discovery .column p { max-width: 400px; }

/*Application integration with external devices*/
.studio-app-solutions-page .studio-card.app-integration-devices .column.img { display: flex; justify-content: center; }
.studio-app-solutions-page .studio-card.app-integration-devices .column.img figure { bottom: 0; width: 80%; }
.studio-app-solutions-page .studio-card.app-integration-devices .column h3 { max-width: 375px; }
.studio-app-solutions-page .studio-card.app-integration-devices .column p { max-width: 395px; }

/*App Store and Google Play positioning*/
.studio-app-solutions-page .studio-card.app-positioning .column.img figure { bottom: 0; right: -30px; width: 830px; height: auto; }
.studio-app-solutions-page .studio-card.app-positioning .column h3,
.studio-app-solutions-page .studio-card.app-positioning .column p { max-width: 385px; }

/*Studio Footer*/
.studio-app-solutions-page .studio-footer .text h3 span,
.studio-app-solutions-page .studio-footer .text i{ color: var(--studio-app); }
.studio-app-solutions-page .studio-footer .text h3 { max-width: 670px; }
.studio-app-solutions-page .studio-footer .text p { max-width: 515px; }
.studio-app-solutions-page .studio-footer a:before{ background: var(--studio-app); }

@media screen and (max-width: 1280px){

    .studio-app-solutions-page .studio-card.app-positioning .column.img figure { bottom: 0; right: -30px; width: 125%; height: auto; }

}

@media screen and (max-width: 1024px){

    .studio-app-solutions-page .studio-content .hero .top .column { max-width: 100%; }

    /*Texts*/
    .studio-app-solutions-page .studio-card.mobile-app-dev .column p,
    .studio-app-solutions-page .studio-card.mobile-sdk .column p,
    .studio-app-solutions-page .studio-card.testing-and-maintenance .column p,
    .studio-app-solutions-page .studio-card.mobile-mentoring .column p, 
    .studio-app-solutions-page .studio-card.technical-discovery .column p, 
    .studio-app-solutions-page .studio-card.app-integration-devices .column p,
    .studio-app-solutions-page .studio-card.app-positioning .column p { max-width: 100%; }

    /*Mobile application development*/
    .studio-app-solutions-page .studio-card.mobile-app-dev .column.img { width: 100%; }
    .studio-app-solutions-page .studio-card.mobile-app-dev .column.img figure { bottom: -20px; height: auto; margin: auto; }

    /*Mobile SDK development*/
    .studio-app-solutions-page .studio-card.mobile-sdk .column.text { padding-bottom: 10px; }
    .studio-app-solutions-page .studio-card.mobile-sdk .column.img { width: 100%; }

    /*Mobile consultancy and mentoring*/
    .studio-app-solutions-page .studio-card.mobile-mentoring .column.img { height: 400px; width: 100%; }
    .studio-app-solutions-page .studio-card.mobile-mentoring .column.img figure { bottom:0; width: 100%; min-width: 500px; }

    /*Application integration with external devices*/
    .studio-app-solutions-page .studio-card.app-integration-devices .column.img { width: 100%; }

    /*App Store and Google Play positioning*/
    .studio-app-solutions-page .studio-card.app-positioning .column.text { padding-bottom: 10px; }
    .studio-app-solutions-page .studio-card.app-positioning .column.img { width: 100%; }
    .studio-app-solutions-page .studio-card.app-positioning .column.img figure { bottom: 0; left: -125px; width: 120%; margin-left: 18%; left: -28%; }
    
}

@media screen and (max-width: 767px){

    /*Texts*/
    .studio-app-solutions-page .studio-card.mobile-sdk .column h3,
    .studio-app-solutions-page .studio-card.testing-and-maintenance .column h3,
    .studio-app-solutions-page .studio-card.mobile-mentoring .column h3, 
    .studio-app-solutions-page .studio-card.technical-discovery .column h3, 
    .studio-app-solutions-page .studio-card.app-integration-devices .column h3,
    .studio-app-solutions-page .studio-card.app-positioning .column h3 { max-width: 100%; }

    /*Mobile application development*/
    .studio-app-solutions-page .studio-card.mobile-app-dev .column.text { padding-bottom: 10px; }

    /*Mobile SDK development*/
    .studio-app-solutions-page .studio-card.mobile-sdk .column.img figure { left: -10px; }

    /*Mobile consultancy and mentoring*/
    .studio-app-solutions-page .studio-card.mobile-mentoring .column.img { height: 300px; }

    /*Application integration with external devices*/
    .studio-app-solutions-page .studio-card.app-integration-devices .column.text { padding-bottom: 10px; }
    .studio-app-solutions-page .studio-card.app-integration-devices .column.img figure { padding-bottom: 10px; }

}

@media screen and (max-width: 540px){

    /*Mobile consultancy and mentoring*/
    .studio-app-solutions-page .studio-card.mobile-mentoring .column.img { height: 220px; }
    .studio-app-solutions-page .studio-card.mobile-mentoring .column.img figure { left: -150px; min-width: 450px; }

}