body{background: transparent url("/Achieveit/Images/bg-cover.jpg") no-repeat 0 0; background-size: cover;}
#wrapper{background:none; }

#pageToolsTab{display:none;}
.sys_fullWidth #content {width: 960px; padding:0;}

#pageTitle h1{color: #18194f;}

#homepageimagewrapper {display: block; margin-bottom: 1em; position: relative; width: 100%;}

#homepageimagewrapper img.sys_bannerImage{width: 100%; height: auto;}

#homepageimagewrapper .searchcontainer {margin-top: 14px;
    background-color: #000;
    display: block; 
    padding: 20px 10px;}

#homepageimagewrapper .sys_search-query-control{margin: 0;}
#homepageimagewrapper .sys_search-query-control input{width: 800px; margin: 0px 10px 0px 0px; font-size: 1.51em; padding: 18px 10px;border:none;}
#homepageimagewrapper .sys_search-query-control .sys_button {margin: 0; border-radius:0px; cursor:pointer; background-color: #007ca7; color: #fff; padding: 15px 8px; width:auto; display:inline-block; border: 2px solid transparent;}
#homepageimagewrapper .sys_search-query-control .sys_button:hover {background-color:transparent; border-color: #fff; color:#fff;}
     
.homepageCTAwrapper{margin-bottom: 0; margin-top: 1em;}

.homepageCTAwrapper .sys_fourColumns .sys_one,
.homepageCTAwrapper .sys_fourColumns .sys_two,
.homepageCTAwrapper .sys_fourColumns .sys_three,
.homepageCTAwrapper .sys_fourColumns .sys_four{border:none; padding: 0; margin-right: 10px; width: 24.2095%;}
.homepageCTAwrapper .sys_fourColumns .sys_four{margin-right: 0;}


.homepageCTAwrapper .sys_fourColumns a.ugStudyCTA{background-color: #007ca7; font-size: 1.5em; padding: 34px 80px 34px 10px;}

.homepageCTAwrapper p{margin: 0;}
.homepageCTAwrapper a span{display:block; height: 0;}

.homepageCTAwrapper a.ugStudyCTA{text-align:left; background-repeat:no-repeat; margin-bottom: 4px;background-image: url("/siteelements/images/prospectus/course-icons-new/bg-icon-white-trans-arrow-right.png"); display:block; text-decoration:none; color: #fff; background-color: #1a296b; font-size: 1.8em; line-height: 1.1em; padding: 34px 66px 34px 10px; background-position: 94% 50%;}
.homepageCTAwrapper a.ugStudyCTA:hover{text-decoration:none; color: #fff; background-color: #18194f;}
.homepageCTAwrapper a.ugStudyCTA.ugStudyEnquiry{background-image: url("/siteelements/images/prospectus/course-icons-new/bg-icon-white-trans-enquiry.png");}
.homepageCTAwrapper a.ugStudyCTA.ugStudyMortarboard{background-image: url("/siteelements/images/prospectus/course-icons-new/bg-icon-white-trans-mortarboard.png");}

#socialMediaIcons{position: absolute; top: 20px; right: 20px; z-index: 300;}
#socialMediaIcons img{margin-left: 6px; height: 28px; width: auto;}


#wrapper .sys_banner-wrapper {background: #000;}




/* ***** MOBILE STYLES ***** */
@media only screen and (max-width: 967px) {  
#homepageimagewrapper {height: auto;}
#homepageimagewrapper .searchcontainer {position:relative; width: auto; left: 0; right: 0;}
#homepageimagewrapper .sys_search-query-control input {width: 74%;}
#homepageimagewrapper .sys_search-query-control .sys_button {width: 12%}
  
.sys_threeColumns .sys_one, 
.sys_threeColumns .sys_two, 
.sys_threeColumns .sys_three {margin-bottom: 14px; margin-left: 0; width: 32.38%;}
  
.homepageCTAwrapper .sys_fourColumns .sys_one,
.homepageCTAwrapper .sys_fourColumns .sys_two,
.homepageCTAwrapper .sys_fourColumns .sys_three,
.homepageCTAwrapper .sys_fourColumns .sys_four{margin-bottom: 14px; margin-left: 0; width: 23.9165%;}
  
.homepageCTAwrapper .sys_fourColumns a.ugStudyCTA{margin-bottom: 0;background-size: 34px; padding: 24px 50px 24px 10px;}



}

@media screen and (max-width: 767px) {
#homepageimagewrapper {float: left; height: 100%;}
#homepageimagewrapper .searchcontainer {top: 0;}
#homepageimagewrapper .sys_search-query-control input {font-size: inherit; width: 70%; margin: 20px 0;}
#homepageimagewrapper .sys_search-query-control .sys_button {width: auto; margin: 20px 10px;}
a span {display: inline;}
#socialMediaIcons{top: 10px; right: 10px; bottom: auto;}
  
.homepageCTAwrapper .sys_fourColumns a.ugStudyCTA{background-size: 34px; padding: 20px 50px 20px 10px;}
.homepageCTAwrapper .sys_fourColumns a.ugStudyCTA span{display:none;}


}



@media only screen and (max-width: 479px) {
#homepageimagewrapper .sys_search-query-control input {width: 87%; margin-bottom: 0;}
#homepageimagewrapper .sys_search-query-control input.sys_button {width: 91% ; margin-bottom: 10px;}
#socialMediaIcons{position: relative; top: 0; right: 0; display:block; background: #005597; padding: 6px;}

}