#SingleApplication .bgGray { padding: 80px 0; }
#SingleApplication ul > li { height: auto; border-bottom: solid 1px #e7e7e7; padding: 24px 0; color: #444; }
#SingleApplication li > .toggle { position: relative; padding-right: 25px; font-size: 18px; cursor: pointer; }
#SingleApplication li > .toggle .icon { position: absolute; right: 0; top: 15px; width: 12px; height: 10px; background: url(../../images/icons/icon-triangle-12x8.png) no-repeat center top; }
#SingleApplication li > .toggle.on .icon { background-position: right -15px; }
#SingleApplication .subcontent { display: none; padding: 15px 18px 0 0; font-size: 14px; line-height: 24px; color: #606060; }
#SingleApplication .subcontent p:last-child { margin-bottom: 5px; }
#SingleApplication p.f24 { font-size: 16px; }

@media (min-width: 768px) {
    #SingleApplication li > .toggle { padding-right: 60px; font-size: 18px; line-height: 27px; color: #444; }
    #SingleApplication li > .toggle .icon { right: 25px; }
    #SingleApplication .subcontent { padding: 18px 45px 0 21px; font-size: 16px; line-height: 26px; }
    #SingleApplication p.f24 { font-size: 16px; }
}

@media (min-width: 992px) {
    #SingleApplication li > .toggle { font-size: 24px; line-height: 36px; }
    #singleApplicationBtm .subcontent { padding: 16px 45px 0 28px; font-size: 18px; line-height: 28px; }
    #SingleApplication p.f24 { font-size: 18px; }
}

@media (min-width: 1200px) {
    #SingleApplication p.f24 { font-size: 20px; }
}

@media (min-width: 1680px) {
    #SingleApplication li > .toggle { font-size: 28px; line-height: 40px; }
    #SingleApplication p.f24 { font-size: 24px; }
}