.app-links-sections{width:100%;float:left;}
.app-links-sections .app-links-sections-inner{
    position: relative;
    max-width: 1356px;
    margin: 0 auto;
    padding: 50px 0 50px 0;
    background-image: url(grocery-delivery.jpg);
    z-index: 1;
    background-position: center center;
    background-size: cover;
}
.app-links-sections .app-links-sections-inner:before{content:'';position:absolute;width:100%;height:100%;background-color:rgba(0,0,0,0.6);z-index:-1;background-image:url(demo-placeholder.png);background-repeat:no-repeat;background-position:left top;top:0;left:0; background-size: auto 100%;}
.app-links-sections .alc-image{position:absolute;right:0;bottom:0;z-index:-1;}
.app-links-sections .app-links-sections-left{width:65.3%;margin:0 auto;}
.app-links-sections .demo-weblinks-hold a{display:block;padding:18px 53px;color:#fff;text-transform:uppercase;font-size:22px;outline:3px solid #fff;font-weight:600;margin-bottom:20px;text-align:center;}
.app-links-sections .demo-weblinks-hold a:hover,
.app-links-sections .demo-weblinks-hold a:focus{background-color:#fff;color:#000;}
.app-links-sections .demo-weblinks-hold{display:inline-block;}
.app-links-sections .demo-weblinks-hold a:last-child{margin-bottom:0;}
.app-links-sections .live-demo{font-size:102px;text-transform:uppercase;color:#fff;width:324px;font-weight:700;padding-left:40px;line-height:90px;margin-top:-16px;text-align:right;margin-right:-5px;position:relative;margin-left:65px;text-align:center;}
.app-links-sections .live-demo:after{content:'';position:absolute;width:5px;height:calc(100% - 16px);height:-o-calc(100% - 16px);height:-ms-calc(100% - 16px);height:-moz-calc(100% - 16px);height:-webkit-calc(100% - 16px);background-color:#fff;left:0;top:16px;}
.app-links-sections .demo-weblinks{display:flex;align-items:center;justify-content:center;}
.app-links-sections .app-links-main{display:block;justify-content:flex-end;max-width:655px;margin:78px auto 0 auto;text-align:center;}
.app-links-sections .links-col a{display:inline-block;transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;position:relative;bottom:0px;}
.app-links-sections .links-col a img{max-width:100%;}
.app-links-sections .links-col a:hover{bottom:3px;}
.app-links-sections .links-col a:nth-child(2){margin-bottom:16px;}
.app-links-sections .app-links-main strong{text-transform:uppercase;font-size:24px;color:#fff;margin-bottom:20px;display:block;}
.app-links-sections .links-col{width:33.33%;display:inline-block;vertical-align:top;text-align:center;}
.note{color:#fff;margin-top:30px;font-size:18px;padding-left:122px;}
.note label{font-weight:600;margin-right:10px;}
.app-links-sections a.viewFlow{display:inline-block;background-color:#df5e00;color:#fff;text-decoration:none;padding:15px 24px 17px 24px;width:auto;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;box-shadow:0 0 0 0 rgba(0,0,0,0.6);transition:all 0.5s ease 0s;-webkit-transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;-ms-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;margin-top:20px;text-align:left;}
.app-links-sections span a.viewFlow{display:inline-block;background-color:#df5e00;color:#fff;text-decoration:none;padding:10px 14px 12px 14px;width:auto;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;box-shadow:0 0 0 0 rgba(0,0,0,0.6);transition:all 0.5s ease 0s;-webkit-transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;-ms-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;}
.app-links-sections a.viewFlow{display:inline-block;background-color:#df5e00;color:#fff;text-decoration:none;padding:10px 44px 12px 44px;width:auto;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;box-shadow:0 0 0 0 rgba(0,0,0,0.6);transition:all 0.5s ease 0s;-webkit-transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;-ms-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;margin-left:-50px;}
.app-links-sections .viewFlow:hover{box-shadow:0 0 6px 0 rgba(0,0,0,0.6) !important;background-color:#bb5105 !important;}
.app-links-sections .clickText{font-weight:500;font-size:26px;display:block;float:none;}
.app-links-sections .flowText{font-size:30px;font-weight:600;text-transform:uppercase;display:block;float:none;}
@media screen and (max-width:1023px){
    .app-links-sections .links-col{padding-right:15px;}
    .app-links-sections .app-links-main strong{font-size:20px;}
    .app-links-sections .alc-image{position:relative;margin-bottom:40px;float:right;margin-right:-15px;}
    .app-links-sections .app-links-sections-left{width:auto;}
    .app-links-sections .app-links-sections-inner:before{width:100%;left:0;top:0;}
    .app-links-sections .app-links-sections-inner{padding:50px 15px;}
    .app-links-sections .app-links-main, .note{padding-left:0;}
    .app-links-sections .demo-weblinks-hold a{padding:18px 33px;}
    .app-links-sections .app-links-main{margin-top:40px;}
}
@media screen and (max-width:767px){
    .app-links-sections .live-demo{font-size:62px;text-transform:uppercase;color:#fff;width:207px;line-height:65px;padding-left:30px;margin-top:0;}
    .app-links-sections .demo-weblinks-hold a{padding:15px 30px;display:inline-block;font-size:18px;width:180px;text-align:center;}
    .app-links-sections .demo-weblinks-hold{width:185px;margin-top:0;margin-right:30px;}
    .app-links-sections .live-demo{margin-left:0;}
    .app-links-sections .links-col:last-child{padding-right:0;}
    .app-links-sections a.viewFlow{padding:13px 44px 14px 44px;}
    .app-links-sections .clickText{font-size:14px;}
    .app-links-sections .flowText{font-size:18px;}
    .app-links-sections .alc-image{width:100%;}
    .app-links-sections .live-demo:after{top:0;height:100%;}
    .app-links-sections a.viewFlow{margin-left:0;display:inline-block;}
}
@media screen and (min-width:1px) and (max-width:567px){
    .app-links-sections .demo-weblinks{flex-direction:column;align-items:center;float:none;width:100%;}
    .app-links-sections .live-demo:after{height:5px;width:100%;top:0;left:0;}
    .app-links-sections .live-demo{padding-top:30px;margin-top:40px;text-align:center;padding-left:0;}
    .app-links-sections .links-col{width:50%;margin-bottom:30px;}
    .app-links-sections .links-col:last-child{margin-bottom:0;}
    .app-links-sections .app-links-main{padding-left:15px;text-align:center;}
    .app-links-sections .demo-weblinks-hold{margin-right:0;}
}