/*Styles for ipad Portrait*/

@media screen and (max-width: 768px) {


#slideout, .iosSlider, .header-right, .ads, #footer, #breadcrumbs, .top-socials, .twitter, .socials { display: none; }
	
#container { width: 90%; padding: 0px; margin: 0 auto;}
header { width: 100%; padding: 20px 0px 0px 0px; }

.logo { float: none; margin: 0 0 20px 0; text-align: center; }
.logo img { width: 50%; height: auto; text-align: center;}

nav#navigation { clear: both; border-bottom: 0; margin-bottom: 0px; width: 100%; }
nav#navigation ul { display: none; height: auto; width: 100%; }
nav#navigation li { display: block; float: none; width: 100%; background: none; background: #4e093a; font-size: 13px; }
nav#navigation li a { display: block; padding: 0px 2% !important; height: 30px !important; line-height: 30px !important; float: none; width: 96%; border-bottom: 1px solid #64094a !important; background: none !important; color: #FFF; font-size: 14px; }
nav#navigation ul li a:hover,
nav#navigation ul li:hover a { background: #64094a !important; }
nav#navigation a#pull { display: block; background-color: #64094a; width: 96%; position: relative; height: 40px; line-height: 40px; font-size: 14px; padding: 0 0 0 4%; font-weight: bold; color: #FFF;	 }
nav#navigation a#pull:after { content:""; background: url('../image/nav-icon.png') no-repeat; width: 30px; height: 30px; display: inline-block; position: absolute; right: 5px; top: 10px; }

.sub-navigation { width: 99%; }
#show-nav { width: 94%; display: block; padding: 5px 3%; background: #d7d7d7 url(../image/expand.png) 98% 50% no-repeat; font-size: 13px; font-weight: bold; }
.sub-navigation ul#subnavlist { display: none; }
.sub-navigation ul li { width: 100%; }
.sub-navigation ul li a { width: 94%; padding: 5px 3%; }

#job-search input[type=search] { width: 100%; box-sizing: border-box; }
#job-search select { width: 100% !important; }

#left-column { float: none;	width: 100%; clear: both; }
#right-column { float: none; width: 100%; clear: both; }

.colspan1 { width: 100%; margin-right: 0px; margin-bottom: 20px; float: none }
.colspan1 h2 { margin-bottom: 10px; padding-left: 0px; }

.module a { margin-bottom: 10px; padding: 10px; min-height: 0px; text-decoration: none; }
.module a:hover { background: #CCC; }
.module img { float: left; margin: 0 10px 0 0; }
.module h3 { padding: 0px 0px; }
.module p { padding: 0px; margin: 0px; }

.search-sponsor { padding: 20px 0; display: block; text-align: center; }
body.orange .search-sponsor { padding: 20px 0; display: block; text-align: center; }

.page-content { width: 92%; padding: 4%; }
table.awards-table { width: 100%; }
#page-banner { width: 100%; height: auto; }
#page-banner img { width: 100%; }
#page-intro { width: 92%; padding: 4%; }
.member-wrapper { width: 92%; padding: 4%; }
.member { float: left; width: 30%; padding: 0 0 15px 0; }
.member img { width: 100%; height: 100%; }
.member-text { float: right; width: 65%; }
ul.gallery-grid { width: 100%; }
ul.gallery-grid.noaction li { max-width: 48%; width: 48%; padding: 0px; display: block; margin-right: 0px; margin-bottom: 2%; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; background: #03C !important; }
ul.gallery-grid.noaction li:nth-child(2n+2) { float: right; }
ul.gallery-grid.noaction li img { width: 100% !important; height: auto; }

.contact_form ul { width: 100%; }
.contact_form label { width: 100%; float: none; padding: 3px; }
.contact_form input { height: auto; width: 100%; padding: 8px; box-sizing: border-box; margin: 0 0 10px 0; }
.contact_form textarea {padding:8px; width: 100%; resize: none;  box-sizing: border-box;}
.contact_form input.checkbox { width: 10%; margin: 0px 10px 10px 0px !important; }
.contact_form label.cb-label { margin: 0px 10px 10px 0px !important; width: 90%; }
.scottish-info, .graduate-info, .eu-info, .freelance-info { width: 100%; box-sizing: border-box; }

.pagination { width: 100%; box-sizing: border-box; }
.filter { display: none; }
.pager { margin: 0; }

ul.gallery-list li, ul.member-list li { float: left; width: 49%; margin: 0 0px 10px 0; padding: 0px; }
ul.gallery-list li:nth-child(2n+2), ul.member-list li:nth-child(2n+2) { float: right; margin: 0 0px 10px 0; }
ul.gallery-list li .gallery-leader-thumb { width: 100%; height: auto; }
ul.gallery-list li .gallery-leader-thumb img { width: 100% !important; height: auto !important; }

ul.gallery-grid { width: 100%; }
ul.gallery-grid li { max-width: 100%; width: 100%; padding: 0px; display: block; margin-right: 0px; margin-bottom: 2%; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; background: #03C !important; }
ul.gallery-grid li:nth-child(2n+2) { float: right; }
ul.gallery-grid li img { width: 100% !important; height: auto; }

ul.job-list li { width: 100%; margin-bottom: 10px; padding: 20px; box-sizing: border-box; }
ul.job-list li .job-logo { float: left; width: 30%; height: auto; overflow: hidden; position: relative; }
ul.job-list li .job-logo img { width: 100%; height: auto; }
ul.job-list li .job-detail-snippet, ul.job-list li .job-snippet { width: 70%; float: right; position: relative; padding: 0px; box-sizing: border-box; }
ul.job-list li .job-snippet a { display: block; background: none repeat scroll 0% 0% #FFF; padding: 0px 15px 5px; width: 100%; height: auto; box-sizing: border-box; }

ul.job-list li .job-titles { float: none; width: 100%; }

ul.job-list li .job-titles h2 { width: 100%; }
.sub-navigation ul.article-list,
.sub-navigation ul.category-list {
	border-top: 1px solid #c5c5c5;
}

footer { clear: both; background: #660c4b; padding: 3%; width: 94%; color: #FFF; }
footer p { font-size: 11px; line-height: 16px; margin: 0 0 10px 0; }

iframe { width: 100%; height: 300px; }

}




/*Styles for screen 600px and lower*/
@media screen and (max-width: 600px) {
	




}


@media only screen and (max-width : 480px) {
	
#slideout, .iosSlider, .header-right, .ads, #footer, #breadcrumbs, .top-socials, .twitter, .socials { display: none; }
	
.logo img { width: 75%; height: auto; text-align: center;}

.module a { margin-bottom: 10px; padding: 10px; min-height: 0px; text-decoration: none; }
.module img { width: 100% !important; margin: 0 0 10px 0; }


.button-more a { margin-bottom: 20px; }

body.mobile #left-column { float: right !important;}
body.mobile #right-column { float: right !important;}

.member { float: none; width: 100%; padding: 0 0 15px 0; }
.member img { width: auto; height: auto; }
.member-text { float: none; width: 100%; }

ul.job-list li .job-logo { float: none; width: 100%; height: auto; overflow: auto; }
ul.job-list li .job-logo img { width: 100%; height: auto; }
ul.job-list li .job-detail-snippet { width: 100%; float: none; position: relative; padding: 15px 15px 5px 15px; box-sizing: border-box; }
ul.job-list li .job-snippet a { padding: 15px 0px 0px 0px; width: 100%; height: auto; overflow: auto; box-sizing: border-box; }
ul.job-list li.premium .job-snippet a { padding: 15px 0px 0px 0px; width: 100%; height: auto; box-sizing: border-box; }
ul.job-list li#jow.premium .job-snippet a { padding: 15px 0px 0px 0px; width: 100%; height: auto; box-sizing: border-box; }
body.orange ul.job-list li.premium .job-snippet a { padding: 15px 0px 0px 0px; width: 100%; height: auto; }
ul.job-list li .job-titles { float: none; width: 100%; }
ul.job-list li .job-titles h2 { margin: 0 0 5px 0; line-height: 20px; width: 100%; font-size: 18px; }
ul.job-list li .job-detail-snippet, ul.job-list li .job-snippet { width: 100%; float: none; position: relative; padding: 0px; box-sizing: border-box; }

td.hide { display: none; }

#calendar { width: 100%; }
table.calandar { width: 100%; }


ul.gallery-list li, ul.member-list li { float: none; width: 100%; margin: 0 0px 10px 0; }
ul.gallery-list li:nth-child(2n+2), ul.member-list li:nth-child(2n+2) { float: none; margin: 0 0px 10px 0; }
ul.gallery-list li .gallery-leader-thumb { width: 100%; height: auto; }
ul.gallery-list li .gallery-leader-thumb img { width: 100% !important; height: auto !important; }
ul.gallery-list li .gallery-leader-text { width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }

.featured-jobs { display: none; }
ul.job-list li .job-date-alert { display: none; }
ul.job-list li.premium .job-snippet a { padding: 10px; }

ul.event-list li, ul.event-list li a { width: 100%; height: auto; }
ul.event-list li .event-logo { float: none; width: 100%; height: auto; overflow: hidden; }
ul.event-list li .event-logo img { width: 100%; height: auto; }
ul.event-list li .event-snippet { float: none; position: relative; padding: 15px 15px 5px; width: 100%; height: auto; box-sizing: border-box; }
ul.event-list li .event-titles { float: none; width: 100%; }
.news-content img { display: none; }
.article-pagination { width: 100%; }
.article-pagination ul li:nth-child(2) { display: none; }
.article-pagination ul li { float: left; width: 47%; }
.article-pagination ul li:last-child { float: right; width: 47%; }

ul.profile-list a li, ul.profile-list li { width: 100%; }
ul.profile-list li .profile-image { float: none; width: 100%; }
ul.profile-list li .profile-image img { width: 100%; }
ul.profile-list li .profile-snippet { width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; float: none; }
ul.profile-list li .profile-titles { float: none; width: 100%; }
.report-link { float: none; margin: 0 0 10px 0; }

iframe { width: 100%; height: auto; }

.button a, body.orange .button a { padding: 5px 10px 5px 25px; font-size: 14px; line-height: 20px !important; }
.page-content ul.list.twocol li { width: 100%; float: none;  margin-right: 0px; margin-bottom: 2px; }
.page-content ul.list li a { width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 5px 0px 5px 25px; }
.page-content ul.list.twocol li a { width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }

.winners { float: none; width: 100%; }
.winners img { width: 100%; }
.caption { float: none; width: 100%; }


}