/*============================== Barcode-Reader-Resources.aspx ================================*/
#dbrResources .section { margin-top: 50px; }
#dbrResources .guide { margin-top: 0; }
#dbrResources .section h2 { margin: 0 0 20px; }
#dbrResources .guide .item { position: relative; padding-left: 125px; min-height: 110px; border: 1px solid #eee; border-radius: 3px; }
#dbrResources .guide .item .img { position: absolute; left: 0; top: 0; padding: 38px 0 0; width: 110px; height: 100%; background-color: #eee; text-align: center; }
#dbrResources .guide .item p:nth-child(2) { margin: 15px 0 5px 0; font-size: 14px; line-height: 24px; font-family: OpenSans-Semibold; color: #444; }
#dbrResources .guide .item p:nth-child(3) { margin: 0; font-size: 14px; line-height: 24px; }
#dbrResources .video { margin-top: 25px; }
#dbrResources .video dt { border-color: #eee; box-shadow: 0 2px 2px #eee; }
#dbrResources .video:nth-child(4) { width: 230px; }
#dbrResources .section .orange-li { margin-top: -8px; }
#dbrResources .section .orange-li li { font-size: 14px; line-height: 24px; margin-top: 10px; }
#dbrResources .section .orange-li > li { margin-bottom: 10px; }

@media (min-width: 768px) {
    /*=============================== Barcode-Reader-Resources.aspx ===============================*/
    #dbrResources .ct-lt { width: 30%; float: left; max-width: 154px; font-size: 14px; }
    #dbrResources .ct-lt li { margin-top: 12px; }
    #dbrResources .ct-lt li.on a { font-family: OpenSans-Semibold; color: #fe8e14; }
    #dbrResources .ct-lt h1, #dbrResources .ct-rt h2 { margin-top: 0; font-size: 24px; line-height: 36px; }
    #dbrResources .ct-rt { width: 70%; float: right; }
    #dbrResources .ct-rt .section a[name] { display: block; height: 1px; }
    #dbrResources .guide .item { padding-left: 145px; }
    #dbrResources .guide .item p:nth-child(2) { margin-top: 25px; font-size: 16px; line-height: 26px; }
    #dbrResources .video { display: inline-block; margin: 0 40px 30px 0; vertical-align: top; }
    #dbrResources .videoGrp .video:nth-child(even) { margin-right: 0; }
    #dbrResources .video:last-child { margin-bottom: 0; }
    #dbrResources .doc li { float: left; width: 50%; }
}

@media (min-width: 992px) {
    /*============================== Barcode-Reader-Resources.aspx ================================*/
    #dbrResources .ct-lt { width: 22%; max-width: 180px; font-size: 16px; }
    #dbrResources .ct-rt { width: 65%; }
    #dbrResources .guide .item { padding-left: 145px; width: 100%; }
    #dbrResources .videos { width: 100%; }

    #dbrResources .section .orange-li li { font-size: 16px; line-height: 26px; }
    #dbrResources .doc li { width: 40%; }
}

@media (min-width: 1200px) {
    /*=============================== Barcode-Reader-Resources.aspx ===============================*/
}