.mobile-dev-page .jumbotron {
    background: url(../images/solution/mobile-development/mobile-dev-hero.jpg) center center no-repeat;
    background-size: cover;
    align-items: center;
    padding: 20px 0;
    min-height: 800px;
    position: relative;
}
.hero-overlay {
    position: absolute;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 1;
    top: 0;
    left: 0;
}
.mob-app-body .md-app-type-inner {
    position: relative;
    text-align: center;
    border: 1px solid #ccc;
    padding: 20px;
}
.mob-app-body .md-app-type-inner img {
    padding: 20px;
    width: auto;
    height: 135px;
}
.mob-app-body .md-app-post-title {
    font-size: 18px;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 15px;
    font-family: 'Roboto Condensed', sans-serif;
    color: #000;
    font-weight: 700;
}
.mob-app-body .md-app-type-inner:after {
    content: " ";
    position: absolute;
    bottom: 0;
    left: auto;
    right: 0;
    width: 0;
    height: 4px;
    display: block;
    background-color: #f26b2b;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.mob-app-body .md-app-type-inner:hover:after {
    width: 100%;
    left: 0;
    right: auto;
}
.mob-app-body .category-wrap .rgt-wrap .rgt-inner-wrap {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-flow: row wrap;
    padding-bottom: 30px;
}
.mob-app-body .category-wrap .rgt-wrap .rgt-inner-wrap img {
    padding: 20px;
    width: 130px;
    height: auto;
    margin: auto;
    display: block;
}
.mob-app-body .category-wrap .rgt-wrap .rgt-inner-wrap .img-wrap {
    flex-basis: 30%;
}
.mob-app-body .category-wrap .rgt-wrap .rgt-inner-wrap .txt-wrap {
    flex-basis: 70%;
}
.mob-app-body .category-wrap .rgt-wrap .rgt-inner-wrap .txt-wrap h3 {
    font-size: 18px;
    text-align: left;
    margin-top: 15px;
    margin-bottom: 15px;
    font-family: 'Open Sans', sans-serif !important;
    color: #000;
    font-weight: 700;
    max-width: 100%;
    text-transform: none !important;
    line-height: 1.2;
}
.landing-page .jumbotron h1.saas-title {max-width: calc(100% - 414px);}
.hm-hor-block {padding: 0;margin:0;min-height: unset;}
.product-f-box {padding: 0;}
.ir-prep .vdo-wrap .caption h1 {font-size: calc(24px + (40 - 24) * ((100vw - 320px) / (1920 - 320)));}
.mobile-dev-page h2, .mobile-dev-page .client-success h2,
.client-success h2.title_txt {font-size: calc(26px + (35 - 26) * ((100vw - 320px) / (1920 - 320)));text-align: center;text-transform: capitalize;color: #000;font-family: 'Roboto Condensed', sans-serif!important;font-weight: 500;}
.hm-hor-block h2 span,
.mobile-dev-page .client-success h2 span,
.mobile-dev-page h2 span, h2.page-contact-form-title span {
    width: 50px;
    margin: 10px auto 0;
    display: block;
    text-align: center;
    border-top: 3px solid #f26b2b;
}
.bf-mt-2 {margin-top: calc(2rem + 1vw) !important;}
.bf-mb-2 {margin-bottom: calc(2rem + 1vw) !important;}
.bf-my-2 {margin-top: calc(2rem + 1vw) !important; margin-bottom: calc(2rem + 1vw) !important;}
.bf-py-2 {padding-top: calc(2rem + 1vw) !important; padding-bottom: calc(2rem + 1vw) !important;}
p, .solution-page .top-desc p,
ol li {
    font-size: calc(16px + (18 - 16) * ((100vw - 320px) / (1920 - 320))) !important;
    line-height: 1.5;
    max-width: 100%;
    margin: 0 0 10px;
}
.landing-page.mobile-dev-page p, .mob-app-body .category-wrap .rgt-wrap .rgt-inner-wrap p {
    font-size: calc(16px + (18 - 16) * ((100vw - 320px) / (1920 - 320)));
    line-height: 1.5;
    max-width: 100%;
    margin-bottom: 15px;
}
.my-sticky-element.stuck {position:fixed;top:70px;width:468px;}
.mob-app-body .inner-wrap {display: -webkit-box;display: -ms-flexbox;display:flex; justify-content:space-around; align-items:center;}
.mob-app-body .inner-wrap .img-wrapper {flex:2;text-align:center;}
.mob-app-body .inner-wrap .txt-wrapper {flex:3;text-align:center;}
.mob-app-body .inner-wrap.even .img-wrapper {order:1;}
.mob-app-body .inner-wrap .img-wrapper svg.svg {width:auto; height:200px;fill:#333 !important;}
.mob-app-body .inner-wrap .txt-wrapper p {text-align:justify;width:85%;}
.mob-app-body .inner-wrap.odd .txt-wrapper p {float:right;}
.mob-app-body .inner-wrap .img-wrapper h5 {text-align:center;margin-top:15px;font-size:20px;}
.mob-app-body .md-stats svg {width:225px;height:auto;}
.mob-app-body .md-tech-logo ul {display:flex;justify-content:space-between;align-items:center;flex-flow:row wrap;}
.mob-app-body .md-tech-logo ul li {flex-basis:18%;margin-bottom:50px;display: flex;justify-content: center;}
.mob-app-body .md-tech-logo ul li img {max-height:100px;}
.mob-app-body .md-app-type-wrap {display: flex;flex-flow: row wrap;justify-content: space-between;align-items: stretch;}

.my-sticky-element h2 {color: #000;line-height: 1.35;font-size: calc(26px + (35 - 26) * ((100vw - 320px) / (1920 - 320)));text-transform: uppercase;font-family: 'Roboto Condensed', sans-serif !important;text-align: center;}

@media screen and (max-width:1600px) {
    .my-sticky-element.stuck {width: 28.8%;}
}
@media screen and (max-width:1440px) {
    .my-sticky-element.stuck {width: 29%;}
}
@media screen and (max-width:1366px) {
    .my-sticky-element.stuck {width: 28.9%;}
}
@media screen and (max-width: 1280px) {
    .my-sticky-element.stuck {width: 29%;}
}
@media screen and (max-width:1024px) {
    .mob-app-body .md-tech-logo ul li {flex-basis: 30%;}
    .mob-app-body .md-app-type-col {flex-basis:100%; margin-bottom: 20px;}
    .mob-app-body .build-mobile-app-wrap .img-wrapper {flex-basis:100%;text-align: center;}
    .mob-app-body .build-mobile-app-wrap .txt-wrapper {flex-basis:100%; padding-left: 0;}
    .mob-app-body .category-wrap .lft-wrap, .mob-app-body .category-wrap .rgt-wrap {flex-basis:100%;}
}
@media screen and (max-width: 768px) {
    .my-sticky-element.stuck {width: 38.5%;}
}
@media screen and (max-width:767px) {
    .my-sticky-element h2 {text-align: center; margin-bottom:5px;}
    .my-sticky-element p {text-align: center;}
    .my-sticky-element {margin-bottom: 30px;}
    .mob-app-body .md-tech-logo ul li {flex-basis: 26%;}
    .mobile-dev-page .jumbotron {padding: 20px 15px;}
    .landing-page .jumbotron h1.saas-title {max-width: 100%;}
}
@media screen and (max-width:420px) {
    .landing-page.mobile-dev-page .jumbotron {
        background: url(../images/solution/mobile-development/mobile-dev-mobile.jpg) top left no-repeat;
        background-size:cover!important;
        height: 450px;
    } 
    .mob-app-body .md-app-caption {padding: 0;}
}