﻿@media (min-width:768px) and (max-width:991px){
	
	body{
		/* background:yellow; */
	}
	
	/***************************************
	** COOKIE
	***************************************/
	
	#cookie { font-size:14px; }
	
	/***************************************
	** TOP
	***************************************/
	
	#top li { font-size:15px; }
	
	/***************************************
	** HEAD
	***************************************/
	
	#head { height:auto; background-position:top right -85px;	}
	#head #head-top { height:auto; margin-bottom:0px; padding-bottom:10px; }
	#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:10px; background:#6f2283; color:#ffffff; display:inline-block; margin-top:45px; }
	#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-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; }
	#head #head-btm #head-btm-search .textfield { border:0px; }
	#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 { }
	
	/***************************************
	** EXPAND SIDE NAV
	***************************************/
	
	#sfcExpandMenu { display:none; }
	
	/***************************************
	** TITLE IMAGE
	***************************************/
	
	#titleImage img { width:100%; height:auto; }
	
	/***************************************
	** VIEW ALL
	***************************************/
	
	#view-all { font-size:13px; }
		
	/***************************************
	** SLIDE
	***************************************/
	
	#slide #slide-left { width:325px; height:270px; }
		#slide #slide-left img { }
	#slide #slide-right { width:390px;	height:270px; }
		#slide #slide-right .slick-links div {	height:86px; }
		#slide #slide-right .slick-links div h2 { font-size:14px; font-weight:bold; margin-bottom:0px; height:16px; overflow:hidden; margin-top:-5px; }
		#slide #slide-right .slick-links div p { font-size:13px; line-height:17px; }
		
	/***************************************
	** TILES
	***************************************/
	
	#tiles h3 { font-size:15px; }
	#tiles .box .heading { font-size:20px; }
	#tiles .box p { margin-bottom:10px; font-size:14px;	}
	#tiles .box.blog { height:350px; background:#ece5ed; padding:10px; }
	#tiles .box.blog .image { height:auto;	}
	#tiles .box.blog .image img { width:100%; height:auto; }
	#tiles .box.publications { height:350px; background:#ece5ed; padding:10px; }
	#tiles .box.publications .heading { margin-bottom:15px; }
	#tiles .box.deadlines { height:345px; padding:10px; background:#ece5ed; }
	#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; }
	
	/***************************************
	** REGISTER LEFT
	***************************************/
	
	#register-left .heading { background-image:none; }
	
	/***************************************
	** BREADCRUMB
	***************************************/
	
	#breadcrumb { margin-bottom:5px; }
	
	/***************************************
	** TEXT-FORMAT
	***************************************/
	
	.text-format {}
	.text-format iframe { width:100%; height:250px; }
	
	/***************************************
	** SEARCH RESULTS
	***************************************/
	
	#searchResults { margin-bottom:30px; }
	#searchPanel { margin-bottom:30px; }
	
	/***************************************
	** 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; }
	
	/***************************************
	** 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; }

	/***************************************
	** DEADLINES TAB
	***************************************/
	
	#content-right .text-format #tableTabs a { font-size:14px; padding:10px; }

	/***************************************
	** BLOG
	***************************************/

	#blog {}
	#blog .item .blog-item-l {float:none; width:auto; text-align:left; font-size:18px; font-weight:700; }
	#blog .item .blog-item-r { float:none; width:auto; text-align:left; border:0px; padding:0px; }
	#blog .item .blog-item-r h2 { line-height: 22px; font-size: 22px; }
	
}