.container {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto
}

.container:after {
    content: " ";
    display: block;
    clear: both
}

.universityStudentSatisfactionLinkToIndex{
    color:black;
  }

.menuWrapper {
    height: 40px;
    background-color: #0F4C69;
    overflow: hidden;
    position: fixed;
    width: 100%;
    z-index: 500;
    border-bottom: 1px solid rgba(255,255,255,.25);
    max-width: 1140px;
}

@media (max-width: 768px) {
  .menuWrapper {
    overflow-x: scroll;
  }
}

.university-page .menuWrapper {
    border-bottom: none;
}

.menuWrapper.menuBannerWrapper{
    height: 40px;
}

.menuWrapper ul {
    width: 1000px;
}

.menuWrapper li {
    float: left;
}

.menuWrapper li a {
    color: #FFFFFF;
    display: inline-block;
    font-size: 16px;
    font-family: "GillSansMTStd-Medium", Arial, sans-serif;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased !important;
    line-height: 1.1;
    padding: 11px 10px 7px 10px;
    opacity:0.6;
}

.menuWrapper li a.active {
    border-bottom: 0.3rem solid #FF522E;
    opacity:1;
}

.menuWrapper li a:hover {
    border-bottom: 0.3rem solid #FF522E;
    opacity:1;
}

.mainContentWrapper {
    padding-top: 40px;
}
.mainContentWrapper.mainContentBannerWrapper {
    padding-top: 40px;
}

.column {
    width: 100%;
}

.headerWrapper {
    background-color: #0F4C69;
}

.headerWrapper .headerDetails {
    padding: 25px 3% 35px;
}

.headerWrapper .headerLogo {
    padding: 0px 0px 11px;
}

.headerWrapper .headerLogo .headerLogoWrapper {
    width: 70%;
}

.headerWrapper .headerTitle {
    color: #FF522E;
    font-family: "TimesModern-Bold";
    font-size: 35px;
    padding: 10px 0;
    -webkit-font-smoothing: antialiased !important;
}

.headerWrapper .headerDescription {
    color: #FFFFFF;
    font-family: "TimesModern-Regular";
    font-size: 20px;
    line-height: 24px;
    padding: 13px 0 16px;
    -webkit-font-smoothing: antialiased !important;
}

.sharingOptions {
    color: #FFFFFF;
    font-family: "GillSansMTStd-Medium";
    font-size: 12px;
    letter-spacing: 0.1px;
    line-height: 1.2;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased !important;
}

.block-separator-horizontal {
    border-bottom: solid 1px #FFFFFF;
}

body {
    background-color: #FFF;
}

#search-btn {
    cursor: pointer;
}

.textbox .ui-helper-hidden-accessible {
    display: none;
}

span.deleteIconWrapper {
    position: relative;
}

span.deleteIconWrapper span.deleteIcon {
    position: absolute;
    display: none;
    top: 5px;
    right: 4%;
    width: 12px;
    height: 12px;
    background: url(icons/xicon.png) 0 0;
    cursor: pointer;
}

span.deleteIconWrapper input {
    padding-right: 7%;
}

.arrowDown {
    background: url(icons/chevron.png) 0 0;
    width: 10px;
    height: 6px;
    background-size: 10px 6px;
    display: inline-block;
}

.arrowUp {
    background: url(icons/chevron.png) 0 0;
    width: 10px;
    height: 6px;
    background-size: 10px 6px;
    display: inline-block;
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

/* BANNER */
.topBanner {
    display: none;
}

/* END OF BANNER */

/* SEARCH BAR */
.searchWrapper {
    padding: 15px 3%;
    background-color: #e2f0f3; /* CHECK THE CORRECT HEX FOR BACKGROUND BLUE TINT */
    clear: both;
}

.searchTitle {
    color: #000000;
    font-size: 24px;
    font-family: "TimesModern-Bold";
    -webkit-font-smoothing: antialiased !important;
    margin-bottom: 14px;
}

.searchOptions {
    overflow: hidden;
}

.searchOptions .textField {
    margin-bottom: 14px;
    line-height: 1.2;
}

.searchOptions input,
.searchOptions select {
    background-color: #FFFFFF;
    color: #656565;
    font-size: 14px;
    font-family: "GillSansMTStd-Medium";
    -webkit-font-smoothing: antialiased !important;
    width: 100%;
}

.searchOptions input {
    padding: 14px 15px 10px;
}

.searchOptions select {
    padding: 14px 13px 10px;
}

.searchOptions input[type=submit] {
    background-color: #EF5C43;
    color: #FFFFFF;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    padding: 13px 15px;
}

.searchOptions input::-webkit-input-placeholder {
    color: #656565;
    opacity: 1 !important;
}

.searchOptions input::-moz-placeholder {
    color: #656565;
    opacity: 1 !important;
}

.searchOptions input:-ms-input-placeholder {
    color: #656565;
    opacity: 1 !important;
}

.searchOptionsHomepage .ui-menu-item {
    font-family: "GillSansMTStd-Medium";
    text-align: left;
    width: 100%;
}

.searchOptionsHomepage .ui-menu-item a:hover {
    background-color: #FFEDEA;
    cursor: pointer;
}

.searchOptionsHomepage .ui-menu-item a.ui-corner-all.ui-state-hover {
    background-color: #FFEDEA;
}

.searchHomepageUniversity .ui-menu .ui-menu-item a {
    width: 100%;
}

.searchHomepageUniversity .ui-menu .ui-menu-item {
    padding-right: 0px !important;
    width: 100%;
}

/*
.searchResultsFilters .textbox ul.ui-autocomplete li.ui-menu-item{   
    padding: 15px;
    width: 100%;
}

.searchResultsFilters .textbox ul.ui-autocomplete li.ui-menu-item:hover{
    background-color:  #FFEDEA;
    cursor: pointer;
}
*/

.searchHomepageTown .textbox .ui-autocomplete {
    max-height: 245px !important;
    overflow: auto;
}

.searchHomepageUniversity .textbox .ui-autocomplete {
    max-height: 245px !important;
    overflow: auto;
}

.searchHomepageTown .ui-menu-item {
    font-family: "GillSansMTStd-Medium";
    text-align: left;
    width: 100%;
}

.searchHomepageTown .ui-menu-item a:hover {
    background-color: #FFEDEA;
    cursor: pointer;
}

.searchHomepageTown .ui-menu-item a.ui-corner-all.ui-state-hover {
    background-color: #FFEDEA;
}

.searchHomepageTown .ui-menu .ui-menu-item a {
    padding-right: 0px !important;
    width: 100%;
}

#submit-btn {
    cursor: pointer;
}

/* END OF SEARCH BAR */

/* HOMEPAGE FEATURES */
.mainFeatureHeadline {
    padding: 17px 3% 0 3%;
    color: #000;
    font-size: 30px;
    font-family: "TimesModern-Bold";
    -webkit-font-smoothing: antialiased !important;
}

.mainGuideHeadline {
    padding: 17px 3% 0 3%;
    color: #000;
    font-size: 30px;
    font-family: "TimesModern-Bold";
    -webkit-font-smoothing: antialiased !important;
}

.mainFeatureDescription {
    padding: 8px 3% 20px 3%;
    color: #999;
    font-family: "TimesModern-Regular";
    -webkit-font-smoothing: antialiased !important;
    font-size: 14px;
}

.mainFeature .mainFeatureDescription {
    text-align: center;
    padding-top: 10px;
    padding-left: 8%;
    padding-right: 8%;
}

hr.featuresLine {
    border: 0;
    height: 0px;
    border-top: 1px solid #E1E1E1;
    display: none;
    width: 94%;
    margin-bottom: 0px;
    margin-top: 0px;
}

hr.guidesLine {
    border: 0;
    height: 0px;
    border-top: 1px solid #E1E1E1;
    display: none;
    width: 100%;
    margin-bottom: 0px;
    margin-top: 0px;
}

.subFeaturesFirstFourInner {
    display: flex;
    flex-direction: row;
    display: -webkit-flex;
    -webkit-flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.subFeature.even {
    padding: 0 3% 0 1.5%;
    box-sizing: border-box;
}

.subFeature.odd {
    border-right: 1px solid #E1E1E1;
    padding: 0 1.5% 0 3%;
    box-sizing: border-box;
}

.subFeature {
    width: 50%;
    margin-bottom: 10px;
    margin-top: 10px;
}

.subFeature {
    display: none;
}

.subFeature .mainFeatureHeadline {
    color: #000;
    font-size: 22px;
    font-family: "TimesModern-Bold";
    -webkit-font-smoothing: antialiased !important;
    padding-top: 8px;
    margin-bottom: 10px;
    width: 100%;
}

.subFeature .mainFeatureHeadline a,
.subFeature .mainFeatureHeadline a:hover,
.subFeature .mainFeatureHeadline a:active,
.subFeature .mainFeatureHeadline a:visited {
    color: #000;
}

.subGuide .mainGuideHeadline a,
.subGuide .mainGuideHeadline a:hover,
.subGuide .mainGuideHeadline a:active,
.subGuide .mainGuideHeadline a:visited {
    color: #000;
}

.subGuidesFirstThreeInner {
    display: flex;
    flex-direction: row;
    display: -webkit-flex;
    -webkit-flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
}

.subGuide .odd {
    border-right: 1px solid #E1E1E1;
    padding: 0 1.5% 0 0%;
    box-sizing: border-box;
}

.subGuide .mainGuideHeadline {
    color: #000;
    font-size: 22px;
    font-family: "TimesModern-Bold";
    -webkit-font-smoothing: antialiased !important;
    padding-top: 8px;
    margin-bottom: 20px;
}

.mainFeature .mainFeatureHeadline a,
.mainFeature .mainFeatureHeadline a:hover,
.mainFeature .mainFeatureHeadline a:active,
.mainFeature .mainFeatureHeadline a:visited {
    color: #000;

}

hr.blockFour-0.even,
.subFeature.blockFour-0 {
    display: block;
}

hr.featuresLine.odd {
    display: none;
}

hr.featuresLine0 {
    display: block;
}

hr.guidesLine.odd {
    display: none;
}

hr.guidesLine0 {
    display: block;
}

.showMoreLessButton {
    border: 2px solid #000;
    box-shadow: none;
    width: 25%;
    height: 40px;
    background-color: #FFF;
    color: #000;
    font-size: 13.9px;
    font-family: "TimesDigitalW04-RegularSC";
    font-smoothing: antialiased !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    line-height: 18px;
    margin-bottom: 0 0 20px 0;
}

.showMoreLessButtonContainer {
    width: 100%;
    text-align: center;
    margin: 20px 0;
}

.showLessContainer {
    display: none;
}

.subFeaturesFirstFour .mainFeatureDescription {
    display: none;
}

.subFeaturesFirstFour .subFeature a img,
.subFeatures .subFeature a img {
    float: left;
}

.subFeaturesFirstFour .subFeature .mainFeatureHeadline,
.subFeatures .subFeature .mainFeatureHeadline {
    float: left;
}

.mainFeature a img,
.mainFeature .mainFeatureHeadline {
    text-align: center;
}

.subFeatures .subFeature .mainFeatureDescription {
    display: none;
}

.featuresOther {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    display: -webkit-flex;
    -webkit-flex-direction: row;
    -webkit-flex-wrap: wrap;
    padding-bottom: 0px;
}

/* END OF HOMEPAGE FEATURES */

/* FEATURES */
.headerLeftSide {
    float: left;
    background-color: #0F4C69;
    width: 100%;
}

.headerRightSide {
    float: left;
    width: 100%;
}

.headerContentInner {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    display: -webkit-flex;
    -webkit-flex-direction: row;
    -webkit-flex-wrap: wrap;
}

.headerLeftSideInner {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    display: -webkit-flex;
    -webkit-flex-direction: column;
    -webkit-flex-wrap: wrap;
    padding: 25px 3% 0 3%;
}

.headerLeftSideInner .firstRow {
    font-family: "TimesModern-Bold";
    -webkit-font-smoothing: antialiased !important;
    font-size: 30px;
    color: #EF5C43;
}

.headerLeftSideInner .secondRow {
    padding: 8px 0 0 0;
    font-family: "TimesModern-Regular";
    -webkit-font-smoothing: antialiased !important;
    font-size: 20px;
    color: #FFF;
    padding-bottom: 28px;
}

.headerRightSideInner .imageContainer img {
    float: left;
}

.lineSeparator {
    border-top: 1px solid #E1E1E1;
    border-bottom: 0;
    width: 100%;
    float: left;
    height: 0px;
    display: none;
}

.headerLeftSideInner .socialSeparator {
    margin-top: 25px;
    margin-bottom: 13px;
}

.mainContentInner {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    display: -webkit-flex;
    -webkit-flex-direction: row;
    -webkit-flex-wrap: wrap;
    background-color: #FFF;
}

.articleMeta {
    background-color: #FFF;
    font-family: "GillSansMTStd-Medium";
    -webkit-font-smoothing: antialiased !important;
    font-size: 13px;
    display: flex;
    flex-direction: column;
    width: 100%;
    flex-wrap: wrap;
    display: -webkit-flex;
    -webkit-flex-direction: column;
    -webkit-flex-wrap: wrap;
}

.articleMetaInner {
    padding: 16px 3% 0 3%;
}

.articleText {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    display: -webkit-flex;
    -webkit-flex-direction: column;
    -webkit-flex-wrap: wrap;
    padding: 20px 3% 0 3%;
}

.lineSeparator.authorSeparator {
    margin: 8px 0;
}

.lineSeparator.createdSeparator {
    margin: 8px 0 0 0;
}

.articleMetaInner .author {
    color: #EF5C43;
}

.articleMetaInner .created {
    color: #999;
}

.articleTextInner {
    font-size: 17px;
    font-family: "TimesModern-Regular";
    -webkit-font-smoothing: antialiased !important;
    color: #333;
}

.lineSeparator.endSeparator {
    width: 100%;
    margin: 25px 3% 45px 3%;
}

.lineSeparator.authorSeparatorBefore {
    display: none;
}

/* END OF FEATURES */

/* METHODOLOGY */
.methodology .headerLeftSide {
    width: 100%;
    padding-bottom: 25px;
}

/* END OF METHODOLOGY */

/* SEARCH RESULTS */
.searchResultsHeader {
    background-color: #0F4C69;
    padding-top: 40px;
}

.searchResultsRowEditSearch img {
    width: 10px;
}

.searchResultsRowTitle {
    color: #EF5C43;
    font-family: "TimesModern-Bold";
    -webkit-font-smoothing: antialiased !important;
    font-size: 22px;
    float: left;
}


.searchResultsRowClose {
    color: #EF5C43;
    font-family: "GillSansMTStd-Medium";
    -webkit-font-smoothing: antialiased !important;
    font-size: 10px;
    text-decoration: underline;
    display: none;
    float: right;
    cursor: pointer;
}

.searchResultsRow1 {
    width: 100%;
    float: left;
    padding-bottom: 5px;
}

.searchResultsFiltersTitle {
    display: none;
}

.searchResultsRow2 {
    color: #FFF;
    font-family: "GillSansMTStd-Medium";
    -webkit-font-smoothing: antialiased !important;
    font-size: 14px;
    padding: 5px 0;
}

.searchResultsRowEditSearch span {
    color: #EF5C43;
    text-decoration: underline;
    font-family: "GillSansMTStd-Medium";
    -webkit-font-smoothing: antialiased !important;
}

.searchResultsFilters .searchButton {
    background-color: #EF5C43;
    color: #FFFFFF;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    padding: 13px 15px;
    font-family: "GillSansMTStd-Medium";
    -webkit-font-smoothing: antialiased !important;
    width: 100%;
}

.searchResultsHeaderInner {
    padding: 10px 3% 0 3%;
}

.searchResultsRow3 {
    padding-bottom: 15px;
}

.searchResultsFilters {
    background-color: #0F4C69;
    display: none;
    /*    position: absolute;*/ /* uncomment this line, if they want to overlap search page, with filters */
    width: 100%;
    z-index: 10;
}

.searchResultsFilters.open {
    display: block;
}

.searchResultsFilters .textbox .ui-menu .ui-menu-item {
    width: 100%;
}

.searchResultsFilters .textbox .ui-menu .ui-menu-item a {
    width: 100%;
}

.searchResultsUniversity input {
    width: 100%;
    height: 40px;
    background-color: #3F6F86;
    -webkit-transition: background 0.8s;
    -moz-transition: background 0.8s;
    -ms-transition: background 0.8s;
    -o-transition: background 0.8s;
    transition: background 0.8s;
    font-family: "GillSansMTStd-Medium";
    -webkit-font-smoothing: antialiased !important;
    font-size: 15px;
    letter-spacing: 0;
    color: #C5D4DB;
    padding: 1px 6px;
    margin-bottom: 15px;
    padding-left: 10px;
}

.searchResultsUniversity input,
.searchResultsTown input,
.searchResultsPostcode input {
    padding: 8px 7% 5px 6px;
}

.browser-safari .searchResultsUniversity input,
.browser-safari .searchResultsTown input,
.browser-safari .searchResultsPostcode input {
    padding: auto;
}

.browser-safari .searchResultsSubject select {
    padding: auto;
}

.browser-safari .searchResultsUniversity input::-webkit-input-placeholder,
.browser-safari .searchResultsTown input::-webkit-input-placeholder,
.browser-safari .searchResultsPostcode input::-webkit-input-placeholder {
    line-height: 16px !important;
}

.searchResultsPostcode input {
    width: 100%;
    height: 40px;
    background-color: #3F6F86;
    -webkit-transition: background 0.8s;
    -moz-transition: background 0.8s;
    -ms-transition: background 0.8s;
    -o-transition: background 0.8s;
    transition: background 0.8s;
    font-family: "GillSansMTStd-Medium";
    -webkit-font-smoothing: antialiased !important;
    font-size: 15px;
    letter-spacing: 0;
    color: #C5D4DB;
    padding: 1px 6px;
    margin-bottom: 15px;
    padding-left: 10px;
}

.searchButtonWrapper {
    position: absolute;
    width: 94%;
    bottom: 9%;
}

.searchResultsSubject select.active {
    background: url(icons/chevron.png) no-repeat 96% 50% #3F6F86;
    background-size: 16px 10px;
}

.searchResultsSubject select {
    width: 100%;
    height: 40px;
    margin-bottom: 15px;
    padding: 1px 6px;
    -webkit-appearance: none;
    background: url(icons/chevron-white.png) no-repeat 96% 50% #3F6F86;
    -webkit-transition: background 0.8s;
    -moz-transition: background 0.8s;
    -ms-transition: background 0.8s;
    -o-transition: background 0.8s;
    transition: background 0.8s;
    background-size: 16px 10px;
    font-family: "GillSansMTStd-Medium";
    -webkit-font-smoothing: antialiased !important;
    font-size: 15px;
    letter-spacing: 0;
    color: #87A5B4;
    padding-left: 10px;
}

.searchResultsSubject .ui-selectmenu-button {
    background-color: #3f6f86;
    color: #83a2b1;
    padding-top: 11px;
    padding-bottom: 14px;
    font-family: "GillSansMTStd-Medium";
    -webkit-font-smoothing: antialiased !important;
    font-size: 15px;
    letter-spacing: 0;    
    margin-bottom: 14px;
}

.searchResultsSubject .ui-selectmenu-icon {
    background-image: url(../css/icons/chevron-white.png) !important;
    background-position: 0 6px;
}

.searchResultsSubject.active .ui-selectmenu-icon {
    background-image: url(../css/icons/chevron.png) !important;
}

.searchResultsSubject.active .ui-selectmenu-button {
    background-color: #fdfdfe;
}

.searchResultsSubject ul.dropdown-menu {
    position: absolute;
    z-index: 100;
    margin-top: -15px;
    width: 94%;
}

.searchResultsTown input {
    width: 100%;
    height: 40px;
    background-color: #3F6F86;
    -webkit-transition: background 0.8s;
    -moz-transition: background 0.8s;
    -ms-transition: background 0.8s;
    -o-transition: background 0.8s;
    transition: background 0.8s;
    font-family: "GillSansMTStd-Medium";
    -webkit-font-smoothing: antialiased !important;
    font-size: 15px;
    letter-spacing: 0;
    color: #C5D4DB;
    padding: 1px 6px;
    margin-bottom: 15px;
    padding-left: 10px;
}

.searchResultsSubject select.active,
.searchResultsUniversity input.active,
.searchResultsPostcode input.active,
.searchResultsTown input.active {
    color: #000;
}

.searchResultsSubject select {
    padding-right: 13%;
}

.searchResultsFiltersInner .dropdown select.active,
.searchResultsFiltersInner .textbox input.active {
    background-color: #FFF;
    -webkit-transition: background 0.8s;
    -moz-transition: background 0.8s;
    -ms-transition: background 0.8s;
    -o-transition: background 0.8s;
    transition: background 0.8s;

}

.searchResultsTown .textbox .ui-autocomplete {
    max-height: 145px;
    overflow: auto;
}

.searchResultsUniversity .textbox .ui-autocomplete {
    max-height: 145px;
    overflow: auto;
}

.searchResultsFiltersInner {
    padding: 5px 3%;
}

#table-results tr th,
#table-results tr td {
    display: table-cell;
    padding: 0 0 0 3%;
    text-align: left;
}

#table-results tr {
    display: table-row;
}

#table-results tr td {
    font-family: "TimesModern-Regular";
    -webkit-font-smoothing: antialiased !important;
    letter-spacing: 0;
    font-size: 14px;
    padding: 2% 3%;
    vertical-align: middle;
}

#table-results tr th .mobileArrows {
    position: absolute;
    bottom: 7px;
}

#table-results tr td:nth-child(1) {
    padding-right: 0;
}

#table-results tr th {
    padding-left: 3%;
    padding-right: 3%;
    letter-spacing: 0;
    font-family: "GillSansMTStd-Medium";
    -webkit-font-smoothing: antialiased !important;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
    height: 50px;
    padding-top: 7px;
    position: relative;
}

#table-results td a,
#table-results td a:hover,
#table-results td a:visited,
#table-results td a:active {
    color: #FF522E;
    text-decoration: underline;
}

#table-results tbody tr:nth-child(even) {
    background-color: #F3F9F9;
}

#table-results tbody tr:nth-child(odd) {
    background-color: #FFF;
}

#table-results thead tr {
    background-color: #E7F1F3;
}

.searchResultsRowClose.showClose {
    display: block;
}

#map_canvas {
    display: none;
}

#table-results tr th#id-header {
    display: none;
}

.searchResultsBottomTable #table-results tr td:first-child {
    display: none;
}

.searchResultsBottomTable #table-results thead tr,.searchResultsBottomTable #table-results tbody tr {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.searchResultsBottomTable #table-results tbody {
    display: block;
    overflow: auto;
}

.search-page .searchResultsBottomTable #table-results tbody {
  /*  bottom: 14px;*/
    position: relative;
}

.searchResultsRowClearSearch {
    display: none;
    cursor: pointer;
}

.searchResultsFiltersInner .ui-helper-hidden-accessible {
    display: none;
}

.searchResultsBottomTable {
    background-color: #F3F9F9;
}

.noResults {
    background-color: #0F4C69;
    padding: 0 3% 10px 3%;
    color: #FFF;
    font-family: "GillSansMTStd-Medium";
    -webkit-font-smoothing: antialiased !important;
    font-size: 14px;
}

.tablesorter.search-results {
    width: 100%;
}

.searchResultsBottomMap {
    display: none;
}

/* END OF SEARCH RESULTS */

/* PROFILE */
.profile .headerContent {
    width: 100%;
}

.headerProfileTopRow {
    width: 100%;
}

.headerProfileTopRow .firstRowProfile {
    font-family: "TimesModern-Bold";
    -webkit-font-smoothing: antialiased !important;
    font-size: 30px;
    color: #FFF;
    padding: 15px 3% 12px 3%;
}

.headerProfileTopRow .headerProfileTopRowInner {
    display: flex;
    flex-direction: column-reverse;
    flex-wrap: nowrap;
    display: -webkit-flex;
    -webkit-flex-direction: column-reverse;
    -webkit-flex-wrap: nowrap;
    background-color: #EF5C43;
}

.headerProfileTopRow .secondRowProfile {
    width: 100%;
    margin-bottom: 7px;
}

.headerProfileTopRow .secondRowProfileInner {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    display: -webkit-flex;
    -webkit-flex-direction: row;
    -webkit-flex-wrap: nowrap;
    border-top: 1px solid rgba(255, 255, 255, 0.4);
    font-size: 10px;
    letter-spacing: 0.5px;
    font-family: "GillSansMTStd-Medium";
    -webkit-font-smoothing: antialiased !important;
    color: #FFF;
    margin: 0 3%;
}

.headerProfileTopRow .secondRowProfile4 {
    width: 100%;
}

.headerProfileTopRow .secondRowProfile1Inner {
    padding: 6px 5px 0 0;
}

.headerProfileTopRow .secondRowProfile2Inner {
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
    padding: 6px 10px 11px 0;
    min-height: 60px;
}

.headerProfileTopRow .secondRowProfile3Inner {
    border-right: 1px solid rgba(255, 255, 255, 0.4);
    border-left: 1px solid rgba(255, 255, 255, 0.4);
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
    padding: 6px 10px 11px 10px;
    min-height: 60px;
    display: flex;
    flex-direction: column;
    display: -webkit-flex;
    -webkit-flex-direction: column;
}

.headerProfileTopRow .secondRowProfile4Inner {
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
    padding: 6px 0 11px 10px;
    min-height: 60px;
    display: flex;
    flex-direction: column;
    display: -webkit-flex;
    -webkit-flex-direction: column;
}

.headerProfileTopRow .secondRowProfile1Inner .number span {
    font-size: 100px;
    font-family: "TimesModern-Bold";
    -webkit-font-smoothing: antialiased !important;
    letter-spacing: -4.5px;
    line-height: 80px;
}

.headerProfileTopRow .secondRowProfile2Inner .rankOrdinalIndicator,
.headerProfileTopRow .secondRowProfile3Inner .number,
.headerProfileTopRow .secondRowProfile4Inner .percent {
    font-size: 26px;
    font-family: "TimesModern-Bold";
    -webkit-font-smoothing: antialiased !important;
    letter-spacing: 0px;
}

.headerProfileBottomRow {
    width: 100%;
}

.headerProfileBottomRowInner {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    display: -webkit-flex;
    -webkit-flex-direction: column;
    -webkit-flex-wrap: wrap;
}

.headerProfileBottomRow .secondRowProfileInner {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    display: -webkit-flex;
    -webkit-flex-direction: row;
    -webkit-flex-wrap: wrap;
}

.headerProfileBottomRow .headerProfileLeftSideInner {
    background-color: #0F4C69;
    color: #FFF;
    font-family: "TimesModern-Bold";
    -webkit-font-smoothing: antialiased !important;
    font-size: 32px;
    padding-bottom: 25px;
}

.headerProfileBottomRow .firstRowProfileInner {
    margin: 0 3%;
    font-size: 24px;
    font-family: "TimesModern-Bold";
    -webkit-font-smoothing: antialiased !important;
    color: #FFF;
}

.headerProfileBottomRow .contact .firstRowProfileInner {
    color: #333;
}

.headerProfileBottomRow .secondRowProfileInner .number {
    color: #EF5C43;
    width: 50%;
    padding: 10px 5px 0 0;
    line-height: 25px;
}

.headerProfileBottomRow .secondRowProfile2Inner .number,
.headerProfileBottomRow .secondRowProfile4Inner .number {
    margin-left: 5px;
}

.headerProfileBottomRow .secondRowProfileInner .text {
    font-size: 12px;
    font-family: "GillSansMTStd-Medium";
    -webkit-font-smoothing: antialiased !important;
    letter-spacing: 1px;
    padding: 10px 0;
    text-align: left;
}

.headerProfileBottomRow .secondRowProfileInner {
    margin: 0 3%;
}

.headerProfileBottomRow .secondRowProfile1Inner,
.headerProfileBottomRow .secondRowProfile2Inner,
.headerProfileBottomRow .secondRowProfile3Inner,
.headerProfileBottomRow .secondRowProfile4Inner {
    display: flex;
    flex-direction: row;
    display: -webkit-flex;
    -webkit-flex-direction: row;
}

.headerProfileBottomRow .secondRowProfile1 {
    width: 50%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
    border-top: 1px solid rgba(255, 255, 255, 0.4);
    border-right: 1px solid rgba(255, 255, 255, 0.4);
    box-sizing: border-box;
}

.headerProfileBottomRow .secondRowProfile2 {
    width: 50%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
    border-top: 1px solid rgba(255, 255, 255, 0.4);
    box-sizing: border-box;
}

.headerProfileBottomRow .secondRowProfile3 {
    width: 50%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
    border-right: 1px solid rgba(255, 255, 255, 0.4);
    box-sizing: border-box;
}

.headerProfileBottomRow .secondRowProfile4 {
    width: 50%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
    box-sizing: border-box;
}

.headerProfileBottomRow .keyStatsSeparator {
    border-top: 3px solid #FFF;
    border-bottom: 0;
    width: 100%;
    float: left;
    height: 0px;
    display: block;
    margin-top: 25px;
    margin-bottom: 6px;
}

.headerProfileBottomRow .secondRowProfile {
    margin-top: 6px;
}

.headerProfileBottomRow .headerProfileRightSideInner {
    background-color: #F9F8F3;
    padding-bottom: 25px;
}

.headerProfileBottomRow .contactDetailsSeparator {
    background-color: #0F4C69;
    border: none;
    width: 100%;
    float: left;
    height: 3px;
    display: block;
    margin-top: 25px;
    margin-bottom: 10px;
}

.contact .secondRowContact {
    width: 65%;
    border-top: 1px solid rgba(153, 153, 153, 0.4);
    box-sizing: border-box;
}

.contact .secondRowContact.label {
    width: 35%;
    border-right: 1px solid rgba(153, 153, 153, 0.4);
}

.contact .secondRowContact:nth-child(9),
.contact .secondRowContact:nth-child(10) {
    border-bottom: 1px solid rgba(153, 153, 153, 0.4);
}

.contact .secondRowContactInner {
    padding: 12px 0 12px 12px;
}

.contact .secondRowContactInner .contact {
    text-overflow: ellipsis;
    overflow: hidden;
}

.contact .secondRowContactInner .contact,
.contact .secondRowContactInner .text {
    padding: 0;
    padding-top: 2px;
    font-size: 13px;
    font-family: "GillSansMTStd-Medium";
    -webkit-font-smoothing: antialiased !important;
}

.contact .secondRowContact.label .secondRowContactInner {
    padding-left: 0;
}

.contact .headerProfileBottomRow .secondRowContact .text {
    font-size: 13px;
    font-family: "GillSansMTStd-Medium";
    -webkit-font-smoothing: antialiased !important;
}

.contact .secondRowContactInner .contact a,
.contact .secondRowContactInner .contact a:hover,
.contact .secondRowContactInner .contact a:visited,
.contact .secondRowContactInner .contact a:active {
    color: #EF5C43;
    text-decoration: underline;
}

.imageContainerProfile img {
    float: left;
}

.contact .secondRowProfileInner .secondRowContact.label .text {
    text-transform: uppercase;
}

.universityProfile {
    background-color: #FFF;
}

.universityProfileInner {
    margin: 0 3%;
    display: flex;
    flex-direction: column;
    display: -webkit-flex;
    -webkit-flex-direction: column;
}

.universityProfileTitleInner {
    font-size: 24px;
    font-family: "TimesModern-Bold";
    -webkit-font-smoothing: antialiased !important;
    color: #333;
    margin-bottom: 6px;
}

.universityProfileContentInner {
    font-family: "TimesModern-Regular";
    -webkit-font-smoothing: antialiased !important;
    color: #333;
    font-size: 15px;
    border-top: 1px solid #999;
    padding-top: 8px;
    line-height: 25px;
}

.universityProfileSeparator {
    background-color: #0F4C69;
    border: none;
    width: 100%;
    float: left;
    height: 3px;
    display: block;
    margin-top: 25px;
    margin-bottom: 5px;
}

.universityProfileShowLess,
.universityProfileShowMore {
    letter-spacing: 1px;
    font-size: 12px;
    font-family: "GillSansMTStd-Medium";
    -webkit-font-smoothing: antialiased !important;
    color: #EF5C43;
    text-align: center;
    margin: 25px 0;
}

.universityProfileShowLess,
.universityProfileShowMoreText2 {
    display: none;
}

.universityProfileQuote {
    display: none;
}

.universityStatisticsTablesSeparator {
    background-color: #0F4C69;
    border: none;
    width: 100%;
    float: left;
    height: 3px;
    display: block;
    margin-top: 0;
    margin-bottom: 5px;
}

.statisticsTables {
    background-color: #FFF;
}

.universityStatisticsTablesTitleInner {
    font-size: 24px;
    font-family: "TimesModern-Bold";
    -webkit-font-smoothing: antialiased !important;
    color: #333;
    margin: 0 3% 6px 3%;
    padding: 9px 0 2px 0;
}

.universityStatisticsTableTitleInner {
    font-family: "GillSansMTStd-Medium";
    -webkit-font-smoothing: antialiased !important;
    font-size: 16px;
    color: #000;
    margin: 0px 3% 9px 3%;
    border-top: 4px solid #0F4C69;
    padding-top: 10px;
    text-transform: uppercase;
}

.universityStatisticsTableTitleInner .arrowAccordion {
    background: url(icons/chevron.png) 0 0;
    width: 10px;
    height: 6px;
    background-size: 10px 6px;
    display: inline-block;
    float: right;
    margin-right: 2%;
    margin-top: 5px;
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.universityStatisticsTableTitleInner .arrowAccordion.close {
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}

.universityStatisticsTablesTableRow {
    font-family: "TimesModern-Regular";
    -webkit-font-smoothing: antialiased !important;
    font-size: 16px;
    line-height: 20px;
    color: #000;
    margin: 0 3%;
    display: flex;
    flex-direction: row;
    display: -webkit-flex;
    -webkit-flex-direction: row;
    border-top: 1px solid #dbdbdb;
    padding: 7px 0 7px 0;
}

.universityStatisticsTablesTableColumn1 {
    width: 70%;
}

.universityStatisticsTablesTableColumn2 {
    font-family: "GillSansMTStd-Medium";
    width: 30%;
    text-align: right;
}

.universityStatisticsTablesTableColumn1Extra {
    display: inline-block;
}

.universityStatisticsTablesTableRowTitle {
    display: none;
}

.universityStatisticsTablesTableColumnScore {
    display: none;
    font-family: "GillSansMTStd-Medium";
}

.universityStatisticsTableTitleInnerDesktop {
    display: none;
}

.universityStatisticsTablesTableColumn2 a,
.universityStatisticsTablesTableColumn2 a:hover,
.universityStatisticsTablesTableColumn2 a:visited,
.universityStatisticsTablesTableColumn2 a:active {
    color: #EF5C43;
    text-decoration: underline;
}

.accommodationAccommWeb {
    flex-direction: column;
    -webkit-flex-direction: column;
}

.accommodationAccommWeb .universityStatisticsTablesTableColumn2 {
    width: 100%;
    text-align: left;
}

.feesFinanceWebsite {
    flex-direction: column;
    -webkit-flex-direction: column;
}

.feesFinanceWebsite .universityStatisticsTablesTableColumn2 {
    width: 100%;
    text-align: left;
}

.sportSportWebsite {
    flex-direction: column;
    -webkit-flex-direction: column;
}

.sportSportWebsite .universityStatisticsTablesTableColumn2 {
    width: 100%;
    text-align: left;
}

.universityStatisticsTablesTableRow.sportSportWebsite,
.universityStatisticsTablesTableRow.feesFinanceWebsite {
    display: block;
}

.universityStatisticsTablesTableRow:last-child {
    padding-bottom: 45px;
}

.universityStudentViewInner {
    background-color: #0F4C69;
}

.universityStudentViewInner {
    padding: 0 6%;
    margin-bottom: 25px;
}

.universityStudentViewSpeechMark {
    background-image: url(../css/icons/speech_mark.png);
    height: 50px;
    background-position: 50% 45px;
    background-repeat: no-repeat;
    background-size: auto 35px;
    padding-top: 32px;
}

.universityStudentViewHeader2 {
    color: #EF5C43;
    text-align: center;
    font-family: "GillSansMTStd-Medium";
    -webkit-font-smoothing: antialiased !important;
    font-size: 14px;
    letter-spacing: 1.4px;
    background-position: 50% 45px;
    padding-top: 3px;
}

.universityStudentViewHeader3 {
    font-size: 24px;
    font-family: "TimesModern-Bold";
    -webkit-font-smoothing: antialiased !important;
    color: #FFF;
    letter-spacing: 0;
    text-align: center;
    padding-top: 6px;
}

.universityStudentViewHeader4 {
    color: #FFF;
    font-family: "GillSansMTStd-Medium";
    -webkit-font-smoothing: antialiased !important;
    font-size: 14px;
    letter-spacing: 1.4px;
    text-align: center;
    padding-top: 10px;
}

.universityStudentViewHeader5 {
    border-bottom: 1px solid #FFF;
    width: 10%;
    margin: 10px auto 25px auto;
}

.universityStudentViewItemLabelCircle {
    font-size: 33px;
    color: #999;
    padding-right: 23px;
    width: 12%;
}

.universityStudentViewItemLabelCircle img {
    width: 30px;
}

.universityStudentViewItemLabelText {
    width: 88%;
}

.universityStudentViewItemLabel {
    width: 100%;
    color: #FFF;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    display: -webkit-flex;
    -webkit-flex-direction: row;
    -webkit-flex-wrap: nowrap;
    padding-bottom: 17px;
}

.universityStudentViewItem:last-child {
    padding-bottom: 28px;
}

.universityStudentViewItemLabelTitle {
    font-size: 24px;
    color: #EF5C43;
    font-family: "TimesModern-Bold";
    -webkit-font-smoothing: antialiased !important;
    letter-spacing: 0;
    padding: 5px 0;
}

.universityStudentViewItemDetail {
    color: #FFF;
    font-family: "TimesModern-Regular";
    -webkit-font-smoothing: antialiased !important;
    letter-spacing: 0;
    font-size: 16px;
    line-height: 20px;
    padding: 0 0 0 0;
}

.universityStudentViewHeader2 {
    text-transform: uppercase;
}

/* END OF PROFILE */

/* HOMEPAGE TABLES */
.index-page .tablesorter {
    width: 100%;
}

.tablesorter tr th,
.tablesorter tr td {
    display: none;
}

.tablesorter tr {
    flex-direction: column;
    display: flex;
    display: -webkit-flex;
    -webkit-flex-direction: column;
}

.tablesorter tr td.mobile-column,
th#mobile-column {
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.tablesorter tbody tr td.display-rank,
.tablesorter tbody tr td.last-year-rank {
    display: none !important; /*override jquery show*/
}

.tablesorter tr th.mobile-column {
    display: flex;
    display: -webkit-flex;
}

.tablesorter tbody td:before {
    line-height: 1.5;
    font-size: 14px;
    width: 75%;
    float: left;
}

.tablesorter tbody td.town:before {
    width: 70%;
}

.tablesorter tbody td.teaching-quality-pct:before {
    content: "Teaching quality (%)";
}

.tablesorter tbody td.student-sat-pct:before {
    content: "Student experience (%)";
}

.tablesorter tbody td.research-quality-pct:before {
    content: "Research quality (%)";
}

.tablesorter tbody td.entry-points:before {
    content: "Entry standards (UCAS pts)";
}

.tablesorter tbody td.graduate-level-jobs:before {
    content: "Graduate prospects (%)";
}

.tablesorter tbody td.first-2-1s-pts:before {
    content: "Firsts and 2:1s (%)";
}

.tablesorter tbody td.dropout-rate-projected:before {
    content: "Completion rate (%)";
}

.tablesorter tbody td.ssr-raw:before {
    content: "Student-staff ratio (%)";
}

.tablesorter tbody td.spend-raw:before {
    content: "Services/facilities spend (£)";
}

.tablesorter tbody td.total-pts:before {
    content: "Total";
}

.tablesorter tbody td.subject-rank:before {
    content: "Subject rank";
}

.tablesorter tbody td.overall-rank:before {
    content: "Overall rank";
}

.tablesorter tbody td.teaching-quality-sub:before {
    content: "Teaching quality";
}

.tablesorter tbody td.student-satisfaction-sub:before {
    content: "Student experience";
}

.tablesorter tbody td.research-quality-sub:before {
    content: "Research quality";
}

.tablesorter tbody td.entry-standards-sub:before {
    content: "Entry points";
}

.tablesorter tbody td.graduate-prospects-sub:before {
    content: "Graduate prospects";
}

.tablesorter tbody td.blackgap-pct:before {
    content: 'Black gap (%)';
}

.tablesorter tbody td.q1dropout-pct:before {
    content: 'Working class dropout gap (%)';
}

.tablesorter tbody td.firstgen-pct:before {
    content: 'First gen (%)';
}

.tablesorter tbody td.overall-rating-sub:before {
    content: "Total score";
}

.tablesorter tbody td.graduate-salary:before {
    content: "Graduate salary";
}

.tablesorter tbody td.town:before {
    content: "Town";
}

.tablesorter tbody td.rank:before {
    content: "Rank";
}

.tablesorter tbody td.applications:before {
    content: "Aplications";
}

.tablesorter tbody td.room-cost-min:before {
    content: "Weekly min room cost (£)";    
}

.tablesorter tbody td.sport-rank:before {
    content: "Sport rank";
}

.tablesorter tbody td.sport-pts:before {
    content: "Sport (Bucs points)";
}

.tablesorter tbody td.applications-places-ratio:before {
    content: "Applications/places ratio";
}

.tablesorter tbody td.eu-pct:before {
    content: "EU students";
}

.tablesorter tbody td.mature-students:before {
    content: "Mature students (%)";
}

.tablesorter tbody td.middle-class-pct:before {
    content: "Middle class students (%)";
}

.tablesorter tbody td.overseas-pct:before {
    content: "Overseas students (%)";
}

.tablesorter tbody td.state-school-pct:before {
    content: "State school students (%)";
}

.tablesorter tbody td.working-class-pct:before {
    content: "Working class students (%)";
}

.tablesorter tbody td.research-rank:before {
    content: "Rank";
}

.tablesorter tbody td.entry-points-rank:before {
    content: "Rank";
}

.tablesorter tbody td.grad-jobs-rank:before {
    content: "Rank";
}

.tablesorter tbody td.first-2-1s-rank:before {
    content: "Rank";
}

.tablesorter tbody td.poor-rate:before {
    content: "Poor rate";
}

.tablesorter tbody td.rich-rate:before {
    content: "Rich rate";
}

.tablesorter tbody td.asian-rate:before {
    content: "Asian rate";
}

.tablesorter tbody td.black-rate:before {
    content: "Black rate";
}

.tablesorter tbody td.offer-rate:before {
    content: "Offer rate";
}

.tablesorter tbody td.social-rank:before {
    content: "Social rank";
}

.tablesorter tbody td.social-rank-lastyr:before {
    content: "Social inclusion rank last year";
}

.tablesorter tbody td.comprehensive-school-pct:before {
    content: "State schools (non-grammar) (%)";
}

.tablesorter tbody td.ethnic-pct:before {
    content: "All ethnic (%)";
}

.tablesorter tbody td.black-students-pct:before {
    content: "Black ethnic (%)";
}

.tablesorter tbody td.low-participation:before {
    content: "Deprived areas (%)";
}

.tablesorter tbody td.disabled-pct:before {
    content: "Disabled (%)";
}

.tablesorter tbody td.social-pts:before {
    content: "Total";
}

.tablesorter tbody td.social-pts:before {
    content: "Total";
}

.tablesorter tbody td.blackgap-pct:before {
    content: "Black gap (%)";
}

.tablesorter tbody td.unconditional-pct:before {
    content: "Unconditional (%)";
}

.tablesorter tbody td.social-scot-rank:before {
    content: "Social inclusion rank";
}

.tablesorter tbody td.social-scot-rank-lastyr:before {
    content: "Social inclusion rank last year";
}

.tablesorter tbody td.mature-students-scot:before {
    content: 'Mature students (%)';
}

.tablesorter tbody td.disabled-scot-pct:before {
    content: 'Disabled (%)';
}

.tablesorter tbody td.comprehensive-school-scot-pct:before {
    content: 'State schools (non-grammar) (%)';
}

.tablesorter tbody td.ethnic-scot-pct:before {
    content: 'All ethnic (%)';
}

.tablesorter tbody td.social-scot-pts:before {
    content: 'Total';
}

.tablesorter tbody td.blackgap-scot-pct:before {
    content: "Black gap (%)";
}

.tablesorter tbody td.firstgen-pct:before {
    content: "First gen (%)";
}

.tablesorter tbody td.firstgen-scot-pct:before {
    content: "First gen (%)";
}

.tablesorter tbody td.q1dropout-pct:before {
    content: "Working class dropout gap (%)";
}

.tablesorter tbody td.simd20-scot-pct:before {
    content:  "Simd20 (%)";
}
/* Start - classes for a new table */
.tablesorter tbody td.teaching-on-my-course:before {
    content:  "Teaching on my course";
}

.tablesorter tbody td.learning-opportunities:before {
    content:  "Learning opportunities";
}

.tablesorter tbody td.assessment-and-feedback:before {
    content:  "Assessment and feedback";
}

.tablesorter tbody td.academic-support:before {
    content:  "Academic support";
}

.tablesorter tbody td.organisation-and-management:before {
    content:  "Organisation and Management";
}

.tablesorter tbody td.learning-resources:before {
    content:  "Learning resources";
}

.tablesorter tbody td.learning-community:before {
    content:  "Learning community";
}

.tablesorter tbody td.student-voice:before {
    content:  "Student voice";
}

.tablesorter tbody td.overall-satisfaction:before {
    content:  "Overall satisfaction";
}

.tablesorter tbody td.total-gain-loss-since-2020:before {
    content:  "Total gain/loss since 2020";
}
/* End - classes for a new table */

.tablesorter .mobileHeader {
    width: 100%;
    color: #000;
    font-family: "GillSansMTStd-Medium";
    -webkit-font-smoothing: antialiased !important;
    height: 65px;
}

.tablesorter .mobileHeaderInner {
    width: 100%;
    display: flex;
    flex-direction: row;
    display: -webkit-flex;
    -webkit-flex-direction: row;
    background-color: #e2f0f3;
    font-size: 10px;
    letter-spacing: 0.4px;
    text-align: left;
}

.tablesorter .mobileHeaderRank {
    width: 22%;
    border-right: 1px solid #FFF;
    box-sizing: border-box;
    text-align: center;
    display: flex;
    flex-direction: column;
    display: -webkit-flex;
    -webkit-flex-direction: column;
    height: 65px;
}

.tablesorter .mobileHeaderUniversity {
    width: 60%;
    border-right: 1px solid #FFF;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    display: -webkit-flex;
    -webkit-flex-direction: column;
    height: 65px;
}

.tablesorter .mobileHeaderTotal {
    width: 18%;
    display: flex;
    flex-direction: column;
    display: -webkit-flex;
    -webkit-flex-direction: column;
}

.tablesorter .mobileHeaderRank > .mobileArrows {
    text-align: left;
    position: absolute;
    bottom: 5px;
}

.tablesorter .mobileHeaderUniversity > .mobileArrows {
    position: absolute;
    bottom: 5px;
}

.tablesorter .mobileHeaderTotal > .mobileArrows {
    position: absolute;
    bottom: 5px;
}

.tablesorter .mobileHeaderRank .mobileYears {
    font-weight: normal;
}

.tablesorter .mobileContent {
    width: 100%;
    display: flex;
    display: -webkit-flex;

}

.tablesorter .mobileContentItem.mobileContentItem-0 {
    width: 18%;
    padding: 2% 0 2% 10px;
    text-align: left;
}

.tablesorter .mobileContentItem.mobileContentItem-1 {
    width: 57.5%;
    padding-left: 2.5%;
    text-align: left;
}

.tablesorter .mobileContentItem.mobileContentItem-2 {
    width: 20%;
    padding-left: 2%;
    text-align: left;
}

.tablesorter td {
    padding-left: 23%;
    /*padding-right: 8%;*/
    font-family: "GillSansMTStd-Medium";
    -webkit-font-smoothing: antialiased !important;
    font-size: 12px;
    letter-spacing: 0px;
}

.tablesorter .mobileContentItem {
    padding-top: 4% !important;
    padding-bottom: 4% !important;
}

.tablesorter td.mobile-column {
    padding-left: 0;
    padding-right: 0;
    font-family: "GillSansMTStd-Medium";
    -webkit-font-smoothing: antialiased !important;
    letter-spacing: 0;
    font-size: 14px;
}

.tablesorter td.mobile-column a,
.tablesorter td.mobile-column a:hover,
.tablesorter td.mobile-column a:visited,
.tablesorter td.mobile-column a:active {
    color: #FF522E;
    text-decoration: underline;
}

.tablesorter .mobileHeaderInner > div {
    padding-left: 2.5%;
    padding-right: 2.5%;
    padding-top: 7px;
    position: relative;
}

.tablesorter .mobileHeaderInner .mobileHeaderRank {
    padding-left: 10px;
    padding-right: 7%;
    text-align: left;
}

.tablesorter .mobileContentItem {
    padding: 2% 0;
    text-align: center;
}

.tablesorter tr.even {
    background-color: #F3F9F9;
}

.tablesorter tbody tr td span:nth-child(2) {
    /*float: right;*/
    float: left;
    font-size: 14px;
    line-height: 1.5;
    max-width: 25%;
}

.tablesorter tbody tr td.town span:nth-child(2) {
    font-size: 14px;
    max-width: 30%;
    text-align: center;
}

.mobileArrows img {
    width: 10px;
}

.mobileArrows img.up {
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.homepageTableTitle {
    border-top: 2px solid #e2f0f3;
}

.homepageTableTitleInner {
    font-size: 24px;
    font-family: "TimesModern-Bold";
    -webkit-font-smoothing: antialiased !important;
    color: #000;
    letter-spacing: 0;
    width: 94%;
    padding: 15px 3% 15px 3%;
}

.homepageTableFooter {
    font-family: "TimesModern-Regular";
    -webkit-font-smoothing: antialiased !important;
    letter-spacing: 0;
    font-size: 14px;
    background-color: #F3F9F9;
    padding: 10px 2%;
    color: #999;
    line-height: 18px;
}
#footer {
    padding: 10px;
    margin-top: -20px;
    margin-bottom: 10px;
    background-color: #fff;
}

#footer .devBy {
    margin: 0 auto;
    font-size: 0.8em;
    text-align: center;
    display: flex;
    flex-direction: row-reverse;
}

#footer .devBy a {
    color: #666;
    font-size: 9px;
    font-weight: bold;
    text-decoration: none;
    margin-top: 5px;
    margin-bottom: 3px;
    opacity: 0.7;
}

.search-page #footer {
    padding-top:0;
    margin-top: 0px;
    background-color: #fff;
}
.search-page #footer .devBy {
    width: 40%;
    border-top: 1px solid #DADFDF;
    color: #98A7A7;
    font-family: "GillSansMTStd-Medium", sans-serif;
    font-size: 9px;
    font-weight: bold;
    position: relative;
    margin-right: 0;    
    padding-top: 10px;
}

.search-page #footer .devBy a {
    padding: 2px;
    display: inline-block;
    margin: 0;
}

.mobileHeaderUniversity.wide {
    width: 100%;
}

/* END OF HOMEPAGE TABLES */

/* BEFORE TABLE SECTION*/
.beforeTableInner {
    display: flex;
    flex-direction: column;
    display: -webkit-flex;
    -webkit-flex-direction: column;
    background-color: #0F4C69;
    padding-left: 3%;
    padding-right: 3%;
}

.beforeTableInner .beforeTableContentLeft, .beforeTableInner .beforeTableContentRight {
    width: 100%;
}

.beforeTableInner .beforeTableContentLeft .beforeTableContentLeftLogoWrapper {
    width: 63%;
    margin-top: 20px;
    margin-bottom: 10px;
}

.beforeTableInner .beforeTableContentLeft .beforeTableContentLeftHeadline {
    padding-top: 10px;
    padding-bottom: 10px;
    border-top-width: 1px;
    border-top-color: white;
    border-bottom-width: 1px;
    border-bottom-color: white;
    border-left-width: 0px;
    border-right-width: 0px;
    border-style: solid;
    color: #FF522E;
    font-size: 35px;
    font-family: "TimesModern-Bold";
    -webkit-font-smoothing: antialiased !important;
    letter-spacing: 0;
}

.beforeTableInner .beforeTableContentRight .beforeTableContentRightText {
    padding-top: 10px;
    padding-bottom: 40px;
    color: #FFFFFF;
    font-size: 20px;
    font-family: "TimesModern-Regular";
    -webkit-font-smoothing: antialiased !important;
    letter-spacing: 0;
    line-height: 24px;
}

/* END OF BEFORE TABLE SECTION */

/* TABLE SEARCH SECTION */
.tableSearchInner {
    margin-left: 3%;
    margin-right: 3%;
    margin-top: 20px;
}

.tableSearchInner .tableSearchHeader {
    font-family: "GillSansMTStd-Medium";
    -webkit-font-smoothing: antialiased !important;
    font-size: 15px;
    margin: 0 2% 10px 2%;
}

.tableSearchInner .tableSearchWrapper {
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    -webkit-flex-direction: column;

}

.tableSearchInner .tableSearchWrapper .dropdown {
    width: 100%;
    margin-bottom: 20px;

}

.tableSearchInner .tableSearchWrapper select {
    background-color: #FFEDEA;
    color: #000000;
    font-size: 15px;
    font-family: "GillSansMTStd-Medium";
    -webkit-font-smoothing: antialiased !important;
    width: 100%;
    height: 40px;
    padding: 14px 15px 10px;
    background-image: url("../css/icons/chevron.png");
    background-repeat: no-repeat;
    background-position-x: 95%;
    background-position-y: 50%;
    background-size: 16px 10px;
    line-height: 15px;
}

.headerProfileTopRow .secondRowProfileInner .text {
    color: #FACEC6;
}

/* END OF TABLE SEARCH SECTION */

/* university Profile Student City */

#student_city_section {

    padding-left: 10px;
    padding-right: 10px;

    background-color: #0F4C69;
    margin-bottom: 40px;
    padding-bottom: 50px;
    color: white;
}

#student_city_section .studentCity_header {
    font-family: GillSansMT;
    font-size: 13px;
    color: #9FB8C3;
    letter-spacing: 1.4px;
    line-height: 13px;
    padding-top: 35px;
    padding-bottom: 10px;
    text-align: center;
}

#student_city_section .studentCity_title{
    position: relative;
    z-index: 1;
    text-align: center;        
    padding-bottom: 16px;
}

#student_city_section .studentCity_title:before {
    border-top: 2px solid #FFFFFF;
    opacity: 0.5;
    content: "";
    margin: 0 auto;
    position: absolute;
    top: 12px;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    z-index: -1;
}

#student_city_section .studentCity_title span{
    background-color: #0F4C69;
    padding-left: 28px;
    padding-right: 28px;
    font-family: TimesModern-Bold;
    font-size: 27px;
    color: #FFFFFF;
    letter-spacing: 0;
    line-height: 24px;
}

#student_city_section .studentCity_description_main{
    font-family: TimesModern-Regular;
    font-size: 16px;
    color: #FFFFFF;
    letter-spacing: 0;
    line-height: 23px;
    text-align: center;
    padding-bottom: 25px;
}

#student_city_section .studentCity_bottom_border{
    position: relative;
    z-index: 1;
    text-align: center;            
    margin-bottom: 12.7px;
}

#student_city_section .studentCity_bottom_border:before{
    border-top: 2px solid #FFFFFF;
    opacity: 0.5;
    content: "";
    margin: 0 auto;
    position: absolute;
    top: 6px;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    z-index: -1;           
}

#student_city_section .studentCity_bottom_border div{
    transform: rotate(45deg);
    background: #EF5C43;
    border: 1px solid #0F4C6A;
    width: 11.3px;
    height: 11.3px;
    margin: 0 auto;
}

#student_city_section .studentCity_description_secondary{
    /*padding-bottom:35px;*/
    font-family: Times-Roman;
    font-size: 16px;
    color: #FFFFFF;
    letter-spacing: 0;
    line-height: 24px;
}

#student_city_section .studentCity_items_wrapp{
    border-bottom: 2px solid rgba(255, 255, 255, .5);        
}

#student_city_section .studentCity_item_wrapp{
    border-top: 2px solid rgba(255, 255, 255, .5);    
}
#student_city_section .studentCity_item_wrapp_active{
    border-top: 4px solid #EF5C43;
}

#student_city_section .studentCity_arrowUp{
    background: url(icons/chevron.png) 0 0;
    width: 20px;
    height: 16px;
    background-size: 20px 16px;
    display: inline-block;
    margin-top: 8px;    
    float: right;
}

#student_city_section .studentCity_item:hover{
    cursor:pointer;
}

#student_city_section .studentCity_item{
    padding-bottom: 4px;
    padding-top: 3px;
    font-family: TimesModern-Bold;
    font-size: 22px;
    color: #FFFFFF;
    line-height: 35px;
}

#student_city_section .studentCity_item_text{
    font-family: Times-Roman;
    font-size: 16px;
    color: #FFFFFF;
    letter-spacing: 0;
    line-height: 24px;
    padding-bottom: 20px; 
}

#student_city_section .studentCity_t_arrowDown{
    background: url(icons/chevron.png) 0 0;
    width: 10px;
    height: 6px;
    background-size: 10px 6px;
    display: inline-block;    
}

#student_city_section .studentCity_t_arrowUp{
    background: url(icons/chevron.png) 0 0;
    width: 10px;
    height: 6px;
    background-size: 10px 6px;
    display: inline-block;
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

#student_city_section .studentCity_t_arrowDown:hover,
#student_city_section .studentCity_t_arrowUp:hover{
    cursor: pointer;
}

#student_city_section .ustudentCity_show_extras,
#student_city_section .ustudentCity_hide_extras{
    letter-spacing: 1px;
    font-size: 12px;
    font-family: "GillSansMTStd-Medium";
    -webkit-font-smoothing: antialiased !important;
    color: #EF5C43;
    text-align: center;
    margin: 25px 0;
}

#student_city_section .hide{
    display:none;
}

#student_city_section .contain{
    height: 363px;
    overflow: hidden;
}

/*  end of university Profile Student City */

.customDropdown {
    width: 100% !important;     
    color: #656565;
    font-size: 14px;
    font-family: "GillSansMTStd-Medium";
    -webkit-font-smoothing: antialiased !important;
    padding: 14px 0px 13px 0px;
    margin: 0;
    margin-right: 1%;    
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    height: 16px;
    background: #FFFFFF !important;
    border: 1px solid rgba(151,151,151,0.20) !important;
    box-shadow: 0 3px 6px 0 rgba(0,0,0,0.10);
}

.searchOptionsHomepage span#subjects-text-button{    
    background-color: white;
    box-shadow: none;
}

.searchResultsSubject span#subjects-text-button{
    background-color: #3F6F86 !important;
    height: 13px;
}

.customDropdown:hover,
.customDropdown:focus{
    border: none;
}

.customDropdown .ui-icon, .customDropdown:hover .ui-icon, .customDropdown:focus .ui-icon {
    background-image: url("../css/icons/chevron.png");
    background-position: 0 4px;
    background-size: 12.5px 7px;
    margin-top: 0 !important;    
    margin-right: 10px;
}

.customDropdown .ui-selectmenu-text {
    padding-top: 0em !important;
    padding-left: 10px;
}

.ui-selectmenu-menu {
    overflow: hidden;    
    background: #FFFFFF;
    border: 1px solid rgba(151,151,151,0.20);
    box-shadow: 0 3px 6px 0 rgba(0,0,0,0.10);    
}

.ui-selectmenu-menu ul {
    border: none;
    font-size: 12px;
    max-height: 320px;
    overflow-y: scroll;
    padding-right: 0px;
    width: 100%;
    padding-left: 0px;
}

.ui-selectmenu-menu ul li.ui-menu-item {
    padding: 10px 10px;
    width: auto;
    font-family: 'GillSansMTStd-Medium';
    letter-spacing: 0;
    font-size: 15px;
    padding-left: 10px;
    margin-left: -10px;
    padding-right: 30px;
    white-space: nowrap;
    color: black;
}

.ui-selectmenu-menu ul li.ui-menu-item::after {
    content: "";
    display: block;
    height: 1px;
    width: 100%;
    padding-left: 10px;
    background: rgba(217, 217, 217, 0.4);
    margin-top: 6px;
    margin-bottom: -6px;
}

.ui-selectmenu-menu ul li.ui-menu-item:last-child::after {
    display: none;
}

.ui-selectmenu-menu ul li.ui-menu-item:hover, .ui-selectmenu-menu ul .ui-state-active{
    background-color: rgba(15,76,105,1);
    color: white;
}

.ui-selectmenu-menu .ui-state-disabled {
    display: none;
}

.ui-selectmenu-menu ul li.ui-menu-item:hover::after, .ui-selectmenu-menu ul .ui-state-active::after {
    background-color: rgba(15,76,105,1) !important;
}
@media screen and (orientation:landscape) {
    #student_city_section .contain{
        height: 150px;
    }
}

@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: landscape) {
    .container {
        width: 100%;
    }    
}
@media (min-device-width: 1024px) {
    .tablesorter tbody tr td span:nth-child(2) {
        font-size: 16px;
    }
}

@media (min-device-width: 768px) {
    body {
        background-color: #FFF;
    }

    .container {
        max-width: 860px;
        margin-left: auto;
        margin-right: auto;
    }    

    .menuWrapper li a {
        font-size: 16px;
        padding: 12px 20px 6px 20px;
    }

    .column {
        width: 49%;
        float: left;
    }

    .headerWrapper .column.column-two {
        float: right;
    }

    .headerWrapper .column.column-two img {
        height: auto;
    }

    .headerWrapper .headerDetails {
        padding: 10% 3% 10% 3%;
        width: 95%;
    }

    .headerWrapper .headerLogo {
        padding-bottom: 10px;
    }

    .headerWrapper {

    }

    .headerWrapper .headerTitle {
        padding: 7px 0 4px;
    }

    .headerWrapper .newHeaderLogo {
        display: flex;
        align-items: center;
        font-family: "TimesModern-Regular";
        font-size: 20px;
        color: #fff;
        border-bottom: 1px solid #fff;
        padding: 15px 0px;
        margin-bottom: 5px;
    }

    .headerWrapper .newHeaderLogo img {
        width: 67px;
        height: 19px;
        margin-left: 10px;
        margin-top: 3px;
    }

    .headerWrapper .headerDescription {
        font-size: 16px;
        line-height: 19px;
        padding: 11px 0 18px;
    }

    /* SEARCH BAR */
    .searchWrapper {
        padding: 30px 3% 21px;
    }

    .searchTitle {
        margin-bottom: 8px;
    }

    .searchOptions {
        margin-bottom: 9px;
        text-align: center;
    }

    .searchOptions .textField {
        margin-bottom: 20px;
        float: left;
        margin-right: 2%;
        width: 49%;
    }

    .searchOptions::after {
        clear: left;
    }

    .searchOptions #subjects-text.textField,
    .searchOptions #town-text.textField {
        margin-right: 0;
        position: relative;
        overflow: visible;
    }

    .searchOptionsClearfix {
        clear: both;
    }

    .searchOptions input[type=submit] {
        width: 30%;
    }

    .searchHomepageTown .textbox .ui-autocomplete {
        width: 46% !important;
        position: absolute !important;
        max-height: 245px !important;
        overflow: auto;
    }

    .searchHomepageUniversity .textbox .ui-autocomplete {
        width: 46% !important;
        position: absolute !important;
        max-height: 245px !important;
        overflow: auto;
    }

    /* END OF SEARCH BAR */
    /* HOMEPAGE FEATURES */
    .featuresWrapper {
        padding: 0 2%;
    }

    .mainFeature {
        width: 50%;
        float: left;
        padding-right: 1%;
        display: flex;
        flex-direction: row;
        display: -webkit-flex;
        -webkit-flex-direction: row;
        border-right: 1px solid #E1E1E1;
    }

    .mainFeature .mainFeatureDescription {
        padding-left: 12.5%;
        padding-right: 12.5%;
        font-size: 16px;
        line-height: 19px;
    }

    hr.featuresLine0 {
        display: none;
    }
    
    hr.guidesLine0 {
        display: none;
    }

    .subFeatures {
        padding-top: 0px;
    }
    
    .subGuides {
        padding-top: 0px;
    }

    .subFeature {
        width: 22.5%;
        padding-top: 0px;
    }

    hr.featuresLine2 {
        width: 50%
    }
    
    hr.guidesLine2 {
        width: 50%
    }

    div.showMoreLessButtonContainer {
        display: none;
    }

    .subFeature {
        display: block;
    }

    hr.featuresLine.featuresThird {
        width: 100%;
        display: block;
        margin: 10px 0;
    }

    hr.featuresLine.featuresLine1 {
        display: none;
    }
    
    hr.guidesLine.featuresThird {
        width: 100%;
        display: block;
        margin: 10px 0;
    }

    hr.guidesLine.guidesLine1 {
        display: none;
    }

    .subFeature.blockFour-0 {
        width: 22.5%;
    }

    .subFeature {
        margin: 0px;
    }

    .subFeaturesFirstFive .subFeature.odd {
        padding: 0 2% 0 0;
        border-right: none;
    }

    .subFeaturesFirstFive .subFeature.even {
        padding: 0 0 0 2%;
        box-sizing: border-box;
    }

    .subFeaturesFirstFive .subFeature.blockFour-0.odd {
        border-right: 1px solid #E1E1E1;
    }

    .subFeature.thirdBlock {
        width: 33.33%;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        display: -webkit-flex;
        -webkit-flex-direction: column;
        -webkit-flex-wrap: wrap;
    }

    .subFeature.thirdBlockColumn0 {
        width: 33%;
        padding: 0 1% 0 0;
        margin: 0;
        border-right: 1px solid #E1E1E1;
    }

    .subFeature.thirdBlockColumn1 {
        border-right: 1px solid #E1E1E1;
        width: 34%;
        padding: 0 1% 0 1%;
        margin: 0;
    }

    .subFeature.thirdBlockColumn2 {
        width: 33%;
        padding: 0 0 0 1%;
        margin: 0;
        border: 0;
    }

    .subFeature.thirdBlock {
        float: left;
        flex-direction: column;
        display: flex;
        display: -webkit-flex;
        -webkit-flex-direction: column;
    }

    .subGuidesFirstThree .subGuide.odd {
        padding: 0 1% 0 1%;
    }

    .subGuidesFirstThree .subGuide.even {
        padding: 0 1% 0 1%;
    }

    .subGuidesFirstThree .subGuide.blockFour-0.odd {
        border-right: 1px solid #E1E1E1;
    }

    .subGuide.thirdBlockColumn1 {
        border-right: 1px solid #E1E1E1;
        padding: 0 1% 0 1%;
        margin: 0;
    }

    .subGuide.thirdBlockColumn2 {
        border: 0;
    }
        
    .featuresOther {
        width: 100%;
        flex-wrap: wrap;
        flex-direction: row;
        display: flex;
        display: -webkit-flex;
        -webkit-flex-direction: row;
        -webkit-flex-wrap: wrap;
        padding-bottom: 0px;
    }

    .subFeaturesFirstFour {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        display: -webkit-flex;
        -webkit-flex-direction: row;
        -webkit-flex-wrap: wrap;
        width: 50%;
        padding-left: 1%;
    }

    .subFeaturesFirstFour .blockFour-0.odd {
        border-right: 1px solid #E1E1E1;
    }

    .subFeaturesFirstFour .subFeature {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        display: -webkit-flex;
        -webkit-flex-direction: column;
        -webkit-flex-wrap: wrap;
        float: left;
        width: 50%;
        margin-bottom: 0px;
    }

    hr.featuresLine2 {
        width: 100%;
        margin-top: 10px;
        margin-bottom: 10px;
        float: left;
    }

    hr.featuresLine.featuresLine4 {
        display: none;
    }

    hr.featuresLine.featuresLineFull {
        border-top: 1px solid #E1E1E1;
        width: 100%;
        float: left;
        height: 0px;
        display: block;
        margin-bottom: 10px;
        margin-top: 10px;
    }
    
    hr.guidesLine.guidesLineFull {
        border-top: 1px solid #E1E1E1;
        width: 100%;
        float: left;
        height: 0px;
        display: block;
        margin-bottom: 10px;
        margin-top: 10px;
    }
    
    hr.guidesLine2 {
        width: 100%;
        margin-top: 10px;
        margin-bottom: 10px;
        float: left;
    }

    hr.guidesLine.guidesLine4 {
        display: none;
    }

    .subFeaturesFirstFive {
        display: flex;
        flex-direction: row;
        display: -webkit-flex;
        -webkit-flex-direction: row;
        width: 100%;
    }
    
    .subGuidesFirstThree {
        display: flex;
        flex-direction: row;
        display: -webkit-flex;
        -webkit-flex-direction: row;
        width: 100%;
    }

    .featuresWrapper {
        padding-top: 32px;
    }

    .subFeatures .subFeature .mainFeatureHeadline {
        padding-top: 7px;
    }

    .subFeatures .subFeature .mainFeatureHeadline a {
        font-size: 17px;
        line-height: 17px;
        margin-bottom: 7px;
    }

    .subFeatures .subFeature .mainFeatureDescription {
        font-size: 16px;
        line-height: 19px;
        float: left;
        padding: 2px 0 10px 0;
    }

    .subFeaturesFirstFour .mainFeatureDescription {
        display: none;
    }
    
    .subGuides .subGuide .mainFeatureHeadline {
        padding-top: 7px;
    }

    .subGuides .subGuide .mainFeatureHeadline a {
        font-size: 17px;
        line-height: 17px;
        margin-bottom: 7px;
    }

    .subGuides .subGuide .mainFeatureDescription {
        font-size: 16px;
        line-height: 19px;
        float: left;
        padding: 2px 0 10px 0;
    }

    .subGuidesFirstThree .mainFeatureDescription {
        display: none;
    }

    .mainFeatureHeadline a {
        font-size: 22px;
    }

    .mainFeature .mainFeatureHeadline {
        text-align: center;
        width: 100%;
        padding-top: 35px;
    }

    .mainFeature .mainFeatureHeadline a {
        font-size: 35px;
    }

    .mainFeatureHeadline {
        padding: 22px 0 0 0;
    }

    .featuresWrapper {
        background-color: #FFF;
    }

    .subFeatures .subFeature .mainFeatureDescription {
        display: block;
    }

    /* END OF HOMEPAGE FEATURES */
    /* FEATURES */
    .headerLeftSide {
        width: 100%;
    }

    .headerRightSide {
        width: 100%;
    }

    .headerLeftSideInner {
        padding: 35px 3% 0 3%;
    }

    .headerLeftSideInner .firstRow {
        font-size: 45px;
    }

    .headerLeftSideInner .secondRow {
        padding: 10px 0 0 0;
        font-size: 20px;
        padding-bottom: 41px
    }

    .headerLeftSideInner .socialSeparator {
        margin-top: 35px;
        margin-bottom: 13px;
    }

    .articleTextInner {
        font-size: 18px;
    }

    .headerLeftSideInner .lineSeparator {
        display: none;
    }

    /* END OF FEATURES */
    /* METHODOLOGY */
    .methodology .headerLeftSide {
        padding-bottom: 35px;
    }

    /* END OF METHODOLOGY */
    /* PROFILE */
    .headerProfileTopRow {
        width: 100%;
    }

    .headerProfileTopRow .firstRowProfile {
        font-size: 45px;
        padding: 30px 3% 26px 3%;
    }

    .headerProfileTopRow .secondRowProfile1Inner .number span {
        font-size: 180px;
        letter-spacing: -7.4px;
        line-height: 125px;
    }

    .headerProfileTopRow .secondRowProfile2Inner .rankOrdinalIndicator,
    .headerProfileTopRow .secondRowProfile3Inner .number,
    .headerProfileTopRow .secondRowProfile4Inner .percent {
        font-size: 55px;
    }

    .headerProfileTopRow .secondRowProfileInner {
        font-size: 15px;
    }

    .headerProfileTopRow .secondRowProfile1Inner {
        padding: 16px 0 12px 0;
    }

    .headerProfileTopRow .secondRowProfile2Inner {
        padding: 16px 7.5% 12px 7.5%;
        min-height: 95px;
    }

    .headerProfileTopRow .secondRowProfile3Inner {
        padding: 16px 7.5% 12px 7.5%;
        min-height: 95px;
    }

    .headerProfileTopRow .secondRowProfile4Inner {
        padding: 16px 0 12px 3%;
        min-height: 95px;
    }

    .secondRowProfileInner .text {
        letter-spacing: 1.9px;
    }

    .headerProfileBottomRow .secondRowProfile1,
    .headerProfileBottomRow .secondRowProfile2,
    .headerProfileBottomRow .secondRowProfile3,
    .headerProfileBottomRow .secondRowProfile4 {
        width: 25%;
    }

    .headerProfileBottomRow .secondRowProfile1Inner,
    .headerProfileBottomRow .secondRowProfile2Inner,
    .headerProfileBottomRow .secondRowProfile3Inner,
    .headerProfileBottomRow .secondRowProfile4Inner {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        display: -webkit-flex;
        -webkit-flex-direction: column;
        -webkit-flex-wrap: wrap;
    }

    .headerProfileBottomRow .secondRowProfile3 {
        border-left: 1px solid rgba(255, 255, 255, 0.4);
        border-top: 1px solid rgba(255, 255, 255, 0.4);
    }

    .headerProfileBottomRow .secondRowProfile4 {
        border-top: 1px solid rgba(255, 255, 255, 0.4);
    }

    .headerProfileBottomRow .keyStatsSeparator {
        margin-bottom: 5px;
    }

    .headerProfileBottomRow .secondRowProfile {
        margin-top: 9px;
    }

    .headerProfileBottomRow .secondRowProfileInner .number {
        font-size: 45px;
        padding: 0px;
        line-height: 39px;
        margin-left: 0;
    }

    .headerProfileBottomRow .secondRowProfile1 {
        padding: 14px 0 14px 2%;
    }

    .headerProfileBottomRow .secondRowProfile2,
    .headerProfileBottomRow .secondRowProfile3 {
        padding: 14px 0 14px 1%;
    }

    .headerProfileBottomRow .secondRowProfile4 {
        padding: 14px 0 14px 2%;
    }

    .headerProfileBottomRow .secondRowProfileInner .text {
        padding: 7px 0 0 0;
    }

    .headerProfileBottomRow .contactDetailsSeparator {
        margin-bottom: 5px;
    }

    .headerProfileBottomRow .secondRowProfile {
        margin-top: 5px;
    }

    .contact .secondRowProfileInner .secondRowContact {
        width: 25%;
    }

    .contact .secondRowProfileInner .secondRowContact.label {
        margin-left: 0;
    }

    .contact .secondRowContact.label.address {
        width: 35%;
    }

    .contact .secondRowContactInner .text {
        letter-spacing: 0;
        padding: 0;
    }

    .contact .secondRowProfileInner .secondRowContact:nth-child(8),
    .contact .secondRowProfileInner .secondRowContact:nth-child(4) {
        border-right: 1px solid #999;
    }

    .contact .secondRowProfileInner .secondRowContact:nth-child(7),
    .contact .secondRowProfileInner .secondRowContact:nth-child(8) {
        border-bottom: 1px solid #999;
    }

    .contact .secondRowProfileInner .secondRowContact:nth-child(5).label,
    .contact .secondRowProfileInner .secondRowContact:nth-child(9).label {
        padding-left: 12px;
    }

    .contact .secondRowContact.address {
        width: 75%;
    }

    .contact .secondRowContact.address .contact {
        text-transform: none;
    }

    .contact .secondRowContact.label.address {
        width: 25%;
    }

    .contact .secondRowContactInner .text p {
        /*        text-transform: uppercase;*/
    }

    .universityProfileInner {
        margin: 0 10%;
    }

    .universityProfileShowLess,
    .universityProfileShowMore {
        margin: 30px 0;
    }

    .universityProfileSeparator,
    .universityProfileTitleInner {
        display: none;
    }

    .universityProfileContentInner {
        border-top: none;
    }

    .universityProfileContentText {
        font-size: 18px;
    }

    .universityProfileContentInner {
        padding-top: 8px;
    }

    .universityProfileContentText {
        /*        width: 663px;*/
        margin-left: auto;
        margin-right: auto;
        line-height: 30px;
    }

    .universityProfileShowMore > span,
    .universityProfileShowLess > span {
        cursor: pointer;
    }

    .universityStatisticsTablesTableColumnScore {
        display: block;
        color: #EF5C43;
        text-align: right;
    }

    .performance .universityStatisticsTablesTableColumnScore {
        width: 15%;
    }

    .universityStatisticsTablesTableRow {
        padding-left: 10px;
    }

    .universityStatisticsTablesTableRowTitle {
        display: flex;
        display: -webkit-flex;
        margin: 0 3%;
        background-color: rgba(244, 244, 244, 0.5);
        padding: 10px 0;
        font-family: "GillSansMTStd-Medium";
        -webkit-font-smoothing: antialiased !important;
        font-size: 16px;
        color: #000;
    }

    .universityStatisticsTablesTableColumn1 {
        padding-left: 10px;
    }

    .universityStatisticsTablesTableColumnScoreTitle {
        color: #EF5C43;
        width: 15%;
        text-align: right;
    }

    .universityStatisticsTablesTableColumn2Title {
        padding-right: 10px;
    }

    .universityStatisticsTablesTableColumn2Title,
    .universityStatisticsTablesTableColumn2 {
        text-align: right;
    }

    .performance .universityStatisticsTablesTableColumn2Title,
    .performance .universityStatisticsTablesTableColumn2 {
        width: 15%;
        min-width: 170px;
    }

    .universityStatisticsTablesTableColumn1Title {
        padding-left: 10px;
        width: 70%;
    }

    .performance .universityStatisticsTablesTableRow:nth-child(1) {
        border-top: none;
    }

    .universityStatisticsTableTitleInner {
        line-height: 23px;
    }

    .universityStatisticsTablesTableRow {
        padding: 7px 0 10px 0;
    }

    .vitalStatistics .brecket {
        display: none;
    }

    .universityStatisticsTablesTableColumn1Extra {
        display: inline-block;
        float: right;
        width: 70%;
    }

    .vitalStatistics .vitalPostgradPt,
    .vitalStatistics .vitalUndergradPt {
        border-top: none;
        padding: 0;
    }

    .vitalStatistics .vitalPostgradPt .universityStatisticsTablesTableColumn1Extra,
    .vitalStatistics .vitalPostgradPt .universityStatisticsTablesTableColumn2,
    .vitalStatistics .vitalUndergradPt .universityStatisticsTablesTableColumn1Extra,
    .vitalStatistics .vitalUndergradPt .universityStatisticsTablesTableColumn2 {
        border-top: 1px solid #dbdbdb;
        padding: 7px 0;
    }

    .vitalStatistics .vitalPostgradPt .universityStatisticsTablesTableColumn1 .universityStatisticsTablesTableColumn1Extra_label,
    .vitalStatistics .vitalUndergradPt .universityStatisticsTablesTableColumn1 .universityStatisticsTablesTableColumn1Extra_label {
        color: transparent;
    }

    .universityStatisticsTablesTableRow:nth-last-child(1) {
        border-bottom: 4px solid #dbdbdb;
        margin-bottom: 30px;
    }

    .accommodation .universityStatisticsTablesTableColumn2 {
        padding-left: 10px;
    }

    .sport .universityStatisticsTablesTableColumn2 {
        padding-left: 10px;
        text-align: left;
    }

    .feesFinanceWebsite .universityStatisticsTablesTableColumn2 {
        padding-left: 10px;
    }

    .universityStudentViewInner {
        padding: 0 10%;
    }

    .universityStudentViewHeader2 {
        padding-top: 3px;
    }

    .universityStudentViewHeader3 {
        font-size: 34px;
        padding-top: 4px;
    }

    .universityStudentViewHeader4 {
        padding-top: 8px;
    }

    .universityStudentViewHeader5 {
        width: 5%;
        /*margin: 18px auto 12px auto;*/
        margin: 27px auto 12px auto
    }

    .universityStudentViewItems {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        display: -webkit-flex;
        -webkit-flex-direction: row;
        -webkit-flex-wrap: wrap;
        padding-top: 20px;
    }

    .universityStudentViewItems > div {
        width: 50%;
    }

    .universityStudentViewItem {
        padding-bottom: 28px;
    }

    .universityStudentViewInner {
        margin-bottom: 30px;
    }

    .performance .universityStatisticsTableTitleInnerDesktop {
        width: 140px;
    }

    .universityStatisticsTableTitleInner > span {
        display: block;
        word-break: break-all;
    }

    .universityProfileQuote {
        display: none;
    }

    .universityStudentViewSpeechMark {
        background-position: 50% 45px;
        padding-top: 32px;
    }

    .contact .secondRowContactInner .contact,
    .contact .secondRowContactInner .text {
        padding-top: 0px;
    }

    /* END OF PROFILE */
    /* HOMEPAGE TABLES */
    .tablesorter tbody td.total-gain-loss-since-2020:before,
    .tablesorter tbody td.overall-satisfaction:before,
    .tablesorter tbody td.student-voice:before,
    .tablesorter tbody td.learning-community:before,
    .tablesorter tbody td.learning-resources:before,
    .tablesorter tbody td.organisation-and-management:before,
    .tablesorter tbody td.academic-support:before,
    .tablesorter tbody td.assessment-and-feedback:before,
    .tablesorter tbody td.teaching-on-my-course:before,
    .tablesorter tbody td.learning-opportunities:before,
    .tablesorter tbody td.teaching-quality-pct:before,
    .tablesorter tbody td.student-sat-pct:before,
    .tablesorter tbody td.research-quality-pct:before,
    .tablesorter tbody td.entry-points:before,
    .tablesorter tbody td.graduate-level-jobs:before,
    .tablesorter tbody td.first-2-1s-pts:before,
    .tablesorter tbody td.dropout-rate-projected:before,
    .tablesorter tbody td.ssr-raw:before,
    .tablesorter tbody td.spend-raw:before,
    .tablesorter tbody td.total-pts:before,
    .tablesorter tbody td.subject-rank:before,
    .tablesorter tbody td.overall-rank:before,
    .tablesorter tbody td.teaching-quality-sub:before,
    .tablesorter tbody td.student-satisfaction-sub:before,
    .tablesorter tbody td.research-quality-sub:before,
    .tablesorter tbody td.entry-standards-sub:before,
    .tablesorter tbody td.graduate-prospects-sub:before,
    .tablesorter tbody td.overall-rating-sub:before,
    .tablesorter tbody td.graduate-salary:before,
    .tablesorter tbody td.town:before,
    .tablesorter tbody td.applications:before,
    .tablesorter tbody td.rank:before,
    .tablesorter tbody td.room-cost-min:before,
    .tablesorter tbody td.sport-rank:before,
    .tablesorter tbody td.sport-pts:before,
    .tablesorter tbody td.applications-places-ratio:before,
    .tablesorter tbody td.eu-pct:before,
    .tablesorter tbody td.mature-students:before,
    .tablesorter tbody td.middle-class-pct:before,
    .tablesorter tbody td.overseas-pct:before,
    .tablesorter tbody td.state-school-pct:before,
    .tablesorter tbody td.working-class-pct:before,
    .tablesorter tbody td.research-rank:before,
    .tablesorter tbody td.entry-points-rank:before,
    .tablesorter tbody td.grad-jobs-rank:before,
    .tablesorter tbody td.first-2-1s-rank:before,
    .tablesorter tbody td.poor-rate:before,
    .tablesorter tbody td.rich-rate:before,
    .tablesorter tbody td.asian-rate:before,
    .tablesorter tbody td.black-rate:before,
    .tablesorter tbody td.offer-rate:before,
    .tablesorter tbody td.social-rank:before,
    .tablesorter tbody td.social-rank-lastyr:before,
    .tablesorter tbody td.social-scot-rank-lastyr:before,
    .tablesorter tbody td.comprehensive-school-pct:before,
    .tablesorter tbody td.ethnic-pct:before,
    .tablesorter tbody td.black-students-pct:before,
    .tablesorter tbody td.low-participation,
    .tablesorter tbody td.disabled-pct:before,
    .tablesorter tbody td.low-participation:before,
    .tablesorter tbody td.social-pts:before, 
    .tablesorter tbody td.social-scot-rank:before,
    .tablesorter tbody td.mature-students-scot:before,
    .tablesorter tbody td.disabled-scot-pct:before,
    .tablesorter tbody td.comprehensive-school-scot-pct:before,
    .tablesorter tbody td.ethnic-scot-pct:before,
    .tablesorter tbody td.social-scot-pts:before ,
    .tablesorter tbody td.firstgen-scot-pct:before,
    .tablesorter tbody td.q1dropout-pct:before,
    .tablesorter tbody td.simd20-scot-pct:before,
    .tablesorter tbody td.blackgap-pct:before,
    .tablesorter tbody td.firstgen-pct:before,
    .tablesorter tbody td.social-pts:before,
    .tablesorter tbody td.blackgap-scot-pct:before,
    .tablesorter tbody td.ethnic-scot-pct:before {
        content: "";
    }

    .tablesorter tbody td span:nth-child(1) {
        display: none;
    }

    .tablesorter tbody td {
        display: table-cell;
        padding: 0;
        text-align: left;
        padding: 11px 0 10px 5px;
    }

    .tablesorter thead tr,
    .tablesorter tbody tr {
        display: table-row;
    }

    .tablesorter thead th {
        display: table-cell;
    }

    .tablesorter thead th#mobile-column,
    .tablesorter tr td.mobile-column {
        display: none;
    }

    .tablesorter tbody tr td.display-rank, .tablesorter tbody tr td.last-year-rank {
        display: table-cell !important;
    }

    .tablesorter thead th {
        font-size: 8px;
        height: 46px;
        border-right: 1px solid #FFF;
    }

    .tablesorter th {
        width: 7%;
        padding-left: 0.7%;
        padding-right: 0.7%;
        padding-top: 19px;
    }

    .tablesorter th#last_year_rank {
        /*text-align: center;*/
        width: 4%;
    }

    .tablesorter th#display_rank, .tablesorter th#total_pts {
        width: 4%;
    }

    .tablesorter th#university {
        width: 22%;
    }

    .tablesorter thead th:last-child {
        border-right: none;
    }

    .tablesorter thead {
        background-color: #e2f0f3;
    }

    .tablesorter thead th,
    .tablesorter thead th .mobileArrows {
        text-align: left;
    }

    #total_pts,
    #display_rank {
        width: 9%;
        padding-top: 19px;
    }

    #table-preview th {
        position: relative;
        text-transform: uppercase;
        font-family: "GillSansMTStd-Medium";
        -webkit-font-smoothing: antialiased !important;
    }

    #display_rank {
        padding-left: 1%;
    }

    .tablesorter tbody tr td span:nth-child(2) {
        float: none;
    }

    .tablesorter tbody tr td.display-rank {
        padding-left: 1%;
    }

    #table-preview .mobileArrows {
        position: absolute;
        bottom: 5px;
        padding: 0;
    }

    .tablesorter td {
        font-family: "GillSansMTStd-Medium";
        -webkit-font-smoothing: antialiased !important;
        letter-spacing: 0;
        font-size: 12px;
    }

    .tablesorter td a,
    .tablesorter td a:hover,
    .tablesorter td a:visited,
    .tablesorter td a:active {
        color: #FF522E;
        text-decoration: underline;
    }

    .homepageTableTitleInner {
        padding-top: 22.5px;
    }
    
    .guidesTitleInner {
        padding-top: 22.5px;
    }

    .homepageTableFooter {
        font-size: 12px;
    }

    /* END OF HOMEPAGE TABLES */
    /* BEFORE TABLE SECTION*/
    .beforeTableInner {
        display: flex;
        flex-direction: row;
        display: -webkit-flex;
        -webkit-flex-direction: row;
        padding-left: 2%;
        padding-right: 2%;
        height: 167px;
    }

    .beforeTableInner .beforeTableContentLeft {
        width: 50%;
    }

    .beforeTableInner .beforeTableContentRight {
        width: 49%;
    }

    .beforeTableInner .beforeTableContentLeft {
        border-right-width: 1px;
        border-right-color: white;
        border-style: solid;
        margin-top: 20px;
        margin-bottom: 29px;
    }

    .beforeTableInner .beforeTableContentLeft .beforeTableContentLeftLogoWrapper {
        width: 77%;
        margin-bottom: 4px;
        margin-top: 0px;
    }

    .beforeTableInner .beforeTableContentLeft .beforeTableContentLeftHeadline {
        padding-top: 0px;
        padding-bottom: 0px;
        border: 0;
        color: #FF522E;
        font-size: 35px;
        font-family: "TimesModern-Bold";
        -webkit-font-smoothing: antialiased !important;
        letter-spacing: 0;
    }

    .beforeTableInner .beforeTableContentRight .beforeTableContentRightText {
        padding-top: 20px;
        padding-left: 9px;
        color: #FFFFFF;
        font-size: 16px;
        font-family: "TimesModern-Regular";
        -webkit-font-smoothing: antialiased !important;
        letter-spacing: 0;
        line-height: 19px;
        width: 96%;
    }

    .mobileArrows img {
        width: 10px;
        padding-top: 1px;
        padding-bottom: 1px;
        padding-right: 2px;
        padding-left: 2px;
    }

    /* END OF BEFORE TABLE SECTION */
    /* SEARCH RESULTS */
    .searchResultsFilters {
        position: relative;
        display: flex;
        display: -webkit-flex;
    }

    .searchButtonWrapper {
        position: relative;
        display: flex;
        display: -webkit-flex;
        width: 100%;
        bottom: 0%;
        margin-bottom: 10px;
    }

    .browser-safari .searchButtonWrapper input {
        line-height: inherit;
    }

    .searchResultsFiltersInner {
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        display: -webkit-flex;
        -webkit-flex-direction: row;
        -webkit-flex-wrap: wrap;
    }

    .searchResultsUniversity {
        padding-right: 1%;
        width: 49%;
    }

    .searchResultsSubject {
        padding-left: 1%;
        width: 49%;
    }

    .searchResultsPostcode {
        padding-right: 1%;
        width: 49%;
    }

    .searchResultsPostcode .textbox {
        margin-left: 13px;
    }

    .searchResultsTown {
        padding-left: 1%;
        width: 49%;
    }

    .searchResultsFilters .searchButton {
        width: 30%;
        margin-left: auto;
        margin-right: auto;
    }

    .searchResultsRowEditSearch {
        display: none;
    }

    .searchResultsBottomMap {
        width: 50%;
    }

    .searchResultsBottomTable,
    .search-page #footer .devBy {
        width: 50%;
    }

    .searchResultsBottomTable {
        overflow-y: hidden;
        overflow-x: hidden;
    }

    #map_canvas {
        display: block;
    }

    .searchResultsBottomInner {
        display: flex;
        display: -webkit-flex;
    }

    .searchResultsRowClearSearch {
        display: inline-block;
        color: #EF5C43;
        text-decoration: underline;
        font-family: "GillSansMTStd-Medium";
        -webkit-font-smoothing: antialiased !important;
    }

    .searchResultsRowTitle {
        font-size: 45px;
    }

    .searchResultsRow2 {
        font-size: 16px;
    }

    .searchResultsUniversity .textbox .ui-autocomplete,
    .searchResultsTown .textbox .ui-autocomplete {
        z-index: 11;
        width: 354px;
        position: absolute !important;
        margin-top: -15px;
        max-height: 245px;
        overflow: auto;
        border-style: solid;
        border-width: 1px;
        border-color: #3F6F86;
    }

    .searchResultsBottomMap {
        display: block;
    }

    /* END OF SEARCH RESULTS */
    /* TABLE SEARCH SECTION */
    .tableSearchInner {
        margin-left: 0;
        margin-right: 2%;
        margin-top: 28px;
        margin-bottom: 13px;
    }

    .tableSearchInner .tableSearchHeared {
        margin-bottom: 14px;
        margin-left: 2%;
    }

    .tableSearchInner .tableSearchWrapper {
        display: block;
    }

    .tableSearchInner .tableSearchWrapper .dropdown {
        width: 30.67%;
        margin-bottom: 15px;
        display: inline-block;
        margin-left: 2%;
    }

    .tableSearchInner .tableSearchWrapper select {
        background-color: #fff;
        color: #000000;
        font-size: 15px;
        font-family: "GillSansMTStd-Medium";
        -webkit-font-smoothing: antialiased !important;
        width: 100%;
        height: 40px;
        padding: 14px 15px 10px;
        background-image: url("../css/icons/chevron.png");
        background-repeat: no-repeat;
        background-position-x: 95%;
        background-position-y: 50%;
        background-size: 5%;
        line-height: 15px;
    }

    /* END OF TABLE SEARCH SECTION */
    .headerProfileTopRow .secondRowProfile .secondRowProfile1 {
        width: 40%;
        text-align: right;
    }

    .headerProfileTopRow .secondRowProfile2 {
        width: 20%;
    }

    .headerProfileTopRow .secondRowProfile3 {
        width: 20%;
    }

    .headerProfileTopRow .secondRowProfile4 {
        width: 20%;
    }

    .universityStudentViewItemLabelCircle {
        padding-right: 10px;
        width: 8%;
    }

    .universityStudentViewItemLabelText {
        width: 92%;
    }

    .universityStudentViewItemLabelCircle img {
        width: 24px;
    }

    .headerWrapper.hasCover {
        float: left;
    }

    .searchButtonWrapper {
        width: 100%;
    }

    #student_city_section {
        padding-left: 0px;
        padding-right: 0px;   
    }

    #student_city_section .universityStudentCityInner {
        margin: 0 auto;
        width: 620px;
    }

    #student_city_section .studentCity_description_secondary{
        webkit-columns: 2;
        -moz-columns: 2;
        columns: 2;
    }

    #student_city_section .studentCity_description_secondary.contain{
        height: auto;
        overflow: auto;
    }

    #student_city_section .ustudentCity_show_extras,
    #student_city_section .ustudentCity_hide_extras{
        display: none;
    }

    #student_city_section .studentCity_description_secondary{
        padding-bottom:35px;
    }

    #student_city_section .studentCity_header {    
        font-size: 14px;    
        line-height: 14px;
    }
    #student_city_section .studentCity_title:before {        
        top: 16px;        
    }

    #student_city_section .studentCity_title span{        
        font-size: 34px;       
        line-height: 31.95px;
    }

    #student_city_section .studentCity_description_main{
        font-size: 20px;
        line-height: 25px;
    }
    
    .guidesWrapper {
        padding: 0 2%;
        padding-top: 32px;
        background-color: #FFF;
    }
    
    .guidesOther {
        width: 100%;
        flex-wrap: wrap;
        flex-direction: row;
        display: flex;
        display: -webkit-flex;
        -webkit-flex-direction: row;
        -webkit-flex-wrap: wrap;
        padding-bottom: 0px;
    }
    
    .featuresLine10 {
        display: none !important;
    }
}

@media (min-device-width: 1024px) {
    .headerWrapper {
        display: block;
    }

    body {
        background-color: #F4EFEB; /*lightcoral;*/
    }

    .container {
        max-width: 1140px;
        margin-left: auto;
        margin-right: auto
    }    

    .menuWrapper.menuBannerWrapper{
        height: 148px;
    }

    .mainContentWrapper.mainContentBannerWrapper {
        padding-top: 148px;
    }

    .headerWrapper .headerDetails {
        padding: 126px 4% 159px;
    }

    .headerWrapper .column.column-two img {
        height: auto;
    }

    .headerWrapper .headerLogo {
        padding-bottom: 9px;
    }

    .headerWrapper .headerTitle {
        font-size: 65px;
        padding: 12px 0px 6px 0px
    }

    .headerWrapper .newHeaderLogo {
        display: flex;
        align-items: center;
        font-family: "TimesModern-Regular";
        font-size: 20px;
        color: #fff;
        border-bottom: 1px solid #fff;
        padding: 15px 0px;
        margin-bottom: 5px;
    }

    .headerWrapper .newHeaderLogo img {
        width: 67px;
        height: 19px;
        margin-left: 10px;
        margin-top: 4px;
    }

    .headerWrapper .headerDescription {
        font-size: 20px;
        padding: 10px 0 35px;
        line-height: 25px;
    }

    /* SEARCH BAR */
    .searchWrapper {
        padding: 20px 2%;
    }

    .searchOptions,
    .searchOptions .textField {
        margin-bottom: 0px;
    }

    .searchOptions .textField {
        margin-right: 1%;
        width: 20%;
    }

    .searchOptions input {
        padding: 15px 15px 12px;
    }

    .searchOptions select {
        padding: 14px 13px 13px;
    }

    .searchOptions #subjects-text.textField {
        margin-right: 1%;
    }

    .searchOptionsClearfix {
        float: left;
    }

    .searchOptions input[type=submit] {
        width: 16%;
    }

    .searchHomepageUniversity {
        width: 20%;
        margin-right: 1%;
        float: left;
    }

    .searchHomepageUniversity .textbox {
        position: relative;
    }

    .searchHomepageUniversity .ui-autocomplete {
        left: 0 !important;
        top: 0 !important;
        position: absolute !important;
        margin-top: 40px;
        max-height: 500px;
        overflow-y: auto;
        border: 1px solid #c5c5c5;
    }

    .searchHomepageUniversity .textField {
        margin-right: 0;
    }

    .searchHomepageTown {
        width: 20%;
        float: left;
        margin-right: 1%;
    }

    .searchHomepageTown .textbox {
        position: relative;
    }

    .searchHomepageTown .ui-autocomplete {
        left: 0 !important;
        top: 0 !important;
        position: absolute !important;
        margin-top: 40px;
        max-height: 500px;
        overflow-y: auto;
    }

    .searchHomepageTown .textField {
        margin-right: 0;
    }

    input#university-text {
        width: 100%;
    }

    .searchResultsUniversity .textbox .ui-autocomplete {
        width: 213px !important;
        position: absolute !important;
        overflow: auto;
    }

    .searchHomepageUniversity .textbox .ui-autocomplete {
        width: auto !important;
        position: absolute !important;
        overflow: auto;
    }

    .searchHomepageTown .textbox .ui-autocomplete {
        width: 100% !important;
        position: absolute !important;
        overflow: auto;        
        border: 1px solid rgba(217, 217, 217, 0.4) !important;
    }

    input#town-text {
        width: 100%;
    }

    .searchOptions {
        overflow: visible;
    }

    .searchOptions #submit-btn {
        cursor: pointer;
        height: 43px;
    }

    /* END OF SEARCH BAR */
    /* HOMEPAGE FEATURES */
    .mainFeatureHeadline a {
        font-size: 45px;
        padding-top: 34px;
    }

    .mainFeatureDescription {
        font-size: 16px;
        line-height: 20px;
        padding: 0px;
    }

    .subFeature .mainFeatureHeadline a {
        font-size: 24px;
    }

    .subFeaturesFirstFour .mainFeatureDescription {
        display: block;
    }

    .featuresOther {
        padding-bottom: 10px;
    }

    .featuresOther .subFeature {
        float: left;
        flex-direction: column;
        display: flex;
        display: -webkit-flex;
        -webkit-flex-direction: column;
        border-right: 1px solid #E1E1E1;
        padding: 0 1% 0 1%;
        margin: 0;
    }

    .featuresOther .subFeature {
        width: 17%;
    }

    .featuresOther .subFeature:nth-of-type(6n+1) {
        padding-left: 0px;
        width: 16%;
    }

    .featuresOther .subFeature:nth-of-type(6n+6) {
        border: none;
        padding-right: 0px;
        width: 16%;
    }
    
    .guidesOther .subGuide:nth-of-type(6n+6) {
        border: none;
        padding-right: 0px;
    }

    .featuresOther hr.featuresLineSix {
        display: none;
    }

    .featuresOther hr.featuresLineSix:nth-child(6n+0) {
        display: block;
    }
    
    .guidesOther hr.guidesLineSix {
        display: none;
    }

    .guidesOther hr.guidesLineSix:nth-child(6n+0) {
        display: block;
    }

    .subFeatures .subFeature .mainFeatureDescription {
        font-size: 15px;
        padding-top: 0px;
    }

    .subFeatures .subFeature .mainFeatureDescription {
        display: block;
    }

    /* END OF HOMEPAGE FEATURES */
    /* FEATURES */
    .headerLeftSide {
        width: 50%;
    }

    .headerRightSide {
        width: 50%;
    }

    .headerLeftSideInner .firstRow {
        font-size: 45px;
    }

    .mainFeature .mainFeatureDescription {
        padding-left: 15%;
        padding-right: 15%;
    }

    .articleText {
        padding: 22px 0 0 0;
        width: 60%;
    }

    .articleMeta {
        width: 20%;
    }

    .articleMetaInner {
        padding: 16px 20px 0 20px;
    }

    .lineSeparator.authorSeparatorBefore {
        display: block;
        margin-top: 0px;
        margin-bottom: 5px;
    }

    .lineSeparator.createdSeparator {
        display: none;
    }

    .lineSeparator.authorSeparator {
        margin-top: 5px;
    }

    .articleMetaInner {
        padding-top: 30px;
    }

    .headerLeftSideInner {
        padding: 87px 4% 0 4%;
    }

    .articleMetaInner .author {
        margin-bottom: 10px;
    }

    .articleTextInner {
        line-height: 30px;
    }

    .headerLeftSideInner .secondRow {
        line-height: 30px;
    }

    .headerLeftSideInner .lineSeparator {
        display: none;
    }

    /* END OF FEATURES */
    /* METHODOLOGY */
    .methodology .headerLeftSide {
        padding-bottom: 80px;
    }

    /* END OF METHODOLOGY */
    /* PROFILE */
    .contact .secondRowProfileInner .secondRowContact:nth-child(8),
    .contact .secondRowProfileInner .secondRowContact:nth-child(4) {
        border-right: 0;
    }

    .contact .secondRowProfileInner .secondRowContact:nth-child(7),
    .contact .secondRowProfileInner .secondRowContact:nth-child(8) {

        border-bottom: 0;
    }

    .headerProfileTopRow .headerProfileTopRowInner {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        display: -webkit-flex;
        -webkit-flex-direction: row;
        -webkit-flex-wrap: wrap;
    }

    .headerProfileBottomRowInner {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        display: -webkit-flex;
        -webkit-flex-direction: row;
        -webkit-flex-wrap: nowrap;
    }

    .headerProfileBottomRow .headerProfileLeftSide,
    .headerProfileBottomRow .headerProfileRightSide,
    .headerProfileTopRowInner .headerProfileLeftSide,
    .headerProfileTopRowInner .headerProfileRightSide {
        width: 50%;
    }

    .headerProfileBottomRow .headerProfileRightSide {
        background-color: #F9F8F3;
    }

    .headerProfileBottomRow .headerProfileLeftSide {
        background-color: #0F4C69;
    }

    .headerProfileTopRow .firstRowProfile {
        font-size: 45px;
        padding: 32px 3% 15px 3%;
    }

    .headerProfileTopRow .secondRowProfile2Inner {
        padding: 16px 7% 0 7px;
    }

    .headerProfileTopRow .secondRowProfile3Inner {
        padding: 16px 12% 0 10%;
    }

    .headerProfileTopRow .secondRowProfile4Inner {
        padding: 16px 0 0 3%;
    }

    .contact .secondRowProfileInner .secondRowContact {
        width: 65%;
    }

    .contact .secondRowProfileInner .secondRowContact.label {
        width: 35%;
    }

    .contact .secondRowProfileInner .secondRowContact:nth-child(5).label,
    .contact .secondRowProfileInner .secondRowContact:nth-child(9).label {
        padding-left: 0;
    }

    .contact .secondRowProfileInner .secondRowContact:nth-child(8) .secondRowContactInner,
    .contact .secondRowProfileInner .secondRowContact:nth-child(4) .secondRowContactInner {
        border-right: 0;
    }

    .contact .secondRowProfileInner .secondRowContact:nth-child(7) .secondRowContactInner,
    .contact .secondRowProfileInner .secondRowContact:nth-child(8) .secondRowContactInner {
        border-bottom: 0;
    }

    .universityProfileContentInner {
        padding-top: 8px;
    }

    .universityProfileQuote {
        width: 300px;
        float: left;
        margin-left: -100px;
        display: block;
        padding: 20px;
    }

    .universityProfileQuoteInner {
        background-color: #F9F8F3;
        display: flex;
        flex-direction: column;
        display: -webkit-flex;
        -webkit-flex-direction: column;
    }

    .universityProfileQuoteHeader {
        font-family: "GillSansMTStd-Medium";
        -webkit-font-smoothing: antialiased !important;
        font-size: 14px;
        letter-spacing: 0;
        color: #EF5C43;
        margin: 3px 20px 2px 20px;
        text-transform: uppercase;
    }

    .universityProfileQuoteTitle {
        font-family: "TimesModern-Regular";
        -webkit-font-smoothing: antialiased !important;
        font-size: 24px;
        letter-spacing: 0;
        color: #000;
        border-top: 1px solid #E1E1E1;
        margin: 0 20px;
        padding-top: 4px;
    }

    .universityProfileQuoteLink {
        margin-bottom: 5px;
    }

    .universityProfileQuoteLink a,
    .universityProfileQuoteLink a:hover,
    .universityProfileQuoteLink a:visited,
    .universityProfileQuoteLink a:active {
        font-family: "GillSansMTStd-Medium";
        -webkit-font-smoothing: antialiased !important;
        font-size: 14px;
        letter-spacing: 0;
        color: #EF5C43;
        margin: 0 20px 20px 20px;
        text-decoration: underline;
    }

    .universityStatisticsTablesSeparator {
        display: none;
    }

    .universityStatisticsTablesTableRow {
        width: 663px;
        margin: 0 auto;
    }

    .universityStatisticsTableTitleInner {
        margin: 0px 0 9px 0;
    }

    .universityStatisticsTablesTableRowTitle {
        margin: 0 0 0 20px;
        border-top: 4px solid #0F4C69;
        padding: 0;
        width: 881px;
    }

    .universityStatisticsTablesTableRowTitle > div {
        padding: 10px 0;
    }

    .universityStatisticsTablesTitle {
        display: none;
    }

    .universityStatisticsTableTitleInner {
        display: none;
    }

    .universityStatisticsTableTitleInnerDesktop {
        display: flex;
        display: -webkit-flex;
        width: 198px;
        background-color: #FFF;
    }

    .universityStatisticsTableTitleInnerDesktop .arrowAccordion {
        display: none;
    }

    .universityStatisticsTablesTableColumn1 {
        padding-left: 0;
    }

    .universityStatisticsTablesTableRowTitle > div.universityStatisticsTablesTableColumn1Title {
        padding-left: 20px;
        width: 358px;
    }

    .performance .universityStatisticsTablesTableColumn2 {
        padding-right: 10px;
    }

    div.universityStatisticsTablesTableColumn2Title {
        padding: 10px 10px 10px 0;
    }

    .universityStatisticsTablesTableRow.performance {
        border-top: none;
    }

    .universityStatisticsTableTitle {
        margin-left: 20px;
    }

    .universityStatisticsTableTitle.performance {
        display: none;
    }

    .universityStatisticsTableTitle .universityStatisticsTableTitleInner {
        display: block;
        position: absolute;
        width: 17.5%;
        padding-top: 5px;
        padding-right: 20px;
    }

    .universityStatisticsTableTitle.studentSatisfaction .universityStatisticsTableTitleInner {
        width: 250px;
    }

    .universityStatisticsTableTitle.studentSatisfaction .universityStatisticsTableTitleInner span {
        word-break: normal;
        width: 200px;
    }

    .universityStatisticsTableTitleInner .arrowAccordion {
        display: none;
    }

    .universityStatisticsTablesTable {
        padding-bottom: 45px;
    }

    .universityStatisticsTablesTableRow:nth-last-child(1) {
        margin-bottom: 0px;
    }

    .performance .universityStatisticsTablesTableColumnScore {
        padding-right: 0px;
    }

    .universityStatisticsTablesTableColumn1Extra {
        width: 239px;
    }

    .accommodation .universityStatisticsTablesTableColumn2 {
        padding-left: 0px;
    }

    .universityStatisticsTablesTableRow:first-child {
        border-top: 4px solid #0F4C69;
    }

    .feesFinanceWebsite .universityStatisticsTablesTableColumn2 {
        padding-left: 0px;
    }

    .sport .universityStatisticsTablesTableColumn2 {
        padding-left: 0px;
    }

    .sportSportPts .universityStatisticsTablesTableColumn2 {
        text-align: right;
    }

    .universityStatisticsTablesTableRow:nth-last-child(1) {
        padding-bottom: 7px;
    }

    .universityStudentView {
        margin-left: 20px;
        margin-right: 20px;
        background-color: #0F4C69;
        margin-bottom: 45px;
        padding-bottom: 15px;
    }

    .universityStudentViewInner {
        margin: 0 auto;
        width: 663px;
    }

    .universityStudentViewHeader1 {
        width: 663px;
    }

    .universityStudentViewHeader2 {
        padding-top: 3px;
    }

    .accommodationAccommWeb .universityStatisticsTablesTableColumn2,
    .sportSportWebsite .universityStatisticsTablesTableColumn2,
    .feesFinanceWebsite .universityStatisticsTablesTableColumn2 {
        text-align: left;
        width: 100%;
    }

    .performance .universityStatisticsTableTitleInnerDesktop {
        width: 23%;
    }

    .universityStatisticsTablesTableRow {
        margin: 0 auto;
        width: 663px;
    }

    .headerProfileTopRow .secondRowProfile2Inner .rankOrdinalIndicator,
    .headerProfileTopRow .secondRowProfile3Inner .number,
    .headerProfileTopRow .secondRowProfile4Inner .percent {
        font-size: 40px;
    }

    .headerProfileTopRow .secondRowProfile1Inner .number span {
        font-size: 160px;
    }

    .universityStudentViewSpeechMark {
        background-position: 50% 45px;
        padding-top: 37px;
    }

    .headerProfileBottomRowInner .headerProfileLeftSide {
        display: flex;
        flex-direction: column;
        display: -webkit-flex;
        -webkit-flex-direction: column;
    }

    .secondRowProfile3 {
        width: 25%;
    }

    .headerProfileTopRow .secondRowProfile1 .number {
        text-align: right;
    }

    .headerProfileTopRowInner .headerProfileLeftSide {
        display: flex;
        flex-direction: column-reverse;
        display: -webkit-flex;
        -webkit-flex-direction: column-reverse;
    }

    .headerProfileTopRowInner .headerProfileLeftSide .headerProfileLeftSideInner {
        width: 100%;
    }

    .headerProfileTopRow .secondRowProfile1Inner {
        padding: 0;
    }

    .headerProfileTopRow .secondRowProfileInner {
        padding-bottom: 12px;
    }

    .headerProfileTopRow .secondRowProfile {
        margin-bottom: 0px;
    }

    /* END OF PROFILE */
    /* HOMEPAGE TABLES */
    .tablesorter tbody tr {
        height: 40px;
    }

    .tablesorter tbody tr td {
        font-family: "GillSansMTStd-Medium";
        -webkit-font-smoothing: antialiased !important;
        letter-spacing: 0;
        font-size: 14px;
    }

    .tablesorter thead th {
        font-size: 10px;
        border-right: 1px solid #FFF;
    }

    .mobileArrows img {
        cursor: pointer;
        padding-top: 0;
        padding-bottom: 0;
        padding-right: 0;
        padding-left: 0;
    }

    .homepageTableTitleInner {
        padding: 19px 0 19px 2%;
    }
    
    .guidesTitleInner {
        padding: 19px 0 19px 2%;
    }

    .homepageTableTitle,
    .tablesorter {
        background-color: #FFF;
    }

    .homepageTableFooter {
        font-size: 14px;
        line-height: 22px;
    }

    .tablesorter tbody tr td:nth-child(2),
    .tablesorter thead tr th:nth-child(2) {
        padding-left: 1%;
    }

    /* END OF HOMEPAGE TABLES */
    /* BEFORE TABLE SECTION*/
    .beforeTableInner {
        display: flex;
        flex-direction: row;
        display: -webkit-flex;
        -webkit-flex-direction: row;
        padding-left: 2%;
        padding-right: 2%;
        height: 182px;
    }

    .beforeTableInner .beforeTableContentLeft {
        margin-top: 27px;
    }

    .beforeTableInner .beforeTableContentLeft .beforeTableContentLeftLogoWrapper {
        width: 277px;
    }

    .beforeTableInner .beforeTableContentLeft .beforeTableContentLeftHeadline {
        font-size: 45px;
    }

    .beforeTableInner .beforeTableContentRight .beforeTableContentRightText {
        padding-top: 27px;
        padding-left: 4%;
        font-size: 20px;
        line-height: 25px;
        padding-bottom: 0;
    }

    /* END OF BEFORE TABLE SECTION */
    /* TABLE SEARCH SECTION */
    .tableSearchInner {
        margin-left: 0;
        margin-right: 0;
        margin-top: 0;
        margin-bottom: 0;
        padding-right: 2%;
        padding-top: 28px;
        padding-bottom: 17px;
        background-color: #e2f0f3;
    }

    .tableSearchInner .tableSearchHeared {
        margin-bottom: 15px;
        margin-left: 2%;
    }

    .tableSearchInner .tableSearchWrapper {
        display: block;
    }

    .tableSearchInner .tableSearchWrapper .dropdown {
        /*width: 17.68%;*/
        width: 31%;
        margin-bottom: 7px;
        display: inline-block;
        margin-left: 2%;
    }

    .customDropdown {
        /*width: 200px !important;*/
        background-image: none;
        background-color: #FFFFFF;
        color: #656565;
        font-size: 14px;
        font-family: "GillSansMTStd-Medium";
        -webkit-font-smoothing: antialiased !important;
        padding: 14px 13px 13px 0px;
        margin: 0;
        margin-right: 1%;
        /* height: 42px; */
        border: none;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        height: 16px;
    }

    .customDropdown:hover,
    .customDropdown:focus{
        border: none;
    }

    .customDropdown .ui-icon, .customDropdown:hover .ui-icon, .customDropdown:focus .ui-icon {
        background-image: url("../css/icons/chevron.png");
        background-position: 0 4px;
        background-size: 12.5px 7px;
        margin-top: 0 !important;
    }

    .customDropdown .ui-selectmenu-text {
        padding-top: 0em !important;
        padding-left: 10px;
    }

    .ui-selectmenu-menu {
        overflow: hidden !important;
        width: 321px;
        background: #FFFFFF;
        border: 1px solid rgba(151,151,151,0.20);
        box-shadow: 0 3px 6px 0 rgba(0,0,0,0.10);
    }

    .ui-selectmenu-menu ul {
        border: none;
        font-size: 12px;
        max-height: 320px;
        overflow-y: scroll;
        padding-right: 20px;
        width: 100%;
        padding-left: 11px;
    }

    /*.ui-selectmenu-menu::after {
        height: 20px;
        display: block;
        width: 100%;
        background-color: gray;
        content: ' ';
    }*/

    .ui-selectmenu-menu ul li.ui-menu-item {
        padding: 10px 10px;
        width: auto;
        font-family: 'GillSansMTStd-Medium';
        letter-spacing: 0;
        font-size: 15px;
        /*border-bottom: 1px solid rgba(217, 217, 217, 0.4);*/
        padding-left: 10px;
        margin-left: -10px;
        padding-right: 30px;
        white-space: nowrap;
        color: black;
    }

    .ui-selectmenu-menu ul li.ui-menu-item::after {
        content: "";
        display: block;
        height: 1px;
        width: 100%;
        padding-left: 10px;
        background: rgba(217, 217, 217, 0.4);
        margin-top: 6px;
        margin-bottom: -6px;
    }

    .ui-selectmenu-menu ul li.ui-menu-item:last-child::after {
        display: none;
    }

    .ui-selectmenu-menu ul li.ui-menu-item:hover, .ui-selectmenu-menu ul .ui-state-active{
        background-color: rgba(15,76,105,1);
        color: white;
    }

    .ui-selectmenu-menu .ui-state-disabled {
        display: none;
    }

    .ui-selectmenu-menu ul li.ui-menu-item:hover::after, .ui-selectmenu-menu ul .ui-state-active::after {
        background-color: rgba(15,76,105,1) !important;
    }

    .tableSearchInner .tableSearchWrapper select {
        background-color: #fff;
        color: #000000;
        font-size: 15px;
        font-family: "GillSansMTStd-Medium";
        -webkit-font-smoothing: antialiased !important;
        width: 100%;
        height: 39px;
        padding: 10px 15px 10px;
        background-image: url("../css/icons/chevron.png");
        background-repeat: no-repeat;
        background-position: 95% 50%;
        background-size: 5%;
        line-height: 15px;
    }   

    .searchResultsFiltersInner .ui-menu .ui-menu-item, 
    .searchOptionsHomepage .ui-menu .ui-menu-item,
    .searchOptionsHomepage .searchHomepageTown .ui-menu .ui-menu-item{
        padding: 0;
        font-size: 15px;
        border-bottom: 1px solid rgba(217, 217, 217, 0.4) !important;
    }

    .searchResultsFiltersInner .ui-menu .ui-menu-item-wrapper,
    .searchResultsFiltersInner .ui-menu .ui-menu-item-wrapper.ui-state-active,
    .searchOptionsHomepage .ui-menu .ui-menu-item-wrapper,
    .searchOptionsHomepage .ui-menu .ui-menu-item-wrapper.ui-state-active{
        position: relative;
        padding: 10px .4em 10px .4em;
    }

    .searchResultsFiltersInner .ui-menu .ui-menu-item-wrapper.ui-state-active,   
    .searchOptionsHomepage .ui-menu .ui-menu-item-wrapper.ui-state-active{
        background-color: rgba(15,76,105,1);
        color: white;
        width: 100%;
    }


    /* END OF TABLE SEARCH SECTION */
    /* SEARCH RESULTS */
    .searchResultsBottomMap {
        width: 60%;
    }

    .searchResultsBottomTable,
    .search-page #footer .devBy {
        width: 40%;
    }

    .searchResultsBottomTable {
        overflow-y: hidden;
        overflow-x: hidden;
    }

    .searchResultsUniversity,
    .searchResultsSubject,
    .searchResultsPostcode,
    .searchResultsTown {
        width: 214px;
        padding: 0;
    }

    .searchButtonWrapper,
    #search-btn {
        width: 167px;
        height: 40px;
    }

    .searchResultsHeaderInner {
        padding: 25px 2% 0 2%;
    }

    .searchResultsFiltersInner {
        padding: 5px 2%;
    }

    .searchResultsFiltersInner {
        justify-content: space-between;
    }

    .searchResultsTown .textbox .ui-autocomplete {
        width: 214px;
    }

    .searchResultsSubject .dropdown select option {
        width: 214px;
    }

    /* END OF SEARCH RESULTS */
    /* BANNER */
    .topBanner {
        display: block;
    }

    .topBannerInner {
        width: 728px;
        height: 90px;
        margin: 10px auto;
    }

    .topBannerInner a {
        display: block;
    }

    .topBannerInner iframe {
        width: 754px;
        height: 106px;
    }

    /* END OF BANNER */

    #student_city_section {
        margin-left: 20px;
        margin-right: 20px;   
    }

    #student_city_section .universityStudentCityInner {
        margin: 0 auto;
        width: 663px;
    }

    #student_city_section .studentCity_description_secondary.contain{
        height: auto;
        overflow: auto;
    }

    #student_city_section .ustudentCity_show_extras,
    #student_city_section .ustudentCity_hide_extras{
        display: none;
    }

    #student_city_section .studentCity_description_secondary{
        padding-bottom:35px;
    }
    
    .guidesOther {
        padding-bottom: 10px;
    }

    .guidesOther .subGuide:nth-of-type(6n+6) {
        border: none;
        padding-right: 0px;
    }
}

@media (min-device-width: 1024px)  {
    .universityStatisticsTableTitle.studentSatisfaction .universityStatisticsTableTitleInner span {
        word-break: normal;
        width: 170px;
    }
}

/* TABLET LANDSCAPE */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    .universityStatisticsTableTitle.studentSatisfaction .universityStatisticsTableTitleInner {
        width: auto;
    }

    .performance .universityStatisticsTableTitleInnerDesktop {
        width: 16%;
    }
}

@media (max-device-width: 1024px)  {
    .universityStatisticsTableTitle.studentSatisfaction .universityStatisticsTableTitleInner span {
        word-break: normal;
        display: block;
    }
    .universityStatisticsTableTitle.studentSatisfaction .universityStatisticsTableTitleInner span.arrowAccordion {
        width: 10px;
    }
}

.secondRow.feature-sub-header-text {
    text-transform: uppercase;
    font-size: 13px;
    font-family: "GillSansMTStd-Medium";
    -webkit-font-smoothing: antialiased !important;
    padding-bottom: 0px;
}

a.feature-university-link {
    font-size: 45px;
    font-family: "TimesModern-Bold";
    -webkit-font-smoothing: antialiased !important;
    text-decoration: none;
    color: #FFF;
    color: #FFF;
    border-bottom: solid 1px;
    margin-bottom: 10px;
}

.features-page p {
    margin-bottom: 10px;
}

/*university profile - ranking */
.headerProfileLeftSide {
    padding-bottom: 5px;
}

.secondRowProfile-new {
    width: 94%;
    margin: auto;
    border-top: 1px solid rgba(255, 255, 255, 0.4);
    font-family: "TimesModern-Bold";
    -webkit-font-smoothing: antialiased !important;
    font-size: 0;
}

.secondRowProfile-new .secondRowProfile--keyElements {
    display: inline-block;
    *display: inline;
    color: #FFFFFF;
    vertical-align: top;
    font-size: 0;
    zoom: 1;
    margin: 0px;
    outline: none;
}

.secondRowProfile--keyElements_group {
    display: block;
    overflow: hidden;
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}

.secondRowProfile-new .secondRowProfile--keyElements div {
    display: block;
}

.secondRowProfile--keyElements_main-value {
    letter-spacing: -4.5px;
    line-height: 80px;
}

.secondRowProfile--keyElements_value {
    letter-spacing: 0px;
}

.secondRowProfile--keyElements_label {
    color: #FACEC6;
    letter-spacing: 0.5px;
    font-size: 10px;
    font-family: "GillSansMTStd-Medium";
}

.secondRowProfile--keyElements_second {
    border-left: 1px solid rgba(255, 255, 255, 0.4);
    border-right: 1px solid rgba(255, 255, 255, 0.4);
}

/*rank1*/
.rankWidth1 .secondRowProfile--keyElements_main-value {
    font-size: 110px;
}

.rankWidth1 .secondRowProfile--keyElements_value {
    font-size: 30px;
}

.rankWidth1 .secondRowProfile--keyElements {
    padding: 6px 9px 11px;
}

/*rank2*/
.rankWidth2 .secondRowProfile--keyElements_main-value {
    font-size: 93px;
}

.rankWidth2 .secondRowProfile--keyElements_value {
    font-size: 25px;
}

.rankWidth2 .secondRowProfile--keyElements {
    padding: 6px 5px 11px;
}

/*rank3*/
.rankWidth3 .secondRowProfile--keyElements_main-value {
    font-size: 80px;
}

.rankWidth3 .secondRowProfile--keyElements_value {
    font-size: 21px;
}

.rankWidth3 .secondRowProfile--keyElements {
    padding: 6px 4px 11px;
}

.secondRowProfile--keyElements.secondRowProfile--keyElements_first {
    display: block;
    float: left;
    padding: 6px 5px 0 0;
}

@media (min-device-width: 768px) {
    .headerProfileLeftSide {
        padding-bottom: 15px;
    }

    .secondRowProfile--keyElements_main-value {
        letter-spacing: -7.4px;
        line-height: 125px;
    }

    .secondRowProfile--keyElements_label {
        font-size: 15px;
        letter-spacing: 1.9px;
        line-height: 14px;
    }

    .rankWidth1 .secondRowProfile--keyElements_main-value {
        font-size: 180px;
    }

    .rankWidth1 .secondRowProfile--keyElements_value {
        font-size: 55px;
    }

    /*rank2*/
    .rankWidth2 .secondRowProfile--keyElements_main-value {
        font-size: 180px;
    }

    .rankWidth2 .secondRowProfile--keyElements_value {
        font-size: 55px;
    }

    /*rank3*/
    .rankWidth3 .secondRowProfile--keyElements_main-value {
        font-size: 180px;
    }

    .rankWidth3 .secondRowProfile--keyElements_value {
        font-size: 55px;
    }

    .secondRowProfile--keyElements {
        padding: 16px 1.5% 12px;
    }

    .secondRowProfile--keyElements.secondRowProfile--keyElements_first {
        padding: 16px 1.5% 0;
    }
    .searchOptionsHomepage span#subjects-text-button{
        width: calc(49% - 2px) !important;
        margin-right: 0;
    }  
}

@media (min-device-width: 1024px) {
    .secondRowProfile--keyElements {
        padding: 16px 1.5% 8px;
    }

    .rankWidth1 .secondRowProfile--keyElements_value {
        font-size: 50px;
    }

    .rankWidth2 .secondRowProfile--keyElements_value {
        font-size: 48px;
    }

    /*rank3*/
    .rankWidth3 .secondRowProfile--keyElements_main-value {
        font-size: 157px;
    }

    .rankWidth3 .secondRowProfile--keyElements_value {
        font-size: 40px;
    }

    .secondRowProfile--keyElements.secondRowProfile--keyElements_first {
        padding-left: 0;
    }

    .searchResultsFilters .textbox ul.ui-autocomplete .ui-corner-all.ui-state-hover {
        background-color: #FFEDEA;
        cursor: pointer;
    }

    .searchResultsFilters .textbox ul.ui-autocomplete .ui-corner-all.ui-state-focus {
        background-color: #FFEDEA;
    }
    .ui-selectmenu-menu {        
        /*width: 210px !important;*/
    }
    .searchOptionsHomepage span#subjects-text-button {
        width: 18% !important;
        margin-right: 1%;
    }
    .customDropdown .ui-icon, .customDropdown:hover .ui-icon, .customDropdown:focus .ui-icon{
        margin-right: 0px;
    }
}

/* keep at the bottom */
.secondRowProfile--keyElements.secondRowProfile--keyElements_first_add {
    padding-left: 0;
}

.secondRowProfile--keyElements.secondRowProfile--keyElements_third {
    padding-right: 0;
}

/* keep at the bottom*/
/*end of university profile rank*/

.mobile-column .mobileContentItem.mobileContentItem-2:after {
    background-image: url("../css/icons/chevron.png");
    background-repeat: no-repeat;
    background-size: 16px 10px;
    display: inline-block;
    width: 16px;
    height: 10px;
    float: right;
    margin-right: 10px;
    content: "";
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}

.mobile-column.open .mobileContentItem.mobileContentItem-2:after {
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.ui-menu .ui-state-active {
    color: black;
}

/* Fix for student cities teaser box */
@media only screen 
and (min-device-width: 1024px) 
and (max-device-width: 1366px) 
and (orientation: portrait) 
and (-webkit-min-device-pixel-ratio: 1.5) {

    .universityProfileQuote {
        margin-left: -100px;
    }
}

@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: landscape) {
    .container{
        max-width: 100%;
    }  
    #dropdownSubject-menu{
        /*width: 305px !important;*/
    }
}

@media screen and (max-width: 767px) {
    .search-page #footer .devBy {
        width: 100%;
    }
}

.showMoreLessButtonGuide {
    border: 2px solid #000;
    box-shadow: none;
    margin: 0;
    width: 25%;
    height: 40px;
    background-color: #FFF;
    color: #000;
    font-size: 13.9px;
    font-family: "TimesDigitalW04-RegularSC";
    font-smoothing: antialiased !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    line-height: 18px;
}

.showMoreLessButtonContainerGuide {
    width: 100%;
    text-align: center;
    margin: 20px 0;
}

.showLessContainerGuide {
    display: none;
    padding-bottom: 20px;
}

.showMoreContainerGuide {
    padding-bottom: 20px;
}

.guidesOther {
    flex-direction: row;
    flex-wrap: wrap;
    display: -webkit-flex;
    -webkit-flex-direction: row;
    -webkit-flex-wrap: wrap;
    padding-bottom: 0px;
    display: none;
}

.guidesTitle {
    border-top: 2px solid #e2f0f3;
}

.guidesTitleInner {
    font-size: 30px;
    font-family: "TimesModern-Bold";
    -webkit-font-smoothing: antialiased !important;
    color: #000;
    letter-spacing: 0;
    width: 94%;
    padding: 15px 3% 15px 3%;
    text-align: center;
    margin-top: 15px;
}

.subGuide {
    text-align: center;
    flex-direction: column;
    display: flex;
    display: -webkit-flex;
    -webkit-flex-direction: column;
    border-right: 1px solid #E1E1E1;
    margin: 0;
    width: 31.2%;
}

.subGuide.thirdBlockColumn0,
.subGuidesFirstThreeInner div:nth-child(5){
    border: none !important;
}

.guidesLineSix {
    display: none !important;
}

.mainGuidesDescription {
    color: #999;
    font-family: "TimesModern-Regular";
    -webkit-font-smoothing: antialiased !important;
    font-size: 15px;
    text-align: center;
    margin-bottom: 20px;
}

@media (max-width: 440px) {
    .subGuide {
        width: 100%;
    }
    .showMoreLessButton,
    .showMoreLessButtonGuide {
        width: 50%;
    }
    .guidesOther .subGuide {
        width: 50%;
        margin-top: 10px;
        border-right: none;
    }
    .subGuidesFirstThreeInner .subGuide {
        border-right: none;
        border-bottom: 1px solid #E1E1E1;
        margin-top: 10px;
    }
    
    .guidesLineSix {
        display: block !important;
    }
    
    hr.odd {
        display: none !important;
    }
    
    .guidesOther .subGuide.even {
        border-right: 1px solid #E1E1E1 !important;
        box-sizing: border-box;
        margin-bottom: 3%;
    }
    
    .guidesOther .even .subGuideInner {
        padding: 0 3% 0 5.5%;
    }
    
    .guidesOther .odd .subGuideInner {
        padding: 0 6% 0 3%;
    }
    
    .subGuidesFirstThree {
        margin-left: 2.5%;
        margin-right: 2.5%;
    }
}

@media (min-device-width: 768px) {
    .guidesOther .subGuide:nth-of-type(6n+1) {
        padding-left: 1%;
    }
    .guidesOther .subGuide {
        float: left;
        display: -webkit-flex;
        padding: 0 1% 0 1%;
        margin: 0;
        border-right: 1px solid #E1E1E1;
    }
}

.showMoreLessButtonGuide {
    cursor: pointer;
}

@media (min-device-width: 1024px) {
    .subGuidesFirstThreeInner hr.guidesLineFull {
        margin-bottom: -10px;
    }
}

@media (device-width: 768px) {
    #dropdownSubject-menu{
        width: 230px !important;
    }
}

#menuList .menuShort {
  display: none;
}
@media (max-width: 768px) {
  #menuList .menuLong {
    display: none;
  }
  #menuList .menuShort {
    display: block;
  }
  .headerWrapper .newHeaderLogo {
    display: flex;
    align-items: center;
    font-family: "TimesModern-Regular";
    font-size: 20px;
    color: #fff;
    border-bottom: 1px solid #fff;
    padding: 15px 0px;
    margin-bottom: 5px;
    }
    .headerWrapper .newHeaderLogo img {
        width: 67px;
        height: 19px;
        margin-left: 10px;
        margin-top: 4px;
    }
}