.landing-page.hire-laravel-dev-page .jumbotron {
    background: url(../images/hire-laravel-dev/laravel-hero-web.jpg) fixed top center no-repeat;
    padding:50px 0;
    display: flex;
    min-height: 800px!important;
    background-size: cover;
}
.title-overlay {background: rgba(0,0,0,.65);}
.features-inner ul li {text-align: justify;}
.landing-page.hire-laravel-dev-page h2 {
    font-size: calc(24px + (35 - 24) * ((100vw - 280px) / (1920 - 280)));
    text-align: center;
    text-transform: capitalize;
    color: #000;
    font-family: 'Roboto Condensed', sans-serif!important;
    font-weight: 500;
}
.landing-page.hire-laravel-dev-page h2 span {
    width: 50px;
    margin: 10px auto 0;
    display: block;
    text-align: center;
    border-top: 3px solid #f26b2b;
}
.landing-page.hire-laravel-dev-page p, 
ul li,
.landing-page.hire-laravel-dev-page ul.listed-items li,
.benefits-wrap .desc,
.benefits-wrap-white .desc {
    font-size: calc(14px + (18 - 14) * ((100vw - 280px) / (1920 - 280)));
    line-height: 1.5;
    font-family: 'Open Sans', sans-serif!important;
}
.gaq-btn-big {
    width: auto;
    line-height: normal !important;
    padding: 12px 15px;
    height: auto;
    font-size: 15px;
    margin: 30px auto 0;
    display: block;
    text-align: center;
    position: relative;
    float: none;
    background-color: #f26b2b;
    color: #fff;
    font-weight: normal;
    text-decoration: none;
    text-transform: capitalize;
}

.features-wrap {
    display: flex;
    flex-flow: column wrap;
}
.features-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-flow: row wrap;
    margin: 25px 0;
}
.features-inner .txt-wrap {
    flex: 1;
    padding-top: calc(2rem + 1vw);
}
.features-inner h3 {
    font-size: calc(24px + (26 - 24) * ((100vw - 320px) / (1920 - 320)));
    line-height: 1.35;
    font-family: 'Roboto Condensed',sans-serif!important;
}
.features-inner .img-wrap {
    flex: 1;
    display: flex;
    justify-content: center;
    padding-top: calc(2rem + 1vw);
    padding-right: 15px;
    padding-left: 15px;
}
.features-inner ul {
    margin-top: 30px;
}
.features-inner ul li {
    margin: 10px 0;
    font-size: calc(14px + (18 - 14) * ((100vw - 280px) / (1920 - 280)));
    line-height: 1.5;
    margin-right: 15px;
}
.features-inner ul li .row .col-auto {
    margin-right: 15px;
}
.features-inner .img-wrap img {
    max-width: 80%;
    height: auto;
    max-height: unset;
}
.nlp-services-wrap {
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
}
.services-single {
    width: 31%;
    margin: 10px 1% 50px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
    flex-direction: column;
}
.services-single .img-wrap {
    width: 120px;
    height: 120px;
    padding: 5px;
    border-radius: 50%;
    background-color: #eee;
    text-align: center;
    justify-content: center;
    align-items: center;
    display: flex;
}
.services-single .img-wrap img {
    max-height: 75px;
}
.services-single .txt-wrap .title {
    text-align: center;
    font-weight: 600;
    margin: 15px 0;
    max-width: 100%;
    color: #000;
    font-size: 18px;
    font-family: 'Open Sans', sans-serif!important;
    line-height: 1.2;
    text-transform: none;
}
.services-single .txt-wrap p.desc-wrap {
    text-align: justify;
}

.benefits-wrap,
.benefits-wrap-white {
    display: flex;
    flex-flow: column wrap;
}
.benefits-wrap .benefits-inner {
    display: flex;
    justify-content:space-between;
    align-items: center;
    padding: 20px;
    margin-bottom: 15px;
    flex-flow: row wrap;
    
    background-color: #f6f7f7;
    transition: 0.2s ease all;
    padding: 20px;
    border-bottom: 2px solid transparent;
}
.benefits-inner:hover {
    border-bottom: 2px solid #f26b2b;
    box-shadow: 0 0 12px 2px rgba(149, 150, 150, 0.45);
}
.benefits-wrap-white .benefits-inner {
    display: flex;
    justify-content:space-between;
    align-items: center;
    padding: 20px;
    margin-bottom: 15px;
    flex-flow: row wrap;
}
.benefits-wrap-white .benefits-inner:hover {
    border-bottom: none;
    box-shadow: none;
}
.benefits-inner .img-wrap {
    flex-basis: 25%;
    display: flex;
    justify-content: center;
    padding:15px;
}
.benefits-inner .img-wrap img {
    max-height:200px;
}
.benefits-inner .txt-wrap {
    flex-basis: 74%;
}
.benefits-inner .txt-wrap h3 {
    margin-bottom: 20px;
    font-weight: 600;
    text-align: left;
    font-size: calc(18px + (20 - 18) * ((100vw - 320px) / (1920 - 320)));
    font-family: 'Open Sans', sans-serif!important;
    text-transform:none;
    line-height:1.2;
}
.benefits-inner .short, p {
    font-size: calc(16px + (18 - 16) * ((100vw - 320px) / (1920 - 320))) !important;
    line-height: 1.5;
    max-width: 100%;
}

.techstack .our-services-block .service-exp-degn-block ul {
    height: 660px;
}

/*For IE*/
@media all and (-ms-high-contrast:none) {
    .benefits-inner .img-wrap img {flex:1;padding: 15px;}
    .benefits-inner .img-wrap {flex-basis:32%;}
}

@media screen and (max-width:1024px) {
    .features-inner {flex-direction:column;}
    .benefits-inner .img-wrap img {max-height: 160px;}
    .benefits-inner .img-wrap,
    .benefits-inner .txt-wrap {flex-basis: 100%;}
    .techstack .blockchain-single {width:48%;}
    .techstack .our-services-block .service-exp-degn-block ul {height: 770px;max-height: unset!important;}
}
@media screen and (max-width:991px) {
    .features-inner .txt-wrap {width: 100%;}
    .blockchain-single {width:31%;}
    .blockchain-single img {width: auto;}
    
}
@media screen and (max-width:820px) {
    .benefits-inner .img-wrap img {max-height: 155px;}
}
@media screen and (max-width:768px) {
    .features-inner .txt-wrap {width: 100%;}
    .benefits-inner .img-wrap,
    .benefits-inner .txt-wrap {flex-basis: 100%;}
    .benefits-inner .img-wrap {margin-bottom: 50px;}
}
@media screen and (max-width:540px) {
    .services-single {width: 100%;margin: 10px 0 50px;}
}
@media screen and (max-width:420px) {
    .landing-page.hire-laravel-dev-page .jumbotron {background: url(../images/hire-laravel-dev/laravel-hero-mob.jpg) fixed top center no-repeat;
    padding:50px 0;min-height: 375px!important;}
    .benefits-wrap-white .benefits-inner {padding: 0;}
}
@media screen and (max-width:280px) {
    .features-inner ul li {font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));}
    .features-inner .img-wrap img {height: 100px;}
    .features-inner .img-wrap img.services-img-4 {width: 100px;}
}