body { }
/*header*/
#header { padding: 36px 0; color: #ddd; }
.bgLight { background: #F9FBFE; }
.ds-logo { display: inline-block; background: url(../img-icon/logo-dynamsoft-159X39.svg) no-repeat 0; width: 140px; height: 35px; vertical-align: middle; text-align: center; margin: auto 0; }
#header .ds-logo { display: inline-block; background: url(../img-icon/logo-dynamsoft-159X39.svg) no-repeat 0; width: 140px; height: 35px; vertical-align: middle; text-align: center; margin: auto 0; }
#header .splitter { border-right: 2px solid #ddd; height: 25px; line-height: 25px; vertical-align: middle; margin: 0 15px; }
#header .logo-dwt { height: 40px; }
#header .btnDemo .d-btn { padding: 10px 40px; height: 48px; line-height: 24px; vertical-align: middle; }

/*main*/
h1 { margin-bottom: 50px; line-height: 48px; text-align:center; }
h2 { margin: 40px 0; }
#main p { margin: auto; }
#main .bgDarkBlue { padding: 60px 0px 70px 0px; background: url(../img-banner/bg-ibmlanding-bottom.png); background-repeat: no-repeat; background-position: center center; background-size: cover; }
#bottomBanner { margin-top: 50px; color: #FFFFFF; }
#bottomBanner h2 { color: #fff; }
#bottomBanner .bgDarker:before { content: ''; display: inline-block; position: absolute; top: -30px; left: 50%; margin-left: -30px; width: 60px; height: 60px; background: url(../img-icon/icn-ibmlanding-book.png); }
.bgDarker { background: #212934; opacity: 0.67; padding: 27px 30px; margin-top: 80px; max-width: 280px; line-height: 30px; margin: auto; position: relative; }
/*footer*/
#footer { color: #aaaaaa; font-size: 14px; }
#footer .ds-logo { height:25px; width: 98px;}
#footer a { color: #aaaaaa;}
#footer a:hover { color:#fe8e14;}

/*Small devices & Extra small devices */
@media screen and (max-width: 969px) {
    .container { padding-left: 40px; padding-right: 40px; }
    .mt-sm-50px { margin-top: 50px; }
    h2 { text-align: center; }
    #main p.link-readstory { text-align: center; margin-top: 20px; }
    .img-responsive { text-align: center; margin: auto; }
    #bottomBanner h2 { max-width: 280px;  margin-top: 45px; text-align: left; }
    #bottomBanner .btnDemo { margin-top: 30px; text-align:left;}
    .bgDarker { margin-top: 80px; }
    #footer.short { padding: 15px 0; }
    #footer .ds-logo { width: 98px; height: 25px; }
    #footer p { text-align: center; margin-top: 10px; margin-bottom: 0; font-size: 12px; }
}

/*Extra small devices */
@media screen and (max-width: 767px) {
    #header .ds-logo { display:block; margin:auto;}
    .btnDemo { margin-top: 30px; text-align:center; }
    #header .logo-dwt { text-align: center; margin-top: 25px;}
    #bottomBanner h2 { text-align: center; margin: auto; font-size: 24px; }
    #bottomBanner .btnDemo { text-align:center;}
    #footer { text-align:center;}
}

/*Small devices*/
@media (min-width: 768px) {
    /*.container { width: 100%; }*/
    #header .btnDemo { text-align:right;}
    #header .logo-dwt { display: inline-block; }
    #main .bgDarkBlue { padding-top:0;}
}

@media (min-width: 970px) {
    h1 { text-align:left;}
    #main .bgBanner{background:url(../images/illus-ibmlanding-banner.png) no-repeat bottom right;  }
    #main .redCrossBanner { background: none; }
    #main .lockheedMartinBanner { background: none; }
    .titleContainer { padding-top: 80px; padding-bottom: 250px; }
    .titleContainer h1 {line-height:60px;}
    .titleContainer .scrollToggle { display: inline-block; position: absolute; bottom: 0; left: 50%; margin-left: -170px; width: 341px; height: 99px; background: url(../img-icon/icn-ibmlanding-mouse.png);}
    .abstract .row { padding-top:50px; padding-bottom:50px;}
    .abstract .row:first-child { padding-top:100px;}
    .abstract .img-responsive { float:right; margin-top:30px;}
    .abstract .col-md-pull-6 .img-responsive { float:left;}
    #main .link-readstory { margin-top:20px;}
    #main .bgDarkBlue{ padding-top: 30px;}
    #bottomBanner .bgDarker { margin-top: 60px; margin-left:0; }
    #footer p { text-align:right;}
}

@media (max-width: 991px) {
    #header .btnDemo .d-btn { padding: 10px 30px; }
    .lockheed_martin_img { position: relative; right: 0; bottom: 20px; width: 266px; }
}

@media (min-width: 992px) {
    #main .redCrossBanner { background: url(../images/illustration_banner.png) no-repeat bottom right; background-size: 545px; }
    #main .lockheedMartinBanner { background: url(../images/Lockheed_Martin/Vector_Smart_Object.png) no-repeat bottom right; background-size: 650px; }
    .lockheed_martin_img { position: absolute; right: 0; bottom: 20px; width: 220px; }
    .md-pl105 { padding-left: 105px; }
    .md-pr105 { padding-right: 105px; }
    .md-pl100 { padding-left: 100px; }
    .md-pr100 { padding-right: 100px; }
}
@media (min-width: 1200px) {
    #main .redCrossBanner { background: url(../images/illustration_banner.png) no-repeat bottom right; background-size: unset; }
    #main .lockheedMartinBanner { background: url(../images/Lockheed_Martin/Vector_Smart_Object.png) no-repeat bottom right; background-size: 800px; }
    .lockheed_martin_img { position: absolute; right: 0; bottom: 40px; width: 266px; }
}