.landing-page.saas-app-dev .jumbotron {background: linear-gradient(rgba(0,0,0,0.35),rgba(0,0,0,0.35)),url(../images/saas-app-dev/saas-hero.jpg) fixed center center no-repeat;background-size: cover;padding: 100px 0;margin-bottom: 0;position: relative;min-height: 800px;}

.hero-overlay {
    position: absolute;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 1;
    top: 0;
    left: 0;
}
.bold-font {font-weight:600;font-size:1.25rem;}
.landing-page h2.roboto {font-family: 'Roboto Condensed', sans-serif !important;}
.saas-app-dev p {font-size: calc(16px + (18 - 16) * ((100vw - 320px) / (1920 - 320))) !important;line-height: 1.5;text-align: justify;}
.wht-is-saas {display:flex;justify-content:space-between;align-items:center;flex-flow:row wrap;}
.wis-img-wrap {flex:1;justify-content:center;}
.wis-txt-wrap {flex:2;padding-left: 50px;}
.wis-txt-wrap p {margin-bottom:20px;}
.box-list-style-ul li {
    font-size: calc(16px + (18 - 16) * ((100vw - 320px) / (1920 - 320))) !important;
    line-height: 1.5;
    text-indent: -50px;
    padding-left: 50px;
}
.box-list-style-ul li:before {
    content: '\25A1';
    color: #000;
    margin-right: 10px;
    font-size: 23px;
}
.why-switching-wrap {display:flex;justify-content:space-between;align-items:flex-start;flex-flow:row wrap;padding-bottom: 20px;}
.why-switching-wrap .img-wrap {padding:0 20px;flex:1;display: flex;justify-content: center;align-items: center;}
.why-switching-wrap .img-wrap img {height:120px;}
.why-switching-wrap .txt-wrap {flex:3;}
.why-switching-wrap .txt-wrap h3 {font-weight:600; margin-bottom:15px;font-size:20px;font-family: 'Open Sans', sans-serif!important;
text-transform:none;line-height:1.2;text-align:left;}
.saas-faq-wrap h4 {font-weight:600;font-size:16px;margin:20px 0;}
.saas-faq-wrap h3 {margin-bottom:100px;}

.saas-hero-txt-wrap h1.saas-title {font-size: calc(28px + (40 - 28) * ((100vw - 320px) / (1920 - 320)));}
.landing-page h2, .hm-hor-block h2, .saas-app-dev .client-success h2, h2.page-contact-form-title {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,
.saas-app-dev .client-success h2 span,
.saas-app-dev 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;}
@media screen and (max-width:1366px) {
  .landing-page.saas-app-dev .jumbotron {padding:50px 0;margin-bottom: 0;}
}
@media all and (-ms-high-contrast:none) {
  .landing-page.saas-app-dev .jumbotron .container {margin-left:0;}
}
@media screen and (max-width:1024px) {
  .saas-hero-txt-wrap h1.saas-title, .landing h1.saas-title {font-size: 1.85rem;}
}
@media screen and (max-width:1024px) {
  	.wis-img-wrap {flex-basis:100%;text-align: center;}
	.wis-img-wrap img, .why-switching-wrap .img-wrap img {max-width: 200px;margin-bottom: 20px;}
	.wis-txt-wrap {flex-basis:100%;padding-left: 0;}
	.why-switching-wrap .img-wrap, .why-switching-wrap .txt-wrap {flex-basis:100%;}
}
@media screen and (max-width:768px) {
  .landing-page.saas-app-dev .jumbotron {padding:50px 15px;}
  .saas-hero-txt-wrap h1.saas-title, .landing h1.saas-title {font-size: 1.75rem;}  
}
@media screen and (max-width:767px) {
  .saas-hero-txt-wrap {padding-right: 0;}
  .saas-hero-txt-wrap h1.saas-title, .landing h1.saas-title {width: 100%;font-size: 1.5rem;line-height: 1.35;}
  .saas-hero-form-wrap {margin-top:50px;min-width:100%;} 
  .wht-is-saas, .why-switching-wrap {flex-flow: column wrap;}
  .wis-txt-wrap {padding-left: 0;}
  .wis-img-wrap img {height:200px;margin-bottom:30px;}
  .why-switching-wrap .img-wrap img {height:200px;margin-bottom:30px;padding:0 15px;}
  .py-50 {padding-top:20px !important; padding-bottom:20px !important;}  
  .py-100 {padding-top:50px !important; padding-bottom:50px !important;}
  .saas-app-dev h3 {font-size:26px; line-height:1.35;} 
  .box-list-style-ul li {text-indent: -25px;padding-left: 40px;}
  .saas-faq-wrap h4 {margin: 50px 0 20px;}
  .why-switching-wrap .img-wrap {width:100%;}
}