.main [data-module-template="heroes"] {
    width: 100%
}

.main [data-module-template="heroes"] [data-unit-id], .main [data-module-template="heroes"] .module-content {
    width:100%
}

@media screen and (max-width: 1440px) and (min-width: 1069px) and (max-height: 1441000px) and (min-height: 776px) {
    .main [data-module-template="heroes"] [data-unit-id], .main [data-module-template="heroes"] .module-content {
        height:692px
    }
}

@media screen and (max-width: 1440px) and (min-width: 1069px) and (max-height: 775px) and (min-height: 0px) {
    .main [data-module-template="heroes"] [data-unit-id], .main [data-module-template="heroes"] .module-content {
        height:580px
    }
}

@media screen and (max-width: 1068px) and (min-width: 735px) and (max-height: 1441000px) and (min-height: 734px) {
    .main [data-module-template="heroes"] [data-unit-id], .main [data-module-template="heroes"] .module-content {
        height:650px
    }
}

@media screen and (max-width: 1068px) and (min-width: 735px) and (max-height: 733px) and (min-height: 0px) {
    .main [data-module-template="heroes"] [data-unit-id], .main [data-module-template="heroes"] .module-content {
        height:570px
    }
}

@media screen and (max-width: 1441000px) and (min-width: 1441px) and (max-height: 1441000px) and (min-height: 776px) {
    .main [data-module-template="heroes"] [data-unit-id], .main [data-module-template="heroes"] .module-content {
        height:692px
    }
}

@media screen and (max-width: 1441000px) and (min-width: 1441px) and (max-height: 775px) and (min-height: 0px) {
    .main [data-module-template="heroes"] [data-unit-id], .main [data-module-template="heroes"] .module-content {
        /* height:580px */
    }
}

@media screen and (max-width: 734px) and (min-width: 0px) {
    .main [data-module-template="heroes"] [data-unit-id], .main [data-module-template="heroes"] .module-content {
        height:500px
    }
}