﻿@media (max-width:767px){
	body{
		/* background:aqua; */
	}
	
	/***************************************
	** COOKIE
	***************************************/
	
	#cookie { font-size:14px; text-align:center; }
	#cookie input { margin-top:5px; }
	
	/***************************************
	** TOP
	***************************************/
	
	#top { text-align:center; height:auto; } 
	#top li { font-size:15px; padding:0px;  }
	#top li a { display:inline-block; padding:10px 5px; }
	
	/***************************************
	** HEAD
	***************************************/
	
	#head { height:auto; background-image:none; background-position:top right -85px; text-align:center;	}
	#head #head-top { height:auto; margin-bottom:0px; padding-bottom:10px; }
	#head #head-top a img { width:100%; height:auto; /* margin-left:10px;*/ margin-top:5px; max-height:75px; max-width:205px; display:block; }
	#head #head-top #head-strapline {	display:none; padding-top:35px;	}
	#head #head-top #head-mobile { text-align:right; }
	#head #head-top #head-mobile #burger { padding:8px; background:#6f2283; color:#ffffff; display:inline-block; margin-top:25px; /* margin-right:10px; */ }
	#head #head-top #head-mobile #burger:hover { opacity:0.9; }
	#head #head-top #head-mobile #burger div { width:25px; height:3px; background-color:#ffffff; margin:4px 0; transition: 0.4s; }
	#head #head-top #head-mobile #burger.change .bar1 { -webkit-transform:rotate(-45deg) translate(-5px, 6px); transform: rotate(-45deg) translate(-5px, 6px); }
	#head #head-top #head-mobile #burger.change .bar2 { opacity:0; }
	#head #head-top #head-mobile #burger.change .bar3 { -webkit-transform:rotate(45deg) translate(-4px, -5px);  transform:rotate(45deg) translate(-4px, -5px); }

	#head #head-top #head-mobile #search { padding:8px; background:url("../img/search.svg") #6f2283 no-repeat center center; fill:white; color:#ffffff; display:inline-block; margin-top:25px; width:41px; height:41px; background-size:25px 25px; /* margin-right:10px; */ }
	#head #head-top #head-mobile #search:hover { opacity:0.9; }
	#head #head-top #head-mobile #search div { width:25px; height:3px; background-color:#ffffff; margin:4px 0; transition: 0.4s; }
	#head #head-top #head-mobile #search.change { opacity:0.9; background-image:none; }
	#head #head-top #head-mobile #search div { width:25px; height:3px; background-color:#ffffff; margin:4px 0; transition: 0.4s; opacity:0; }
	#head #head-top #head-mobile #search.change .bar1 { -webkit-transform:rotate(-45deg) translate(-5px, 6px); transform: rotate(-45deg) translate(-5px, 6px); opacity:1; }
	#head #head-top #head-mobile #search.change .bar2 { opacity:0; }
	#head #head-top #head-mobile #search.change .bar3 { -webkit-transform:rotate(45deg) translate(-4px, -5px);  transform:rotate(45deg) translate(-4px, -5px); opacity:1; }


	#head #head-btm { height:auto; /* display:none; */ }
	#head #head-btm #sfcMenu { height:auto; display:none; }
	#head #head-btm .w3_megamenu { background:#eeeeee; }
	#head #head-btm .w3_megamenu ul li { display:block; line-height:35px; }
	#head #head-btm .w3_megamenu ul li a { display:block; }
	#head #head-btm .w3_megamenu ul li.open h3 { padding:7px 0px; cursor:pointer; }
	#head #head-btm .w3_megamenu ul li.open ul li ul { display:none; background:#7f3592; padding:5px; }
	#head #head-btm .w3_megamenu ul li.open ul li ul a { background:transparent; padding:2px 0px; }
	#head #head-btm .w3_megamenu .w3_megamenu-fw .dropdown-toggle { background:url("../img/DownArrow.png") no-repeat center right 10px #eeeeee; border-top:1px solid #dddddd; }
	#head #head-btm .w3_megamenu .w3_megamenu-fw .dropdown-toggle:hover { color:#6f2283; background-color:#dddddd; }
	#head #head-btm .w3_megamenu .w3_megamenu-fw.open .dropdown-toggle { background:url("../img/UpArrow.png") no-repeat center right 10px #ad2463; color:#ffffff; }
	#head #head-btm .w3_megamenu .w3_megamenu-fw .dropdown-menu { position:static; left:auto; right:auto; top:auto; float:none; min-width:auto; padding:0px 10px !important; }
	#head #head-btm #head-btm-search { background:#00a0ae; padding:10px; text-align:center;	margin-bottom:5px; display:none; }
	#head #head-btm #head-btm-search .textfield { border:0px; width:175px; }
	#head #head-btm #head-btm-search span {	color:#ffffff; }
	#head #head-btm #head-btm-search .submit { position:static; width:auto;	padding:4px; color:#ffffff; background:#6f2283;	cursor:pointer;	}
	#head #head-btm #head-btm-search .submit:before{ content:"Search"; }
	#head #head-btm #head-btm-search span { }
	#head #head-btm .w3_megamenu h3.title { background:red; background:url("../img/DownWhite.png") no-repeat center right 0px; }
	#head #head-btm .w3_megamenu h3.title.open { background:red; background:url("../img/UpArrow.png") no-repeat center right 0px;  }
	#head #head-btm .w3_megamenu h3.title { -webkit-touch-callout:none;  -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none;  -ms-user-select:none; user-select:none; }

	/***************************************
	** VIEW ALL
	***************************************/
	
	#view-all { font-size:13px; display:none; }
		
	/***************************************
	** SLIDE
	***************************************/
	
	#slide #slide-left { width:100%; height:auto; float:none; }
		#slide #slide-left img { }
	#slide #slide-right { width:100%;	height:auto; float:none; }
		#slide #slide-right .slick-links div {	height:auto; }
		#slide #slide-right .slick-links div h2 { font-size:15px; font-weight:bold; }
		#slide #slide-right .slick-links div p { font-size:15px; line-height:20px; max-height:initial; }
		
	/***************************************
	** TILES
	***************************************/
	
	#tiles { margin-bottom:20px; padding-bottom:20px; }
	#tiles h3 { font-size:15px; }
	#tiles .box .heading { font-size:20px; }
	#tiles .box p { margin-bottom:10px; font-size:14px;	}
	#tiles .box.blog { height:auto; background:#ece5ed; padding:10px; margin-bottom:20px; }
	#tiles .box.blog .image { height:auto;	}
	#tiles .box.blog .image img { width:100%; height:auto; }
	#tiles .box.publications { height:auto; background:#ece5ed; padding:10px; }
	#tiles .box.publications .heading { margin-bottom:15px; }
	#tiles .box.deadlines { height:auto; padding:10px; background:#ece5ed; margin-top:20px; margin-bottom:20px; }
	#tiles .box.deadlines .heading { margin-bottom:15px; }
	#tiles .box.register { padding-bottom:35px; margin-bottom:0px; text-align:center; }
	#tiles .box.register .heading {	background-position:right 20px top 45px; margin-bottom:10px; }
	#tiles .box.social { text-align:center; margin-top:20px; }
	#tiles .box .more { position:static; margin-top:10px; text-align:right; display:block; }
	
	/***************************************
	** SUB MENU
	***************************************/
	
	#content-left { margin-bottom:10px; }
	#content-left .ae_menu { display:none; }
	#content-left #sfcExpandMenu {  border-bottom:0px; padding:15px 10px; cursor:pointer; background:url("../img/DownArrow.png") no-repeat center right 10px; background-color:#e2d3e6; }
	#content-left #sfcExpandMenu.active { background:url("../img/UpArrow.png") no-repeat center right 10px #6f2283; color:#ffffff; }
	
	/***************************************
	** TITLE IMAGE
	***************************************/
	
	#titleImage img { width:100%; height:auto; }
	
	/***************************************
	** RELATED LEFT
	***************************************/
	
	#related-left { padding:0px; }
	#related-left .head { border-bottom:0px; padding:15px 10px; cursor:pointer; background:url("../img/DownArrow.png") no-repeat center right 10px; }
	#related-left .head.active { background:url("../img/UpArrow.png") no-repeat center right 10px #6f2283; color:#ffffff; }
	#related-left .cont { display:none; }
	
	/***************************************
	** REGISTER LEFT
	***************************************/
	
	#register-left { padding:0px; }
	#register-left .heading { background-image:none; padding:0px; margin-bottom:0px; font-size:17px; font-weight:600; }
	#register-left .heading a { display:block; padding:15px 10px; }
	#register-left p { display:none; }
	
	/***************************************
	** BREADCRUMB
	***************************************/
	
	#breadcrumb { margin-bottom:5px; }
	
	/***************************************
	** FOOTER
	***************************************/
	
	#footer { margin-top:20px; text-align:center; height:auto; background:#2f1a45; }
	#footer .footer-left { padding:10px; }
	#footer .footer-right { padding:10px; text-align:center; }
	#footer .footer-right .icons { margin-bottom:15px; }
	
	/***************************************
	** TEXT-FORMAT
	***************************************/
	
	.text-format {}
	.text-format iframe { width:100%; height:250px; }
	
	/***************************************
	** SEARCH RESULTS
	***************************************/
	
	#searchResults { margin-bottom:30px; }
	#searchPanel { margin-bottom:0px; }
	
	
	/***************************************
	** SAVE PAGE
	***************************************/
	
	#savePage { margin-bottom:20px; }
	
	/***************************************
	** SUMMARY
	***************************************/
	
	#content-right .text-format .summary { }
	#content-right .text-format .summary strong { display:block; }
	#content-right .text-format .summary span { padding:0px; }
	#content-right .text-format .summary td { display:block; width:100%; }
	#content-right .text-format .summary td p { margin-bottom:0px; }
	
	/***************************************
	** NEWSLISTING IMAGE
	***************************************/
	
	.newsListing-image img { width:100%; height:auto; max-width:100%; margin-bottom:5px !important; }
	
	/***************************************
	** NEWCONTAINER IMAGE
	***************************************/
	
	.newsContainer .newsContainerLeft { float:none; width:100%; text-align:center; padding-top:10px; }
	.newsContainer .newsContainerRight { float:none; width:100%; text-align:center; }
	.newsContainer .newsContainerRight p { text-align:center !important; margin-bottom:2px !important; font-size:15px !important; }
	
	/***************************************
	** BLOG LISTING
	***************************************/
	
	#blog .item .blog-item-l { width:100%; text-align:left; float:none; font-size:18px; font-weight:700; }
	#blog .item .blog-item-r { width:100%; text-align:left; float:none; border:0px; padding-left:0px; }
	
	/***************************************
	** DEADLINES TAB
	***************************************/
	
	#content-right .text-format #tableTabs a { font-size:14px; padding:10px; display:block; margin-bottom:5px; }
	
	/***************************************
	** DEADLINES LISTING
	***************************************/
	
	.listing { }
	.listing tr { line-height:24px; border-bottom:1px solid #cccccc; }
	.listing tr:nth-child(2n) { background:#ffffff !important; }
	.listing tr.headingRow { display:none; }
	.listing td { display:block; border:0px !important; padding:0px !important; }
	.listing td h3 { margin:0px !important; padding-bottom:5px; margin-bottom:5px; } 
	.listing span.desc { display:none; }

	#blog .item .blog-item-r h2 { line-height:22px; font-size:22px; }
	
	.paging-links { text-align:center; }
	.paging-links strong { padding:3px; display:inline-block; margin-bottom:10px; }
	.paging-links a { padding:3px; display:inline-block; margin-bottom:10px; }
	.paging-links a strong { padding:0px; margin:0px; }

	#share { margin-bottom:15px; }

	#content-right .blog-format img { width:100%; height:auto; }
	
	
}