/*===============less=====================*/
/*mixin*/
.boxsize {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
/*=========fonts================*/
ul {
  margin: 0 0 0.5em;
  padding: 0;
}
li {
  font-size: 1.1875em;
  margin: 0 0 5px 20px;
  padding: 0;
  line-height: 1.5;
}
input,
select {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -webkit-border-radius: 0;
  border-radius: 0;
}
h1 {
  font-weight: 600;
  font-size: 2.5em;
  margin: 0;
  padding: 0;
  font-family: "myriad-pro", sans-serif;
}
h2 {
  font-family: "myriad-pro", sans-serif;
}
h3 {
  font-weight: 600;
  font-size: 2.5em;
  margin: 0;
  padding: 0;
  line-height: 1.1;
  font-family: "myriad-pro", sans-serif;
}
h3 + h4,
h3 + img,
p + h4,
ul + h4,
img + h4,
.page_img_right + h4,
h3 + div {
  margin-top: 1em;
}
h3 + div.flash_holder {
  margin-top: 1em !important;
}
h4 {
  font-weight: 600;
  font-size: 1.625em;
  margin: 0 0 10px;
  padding: 0;
  color: #333333;
  line-height: 1.1;
}
p strong,
li strong {
  font-weight: 400;
}
h4 strong {
  font-weight: inherit;
}
body {
  font-family: "Myriad Pro", "Trebuchet MS", Verdana, Arial, sans-serif;
  background: #ededed;
  font-weight: 300;
  padding: 0;
}
.offscreen {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
a,
a:active,
a:hover {
  color: #362778;
}
.right {
  float: right;
}
a.btn.apply {
  background: #362778;
  color: #fff;
  padding: 10px 20px;
  font-weight: 600;
  text-decoration: none;
  font-size: 1.5em;
  margin: 20px 0;
  display: block;
  width: 200px;
  text-align: center;
}
a.btn.apply:hover {
  background: #47349e;
}
.more {
  color: #666666;
  padding: 0 0 0 0;
  font-size: 1.125em;
  text-decoration: underline;
}
.back_btn {
  color: #666;
  padding: 8px 20px 8px 30px;
  text-decoration: none;
  margin-top: 5px;
  background: #ededed url(../images/back-arrow.png) no-repeat 10px 15px;
  font-size: 1.125em;
}
.back_btn:hover {
  color: #666;
  background: #e0e0e0 url(../images/back-arrow.png) no-repeat 10px 15px;
}
#announce {
  padding: 10px 10px 10px 60px;
  font-size: 1.125em;
  color: #000;
  background: #fae42d url(../images/alert.png) no-repeat 10px 7px;
  font-weight: 600;
}
img {
  width: 100%;
}
#container {
  max-width: 1400px;
  margin: 0 auto;
  background: #fff;
  position: relative;
}
#top_section {
  margin: 0 15px;
}
#logo {
  float: left;
  width: 31.62393162%;
  margin: 25px 0 0;
}
#logo h1 a {
  background: url("/images/hereford-sixth-form-college-logo.png") no-repeat left top;
  display: block;
  height: 130px;
  text-indent: -999em;
  width: 370px;
}
#navigation {
  float: right;
  width: 56.41025641%;
  margin: 0 -15px 0 11.96581197%;
}
#sml_screen_nav {
  display: none;
}
#top_nav #search {
  background: #ededed;
  border: none;
  width: 57.57575758%;
  float: left;
  height: 50px;
  margin: 0;
  padding: 10px;
  color: #362778;
  font-size: 1em;
  font-weight: 100;
  font-family: "Myriad Pro", "Trebuchet MS", Verdana, Arial, sans-serif;
}
#top_nav #search_btn {
  background: #ededed url(../images/search-icon.png) no-repeat center;
  border: none;
  width: 7.57575758%;
  float: left;
  height: 50px;
  text-indent: -9999em;
  font-family: "Myriad Pro", "Trebuchet MS", Verdana, Arial, sans-serif;
}
#top_nav #contact {
  background: #9e90db url(../images/contact-icon.png) no-repeat center right;
  border: none;
  width: 34.84848485%;
  float: left;
  line-height: 50px;
  display: block;
  padding: 0 10px;
  text-decoration: none;
  color: #ffffff;
  font-size: 1em;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
#subsiduary ul {
  margin: 15px 0;
  padding: 0;
  text-transform: capitalize;
}
#subsiduary ul li {
  margin: 0;
  padding: 0;
  width: 31.81818182%;
  float: left;
  font-size: 1em;
  font-weight: 300;
}
#subsiduary ul li#hide_nav_item {
  display: none;
}
#subsiduary ul li a {
  display: block;
  padding: 7px 0 7px 10px;
  margin: 0;
  text-decoration: none;
  color: #999;
  background: url(/images/subsiduary-arrow.png) no-repeat 0 14px;
}
#main_nav {
  width: 100%;
  font-family: "myriad-pro", sans-serif;
  font-weight: 300;
  /*li.selected a.drop{
		background:@purple url(../images/nav-arrow.png) no-repeat center right;
	}*/
}
#main_nav ul {
  margin: 0;
  padding: 0;
  text-transform: capitalize;
  background: #000000;
}
#main_nav li {
  margin: 0;
  padding: 0;
  float: left;
  width: 20%;
  text-align: left;
  text-transform: normal;
  font-size: 1.5em;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
#main_nav li a {
  background: #000000;
  padding: 15px;
  display: block;
  color: #ffffff;
  text-decoration: none;
  border-right: 1px solid #fff;
  border-top: 1px solid #fff;
}
#main_nav li:last-child a {
  border-right: none;
}
#main_nav li a.drop,
#main_nav li.selected a.drop {
  background: #000000 url(../images/nav-arrow.png) no-repeat center right;
}
#main_nav li a:hover,
#main_nav li.selected:hover a {
  background: #362778;
}
#main_nav li.selected a {
  background: #000000;
}
#main_nav li a.drop:hover {
  background: #362778 url(../images/nav-arrow.png) no-repeat center right;
}
#main_nav li a.drop.hover {
  background: #362778 url(../images/nav-arrow.png) no-repeat center right;
}
body#home #main_nav ul,
body#home #main_nav li a {
  background: #362778;
}
body#home #main_nav li a.drop {
  background: #362778 url(../images/nav-arrow.png) no-repeat center right;
}
body#home #main_nav li a:hover {
  background: #000000;
}
body#home #main_nav li a.drop:hover {
  background: #000000 url(../images/nav-arrow.png) no-repeat center right;
}
body#home #main_nav li a.drop.hover {
  background: #000000 url(../images/nav-arrow.png) no-repeat center right;
}
.drop_nav {
  position: relative;
  margin: 0;
  padding: 0;
}
.dd {
  width: 100%;
  background: #d8d6f2;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999;
  border-top: 5px solid #332a85;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.dd ul {
  margin: 0;
  padding: 0;
  width: 100%;
  float: left;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.dd li {
  padding: 0;
  margin: 0;
  float: left;
  font-size: 1em;
  width: 33.33333333333333%;
  font-weight: 400;
}
.dd li a {
  padding: 15px 15px 15px 30px;
  margin: 0;
  display: block;
  text-decoration: none;
  color: #332a85;
  background: url(/images/dd-arrow-purple.png) no-repeat 0 10px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border-bottom: 1px solid #e7e5f7;
  border-right: 1px solid #e7e5f7;
  line-height: 1.3;
  width: 100%;
}
.dd li:nth-child(3n) a {
  border-right: 0;
}
.dd li a:hover {
  background: #c6c2ec url(/images/dd-arrow-purple.png) no-repeat 0 10px;
}
.dd li.selected a {
  background: #c6c2ec url(/images/dd-arrow-purple.png) no-repeat 0 10px;
}
#home .dd {
  width: 100%;
  background: #ddd;
  border-top: 5px solid #000;
}
#home .dd li a {
  border-bottom: 1px solid #f2f2f2;
  border-right: 1px solid #f2f2f2;
  color: #333;
  background: url(/images/dd-arrow-black.png) no-repeat 0 10px;
}
#home .dd li:nth-child(3n) a {
  border-right: 0;
}
#home .dd li a:hover {
  background: #bfbfbf url(/images/dd-arrow-black.png) no-repeat 0 10px;
}
#page_title {
  position: relative;
}
#page_title h2 {
  font-size: 3em;
  color: #ffffff;
  background: #362778;
  padding: 8px 20px;
  position: absolute;
  top: 32%;
  left: 6.02083333%;
  font-weight: 600;
  text-transform: capitalize;
}
#find_course_btn {
  background: #ededed url(../images/find-arrow.png) no-repeat center right;
  color: #362778;
  padding: 15px 0 15px 2%;
  font-size: 1.5em;
  position: absolute;
  bottom: 0;
  right: 0;
  font-weight: 600;
  text-decoration: none;
  z-index: 20;
  width: 23%;
}
#find_course_btn.down {
  background: #ededed url(../images/find-arrow-down.png) no-repeat center right;
}
.wrapper {
  margin: 30px 7.08333333%;
}
.wrapper.no_top_padding {
  margin-top: 0;
}
.wrapper.no_bottom_padding {
  margin-bottom: 0;
}
.wrapper.eventwrap {
  margin-top: 30px;
}
.course_search_wrapper {
  margin: 0 7.08333333%;
}
.wrapper_15 {
  margin: 40px 1.25%;
}
.wrapper_15.eventwrap {
  margin-bottom: 0;
}
#secondary,
#calendar_rhs,
#why_choose_rhs {
  float: left;
  width: 29.12621359%;
  margin: 0 2.91262136% 0 0;
  font-size: 1.3125em;
  font-weight: 300;
  letter-spacing: normal;
}
#secondary .block_btn,
#calendar_rhs .block_btn,
#why_choose_rhs .block_btn {
  font-size: 1.125em;
}
#secondary ul {
  margin: 5px 0 0;
  padding: 0;
}
#secondary li {
  margin: 0;
  padding: 0;
  float: left;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-weight: 400;
  font-size: 0.875em;
}
#secondary li#selected a {
  background: #362778;
  color: #ffffff;
}
#secondary li a {
  margin: 0 0 1px 0;
  padding: 10px;
  display: block;
  text-decoration: none;
  background: #ededed;
  color: #666666;
}
#secondary li a:hover {
  -webkit-transition: all 1s linear;
  -moz-transition: all 1s linear;
  -o-transition: all 1s linear;
  -ms-transition: all 1s linear;
  transition: all 1s linear;
  background: #bababa;
}
#secondary li.up a {
  background: #ededed url(../images/black-arrow-up.png) no-repeat center right;
}
#secondary li.down a {
  background: #ededed url(../images/black-arrow-down.png) no-repeat center right;
}
#secondary li ul {
  margin: 5px 0;
  padding: 0;
}
#secondary li ul li {
  margin: 0;
  padding: 0;
  font-size: 0.875em;
  font-weight: 400;
}
#secondary li.down ul li a,
#secondary li.up ul li a {
  background: none;
  padding: 8px 10px;
  border-bottom: 1px solid #ededed;
  color: #362778;
}
#main_content {
  float: right;
  width: 67.96116505%;
  margin: 0;
}
#main_content.calendar_block,
#main_content.section_home_block {
  float: left;
}
#main_content_coursesearch {
  float: left;
  width: 67.96116505%;
  margin: 0;
}
#main_content_coursesearch p {
  font-size: 1.1875em;
  line-height: 1.5;
  margin: 0.5em 0;
}
#breadcrumb ul {
  margin: 0 0 15px 0;
  padding: 0;
}
#breadcrumb li {
  margin: 0;
  padding: 0 20px 0 0;
  display: inline;
  background: url(/images/breadcrumb-arrow.png) no-repeat center right;
  font-size: 1em;
}
#breadcrumb li:last-child {
  background: none;
}
#breadcrumb li a {
  text-decoration: none;
}
#main_content p {
  font-size: 1.1875em;
  line-height: 1.5;
  margin: 0.5em 0;
}
#main_content #page_feature {
  clear: both;
  background: #ededed;
  padding: 4.28571429%;
  margin: 30px 0;
}
#main_content #page_feature #student_link {
  width: 64.0625%;
  float: left;
  margin: 0 4.6875% 0 0;
  padding: 0;
  position: relative;
}
#main_content #page_feature #student_link a {
  -webkit-transition: all 0.5s ease-in;
  -moz-transition: all 0.5s ease-in;
  -o-transition: all 0.5s ease-in;
  -ms-transition: all 0.5s ease-in;
  transition: all 0.5s ease-in;
}
#main_content #page_feature #student_link a:hover {
  opacity: 0.7;
}
#main_content #page_feature #student_link .type {
  background: #333333;
  color: #fff;
  padding: 10px;
}
#main_content #page_feature #student_link span {
  display: block;
  background: #fff;
  padding: 10px 5px;
}
#main_content #page_feature #student_link span a {
  text-decoration: none;
  font-weight: 600;
  font-size: 1.125em;
}
#main_content #page_feature #student_link span a em {
  text-decoration: none;
  font-weight: 100;
  font-size: 0.875em;
  font-style: normal;
}
#main_content #page_feature #block_links {
  width: 31.25%;
  float: left;
  padding: 0;
}
#main_content #page_feature h4 {
  padding: 10px 0 0;
  margin: 0;
}
#main_content #page_feature p {
  padding: 0;
  margin: 0;
}
.block_btn {
  width: 100%;
  text-align: center;
  display: block;
  text-decoration: none;
  color: #ffffff;
  font-size: 1.5em;
  padding: 92px 0 52px;
  font-weight: 600;
  margin-bottom: 15px;
}
.block_btn:hover {
  color: #fff;
}
#prospectus_btn {
  background: #89bc56 url(../images/prospectus-icon.png) no-repeat 50% 30%;
}
#prospectus_btn:hover {
  background: #bcd99f url(../images/prospectus-icon.png) no-repeat 50% 30%;
  -webkit-transition: all 1s linear;
  -moz-transition: all 1s linear;
  -o-transition: all 1s linear;
  -ms-transition: all 1s linear;
  transition: all 1s linear;
}
#apply_btn {
  background: #f78e1e url(../images/apply-icon.png) no-repeat 50% 30%;
}
#apply_btn:hover {
  background: #fbbf80 url(../images/apply-icon.png) no-repeat 50% 30%;
  -webkit-transition: all 1s linear;
  -moz-transition: all 1s linear;
  -o-transition: all 1s linear;
  -ms-transition: all 1s linear;
  transition: all 1s linear;
}
#sport_btn {
  background: #362778;
}
#bottom_links {
  background: #ddd;
  padding: 30px 0;
  border-top: 1px solid #c0b7e7;
  margin-top: 0;
}
#popular_links {
  width: 58.25242718%;
  float: left;
  margin: 0 2.91262136% 0 0;
}
#popular_links ul {
  margin: 10px 0 0;
  padding: 0;
}
#popular_links li {
  margin: 0;
  padding: 7px 0;
  width: 33%;
  float: left;
  font-size: 1em;
}
#popular_links li:last-child a {
  background: #999;
  padding: 5px 10px;
  color: #fff;
  text-decoration: none;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
#popular_links li:last-child a:hover {
  background: #808080;
}
#popular_links li a {
  color: #666666;
  padding: 7px 0;
}
#social_links {
  float: left;
}
#social_links ul {
  margin: 20px 0 0;
  padding: 0;
}
#social_links li {
  margin: 0;
  padding: 0;
  float: left;
  list-style: none;
  text-indent: -9999em;
}
#social_links li a {
  display: block;
  height: 75px;
  width: 75px;
}
#social_links li#youtube {
  background: url(/images/youtube-icon.png) no-repeat center;
}
#social_links li#flickr {
  background: url(/images/flickr-icon.png) no-repeat center;
}
#social_links li#linkedin {
  background: url(/images/linkedin-icon.png) no-repeat center;
}
#social_links li#twitter {
  background: url(/images/twitter-icon.png) no-repeat center;
}
#social_links li#facebook {
  background: url(/images/facebook-icon.png) no-repeat center;
}
#credits {
  color: #999;
  text-align: left;
  font-size: 0.875em;
  float: left;
}
#credits a {
  color: #666;
}
#courtyard {
  padding: 0;
}
#courtyard p {
  font-size: 0.8125em;
}
#courtyard a {
  display: block;
  padding: 30px 10px 20px 175px;
  color: #af3876;
  text-decoration: none;
  font-size: 1.1875em;
  background: url(/images/courtyard-logo.png) no-repeat center left;
}
.footer_logos ul {
  margin: 0;
  padding: 20px 0 0;
  float: right;
}
.footer_logos ul li {
  float: left;
  list-style: none outside none;
  margin: 0 15px;
  padding: 0;
}
.footer_logos ul li img {
  width: auto;
}
.footer_logos ul li:last-child {
  margin-right: 0;
}
.border_top {
  border-top: 1px solid #ccc;
}
#browse_aloud {
  background: #e1ddf4;
  padding: 10px 0;
  margin-top: 40px;
  border-top: 1px solid #c0b7e7;
}
#survey_btn {
  position: fixed;
  bottom: 0;
  width: 100%;
}
#survey_btn a {
  padding: 5px 10px 5px 20px;
  color: #fff;
  font-size: 0.875em;
  margin-right: 20px;
  text-decoration: none;
  background: #9e90db url(../images/survey-arrow.png) no-repeat 0px 6px;
  border-top: 1px solid #7c6ace;
  border-left: 1px solid #7c6ace;
  border-right: 1px solid #7c6ace;
  position: absolute;
  bottom: 0;
  right: 0;
}
#survey_btn a {
  padding: 5px 10px 5px 20px;
  color: #666;
  font-size: 0.875em;
  margin-right: 20px;
  text-decoration: none;
  background: #ccc url(../images/survey-arrow.png) no-repeat 0px 6px;
  border-top: 1px solid #999;
  border-left: 1px solid #999;
  border-right: 1px solid #999;
  position: absolute;
  bottom: 0;
  right: 0;
}
#survey_btn a:hover {
  background: #e6e6e6 url(../images/survey-arrow.png) no-repeat 0px 6px;
}
/*========================== home page styles ===============================*/
#hero {
  position: relative;
  /*slideshow*/
  /*! http://responsiveslides.com v1.54 by @viljamis */
}
#hero a.slide_arrow {
  position: absolute;
  top: 40%;
  z-index: 9999;
  width: 65px;
  height: 65px;
  text-indent: -9999em;
}
#hero a.slide_arrow.slide_left {
  background: #000 url(../images/home-slide-left.png) no-repeat center;
  left: 0px;
}
#hero a.slide_arrow.slide_left:hover {
  background: #333 url(../images/home-slide-left.png) no-repeat center;
}
#hero a.slide_arrow.slide_right {
  background: #000 url(../images/home-slide-right.png) no-repeat center;
  right: 0px;
}
#hero a.slide_arrow.slide_right:hover {
  background: #333 url(../images/home-slide-right.png) no-repeat center;
}
#hero #slide_number {
  position: absolute;
  bottom: 20px;
  left: 20px;
  z-index: 9999;
  margin: 0;
  padding: 0;
}
#hero #slide_number div {
  margin: 0;
  padding: 0;
  list-style: none;
  float: left;
}
#hero #slide_number div a {
  background: url(/images/dot-down.png) no-repeat center;
  width: 20px;
  height: 20px;
  display: block;
  margin-right: 10px;
  text-indent: -9999em;
}
#hero #slide_number div a.selected {
  background: url(/images/dot-up.png) no-repeat center;
}
#hero .rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
}
#hero .rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  margin: 0;
  background: #333;
}
#hero .rslides li.selected {
  position: relative;
  float: left;
}
#hero .rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
}
#hero .overlay {
  background: #333;
  z-index: 1;
}
#hero img {
  display: block;
  max-width: 100%;
  opacity: 0.7;
}
#hero h2 {
  position: absolute;
  top: 30%;
  left: 8.54700855%;
  z-index: 11;
  font-size: 3em;
  color: #fff;
  line-height: 1.2;
  font-weight: 600;
}
#hero h2 a {
  color: #fff;
  text-decoration: none;
}
#hero span {
  display: block;
  font-size: 0.625em;
  font-weight: 300;
}
#cta_btns ul {
  margin: 0;
  padding: 0;
}
#cta_btns ul li {
  margin: 0;
  padding: 0;
  list-style: none;
  float: left;
  width: 25%;
  text-align: center;
  font-size: 1.5em;
  font-weight: 600;
}
#cta_btns ul li.in_page {
  width: 50%;
}
#cta_btns li a {
  display: block;
  padding: 90px 0 30px;
  color: #fff;
  text-decoration: none;
}
#cta_btns li#ss_cta {
  background: #ec007a url(../images/portal-icon.png) no-repeat 50% 30%;
}
#cta_btns li#ss_cta:hover {
  background: #ff53ac url(../images/portal-icon.png) no-repeat 50% 30%;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -ms-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
#cta_btns li#prospectus_cta {
  background: #89bc56 url(../images/prospectus-icon-home.png) no-repeat 50% 30%;
}
#cta_btns li#prospectus_cta:hover {
  background: #bcd99f url(../images/prospectus-icon-home.png) no-repeat 50% 30%;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -ms-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
#cta_btns li#pc_cta {
  background: #00adee url(../images/parents-icon.png) no-repeat 50% 30%;
}
#cta_btns li#pc_cta:hover {
  background: #55d1ff url(../images/parents-icon.png) no-repeat 50% 30%;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -ms-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
#cta_btns li#apply_cta {
  background: #f78e1e url(../images/apply-icon-home.png) no-repeat 50% 30%;
}
#cta_btns li#apply_cta:hover {
  background: #fbbf80 url(../images/apply-icon-home.png) no-repeat 50% 30%;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -ms-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
#video_tour {
  background: #ededed;
  width: 48.71794872%;
  margin: 0 2.56410256% 0 0;
  float: left;
  position: relative;
}
#video_tour a {
  font-weight: 300;
  text-decoration: none;
  color: #666666;
  -webkit-transition: all 0.5s ease-in;
  -moz-transition: all 0.5s ease-in;
  -o-transition: all 0.5s ease-in;
  -ms-transition: all 0.5s ease-in;
  transition: all 0.5s ease-in;
}
#video_tour a p {
  padding: 15px 2.63157895%;
  font-size: 1.125em;
  position: absolute;
  bottom: 0;
  background: #ededed;
  margin: 0;
  font-style: italic;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
#video_tour img.play_btn {
  position: absolute;
  top: 0;
  right: 0;
  max-width: 60px;
}
#video_tour a:hover {
  opacity: 0.7;
}
#news_home {
  width: 48.71794872%;
  float: left;
}
#news_home a {
  -webkit-transition: all 0.5s ease-in;
  -moz-transition: all 0.5s ease-in;
  -o-transition: all 0.5s ease-in;
  -ms-transition: all 0.5s ease-in;
  transition: all 0.5s ease-in;
}
#news_home a:hover {
  opacity: 0.7;
}
#news_home h3 {
  font-size: 1.625em;
  margin-bottom: 5px;
}
#news_home .news_item_home {
  width: 47.36842105%;
  float: left;
  margin: 10px 0 0 0;
  position: relative;
}
#news_home #news_first {
  margin-right: 5.26315789%;
}
#news_home .news_snip {
  font-size: 1.125em;
  font-weight: 600;
  line-height: 1.3;
  margin-top: 15px;
}
#news_home .news_snip span {
  color: #666666;
  font-size: 0.875em;
  line-height: 1.3;
  display: block;
  font-weight: 300;
}
#news_home .news_snip a {
  text-decoration: none;
}
h3.events_head {
  color: #f78e1e;
  font-size: 1.625em;
  margin-bottom: 5px;
}
#events_home {
  margin: 0 2.91262136% 20px;
}
#events_home .event_item_home {
  width: 27.83505155%;
  float: left;
  border-top: 1px solid #ededed;
  margin: 20px 7.11340206% 20px 0;
  padding: 20px 0 0 0;
}
#events_home .event_item_home:nth-child(3n) {
  margin-right: 0;
}
#events_home .event_item_home:nth-child(3n+1) {
  clear: left;
}
#events_home .event_date {
  width: 20.37037037%;
  float: left;
  text-align: center;
  color: #333333;
  line-height: 1;
  margin: 0 5.55555556% 0 0;
}
#events_home .event_date span.month {
  display: block;
  font-weight: 900;
  font-size: 1.3125em;
}
#events_home .event_date span.day {
  display: block;
  font-weight: 900;
  font-size: 2em;
}
#events_home .event_detail {
  width: 74.07407407%;
  float: left;
  margin-top: 5px;
}
#events_home .event_detail h4 {
  line-height: 1;
  font-size: 1.125em;
  font-weight: 600;
}
#events_home .event_detail a {
  color: #f78e1e;
  text-decoration: none;
}
#events_home .event_detail p {
  padding: 0;
  margin: 0;
  font-size: 1em;
}
#show_hide_container {
  text-align: center;
  margin: 20px 0;
  background: url(/images/line.png) repeat-x center left;
}
.show_hide {
  background: #ededed;
  color: #666666;
  padding: 10px;
  text-align: center;
  text-decoration: none;
  border: 10px solid #fff;
}
.show_hide:hover {
  color: #666666;
  background: #d4d4d4;
}
/*==========================explore courses===============================*/
#course_search {
  background: #ededed;
  padding: 20px 0;
  margin: 0 0 30px;
}
.course_search_text {
  background: #999;
  border: none;
  width: 93.2038835%;
  float: left;
  height: 60px;
  margin: 0;
  padding: 10px;
  color: #ededed;
  font-size: 1.5em;
  font-weight: 300;
}
.course_search_btn {
  background: #362778 url(../images/course-search-icon.png) no-repeat center;
  border: none;
  width: 6.7961165%;
  float: left;
  height: 60px;
  text-indent: -9999em;
}
#select_course_type ul {
  margin: 20px 0 0;
  padding: 0;
}
#select_course_type li {
  margin: 0 20px 0 0;
  padding: 0;
  float: left;
  font-weight: 100;
  font-size: 1.3125em;
}
#select_course_type li a {
  display: block;
  padding: 10px;
  text-decoration: none;
}
#select_course_type li.selected a {
  background: #fff;
  border: 1px solid #ddd;
  /*color:@midgrey;*/
}
#select_course_type li a:hover {
  background: #fff;
  /*color:@midgrey;*/
}
#select_course_type li#or {
  padding: 10px 10px 10px 0;
  font-weight: 100;
}
/*seconday nav amends for right hand side*/
#secondary.rhs {
  margin: 0 0 0 2.91262136%;
}
#secondary.rhs ul {
  margin: 5px 0 15px;
}
#secondary h4 {
  font-size: 1.125em;
}
#filter_courses,
#filter_news {
  border-top: 1px solid #ededed;
  border-bottom: 1px solid #ededed;
  padding: 10px 0;
  font-size: 1.125em;
  text-align: right;
  margin: 30px 0 15px;
}
#filter_courses p,
#filter_news p {
  float: right;
  padding: 5px 0 0;
  margin: 0;
  font-size: 1.125em;
}
#filter_news {
  margin: 0 0 10px 0;
}
#filter_news p {
  float: left;
}
#filter_courses .styled_select,
#filter_news .styled_select {
  width: 240px;
  height: 40px;
  overflow: hidden;
  background: url(/images/select-arrow.png) no-repeat center right #e1ddf4;
  border: 1px solid #d0caee;
  float: right;
  margin-left: 10px;
}
#filter_courses .styled_select select,
#filter_news .styled_select select {
  background: transparent;
  width: 268px;
  padding: 12px 5px 5px;
  font-size: 18px;
  line-height: 1;
  border: 0;
  border-radius: 0;
  height: 40px;
  -webkit-appearance: none;
  color: #362778;
  cursor: pointer;
  font-weight: 300;
}
#filter_courses .styled_select option,
#filter_news .styled_select option {
  padding: 5px;
}
#filter_news .styled_select {
  float: left;
}
.letter {
  padding: 0 0 15px;
  margin-bottom: 15px;
}
.letter ul {
  margin: 10px 0 0;
  padding: 0;
}
.letter li {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 1.1875em;
  float: left;
  width: 100%;
}
.letter li a {
  margin: 0;
  padding: 8px 0;
  text-decoration: none;
  border-bottom: 1px solid #ededed;
  display: block;
}
/*============================course item===================================*/
#course_content {
  float: left;
  width: 58.25242718%;
  margin: 0 2.91262136% 0 0;
}
#course_content p {
  font-size: 1.1875em;
  line-height: 1.5;
  margin: 0.5em 0;
}
#course_features {
  float: left;
  width: 38.83495146%;
}
#course_features p {
  font-size: 1.125em;
  line-height: 1.6;
  color: #666666;
  padding: 0;
  margin: 0;
}
#course_features #course_feature_block {
  background: #ededed;
  padding: 20px 8.82352941% 20px;
  margin: 0 0 30px 0;
}
#course_features #course_feature_block li {
  margin: 0 0 0 20px;
  color: #666666;
  font-size: 1.125em;
}
#course_features #course_feature_block .course_feature_link {
  font-size: 1.125em;
  padding: 10px 0 10px 10px;
  display: block;
  text-decoration: none;
  /*background:url(/images/link-arrow.png) no-repeat center left;*/
  font-weight: 600;
}
#course_features #course_feature_block .cf_block {
  margin: 0 0 20px 0;
  position: relative;
}
#course_features #course_feature_block .cf_block .type {
  background: #333333;
  color: #fff;
  padding: 10px;
}
#course_features #course_feature_block #assessment ul {
  margin: 20px 0;
  padding: 0;
}
#course_features #course_feature_block #assessment li {
  display: inline;
  float: left;
  list-style: none outside none;
  margin: 0;
  padding: 0;
  position: relative;
  text-align: center;
  width: 45.58823529%;
  font-size: 1.125em;
}
#course_features #course_feature_block #assessment li:first-child {
  margin-right: 8.82352941%;
}
#course_features #course_feature_block #assessment li strong {
  display: block;
  font-size: 2.25em;
  font-weight: 600;
  left: 0;
  position: absolute;
  right: 0;
  top: 25%;
}
#course_features #course_feature_block #assessment li sup {
  font-size: 0.5em;
}
#course_features #course_feature_block #assessment li#coursework {
  color: #00adee;
}
#course_features #course_feature_block #assessment li#exam {
  color: #ec007a;
}
#course_features #course_feature_block #assessment img {
  margin: 0 0 20px;
  max-width: 100%;
}
#course_features #course_feature_block #assessment #assessment_note {
  background: #ddd;
  padding: 10px;
  border: 1px solid #ccc;
}
#course_features #course_feature_block #assessment #assessment_note p {
  font-size: 1em;
  font-style: italic;
  background: url(/images/note-icon.png) no-repeat 0 0;
  padding: 5px 5px 5px 35px;
  line-height: 1.3;
}
#course_features #students span,
#course_features #facilites span {
  background: #fff;
  padding: 5px;
  display: block;
}
#course_features #students span em,
#course_features #facilites span em {
  text-decoration: none;
  font-weight: 100;
  font-size: 0.875em;
  font-style: normal;
}
#course_footer,
#news_footer,
#student_footer {
  border-top: 1px solid #ededed;
  margin: 20px 0;
  padding: 30px 0;
}
#course_footer ul,
#news_footer ul,
#student_footer ul {
  width: 94.17475728%;
  margin: 20px auto;
  padding: 0;
}
#course_footer li,
#news_footer li,
#student_footer li {
  float: left;
  width: 27.83505155%;
  margin: 0 8.24742268% 0 0;
  padding: 0;
  list-style: none;
  font-size: 1.125em;
  font-weight: 600;
}
#course_footer li:nth-child(3),
#news_footer li:nth-child(3),
#student_footer li:nth-child(3) {
  margin-right: 0;
}
#course_footer li a,
#news_footer li a,
#student_footer li a {
  display: block
		margin:0;
  padding: 0;
  text-decoration: none;
}
#course_footer li a span,
#news_footer li a span,
#student_footer li a span {
  display: block;
  padding: 10px 0;
}
#section_links {
  margin-top: 2em;
}
#section_links a {
  float: left;
  width: 50%;
}
/*=====================why choose us home ===================================*/
#main_content p.caption {
  display: block;
  border-bottom: 1px solid #ddd;
  font-size: 0.875em;
  padding: 5px 0;
  margin: 0 0 10px 0;
}
#fb_head {
  background: #3c5b9b url(../images/fb-header.png) no-repeat 5px 5px;
  padding: 15px 10px 15px 45px;
  color: #fff;
  font-weight: 200;
  font-size: 1em;
  margin: 0;
  word-break: break-all;
}
#fb_head a {
  font-weight: 600;
}
#tt_head {
  background: #2daae1 url(../images/tt-header.png) no-repeat 10px 5px;
  padding: 15px 10px 15px 50px;
  color: #fff;
  margin: 0;
  font-weight: 200;
  font-size: 1em;
}
#tt_head a {
  font-weight: 600;
}
#why_choose_rhs {
  float: right;
  margin: 0 0 0 2.91262136%;
  background: #ededed;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding: 15px 15px 0 15px;
}
#why_choose_rhs p {
  font-size: 0.875em;
  padding: 5px 0;
  margin: 0 0 10px 0;
}
#why_choose_rhs span {
  font-size: 0.875em;
}
#why_choose_rhs ul {
  margin: 0 0 20px;
  padding: 0;
}
#why_choose_rhs li {
  margin: 0 0 1px;
  padding: 0;
  list-style: none;
  float: left;
  font-size: 0.75em;
  width: 100%;
}
#why_choose_rhs li a {
  display: block;
  text-decoration: none;
  padding: 5px 5px 5px 30px;
  background: url(/images/social-arrow.png) no-repeat 10px 11px;
  color: #fff;
}
#why_choose_rhs li:last-child a {
  border-bottom: none;
}
#why_choose_rhs h4 {
  font-size: 1.125em;
  margin: 10px 0 0;
}
#why_choose_rhs #fb_links {
  background: #3c5b9b;
  margin-bottom: 20px;
  padding-bottom: 10px;
}
#why_choose_rhs #fb_links p {
  padding: 0 15px;
  color: #fff;
  font-size: 0.8125em;
}
#why_choose_rhs #fb_links p a {
  color: #fff;
}
#why_choose_rhs #fb_links p a#follow {
  font-weight: 600;
}
#why_choose_rhs #tt_links {
  background: #2daae1;
  margin-bottom: 10px;
  padding-bottom: 10px;
}
#why_choose_rhs #fb_head {
  margin: 0;
  font-size: 0.875em;
  font-weight: 600;
}
#why_choose_rhs #fb_head a {
  font-weight: 600;
  color: #fff;
}
#why_choose_rhs #tt_head {
  margin: 0;
  font-size: 1em;
  font-weight: 600;
}
#why_choose_rhs #why_video {
  /*background:#ddd;
		padding:10px;*/
  margin: 0 0 15px;
  position: relative;
}
#why_choose_rhs #why_video span {
  display: block;
  color: #362778;
  font-size: 0.875em;
  font-weight: 600;
  padding: 5px 5px ;
  background: #fff;
}
#why_choose_rhs #why_video span em {
  text-decoration: none;
  font-weight: 100;
  font-size: 1em;
  font-style: normal;
}
#why_choose_rhs #why_video p {
  padding: 5px;
}
#why_choose_rhs #why_video .type {
  background: #333333;
  color: #fff;
  padding: 10px;
}
#why_choose_rhs #why_video a {
  text-decoration: none;
  -webkit-transition: all 0.5s ease-in;
  -moz-transition: all 0.5s ease-in;
  -o-transition: all 0.5s ease-in;
  -ms-transition: all 0.5s ease-in;
  transition: all 0.5s ease-in;
}
#why_choose_rhs #why_video a:hover {
  opacity: 0.7;
}
/*======================enrichment and news=======================================*/
#enrichment_list,
#news_list {
  float: left;
  width: 74.35897436%;
  margin: 0 2.56410256% 0 0;
}
#enrichment_list ul,
#news_list ul {
  margin: 0;
  padding: 0;
}
#enrichment_list li,
#news_list li {
  margin: 0 3.44827586% 30px 0;
  padding: 0;
  list-style: none;
  float: left;
  width: 31.03448276%;
  font-size: 1.3125em;
  position: relative;
}
#enrichment_list .news_events li,
#news_list .news_events li {
  font-size: 1.125em;
}
#enrichment_list li:nth-child(3n),
#news_list li:nth-child(3n) {
  margin-right: 0;
}
#enrichment_list ul li:nth-child(3n+1),
#news_list ul li:nth-child(3n+1) {
  clear: left;
}
#enrichment_list li a,
#news_list li a {
  display: block;
  text-decoration: none;
  font-weight: 700;
  -webkit-transition: all 0.5s ease-in;
  -moz-transition: all 0.5s ease-in;
  -o-transition: all 0.5s ease-in;
  -ms-transition: all 0.5s ease-in;
  transition: all 0.5s ease-in;
}
#enrichment_list li a:hover,
#news_list li a:hover {
  opacity: 0.7;
}
#enrichment_list li a span,
#news_list li a span {
  display: block;
  padding: 10px 0 10px 0;
  /*background:url(/images/link-arrow.png) no-repeat center left;*/
}
#enrichment_rel_courses {
  margin: 30px 0;
  padding: 10px 0;
  border-top: 5px solid #ededed;
  border-bottom: 5px solid #ededed;
  clear: both;
}
#enrichment_rel_courses ul {
  margin: 10px 0 0;
  padding: 0;
}
#enrichment_rel_courses li {
  margin: 0;
  padding: 0;
  list-style: none;
  float: left;
  width: 100%;
  font-size: 1.125em;
}
#enrichment_rel_courses li a {
  margin: 0;
  padding: 10px 10px 10px 30px;
  display: block;
  font-weight: 400;
  text-decoration: none;
  background: #fff url("/images/dd-arrow-purple.png") no-repeat scroll 0 8px;
}
#enrichment_rel_courses li:nth-child(odd) a {
  background: #e1ddf4 url("/images/dd-arrow-purple.png") no-repeat scroll 0 8px;
}
#news_list li a {
  font-weight: normal;
  line-height: 1.2;
}
#news_list li a span,
#news_footer li a span,
#news_archive li a span {
  background: none;
  font-size: 0.75em;
  color: #999;
  padding: 10px 0 0;
}
#news_list li a strong,
#news_footer li a strong,
#news_archive li a strong {
  font-weight: 700;
  font-size: 1em;
  color: #362778;
}
.type {
  position: absolute;
  top: 0;
  right: 0;
  background: #ededed;
  color: #666666;
  padding: 10px;
  font-size: 0.75em;
  margin: 0;
  font-style: italic;
}
.news_item_home p.type {
  font-size: 1em;
}
.feed {
  margin: 20px 0;
  background: #ededed;
  font-size: 0.75em;
  color: #999;
}
.feed a {
  color: #fff;
}
.feed p {
  padding: 15px 15px;
  margin: 0;
}
.feed.twitter,
.feed.facebook {
  margin: 20px 0;
  background: #2daae1;
  font-size: 0.75em;
  color: #fff;
}
.feed.twitter p,
.feed.facebook p {
  padding-top: 0;
  margin: 0;
  font-size: 1em;
}
.feed.facebook {
  background: #3c5b9b;
}
#events_list {
  float: left;
  width: 23.07692308%;
}
#events_list h4 {
  margin: 0;
  padding: 18px 0 15px;
}
#events_list ul {
  margin: 0 0 30px 0;
  padding: 0;
  border-top: 1px solid #ccc;
}
#events_list li {
  margin: 0;
  padding: 0;
  list-style: none;
  float: left;
  width: 100%;
  border-bottom: 1px solid #ccc;
  font-size: 1em;
}
#events_list li a {
  margin: 0;
  padding: 10px 15px;
  display: block;
  text-decoration: none;
}
#events_list li a:hover {
  background: #ededed;
}
#events_list a span {
  font-size: 1em;
  color: #999;
  padding: 10px 0 0;
  display: block;
}
#events_list a.link_btn span {
  text-align: center;
  color: #fff;
  text-decoration: none;
  display: block;
  padding: 15px 30px;
  font-size: 1.3125em;
  width: inherit;
  font-weight: 300;
}
#events_list a strong {
  font-weight: normal;
  font-size: 1.125em;
  color: #f78e1e;
  display: block;
  font-weight: 400;
}
.link_btn {
  text-align: center;
  color: #fff;
  text-decoration: none;
}
.orange {
  background: #f78e1e;
  font-weight: normal;
  font-size: 1.3125em;
  padding: 15px 30px;
}
span.purple {
  background: #362778;
  font-weight: normal;
  font-size: 1.3125em;
  padding: 15px 30px;
}
span.grey {
  background: #ededed;
  font-weight: normal;
  font-size: 1.125em;
  padding: 15px 30px;
  color: #999;
  font-weight: 300;
}
#news_story h3 + p {
  color: #999;
  padding: 5px 0;
  margin: 0;
  font-size: 1em;
  font-style: italic;
  border-bottom: 1px solid #ededed;
}
#news_story h3 + p + img {
  margin: 15px 0 0;
}
/* =================grid ================================================*/
h3 + .grid {
  margin-top: 25px;
}
.grid ul {
  margin: 0;
  padding: 0;
}
.grid li {
  margin: 0 2.85714286% 20px 0;
  padding: 0;
  float: left;
  width: 31.42857143%;
  list-style: none;
  font-size: 1em;
  position: relative;
}
.grid li a {
  margin: 0;
  padding: 0;
  display: block;
  text-decoration: none;
  font-weight: 700;
}
.grid li a img {
  -webkit-transition: all 0.5s ease-in;
  -moz-transition: all 0.5s ease-in;
  -o-transition: all 0.5s ease-in;
  -ms-transition: all 0.5s ease-in;
  transition: all 0.5s ease-in;
}
.grid li a img:hover {
  opacity: 0.7;
}
.grid span {
  display: block;
  padding: 10px 0 10px 0;
  /*background:url(/images/link-arrow.png) no-repeat center left;*/
}
.grid span span.tag {
  background: #ededed;
  padding: 2px;
}
.grid ul li:nth-child(3n) {
  margin-right: 0;
}
.grid ul li:nth-child(3n+1) {
  clear: left;
}
.grid img {
  width: 100%;
}
#main_content .grid p.type {
  font-weight: 400;
  font-size: 0.875em;
  margin: 0;
}
/* =================gridlist ================================================*/
.gridlist .listing {
  padding: 20px 0;
  border-bottom: 1px solid #ededed;
}
.gridlist .list_img {
  float: left;
  width: 38.57142857%;
  margin: 0 4.28571429% 0 0;
}
.gridlist .list_text {
  float: left;
  width: 57.14285714%;
  margin: 0;
}
.gridlist .list_text h4 {
  font-size: 1.3125em;
}
.gridlist .list_text a {
  text-decoration: none;
}
.gridlist img {
  width: 100%;
}
/*================results====================*/
p.filter_overview {
  font-weight: 700;
  font-size: 1.125em;
}
.result_block {
  border-bottom: 1px solid #ededed;
  padding: 10px 0;
  margin: 0 0 20px 0;
}
p.result_date {
  padding: 0;
  margin: 0;
}
p.result_date span {
  background: #e1ddf4;
  color: #362778;
  padding: 10px 10px 9px 10px ;
  line-height: 1;
}
.sport_item {
  font-weight: 700;
  font-size: 1.3125em;
  float: left;
  width: 24.28571429%;
  margin: 0 4.28571429% 0 0;
}
.sport_result {
  font-weight: normal;
  font-size: 1.125em;
  float: left;
  width: 71.42857143%;
}
.sport_result span {
  font-style: italic;
  font-size: 1em;
  display: block;
  color: #666666;
}
.result_by_date {
  padding: 10px 0;
  border-top: 3px solid #e1ddf4;
  margin-top: 5px;
}
#pagination {
  border-bottom: 1px solid #ededed;
  padding: 10px 0;
}
#pagination ul {
  margin: 0;
  padding: 0;
}
#pagination li {
  float: left;
  font-size: 1.125em;
  list-style: none;
  margin: 0 5px 0 0;
  padding: 0;
}
#pagination a {
  border: 1px solid #362778;
  display: block;
  padding: 5px 10px;
  text-decoration: none;
}
#pagination li.selected a {
  background: #362778;
  color: #fff;
}
/*=======================Calendar=====================*/
#calendar_rhs {
  margin: 25px 0 0 2.91262136%;
  float: right;
}
#calendar_rhs #diary_dates {
  background: #ededed;
  margin: 65px 0 0;
  padding: 10px;
}
#calendar_rhs #diary_dates h4 {
  font-size: 1.3125em;
  margin: 0 0 15px;
  color: #333333;
  font-weight: 600;
}
#calendar_rhs #diary_dates ul {
  margin: 0;
  padding: 0;
}
#calendar_rhs #diary_dates li {
  background: #fff;
  border: 1px solid #ccc;
  color: #333;
  font-size: 0.75em;
  font-weight: 600;
  margin: 0 0 8px;
  padding: 10px;
}
#calendar_rhs #diary_dates em {
  color: #567b31;
  display: block;
  font-size: 1.125em;
  font-style: normal;
  font-weight: 300;
  text-transform: none;
}
#calendar_rhs #diary_dates strong {
  color: #333333;
  display: block;
  font-size: 0.875em;
  font-style: normal;
  font-weight: 300;
  padding: 0 ;
  margin: 0.5em 0;
  text-transform: none;
}
#calendar_rhs #diary_dates.no_margin {
  margin-top: 0;
}
p#keyhead {
  color: #666666;
  font-size: 0.875em;
  font-weight: 400;
  margin: 5px 10px 5px 0;
  padding: 5px 0;
  float: left;
}
#main_content p#holiday_key {
  background: url("/images/cal-holiday-key.png") no-repeat scroll 0 5px rgba(0, 0, 0, 0);
}
#main_content p#staff_key {
  background: url("/images/cal-staff-key.png") no-repeat scroll 0 5px rgba(0, 0, 0, 0);
}
#main_content p.key {
  color: #666666;
  font-size: 0.75em;
  margin: 5px 10px 5px 0;
  padding: 5px 0 5px 30px;
  font-size: 0.875em;
  float: left;
}
#calendar_content h1 {
  color: #fff;
  padding: 0;
  margin: 0;
  font-weight: 100;
  font-size: 1.5em;
}
#calendar_content header {
  background: #362778;
  padding: 10px;
  border: 1px solid #ccc;
  border-bottom: none;
  margin: 10px 0 0;
}
#calendar_content header ul {
  float: right;
  margin: 0;
  padding: 0;
}
#calendar_content header ul li {
  margin: 0 0 0 7px;
  padding: 0;
  display: inline;
  float: left;
  list-style: none;
  text-transform: uppercase;
  font-size: 1em;
  font-weight: 100;
}
#calendar_content header ul li a {
  color: #fff;
  text-decoration: none;
  background: #503ab2;
  border: 1px solid #5b43c2;
  padding: 3px 10px 3px 10px;
  display: block;
}
#calendar_content header ul li a:hover {
  background: #5b43c2;
  color: #fff;
}
#calendar_content header ul li.back a,
#calendar_content header ul li.next a {
  padding: 4px 7px 0;
}
/* calendar table */
table.calendar {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  border: 1px solid #ccc;
  border-top: none;
}
table.calendar th,
table.calendar td {
  margin: 0;
  width: 14.28571429%;
  padding: 5px;
  border: 1px solid #ccc;
  border-top: 1px solid #ccc;
  vertical-align: top;
}
table.calendar td {
  height: 75px;
}
table.calendar td.last {
  border-right: none;
}
table.calendar td.prev_month,
table.calendar td.next_month {
  background: #ededed;
}
/*table.calendar td.holiday {
  
  border-color: darken(@orange, 10%);
}*/
table.calendar td.staff_day {
  background: #d6e7c4;
}
/*table.calendar td.today {
  background: lighten(@green, 30%);
}*/
table.calendar td.holiday {
  background: #fcd8b2;
}
table.calendar tr.first_row td {
  border-top: none;
}
table.calendar th {
  background: #333333;
  color: #fff;
  font-weight: normal;
  font-size: 0.7em;
  border: none;
  text-align: center;
  padding: 3px 0;
}
table.calendar.student_calendar th {
  color: #333;
}
table.calendar .has_events {
  padding: 5px;
}
table.calendar h3 {
  display: block;
  float: right;
  margin: 0;
  font-weight: normal;
  color: #878787;
  padding: 0 0 3px;
  font-family: "Myriad pro", Arial, sans-serif;
  font-size: 0.7em;
}
table.calendar h3 span {
  font-size: 100%;
}
table.calendar h3.today {
  float: left;
  font-weight: normal;
  color: #89bc56;
}
table.calendar ul {
  clear: right;
  width: auto;
  margin: 0;
  padding: 0;
  font-size: 0.7em;
  line-height: 1.1;
}
table.calendar li {
  list-style: none;
  margin: 0;
  padding: 0 0 5px;
}
table.calendar li a {
  text-decoration: none;
}
table.calendar td .suffix,
table.calendar td .day {
  display: none;
}
/*===========================event==============================*/
#event_item h3 + p {
  padding: 0;
  margin: 0;
  color: #999;
  border-bottom: 1px solid #ededed;
}
/*===========================what students say=======================*/
.student_comments {
  margin: 20px 0;
}
blockquote#profile {
  background: none;
}
blockquote#profile img {
  float: left;
  width: 40%;
}
blockquote#profile #quote_bg {
  float: left;
  width: 60%;
  margin: 0 0 0 0;
  background: #e1ddf4 url(../images/student-comment-arrow.png) no-repeat top right;
}
blockquote#profile #quote_text {
  color: #362778;
  background: url(/images/quote-icon.png) no-repeat 0 8px;
  margin: 10px;
}
blockquote#profile #quote_text p {
  padding: 20px 50px;
  font-weight: 100;
  font-size: 1.5em;
  margin: 0 25px 0 0;
  line-height: 1.3;
  background: url(/images/quote-end-icon.png) no-repeat bottom right;
}
.grid.student_comments span {
  padding: 10px 0 0 0;
  background: none;
  font-size: 1em;
  margin: 0;
  font-weight: 700;
  line-height: 1.2;
}
.grid.student_comments li {
  padding-bottom: 10px;
}
.grid.student_comments strong.tag {
  background: #ededed;
  padding: 5px;
  font-weight: normal;
  color: #999;
  font-size: 0.75em;
  white-space: nowrap;
  line-height: 2;
}
.grid.student_comments em {
  font-style: normal;
  color: #333333;
  padding: 0 0 10px 0;
  font-size: 0.875em;
}
#students_comments_text h3 + p {
  color: #999;
  padding: 5px 0;
  margin: 0;
  font-size: 1em;
  font-style: italic;
  border-bottom: 1px solid #ededed;
}
#students_comments_text h3 + p + img {
  margin: 15px 0 0;
}
#student_footer li {
  padding-bottom: 10px;
}
#student_footer li em {
  font-style: normal;
  font-size: 0.875em;
  padding: 0 0 10px 10;
  margin: 0;
  color: #666666;
}
#student_footer li a span {
  padding: 10px 0 0 0;
  margin: 0;
  background: none;
  font-size: 1em;
  font-weight: 700;
}
/*================search==============================================*/
#main_content .cse .gsc-control-cse,
#main_content .gsc-control-cse {
  padding: 0;
}
#main_content .gsc-table-result,
#main_content .gsc-thumbnail-inside,
#main_content .gsc-url-top {
  padding-left: 0;
  padding-right: 0;
}
#main_content .gs-webResult.gs-result a.gs-title:link,
#main_content .gs-webResult.gs-result a.gs-title:link b,
#main_content .gs-imageResult a.gs-title:link,
#main_content .gs-imageResult a.gs-title:link b {
  color: #362778;
}
#main_content .gsc-control-cse,
#main_content .gsc-control-cse .gsc-table-result {
  font-family: "Myriad Pro", Arial, sans-serif;
  font-size: 1em;
}
#main_content .gs-webResult div.gs-visibleUrl,
#main_content .gs-webResult div.gs-visibleUrl:visited,
#main_content .gs-imageResult div.gs-visibleUrl,
#main_content .gs-imageResult div.gs-visibleUrl:visited {
  color: #666666;
}
#main_content .gsc-control-cse .gs-spelling,
#main_content .gsc-control-cse .gs-result .gs-title,
#main_content .gsc-control-cse .gs-result .gs-title * {
  font-size: 21px;
  font-weight: 600;
}
/*  =========================Hire facilities==================================*/
p#overlay_close {
  float: right;
  margin-right: 20px;
}
p#overlay_close a {
  height: 46px;
  width: 44px;
  text-indent: -9999em;
  background: url(/images/close.png);
  display: block;
}
#enquire_overlay_bg {
  background: rgba(51, 51, 51, 0.9);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999999;
}
.facility_btns {
  padding: 10px 0;
  margin: 0;
}
.facility_btns a {
  text-decoration: none;
  padding: 10px;
  margin: 5px 15px 5px 0;
}
.facility_btns .info_btn {
  background: #e1ddf4;
}
.facility_btns .enquiry_btn {
  background: #eff6e8;
}
#enquiry_form {
  clear: right;
  background: #eff6e8;
  padding: 2em;
  color: #333;
  border: 6px solid #fff;
}
#enquiry_form h3 {
  color: #89bc56;
}
#enquiry_section {
  font-size: 1.1875em;
}
#enquiry_section label {
  display: block;
  padding: 5px 0;
}
#enquiry_section label.error,
#enquiry_section ul.error {
  background: #ff0000;
}
#enquiry_section .enquiry_left {
  float: left;
  width: 48%;
  clear: right;
}
#enquiry_section .enquiry_right {
  float: right;
  width: 48%;
  clear: right;
}
#enquiry_section .enquiry_input {
  border: none;
  width: 100%;
  background: #fff;
  padding: 10px 5px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  margin: 0 0 1em;
}
#enquiry_section .select_text {
  clear: both;
}
#enquiry_section #select_venue ul {
  margin: 0;
  padding: 0;
}
#enquiry_section #select_venue li {
  margin: 0 10px 0 0;
  padding: 0;
  float: left;
  list-style: none;
  font-size: 1em;
}
#enquiry_section #select_venue li label {
  display: inline;
}
#enquiry_section textarea {
  border: none;
  width: 100%;
  background: #fff;
  padding: 10px 5px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  margin: 0 0 1em;
  height: 100px;
}
#enquiry_section .submit_btn {
  background: #89bc56;
}
#enquiry_section .submit_btn:hover {
  background: #70a03f;
}
#enquire_link {
  margin: 20px 0;
  float: left;
}
#enquire_link a {
  background: #362778;
  padding: 10px 20px;
  color: #fff;
  font-weight: 600;
  display: block;
  text-decoration: none;
}
#popup_overlay {
  background: rgba(166, 154, 199, 0.9);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999999;
  height: 100%;
}
#popup_overlay #popup {
  background: #fff;
  width: 60%;
  margin: 0 auto;
  border: 5px solid #362778;
  padding: 20px;
}
#popup_overlay #popup h1 {
  line-height: 1.1;
}
#popup_overlay #popup .btn {
  padding: 10px;
  background: #362778;
  color: #fff;
  margin: 0 10px 10px 0;
  text-decoration: none;
  display: inline-block;
}
#popup_overlay #popup .btn:hover {
  background: #5b43c2;
}
#popup_overlay #popup .btn.grey {
  background: #333;
}
#popup_overlay #popup .btn.grey:hover {
  background: #666666;
}
/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */
@media only screen and (max-width: 1500px) {
  #container {
    max-width: 1200px;
  }
  #course_features #course_feature_block #assessment li strong {
    top: 25%;
  }
  #main_nav li {
    font-size: 1.375em;
  }
}
@media only screen and (max-width: 1200px) {
  /* Style adjustments for viewports that meet the condition */
  #subsiduary ul li {
    font-size: 1em;
  }
  #main_nav li {
    font-size: 1.3125em;
  }
  #course_features #course_feature_block #assessment li strong {
    display: block;
    font-size: 2em;
    font-weight: 600;
    left: 0;
    position: absolute;
    right: 0;
    top: 20%;
  }
  #course_features #course_feature_block #assessment li sup {
    font-size: 0.5em;
  }
}
@media only screen and (max-width: 1024px) {
  #course_features #course_feature_block #assessment li strong {
    display: block;
    font-size: 2em;
    font-weight: 600;
    left: 0;
    position: absolute;
    right: 0;
    top: 25%;
  }
  #course_features #course_feature_block #assessment li sup {
    font-size: 0.5em;
  }
  .facility_btns a {
    display: block;
  }
}
@media only screen and (max-width: 960px) {
  /* Style adjustments for viewports that meet the condition */
  #subsiduary ul li {
    font-size: 0.875em;
  }
  #popular_links {
    display: block;
    width: 100%;
    float: none;
    margin-bottom: 30px;
  }
  #popular_links li {
    width: 33.33333333%;
  }
  #main_content #page_feature #student_link {
    width: 100%;
    display: block;
    margin: 0;
    padding: 0;
  }
  #main_content #page_feature #block_links {
    width: 100%;
    float: left;
    padding: 0;
    margin: 20px 0 0;
  }
  #main_content #page_feature #block_links .block_btn {
    float: left;
    width: 50%;
  }
  #course_features #course_feature_block #assessment li strong {
    display: block;
    font-size: 2em;
    font-weight: 600;
    left: 0;
    position: absolute;
    right: 0;
    top: 25%;
  }
  #course_features #course_feature_block #assessment li sup {
    font-size: 0.5em;
  }
}
/*=============================================920px=================================*/
@media only screen and (min-width: 920px) {
  #sidr-right {
    display: none important!;
  }
}
@media only screen and (max-width: 920px) {
  #sml_screen_nav {
    display: block;
    float: right;
  }
  #sml_screen_nav p#menu_btn {
    float: right;
    width: 40px;
    padding: 0 20px 0 0;
    text-align: center;
  }
  #sml_screen_nav p#menu_btn a#right-menu {
    display: block;
    height: 40px;
    background: url(/images/menu.png) no-repeat bottom left;
    cursor: pointer;
    text-decoration: none;
    color: #362778;
    text-transform: uppercase;
    padding-bottom: 20px;
    font-size: 0.875em;
  }
  #top_section {
    margin: 0;
  }
  #navigation {
    width: 100%;
    margin: 0;
  }
  #navigation #top_nav {
    border-bottom: 1px solid #fff;
  }
  #navigation #subsiduary {
    display: none;
  }
  #main_nav,
  .drop_nav {
    display: none;
  }
  #logo {
    display: block;
    width: 200px;
    margin: 20px;
  }
  #logo h1 a {
    background: url("/images/logo-sml.png") no-repeat center left;
    width: 100%;
    height: 60px;
  }
  #cta_btns ul li {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
    width: 50%;
    text-align: center;
    font-size: 1.5em;
    font-weight: 600;
  }
  #cta_btns li a {
    display: block;
    padding: 90px 0 30px;
    color: #fff;
    text-decoration: none;
  }
  #cta_btns li:nth-child(2n) {
    margin-right: 0;
  }
  #cta_btns ul li:nth-child(2n+1) {
    clear: left;
  }
  #hero a.slide_arrow {
    bottom: auto;
    top: 0;
    width: 45px;
    height: 45px;
  }
  #hero a.slide_arrow.slide_right {
    left: 45px;
  }
}
/*=============================================800px=================================*/
@media only screen and (max-width: 800px) {
  .footer_logos ul {
    float: none;
    margin: 0;
    padding: 20px 0 0;
    display: block;
    text-align: center;
  }
  .footer_logos ul li {
    height: 65px;
    margin-bottom: 10px;
  }
  #credits {
    float: none;
    text-align: left;
    display: block;
  }
  a#find_course_btn {
    display: none;
  }
  #news_home .more {
    display: none;
  }
  #hero h2 {
    position: relative;
    margin: 0;
    width: 90%;
    left: 0;
    font-size: 2.25em;
    color: #362778;
    padding: 15px 5%;
  }
  #hero h2 a {
    color: #362778;
  }
  #hero .rslides li {
    background: #fff;
  }
  #hero .rslides li.selected {
    position: relative;
  }
  #video_tour {
    width: 100% ;
    margin: 0;
    float: none;
    display: block;
  }
  #news_home {
    float: none;
    display: block;
    width: 100%;
  }
  #news_home h3 {
    margin-top: 25px;
  }
  #news_home .news_item_home {
    float: left;
    width: 48%;
  }
  #news_home #news_first {
    margin-right: 4%;
  }
  #events_home .event_date {
    width: 100%;
    float: none;
    text-align: center;
    color: #333333;
    line-height: 1;
    margin: 0 0 10px;
    display: block;
  }
  #events_home .event_detail {
    width: 100% ;
    float: none;
    display: block;
    text-align: center;
  }
  #enrichment_list,
  #news_list {
    float: none;
    margin: 0 ;
    width: 100%;
    display: block;
  }
  #events_list,
  #calendar_rhs {
    float: none;
    width: 100%;
    display: block;
  }
  /*courses*/
  #main_content_coursesearch {
    float: none;
    width: 100%;
    margin: 0 0 30px 0;
    display: block;
  }
  #secondary.rhs {
    margin: 0;
    display: block;
    width: 100%;
    float: none;
  }
  /*course items*/
  #course_content {
    float: none;
    width: 100%;
    margin: 0;
    display: block;
  }
  #course_features {
    float: none;
    width: 100%;
    margin: 0;
    display: block;
  }
  /*stats*/
  #course_features {
    margin: 20px 0 0;
  }
  #course_features #course_feature_block #assessment li strong {
    display: block;
    font-size: 3.25em;
    font-weight: 600;
    left: 0;
    position: absolute;
    right: 0;
    top: 25%;
  }
  #course_features #course_feature_block #assessment li sup {
    font-size: 0.5em;
  }
  /*enrichment / news */
  #enrichment_list,
  #news_list {
    float: none;
    margin: 0 ;
    width: 100%;
    display: block;
  }
  #enrichment_social {
    float: none;
    width: 100%;
    display: block;
    margin: 0;
  }
  #enrichment_social #fb_links,
  #enrichment_social #tt_links {
    margin: 0 10% 0 0;
    padding: 0;
    float: left;
    width: 45%;
  }
  #enrichment_social #tt_links {
    margin: 0 ;
  }
  #enrichment_social #tt_head {
    margin: 0;
  }
  /*====Grid====*/
  .grid {
    width: 100%;
    float: none;
    display: block;
  }
  .grid li {
    margin: 0 6% 20px 0;
    padding: 0;
    float: left;
    width: 47%;
    list-style: none;
    font-size: 1.3125em;
    position: relative;
  }
  .grid ul li:nth-child(3n) {
    margin-right: 6%;
  }
  .grid ul li:nth-child(3n+1) {
    clear: none;
  }
  .grid ul li:nth-child(2n) {
    margin-right: 0;
  }
  .grid ul li:nth-child(2n+1) {
    clear: left;
  }
  .course_search_text {
    width: 87.37864078%;
  }
  .course_search_btn {
    width: 12.62135922%;
  }
  /*===========why choose us =============*/
  #why_choose_rhs,
  #calendar_rhs {
    float: none;
    margin: 0;
    display: block;
    width: 100%;
  }
  #main_content.calendar_block,
  #main_content.section_home_block {
    float: none;
    display: block;
    width: 100%;
  }
  blockquote#profile img,
  blockquote#profile #quote_text {
    display: block;
    float: none;
    width: 100%;
  }
  blockquote#profile img {
    margin-top: 30px;
  }
  /*stuudent comments*/
  blockquote#profile img {
    float: none;
    width: 100%;
    margin-top: 0;
  }
  blockquote#profile #quote_bg {
    float: none;
    display: block;
    width: 100%;
    margin: 0;
    background: #e1ddf4 url(../images/student-comment-arrow-btm.png) no-repeat bottom right;
    padding: 0 0 30px 0;
  }
  /*======enquiry form======*/
  #enquiry_section .enquiry_left,
  #enquiry_section .enquiry_right {
    float: none;
    width: 100%;
  }
  #hero #slide_number {
    display: none;
  }
}
/*=============================================600px=================================*/
@media only screen and (max-width: 600px) {
  .wrapper.eventwrap {
    margin: 20px 1.25%;
  }
  #events_home {
    margin: 0 0 20px 0;
  }
  #events_home .event_item_home {
    display: block;
    float: none;
    width: 100%;
    margin-right: 0;
  }
  #events_home .event_date {
    display: block;
    float: none;
    width: 100%;
    text-align: left;
    margin: 0 0 10px 0;
  }
  #events_home .event_date span.month {
    display: inline;
    font-size: 1em;
    font-weight: 900;
  }
  #events_home .event_date span.day {
    display: inline;
    font-size: 1em;
    font-weight: 900;
  }
  #events_home .event_detail {
    display: block;
    float: none;
    width: 100%;
    margin: 0;
    text-align: left;
  }
  #secondary,
  #calendar_rhs,
  #why_choose_rhs {
    float: none;
    display: block;
    margin: 0;
    width: 100%;
  }
  #secondary.rhs {
    margin: 0;
  }
  #main_content,
  #main_content_coursesearch {
    float: none;
    margin: 0;
    width: 100%;
  }
  #page_title h2 {
    position: relative;
    margin: 0;
    display: block;
    width: 100%;
    left: 0;
    font-size: 1.75em;
    top: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }
  .course_search_text {
    width: 87.37864078%;
  }
  .course_search_btn {
    width: 12.62135922%;
  }
  /* calendar */
  header#calendar_header ul li.today {
    display: none;
  }
  table.calendar td,
  table.calendar th {
    display: none;
  }
  table.calendar td.has_events,
  table.calendar th.has_events {
    display: block;
    width: auto;
    border: none;
    border-bottom: 1px solid #e4decb;
    padding: 13px 10px 10px;
    margin: 0;
    height: auto;
  }
  table.calendar td.prev_month.has_events,
  table.calendar th.prev_month.has_events,
  table.calendar td.next_month.has_events,
  table.calendar th.next_month.has_events {
    display: none;
  }
  table.calendar td h3,
  table.calendar th h3 {
    border: none;
    float: left;
    width: 26.66666667%;
    font-size: 0.8em;
  }
  table.calendar td h3.today,
  table.calendar th h3.today {
    float: none;
  }
  table.calendar td ul,
  table.calendar th ul {
    margin: 0 0 0 26.66666667%;
    padding: 0;
    display: block;
    font-size: 0.8em;
  }
  table.calendar td span.suffix,
  table.calendar th span.suffix,
  table.calendar td span.day,
  table.calendar th span.day {
    display: inline;
  }
  #courtyard a {
    padding: 80px 10px 10px 10px;
    margin: 10px 0 0;
    background: url(/images/courtyard-logo.png) no-repeat left top;
  }
}
/*=============================================500px=================================*/
@media only screen and (max-width: 500px) {
  #cta_btns ul li {
    float: left;
    width: 100%;
    text-align: left;
    font-weight: 300;
  }
  #cta_btns ul li.in_page {
    width: 100%;
  }
  #cta_btns li a {
    display: block;
    padding: 20px 10px 20px 100px;
  }
  #cta_btns li#ss_cta {
    background: #89bc56 url(../images/portal-icon.png) no-repeat 10px 15px;
  }
  #cta_btns li#prospectus_cta {
    background: #ec007a url(../images/prospectus-icon-home.png) no-repeat 20px 15px;
  }
  #cta_btns li#pc_cta {
    background: #00adee url(../images/parents-icon.png) no-repeat 10px 15px;
  }
  #cta_btns li#apply_cta {
    background: #f78e1e url(../images/apply-icon-home.png) no-repeat 30px 15px;
  }
  #cta_btns li#ss_cta:hover {
    background: #bcd99f url(../images/portal-icon.png) no-repeat 10px 15px;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
  }
  #cta_btns li#prospectus_cta:hover {
    background: #ff53ac url(../images/prospectus-icon-home.png) no-repeat 20px 15px;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
  }
  #cta_btns li#pc_cta:hover {
    background: #55d1ff url(../images/parents-icon.png) no-repeat 10px 15px;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
  }
  #cta_btns li#apply_cta:hover {
    background: #fbbf80 url(../images/apply-icon-home.png) no-repeat 30px 15px;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
  }
  /*course item*/
  #course_footer ul,
  #news_footer ul,
  #student_footer ul {
    padding: 0;
    width: 100%;
    display: block;
  }
  #course_footer li,
  #news_footer li,
  #student_footer li {
    float: none;
    margin: 0;
    padding: 0;
    width: 100%;
    display: block;
  }
  #enrichment_list ul,
  #news_list ul {
    margin: 0;
    padding: 0;
  }
  #enrichment_list li,
  #news_list li {
    margin: 0 10% 30px 0;
    padding: 0;
    list-style: none;
    float: left;
    width: 45%;
    font-size: 1.3125em;
    position: relative;
  }
  #enrichment_list li:nth-child(3n),
  #news_list li:nth-child(3n) {
    margin-right: 10%;
  }
  #enrichment_list ul li:nth-child(3n+1),
  #news_list ul li:nth-child(3n+1) {
    clear: none;
  }
  #enrichment_list li:nth-child(2n),
  #news_list li:nth-child(2n) {
    margin-right: 0;
  }
  #enrichment_list ul li:nth-child(2n+1),
  #news_list ul li:nth-child(2n+1) {
    clear: left;
  }
  #enrichment_list li a,
  #news_list li a {
    display: block;
    text-decoration: none;
    font-weight: 700;
  }
  #enrichment_list li a span,
  #news_list li a span {
    display: block;
    padding: 10px 0 10px 0;
    /*background:url(/images/link-arrow.png) no-repeat center left;*/
  }
  #news_list li a {
    font-weight: normal;
  }
  #course_features #course_feature_block #assessment li strong {
    top: 25%;
    font-size: 2em;
  }
}
/*=============================================360px=================================*/
@media only screen and (max-width: 360px) {
  #main_content #page_feature #block_links .block_btn {
    float: left;
    width: 100%;
  }
  #news_home .news_item_home {
    float: none;
    width: 100%;
    display: block;
  }
  #news_home #news_first {
    margin-right: 0;
  }
  #popular_links li {
    width: 100%;
    display: block;
    border-bottom: 1px solid #ccc;
  }
  #top_nav #contact {
    display: none;
    width: 100%;
    float: none;
  }
  #top_nav #search {
    background: #ededed;
    border: none;
    width: 70%;
    float: left;
    height: 50px;
    margin: 0;
    padding: 10px;
    color: #9891c1;
    font-size: 1.125em;
  }
  #top_nav #search_btn {
    background: #ededed url(../images/search-icon.png) no-repeat center right;
    border: none;
    width: 30% ;
    float: left;
    height: 50px;
    text-indent: -9999em;
  }
  #enrichment_list li,
  #news_list li {
    margin: 0 0 30px 0;
    float: none;
    width: 100%;
    display: block;
  }
  #enrichment_list li:nth-child(3n),
  #news_list li:nth-child(3n) {
    margin-right: 0;
  }
  #enrichment_list ul li:nth-child(3n+1),
  #news_list ul li:nth-child(3n+1) {
    clear: none;
  }
  #enrichment_list li:nth-child(2n),
  #news_list li:nth-child(2n) {
    margin-right: 0;
  }
  #enrichment_list ul li:nth-child(2n+1),
  #news_list ul li:nth-child(2n+1) {
    clear: left;
  }
  #why_choose_rhs #fb_links,
  #why_choose_rhs #tt_links {
    margin: 0;
    padding: 0;
    float: none;
    width: 100%;
    display: block;
  }
  #why_choose_rhs #tt_head {
    margin: 0;
  }
  .grid li {
    margin: 0 0 20px 0;
    padding: 0;
    float: none;
    width: 100%;
    display: block;
  }
  .grid ul li:nth-child(3n) {
    margin-right: 0;
  }
  .grid ul li:nth-child(3n+1) {
    clear: none;
  }
  .grid ul li:nth-child(2n) {
    margin-right: 0;
  }
  .grid ul li:nth-child(2n+1) {
    clear: none;
  }
  /*course-item*/
  #course_features #course_feature_block #assessment li {
    display: block;
    float: none;
    font-size: 1.125em;
    margin: 0 0 20px;
    position: relative;
    text-align: center;
    width: 100%;
  }
  #course_features #course_feature_block #assessment li strong {
    top: 80px;
    font-size: 2.625em;
  }
  .course_search_text {
    width: 77.66990291%;
  }
  .course_search_btn {
    width: 22.33009709%;
  }
  #ba_app.right {
    float: none;
    display: block;
  }
  .footer_logos ul li {
    float: none;
    text-align: center
     		margin: 0;
    padding: 0;
    display: block;
  }
  #popup_overlay #popup {
    text-align: center;
  }
  #survey_btn {
    display: none;
  }
}