#dynamsoft-header { border-bottom: 1px solid #ddd; }
.saw-vs-scm { margin-bottom: 100px; }
#SawVsScmProducts { padding: 60px 0; }
#SawVsScmProducts .saw a { display: block; padding: 35px 30px; background: #fff; border: 1px solid #ddd; border-radius: 3px; }
#SawVsScmProducts .saw p { margin: 15px 0 0; font-size: 14px; line-height: 24px; }
#SawVsScmProducts .saw .logo { display: block; width: 100%; height: 30px; background-repeat: no-repeat; background-position: left center; }
#SawVsScmProducts .saw .logo { width: 185px; background-image: url(../../images/icons/logo-saw-171x25.svg), none; }
#SawVsScmProducts .sawh .logo { width: 230px; background-image: url(../../images/icons/logo-sawh-225x25.svg), none; }
#SawVsScmProducts .sawv .logo { width: 230px; background-image: url(../../images/icons/logo-sawv-224x25.svg), none; }
#SawVsScmProducts .saw a:hover p { color: #fff; }
#SawVsScmProducts .saw a:hover .logo { background-image: url(../../images/icons/logo-saw-white-171x25.svg), none; }
#SawVsScmProducts .sawh a:hover .logo { background-image: url(../../images/icons/logo-sawh-white-225x25.svg), none; }
#SawVsScmProducts .sawv a:hover .logo { background-image: url(../../images/icons/logo-sawv-white-224x25.svg), none; }
#SawVsScmProducts .saw a:hover { background: #feb420; border-color: #feb420; }
#SawVsScmProducts .retired { display: inline-block; position: absolute; top: 0; width: 60px; height: 18px; font-size: 12px; line-height: 18px; color: #fff; text-align: center; background-color: #febd01; border-radius: 0 0 3px 3px; }
#SawVsScmTb table { width: 100%; margin-bottom: 0; }
#SawVsScmTb table td { border: none; }
#SawVsScmTb tr td:nth-child(1) { border-right: solid 1px #ddd; }
.saw-vs-nav { padding: 15px 0; height: auto; background: #f8f8f8; border-top: solid 1px #ddd; border-bottom: solid 1px #ddd; }
.saw-vs-nav:after { display: block; content: ''; clear: both; }
.saw-vs-nav li { float: left; padding: 0 15px; font-size: 14px; line-height: 40px; color: #444; font-family: OpenSans-Semibold; }
.saw-vs-nav .nav-li { cursor: pointer; }
.saw-vs-nav .nav-li span.icon { display: inline-block; margin: 0 4px -3px 0; width: 8px; height: 15px; background: url(../../images/icons/icn-location-8x15.png) no-repeat left top; }
.saw-vs-nav li.on, .saw-vs-nav .nav-li:hover { color: #fe8e14; }
.saw-vs-nav li.on span.icon, .saw-vs-nav .nav-li:hover span.icon { background-position: left -30px; }
#SawVsScmTb .tb-nav td { height: 60px; line-height: 60px; font-size: 14px; color: #444; }
.tb-subnav li { display: none; }
.tb-subnav li.on { display: block; }
table.table { display: none; }
table.table.on, table.tb-nav { display: table; }
#SawVsScmTb table td { padding: 10px 15px; font-size: 14px; }
table.table td.checked { background: url(../../images/icons/icn-checked-17X12.png) no-repeat center center; }
table.table td p { line-height: 24px; }
.gray-border-bottom { border-bottom: 1px solid #ddd; }

@media screen and (max-width: 767px) {
    #SawVsScmProducts .saw a { max-width: 340px; margin: 0 auto; }
    #SawVsScmProducts .saw:nth-child(2) { margin-top: 30px; margin-bottom: 30px; }
}

@media (min-width: 768px) {
    #SawVsScmProducts .saw { padding-left: 39px; }
    #SawVsScmProducts .sawv { padding-left: 15px; padding-right: 39px; }
    #SawVsScmProducts .sawh { padding-left: 15px; padding-right: 39px; margin-top: 40px; }
    #SawVsScmProducts .saw a { padding: 35px; }
    #SawVsScmProducts .sawh p { padding-right: 40px; }
    #SawVsScmTb .table-responsive { width: 100%; }
    #SawVsScmTb tr td:nth-child(1) { width: 24%; }
    #SawVsScmTb tr td:nth-child(2) { width: 28%; }
    #SawVsScmTb tr td:nth-child(3) { width: 20%; }
    #SawVsScmTb tr td:nth-child(4) { width: 28%; }
    #SawVsScmTb table tr:first-child td, #SawVsScmTb table tr:last-child td { padding: 0; }
    .saw-vs-nav { padding: 0; height: 70px; }
    .saw-vs-nav li { padding: 0 10px 0 28px; line-height: 70px; }
    .saw-vs-nav li:first-child { margin-right: 40px; width: 125px; }
    #feature-nav li:first-child { line-height: 20px; padding-top: 14px; padding-right: 10px; }
    .tb-feature-nav li.lh20 { line-height: 20px; padding-top: 10px; }
    #SawVsScmTb table.tb-tool td { padding-left: 0; padding-right: 0; }
    #SawVsScmTb table tr td:first-child { padding-left: 28px; padding-right: 10px; }
}

@media (min-width: 992px) {
    #SawVsScmProducts .saw { padding-left: 17px; padding-right: 17px; }
    #SawVsScmProducts .sawv { padding-left: 15px; padding-right: 19px; }
    #SawVsScmProducts .sawh { padding-left: 15px; padding-right: 19px; margin-top: 0; }
    #SawVsScmProducts .saw a { padding: 33px 30px 30px; min-height: 182px; }
    #SawVsScmProducts .sawh p { padding-right: 20px; }
    #SawVsScmProducts .sawv p { padding-right: 25px; }
    #SawVsScmTb tr td:nth-child(1) { width: 22%; }
    #SawVsScmTb tr td:nth-child(2) { width: 30%; }
    #SawVsScmTb tr td:nth-child(3) { width: 18%; }
    #SawVsScmTb tr td:nth-child(4) { width: 30%; }
    #SawVsScmTb table tr td:first-child { padding-left: 30px; }
    .saw-vs-nav li { padding-left: 30px; }
    .tb-feature-nav li.lh20 { line-height: 60px; padding-top: 0; }
    .saw-vs-nav li { padding-right: 45px; }
    .saw-vs-nav li:first-child { margin-right: 27px; width: 210px; }
    #feature-nav li:first-child { line-height: 70px; padding-top: 0; }
}