#post-4227 .God-dey {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
}
#post-4227 .query-exposed-search { flex: 1 1 240px; min-width: 0; }
#post-4227 #courseSearch { box-sizing: border-box; width: 100%; min-height: 44px; }
#post-4227 .God-dey :is(button, input[type="submit"]) { min-height: 44px; margin: 0; }
#post-4227 .tab { display: flex; flex-wrap: wrap; gap: 6px; }
#post-4227 .tab button { min-height: 44px; }
#post-4227 .box { flex-wrap: wrap; gap: 12px 20px; align-items: flex-start; margin: 16px 0; }
#post-4227 .box p { flex: 1 1 160px; padding-right: 0; line-height: 1.6; }
#post-4227 .box > a { display: inline-flex; margin: 0; max-width: 100%; }
#post-4227 .dept { float: none; height: auto; min-height: 44px; padding: 10px 14px; margin: 0; line-height: 1.4; }
#post-4227 .box :is([data-fee-programme], .fee-unlisted) a { color: #175c9f; text-decoration: underline; }
#post-4227 .innercontent { cursor: auto; overflow-wrap: anywhere; }
#post-4227 #myBtnContainer { display: flex; flex-wrap: wrap; gap: 4px; width: 100%; }
#post-4227 .alphabutton { min-width: 36px; min-height: 44px; }

@media (max-width: 720px) {
  #post-4227 .box { flex-direction: column; }
  #post-4227 .box p { flex: 0 1 auto; width: auto; }
  #post-4227 .content, #post-4227 .innercontent { padding-left: 8px; padding-right: 8px; }
  #post-4227 .tab button { padding: 10px 12px; }
  #post-4227 .collapsible { font-size: 22px; }
}