@media only screen and (min-width: 3350px) {
    #category-hero .hero-image,
    .category-hero .hero-image,
    span#clock {
        right: 29%;
    }
}

div#myHarmonyRemotes,
div#legacyRemotes {
    display: flex;
    margin-top: -20px;
}

div#myHarmonyRemotes ul,
div#legacyRemotes ul {
    list-style: circle;
}

li.remoteList {
    padding: 5px;
    margin-right: 40px;
}

#badges {
    margin-left: 15px;
    display: none;
}

div#badges img {
    height: 46px;
    display: inline-block;
    padding: 5px;
}

a.button {
    color: #fff;
    background-color: #00B8FC;
    border: solid 2px #00B8FC;
    display: inline-block !important;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 12px;
    padding: 5px;
    margin-bottom: -8px;
    height: 28px;
}

a.button:hover,
a.button:focus {
    color: #00B8FC;
    background-color: #fff;
    border: solid 2px #00B8FC !important;
    text-decoration: none;
}

a.button:hover,
#showAllSoftware:hover {
    cursor: pointer;
}

#notice,
#mask,
#allSoftwareOptions {
    display: none;
}

#showAllSoftware {
    font-weight: 600;
    text-decoration: underline;
}

#notice {
    width: 750px;
    height: 650px;
    position: fixed;
    left: calc(50% - 375px);
    top: 100px;
    border: solid 1px;
    box-shadow: 2px 5px #2f3132;
    background-color: #fff;
    z-index: 9999;
}

#werecommendapps,
#werecommendexpress {
    display: none;
    max-width: 400px;
    height: 285px;
    position: fixed;
    left: calc(50% - 200px);
    top: calc(35% - 150px);
    border: solid 1px;
    box-shadow: 2px 5px #2f3132;
    background-color: #fff;
    z-index: 9999;
}

#messaging {
    overflow-y: scroll;
    overflow-x: hidden;
    margin-top: 28px;
    height: 78%;
    border-bottom: solid 1px #c3c6c8;
    padding-bottom: 20px;
    z-index: 9998;
}

.licensingTitle {
    font-family: Brown-Pro-Bold;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 24px;
    background-color: #814efa;
    color: #fff;
    padding: 20px;
    position: absolute;
    width: 100%;
    top: 0px;
    z-index: 9999;
}

#werecommendapps p,
#werecommendexpress p,
#notice p {
    padding: 20px;
    font-size: 16px;
    margin-top: -18px;
    font-family: Brown, Helvetica, Arial, sans-serif;
}

div#mask {
    width: 100%;
    height: 1000vh;
    background-color: rgba(0, 0, 0, .4);
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 9999;
}

#werecommendapps i.fa.fa-times,
#werecommendexpress i.fa.fa-times,
#notice i.fa.fa-times {
    position: absolute;
    right: 9px;
    top: 7px;
}

#notice i.fa.fa-times:hover,
#werecommendapps i.fa.fa-times:hover,
#werecommendexpress i.fa.fa-times:hover {
    cursor: pointer;
}

span#softwareDateYear {
    padding-left: 20px;
}

span.finePrint {
    font-size: 12px;
    opacity: 0.8;
    margin-top: -27px;
    display: flex;
    justify-content: center;
}

a.button {
    text-transform: none;
}

span.downloadMessage.preQuickSilver {
    font-size: 12px;
    opacity: .8;
    display: flex;
    justify-content: center;
}

span#wedetect {
    display: inline-table;
    margin-left: 10px;
}

.downloadMessage, #wedetect {
    font-family: Brown, Helvetica, Arial, sans-serif;
}

@media (max-width: 768px) {
    div#notice {
        width: 440px;
        left: calc(50% - 220px);
    }
    div#werecommendexpress .licensingTitle {
        font-size: 22px;
    }
}

@media (max-width: 450px) {
    div#allSoftwareOptions {
        margin-top: -5px;
    }
    div#notice {
        width: 300px;
        height: 355px;
        left: calc(50vw - 150px);
        top: 100px;
    }
    div#messaging p:first-child {
        margin-top: 8px;
    }
    span.finePrint {
        padding: 0px;
    }
    #messaging {
        height: 60%;
    }
    #notice .button {
        width: 95px;
        height: 46px !important;
        padding-top: 5px !important;
    }
}

.goAway {
    opacity: 0 !important;
    display: none !important;
    position: absolute;
    z-index: -1;
}

a#softwareDownload,
a#softwareDownloadQS {
    margin-left: 18px;
    margin-top: -3px !important;
}

#downloadoptionsHeader {
    font-size: 34px;
    color: #814efa;
    font-weight: 600;
    font-family: Brown-Pro-Bold;
    margin-left: 9px;
    margin-top: 420px;
}

.section.faq.panel-white .container:not(#experiencetxt) {
    padding-left: 30px !important;
}

#notice a.button {
    height: 35px;
    padding-top: 8px;
}

#allSoftwareOptions a.button {
    margin-top: -5px;
}

h3.breakExpand2+.totop {
    margin-right: -35px !important;
}

.product-tile-v2 div.inner {
    padding-top: 6px;
}

@media (min-width: 1280px) {
    #downloadoptionsHeader.chrome {
        margin-top: 420px;
    }
}

@media (min-width: 1150px) {
    #faqH2 {
        position: absolute;
        left: -45px;
        top: calc(55% - 25%);
    }
}

@media only screen and (min-width: 991px) {
    div#hero-logo-ani {
        margin-left: 10px;
    }
    input#hero-search-input {
        padding-left: 10px;
    }
}

@media (min-width: 600px) {
    .product-image {
        margin-top: 5px;
    }
}

@media (max-width: 1280px) {
    #downloadoptionsHeader {
        margin-top: 335px;
    }
}

@media (max-width: 991px) {
    #downloadoptionsHeader {
        margin-top: 235px;
    }
    .licensingTitle {
        word-break: break-all;
        word-break: break-word;
    }
}

@media (max-width: 769px) {
    #downloadoptionsHeader {
        margin-top: 135px;
    }
    #messaging.safari {
        padding-top: 30px;
    }
}

@media (max-width: 600px) {
    #downloadoptionsHeader {
        margin-top: 60px;
    }
    #softwarepicelite {
        position: absolute !important;
    }
    .hubremote {
        margin-top: 50px;
        margin-bottom: 50px;
    }
    .desktopsoftware {
        margin-bottom: 50px;
    }
    .xproduct-tile {
        margin-left: -5px;
    }
}

@media (max-width: 500px) {
    div#myHarmonyRemotes,
    div#legacyRemotes {
        display: block;
        margin-top: 0px;
    }
    div#myHarmonyRemotes ul,
    div#legacyRemotes ul {
        margin-bottom: -11px;
    }
    div#myHarmonyRemotes+p {
        margin-top: 55px;
    }
}

@media (max-width: 420px) {
    #werecommendapps,
    #werecommendexpress {
        width: 80%;
        left: 10%;
    }
}

@media (max-width: 400px) {
    #badges+p {
        margin-top: 5px !important;
    }
    #downloadoptionsHeader {
        margin-top: 0px;
    }
    .licensingTitle {
        font-size: 18px !important;
    }
    #werecommendapps p,
    #werecommendexpress p,
    #notice p {
        padding: 12px;
    }
    .hero-metadata.col-md-12 {
        margin-top: 15px;
    }
}

@media (max-width: 365px) {
    #downloadoptionsHeader {
        margin-top: 0px;
    }
}

@media only screen and (max-width: 370px) {
    #werecommendapps,
    #werecommendexpress {
        height: fit-content;
    }
}

@media (max-height: 775px) and (min-width: 451px) {
    #messaging {
        height: 68%;
    }
    #notice {
        height: 450px;
        top: 50px;
    }
}

#downloadoptionsHeader.edge,
#downloadoptionsHeader.ie {
    margin-top: 20px;
}

#mobileHomepageSearch.edge {
    margin-top: 15px !important;
    margin-bottom: -45px !important;
}

#downloadoptionsHeader.safari {
    margin-top: 50px;
}

#myharmonydesktopsoftware .totop {
    display: none;
}

.xproduct-tile:hover {
    cursor: pointer;
}

div.category-hero.downloadpage {
    margin-top: -108px;
}

div#relevantfor {
    display: none;
}

div#category[style="display: block;"] ~ .category-hero {
    display: none;
}