* {
    box-sizing: border-box;
}

body {
	padding-top: 50px;
	overflow-y: scroll;

	background-color: #9C9C9C;

}

/*NAVBAR*/
/*NAVBAR*/
/*NAVBAR*/

.navbar .container {

	background-color: #DEDEDE;
}

.navbar-default {
	background-color: transparent;	
	border-bottom-width: 0px;
}


.navbar-default .navbar-nav>.active>a {
    color: #FFF;
    background-color: #4A4A4A;
}

#myNavbar .glyphicon-home {

	width: 18px;
	height: 18px;
}

.navbar-nav>li>a {
    line-height: 21px;
}




/*JUMBOTRON*/
/*JUMBOTRON*/
/*JUMBOTRON*/
.jumbotron {
	background-color: transparent;	
	padding-bottom: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
}

.jumbotron h1 {

	color: black;
}

.jumbotron h3 {

	color: white;
}

.jumbotron h5 {
	color: white;
}

.jumbotron .container {
	/*background-color: rgb(139, 140, 164);*/

	background-color: #8B8CA4;
	/*outline: thin solid black;	*/
}

.jumbotron picture img#homeLg:nth-child(3) {
	width: 400px;
	height: 140px;
	margin-top: 20px; 
	
}

.jumbotron img {
	/*border: thin solid black;*/
		margin-top: 10px;

	}

.jumbotron picture img#homeSm:nth-child(4) {
	width: 290px;
	height: 102px;
	margin-top: 20px; 
}

.jumbotron picture img:nth-child(3) {
	width: 290px;
	height: 102px;
	margin-top: 20px; 
}

.jumbotron picture img:nth-child(4) {
	width: 145px;
	height: 51px;
	margin-top: 20px; 
}


#tanyaTitle {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	color: white;
}

#tanyaTitleXS {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 26px;
	color: white;
}

#tanyaTitle span {
	color: black;
}

#tanyaTitleXS span {
	color: black;
}


/*MAIN*/
/*MAIN*/
/*MAIN*/
#main .container {

	background-color: white;
}

#main .row #mainXsImg {

	width: 414px;
	height:81px;
}



#main .container #homeSmTop {
	height: 122px;
}

#main .container #homeLgMdBottom {
	height: 50px;
}

#main .container #homeSmBottom {
	height: 121px;
}



#main .container #aboutSmMdLgBottom {
	height: 50px;
}

#main .container #coursesSmMdLgTop {
	height: 10px;
}

#main .container #coursesSmMdLgBottom {
	height: 18px;
}



#main .container #qualSmMdLgBottom {
	height: 50px;
}



#main .container #affilMdLgBottom {
	height: 50px;
}



#main .container #feesMdLgBottom {
	height: 50px;
}

#main .container #feesSmTop {
	height: 135px;
}

#main .container #feesSmBottom {
	height: 135px;
}



#main .container #contactSmMdLgBottom {
	height: 50px;
}


#mainContent2 {
 	display: flex;
 	flex-direction: column;
 	justify-content: space-around;

	background: rgba(255, 255, 255, 0.95);
	box-shadow: 6px 6px 10px 0 rgba(0, 0, 0, 0.3);
	border: 10px solid rgb(139, 140, 164);
/*	height: 310px;*/

}

#mainContent2 .hiddenCon{
	border: thin solid black;
	visibility: hidden;
}


#mainContent2 h3 {
	margin-top: 10px;
	margin-bottom: 10px;
}




#mainOuter1 {
	padding-right: 0px;
	padding-top: 10px;
	padding-bottom: 10px;

}

#mainOuter2 {
	padding-left: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
}

/*ABOUT*/
/*ABOUT*/
/*ABOUT*/
#aboutOuter1, #aboutOuter2 {
	padding-top: 10px; 
	padding-bottom: 15px;
}


#aboutContent1, #aboutContent2 {
	background: rgba(255, 255, 255, 0.95);
	box-shadow: 4px 6px 10px 0 rgba(0, 0, 0, 0.5), 0 6px 10px 0 rgba(0, 0, 0, 0.3);
	border: 10px solid rgb(139, 140, 164);
	padding: 10px;
	padding-top: 0px;

	display: flex;
	flex-direction: column;
	justify-content: space-around;

}

#aboutContent2 .polaroid {
	box-shadow: 3px 4px 8px 0 rgba(0, 0, 0, 0.3), 0 6px 10px 0 rgba(0, 0, 0, 0.4);
}

#aboutContent2 h4 {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
}



#aboutContent1 .polaroid {
	box-shadow: 3px 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.2);
}

#aboutContent1 #worldMap {
	margin-top: 10px;
	width: 400px;
	height: 271px;
	
}


#aboutContent1 #aboutAozhLogo {
	margin-left: 60px;
	margin-right: 60px;
}

#aboutContent1 div h1:nth-child(1) {
	font-family:  Arial, Helvetica, Simsun ,  "Hiragino Sans GB", "WenQuanYi Micro Hei", "Microsoft YaHei",   sans-serif;
	font-size: 60px;
	padding-top: 10px;
	color: #586073;
}

#aboutContent1 div h1:nth-child(2) {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 40px;
	padding-bottom: 10px;
}

.grad {
	background: linear-gradient(to right, rgba(139, 140, 164, 0.5), white);
}


#aboutContent2 #tanyaImage {
	display: inline-flex;
}

#aboutContent2 #tanyaImage img:nth-child(3) {


	width: 137px;
	height: 172px;
	margin-left: 5px;
	margin-bottom: 5px;
}

#aboutContent2 #tanyaImage img:nth-child(4) {


	width: 69px;
	height: 86px;
	margin-left: 5px;
	margin-bottom: 5px;
}

#aboutContent2 #tanyaImage h3 {
	margin-right: 5px;
	align-self: flex-start;
}



#aboutContent2 #linkedIn h4 {

	display: inline-flex;
	font-family: Arial;
	color: black;
	font-size: 16px;
}


#aboutContent2 #linkedIn a:link h4 {

	color: #1A7CBF;
	
	text-decoration: underline;
	color: black;
}



#aboutContent2 #linkedIn a:visited h4 {
	border: thin solid black;
	color: #491ABF;
	text-decoration: underline;
	color: black;
}

#aboutContent2 #linkedIn a:hover h4 {
	transition-duration: .8s;
	color: black;
	text-shadow: 0 0 3px #4C004C;
	text-decoration: underline;
	color: black;
}

#aboutContent2 #linkedIn a:active h4 {

	transition-duration: 0.3s;
	color: white;
	text-decoration: underline;
	color: black;

}

#aboutContent2 #linkedIn h5 {

	display: inline-flex;
	font-family: Arial;
	color: black;
	/*font-size: 19px;*/
}

#aboutContent2 #linkedIn a:link h5 {
	/*border: thin solid black;*/
	/*color: #1A7CBF;*/
	
	text-decoration: underline;
	/*color: black;*/
}

#aboutContent2 #linkedIn a:visited h5 {
	/*border: thin solid black;*/
	/*color: #1A7CBF;*/
	
	text-decoration: underline;
	/*color: black;*/
}

#aboutContent2 #linkedIn a h3 {
	
}




#aboutContent2 #linkedIn {
	align-self: flex-start;
}

#aboutContent2 #linkedIn img {
	width: 39px;
	height: 28px;
}

#aboutContent2 #googleSearch {
	align-self: center;
}

#aboutContent2 #googleSearch a:link  {

	color: #1A7CBF;
	text-decoration: underline;
}

#aboutContent2 #googleSearch a:visited  {
	color: #491ABF;
	text-decoration: underline;
}

#aboutContent2 #googleSearch a:hover  {
	transition-duration: .8s;
	text-decoration: underline;
	color: black;
	text-shadow: 0 0 3px #4C004C;
}

#aboutContent2 #googleSearch a:active  {
	transition-duration: 0.3s;
	color: white;
	text-decoration: underline;
}

#aboutContent2 #googleSearch a {
	
}

#aboutContent2 .Skype {
	align-self: flex-start;

}

#aboutContent2 .Skype p {
 	display: inline-flex;

}

#aboutContent2 .Skype img {
	width: 28px;
	height: 28px;

}








/*COURSES*/
/*COURSES*/
/*COURSES*/

.panel-body {
	/*border: thin solid black;*/
	padding-top: 0px;
}

.panel-default>.panel-heading {
	background: rgba(245, 245, 245, 0.7);
	padding-top: 5px;
	padding-bottom: 0px;
}



.panel {
	background: rgba(255, 255, 255, 0.95);
	/*border: 10px solid #8B8CA4;*/
	box-shadow: 4px 6px 10px 0 rgba(0, 0, 0, 0.5), 0 6px 10px 0 rgba(0, 0, 0, 0.3);
}



.panel-group .panel+.panel {
	margin-top: 15px;
}

#accordion .panel-title button {
	margin-top: 10px;
}

#courseConInner .panel-group {
/*border: thin solid red;*/
width: 900px;
	margin-top: 20px;
	margin-left: 130px;
	margin-right: 40px;
	margin-bottom: 75px;
}

.panel-default>.panel-heading {
	background: none;
}


/*ENGINEERING*/
/*ENGINEERING*/
/*ENGINEERING*/

#engineeringConInner .panel-group {
/*border: thin solid black;*/
	margin-top: 20px;
	margin-left: 40px;
	margin-right: 40px;
	margin-bottom: 75px;
}

#engineeringConInner a {
	/*border: thin solid black;*/
	padding-left: 7px;
}

#engineeringConInner a:link {
	/*border: thin solid black;*/
	color: black;
}

#engineeringConInner a:visited {
	/*border: thin solid black;*/
	color: black;
}


/*QUALIFICATIONS*/
/*QUALIFICATIONS*/
/*QUALIFICATIONS*/

#qualOuter1 {
	padding-top: 10px; 
	padding-bottom: 15px;
}

#qualInner1 {
	background: rgba(255, 255, 255, 0.95);
	
	padding-left: 10px;
	padding-right: 10px;


	box-shadow: 4px 6px 10px 0 rgba(0, 0, 0, 0.5), 0 6px 10px 0 rgba(0, 0, 0, 0.3);
	border: 10px solid rgb(139, 140, 164);

}

#qualInner1 dl {

	border-bottom: thin solid black;

	padding-left: 0px;
	padding-right: 0px;
}

#qualInner1 dl ul {
	padding-left: 10px;
	margin-bottom: 0px;
}

.spacing {
	word-spacing: 7px;
}

a#invisibleLink:link{
	 color: #333;
	/*border: thin solid black;*/

}

a#invisibleLink:hover{
	color: #333;
	/*border: thin solid black;*/
	text-decoration: none;
}

a#invisibleLink:visited{
	color: #333;
	border: thin solid black;
}

/*AFFILIATIONS*/
/*AFFILIATIONS*/
/*AFFILIATIONS*/
#affiliationsOuter {
	padding-top: 10px;
	padding-bottom: 15px;
	height: 100%;
}






#affiliationsD1, #affiliationsD2 {
	background: rgba(255, 255, 255, 0.9);
	box-shadow: 4px 6px 10px 0 rgba(0, 0, 0, 0.5), 0 6px 10px 0 rgba(0, 0, 0, 0.3);
	border: 10px solid rgb(139, 140, 164);


	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;

	height: 420px;


}

#affiliationsD1 #EnZhClubLg {
	font-family:  Arial, Helvetica, Simsun ,   "Hiragino Sans GB", "WenQuanYi Micro Hei",  "Microsoft YaHei",    sans-serif;
}

#affiliationsD1 #EnZhClubXs {
	font-family:  Arial, Helvetica, "Hiragino Sans GB", "WenQuanYi Micro Hei",  "Microsoft YaHei", Simsun ,    sans-serif;
}

#affiliationsD1 h4 {
	margin-top: 5px;
	margin-bottom: 0px;
	font-weight: bold;
}

#affiliationsD2 h4 {
	margin-top: 5px;
	margin-bottom: 0px;
	font-weight: bold;
}

#affiliationsD1 h6 {
	font-weight: bold;
}



#affiliationsD1 a.affLink:link  {
	color: #1A7CBF;
	text-decoration: underline;
}

#affiliationsD1 a.affLink:visited  {
	border: thin solid black;
	color: #491ABF;
	text-decoration: underline;
}

#affiliationsD1 a.affLink:hover  {

	transition-duration: .8s;
	text-decoration: underline;
	color: black;
	text-shadow: 0 0 3px #4C004C;
}

#affiliationsD1 a.affLink:active  {
	transition-duration: 0.3s;
	color: white;
	text-decoration: underline;
}

#affiliationsD1 a.affLink {
	
}

#affiliationsD2  a.affLink:link  {
	color: #1A7CBF;
	text-decoration: underline;
}

#affiliationsD2 a.affLink:visited  {
	color: #491ABF;
	text-decoration: underline;
}

#affiliationsD2 a.affLink:hover  {

	transition-duration: .8s;
	text-decoration: underline;
	color: black;
	text-shadow: 0 0 3px #4C004C;
}

#affiliationsD2 a.affLink:active  {
	transition-duration: 0.3s;
	color: white;
	text-decoration: underline;
}

#affiliationsD2 a.affLink {
	
}







/*WORKSHOPS*/
/*WORKSHOPS*/
/*WORKSHOPS*/

.glyphicon-arrow-left {
	background-color: white;
	padding: 5px;
	float: left;
}

#tableCell1 {
	/*border: 1px solid red;*/
	width: 20px;
}

#tableCell2 {
	/*border: 1px solid red;*/
	width: 400px;
}

#tableCell3 {
	/*border: 1px solid red;*/
	width: 70px;
}

.tableCell4 {
	/*border-right: thin solid black;*/
	border-bottom: thin solid white;
	width: 25px;
	background-color: white;
}

#tableCell5 {
	/*border: 1px solid red;*/
	width: 20px;
}

#tableCell6 {
	/*border: 1px solid red;*/
	width: 400px;
}

#tableCell7 {
	/*border: 1px solid red;*/
	width: 70px;
}

#tableOne {
	/*border: 1px solid red;*/
	width: 292px;
}

#tableTwo {
	/*border: 1px solid red;*/
	width: 292px;
}

#tableThree {
	/*border: 1px solid red;*/
	width: 292px;
}

#tableFour {
	/*border: 1px solid red;*/
	width: 292px;
}

#hiddenCell {
	/*visibility: hidden;*/
	background-color: grey;
	padding-top: 20px;
	/*border-bottom: thick solid black;*/
}


#ordinal {
	vertical-align: super;
}


table, th, td {
	border: 1px solid black;
	background-color: white;
}

.table {
	/*border: thick solid black;*/

	
}

.table {
	margin-bottom: 0px;
}

.table-responsive {
	/*border: thick solid black;*/
	margin-top: 0px;
	margin-bottom: 0px;

}

.table-bordered {
	border-top: 1px solid black;
    /*border: 1px solid black;*/
}

#tableTop {
	/*border: thin solid red;*/
	margin-top: 30px;
	margin-bottom: 30px;
}

#tableBottom {
	margin-top: 50px;
	/*border: thin solid red;*/
	margin-bottom: 30px;
}

th {
	text-align: center;
}

#feesOuter {
	padding-top: 10px;
	padding-bottom: 15px;

}

#feesD1 {

	display: flex;

	padding-left: 10px;
	padding-right: 10px;
	padding-top: 30px;
	padding-bottom: 30px;

	background: rgba(255, 255, 255, 0.9);
	box-shadow: 4px 6px 10px 0 rgba(0, 0, 0, 0.5), 0 6px 10px 0 rgba(0, 0, 0, 0.3);
	border: 10px solid rgb(139, 140, 164);
}



#feesD1 #fees {
	margin: auto;

	background: rgba(255, 255, 255, 0.7);

	display: flex;
	flex-direction: column;
	align-items: flex-start;

	padding: 5px;

	box-shadow: 3px 5px 8px 0 rgba(0, 0, 0, 0.5), 0 6px 10px 0 rgba(0, 0, 0, 0.3);
}

#feesD1 #fees h2 {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
}

#feesD1 #fees h3 {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
    margin-bottom: 0px;
    margin-top: 0px;
} 


#feesD1 #fees h4 {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	margin-bottom: 0px;
    margin-top: 0px;
}

#feesD1 #fees p {
	color: white;

}





 












/*CONTACT*/
/*CONTACT*/
/*CONTACT*/
#contactOuter {
	padding-top: 10px;
	padding-bottom: 15px;
	height: 100%;
}

#contactD1 address {
	margin-bottom: 10px;
}

#contactD1 address .addrIndent {
	padding-left: 50px;
}

#contactD1 address .addrIndent2 {
	padding-left: 52px;
}

#contactD1 address .hidAddInd {
	visibility: hidden;
}

#contactD1 address .addrIndent3 {
	padding-left: 17px;
}

#contactD1 address img {
	width: 28px;
	height: 28px;
}

#contactD1, #contactD2 {

	display: flex;
	flex-direction: column;
	justify-content: flex-start;

	background: rgba(255, 255, 255, 0.95);
	box-shadow: 4px 6px 10px 0 rgba(0, 0, 0, 0.5), 0 6px 10px 0 rgba(0, 0, 0, 0.3);
	border: 10px solid rgb(139, 140, 164);

	height: 500px;
	padding-top: 5px; 
	padding-left: 20px; 
	padding-right: 20px;
}

#contactD1 {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
}

#contactD2 {
	display: flex;
	flex-direction: column;
	justify-content: center;
}



#map1 {
	box-shadow: 3px 5px 8px 0 rgba(0, 0, 0, 0.5), 0 6px 10px 0 rgba(0, 0, 0, 0.3);
	width: auto;
	height: 390px;
}

#map2 {
	box-shadow: 3px 5px 8px 0 rgba(0, 0, 0, 0.5), 0 6px 10px 0 rgba(0, 0, 0, 0.3);
	width: auto;

}

#contactD1 #aboutAozhLogo {
	margin-top: 10px;
}

#contactD1 #aboutAozhLogo h1 {
	margin-top: 0px;
}

.grad {
	background: linear-gradient(to right, rgba(139, 140, 164, 0.5), white);
}

#contactD1 div h1:nth-child(1) {
	
	font-family:  Arial, Helvetica, Simsun , "Hiragino Sans GB", "WenQuanYi Micro Hei",  "Microsoft YaHei",  sans-serif;
	font-size: 60px;
	padding-top: 10px;
	color: #586073;

}

#contactD1 div h1:nth-child(2) {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 40px;
	padding-bottom: 10px;

}



#contactD1 .Skype img{
	height: 28px;
	width: 28px;
}



#contactD1 address a:link  {
	color: #1A7CBF;
	text-decoration: underline;
}

#contactD1 address a:visited  {

	color: #491ABF;
	text-decoration: underline;
}

#contactD1 address a:hover  {

	transition-duration: .8s;
	text-decoration: underline;
	color: black;
	text-shadow: 0 0 3px #4C004C;
}

#contactD1 address a:active  {
	transition-duration: 0.3s;
	color: white;
	text-decoration: underline;
}

#contactD1 address a {
	
}

.Skype .SkypeFont {
		/*border: thin solid black;*/
		font-size: 17px;
	}




/*FOOTER*/
/*FOOTER*/
/*FOOTER*/



.footer .flex-container {
	/*border: thin solid red;*/
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

#centerCon {
	/*border: thin solid black;*/
	padding-left: 400px;
}

.footer .container {

	padding: 20px;
	background-color: rgb(139, 140, 164);

}

.footer p {
	font-family:  Arial, Helvetica,   "Hiragino Sans GB", "WenQuanYi Micro Hei",  "Microsoft YaHei", Simsun ,   sans-serif;
}

.footer p a:link#chema {

	color: #08103B;
	text-decoration: underline;
}

.footer p a:visited#chema {
		border: thin solid black;
	color: #491ABF;
	text-decoration: underline;
}

.footer p a:hover#chema {
	transition-duration: .8s;
	color: #135E91;
	text-decoration: underline;
}

.footer p a:active#chema {
	transition-duration: .8s;
	color: black;
	text-decoration: underline;
}

.footer p a#chema {
	
}

.EmailFooter a {
	/*border: thin solid black;*/
}

.EmailFooter a:link {
	/*border: thin solid black;*/
	color: black;
}

.EmailFooter a:visited {
	/*border: thin solid black;*/
	color: black;
}

.EmailFooter a:hover {
	/*border: thin solid black;*/
}

.EmailFooter a:active {
	/*border: thin solid black;*/
}


a:link#inv {
	color: #333;
	text-decoration: none;
	cursor: text;
}

a:visited#inv {
	color: #333;
	text-decoration: none;
	cursor: text;
}
a:hover#inv {
	color: #333;
	text-decoration: none;
	cursor: text;
}

a:active#inv {
	color: #333;
	text-decoration: none;
	cursor: text;
}


/*MEDIA QUERIES*/
/*MEDIA QUERIES*/
/*MEDIA QUERIES*/

/*Large*/
@media screen and (min-width: 1200px)  {
	
	#myNavbar li {
		font-size: 16px;
	}


	.navbar-default .navbar-nav>.active>a:hover
	{
		transition-duration: .8s;
		background-color: #636475;
		color: white;
	}

	.navbar-default .navbar-nav>li>a:hover {
		transition-duration: .8s;
		background-color: #636475;
		color: white;
		text-shadow: 0 0 10px #FFFFFF;
	}

	.navbar-default .navbar-nav>li>a:active {
		transition-duration: 0.3s;
		color: black;
		background-color: #8B8CA4;
		text-shadow: 0 0 20px #4C004C;

	}

	.no-webp #main .container {

		background-size: 1170px 801px;
		background-image: url('../../images/1170x801.png');

	}

	.webp #main .container {

		background-size: 1170px 801px;
		background-image: url('../../images/webp/1170x801.webp');
		

	}

	#mainContent2 {
		 /*height: 399px;*/ /***/ /*JW20170427*/
	}

	#aboutContent1, #aboutContent2 {
		height: 625px;
	}


	#aboutContent2 p {
		font-size: 17px;
	}



	#aboutContent2 .Skype p {
	 	font-size: 17px;

	}

	#coursePanel1 .panel-body {
		font-size: 17px;
		padding-top: 5px; 
		padding-bottom: 0px;
	}

	#coursePanel1#coursePanel1  {
		margin-bottom: 10px;
	}

	#qualInner1 dl dd {
		font-size: 14px;
		/*border: thin solid black;*/
	}

	#qualInner1 dl dt {
		font-size: 15px;
	}

	#affiliationsD1 h4 {
		font-size: 20px;
	}

	#affiliationsD1 #EnZhClubLg {
		font-size: 23px;
	}


	#affiliationsD1 #TownsvilleChineseClubCarousel img {
	
		width: 515px;
		height: 311px;
	}

	#affiliationsD2 #iNQCarousel img {

		width: 515px;
		height: 350px;
	}




	#contactD1 address {
		font-size: 17px;
	}

	#contactD1 .Skype p:nth-child(2) {
		padding-left: 0px;
		display: inline;
	 	font-size: 17px;
	}

	#contactD1 .Skype p:nth-child(3) {
		padding-left: 118px;
	 	font-size: 17px;

	}
	
}

/*Medium*/
@media screen and (min-width: 992px) and (max-width: 1199px) {

	.navbar-default .navbar-nav>li>a {
		
	}

	.navbar-default .navbar-nav>.active>a:hover
	{
		transition-duration: .8s;
		background-color: #636475;
		color: white;
	}

	.navbar-default .navbar-nav>li>a:hover {
		transition-duration: .8s;
		background-color: #636475;
		color: white;
		text-shadow: 0 0 10px #FFFFFF;
	}

	.navbar-default .navbar-nav>li>a:active {
		transition-duration: 0.3s;
		color: black;
		background-color: #8B8CA4;
		text-shadow: 0 0 20px #4C004C;

	}
	

	.no-webp #main .container {

		background-size: 1170px 801px;
		background-image: url('../../images/1170x801.png');

	}

	.webp #main .container {

		background-size: 1170px 801px;
		background-image: url('../../images/webp/1170x801.webp');
		

	}



	#aboutContent1, #aboutContent2 {
		height: 650px;
	}


	#aboutContent2 p {
		font-size: 17px;
	}

	#coursePanel1 .panel-body {
		font-size: 17px;
	}

	#coursePanel1 .panel-body {
		font-size: 17px;
		
		padding-top: 5px; 
		padding-bottom: 0px;
	}

	#coursePanel1#coursePanel1  {
		margin-bottom: 10px;
	}

	#qualInner1 dl dd {
		font-size: 14px;
		/*border: thin solid black;*/
	}

	#qualInner1 dl dt {
		/*border: thin solid black;*/
		font-size: 15px;
	}

	#affiliationsD1 h4 {
		font-size: 20px;
	}

	#affiliationsD1 #EnZhClubLg {
		font-size: 23px;
	}

	#affiliationsD1 #TownsvilleChineseClubCarousel img {

		width: 515px;
		height: 311px;
	}


	#affiliationsD2 #iNQCarousel img {

		width: 515px;
		height: 350px;
	}




	#contactD1 address {
		font-size: 17px;
	}

	#contactD1 .Skype img{
	padding-right: 85px;
	}

	#contactD1 .Skype p:nth-child(2) {
		padding-left: 0px;
		display: inline;
	 	font-size: 17px;
	}

	#contactD1 .Skype p:nth-child(3) {

		padding-left: 118px;
	 	font-size: 17px;

	}


}

/*Small*/
@media screen and (min-width: 768px) and (max-width: 991px) {
	
	.navbar-left li a {
		padding-left: 10px;
		padding-right: 10px;
	}

	.navbar-default .navbar-nav>li>a {
/*		border: thin solid red;*/
		font-size: 11px;
	}

	.navbar-default .navbar-nav>.active>a:hover
	{
		background-color: #636475;
		color: white;
	}

	.navbar-default .navbar-nav>li>a:hover {
		background-color: #636475;
		color: white;
		text-shadow: 0 0 10px #FFFFFF;
	}

	.navbar-default .navbar-nav>li>a:active {
		
		color: black;
		background-color: #8B8CA4;
		text-shadow: 0 0 20px #4C004C;

	}
	
	.no-webp #main .container {

/*		border: thin solid blue;*/
		background-size: 1170px 801px;
		background-image: url('../../images/1170x801.png');

	}

	.webp #main .container {

/*		border: thin solid blue;*/
		background-size: 1170px 801px;
		background-image: url('../../images/webp/1170x801.webp');
		

	}

	#mainOuter1 {
		visibility: hidden;
	}

	#mainContent2 {
		border-left: 10px solid rgb(139, 140, 164);
		padding: 10px;
	}


	#mainContent1 {
		padding-top: 5px;
		padding-bottom: 5px;
	}



	#aboutContent1, #aboutContent2 {
		height: 670px;
	}

	#aboutContent2 .Skype {
		align-self: flex-start;

	}

	#aboutContent2 .Skype img {
		width: 28px;
		height: 28px;
	}


	#aboutOuter2 {
		padding-left: 20%; 
		padding-right: 20%;
	}

	#aboutContent2 p {
		font-size: 16px;
	}

	.courseInner {
		height: auto;
	}

	#coursePanel1 .panel-body {
		font-size: 17px;
	}




	#qualInner1 dl dd {
		font-size: 14px;
		/*border: thin solid black;*/
	}

	#qualInner1 dl dt {
		/*border: thin solid black;*/
		font-size: 15px;
	}



	#affiliationsD1 {
		height: auto;
	}

	#affiliationsD1 h4 {
		font-size: 21px;
	}

	#affiliationsD1 #EnZhClubLg {
		font-size: 27px;
	}


	#affiliationsOuter {
		padding-left: 77px; 
		padding-right: 77px;
	}

	#affiliationsD1 #TownsvilleChineseClubCarousel img {

		width: 555px;
		height: 335px;
	}

	#affiliationsD1 #iNQCarousel2 img {

		width: 555px;
		height: 377px;
	}





	#feesOuter {
		padding-left: 10%; 
		padding-right: 10%;
	}

	#feesD1 {
		padding-top: 30px;
		padding-bottom: 30px;
		padding-left: 30px;
		padding-right: 30px;
	}









	#contactOuter {
		padding-left: 10%; 
		padding-right: 10%;
	}

	#contactD1 {
		padding: 10px;
		height: initial;

	}

	#contactD1 address {
		font-size: 19px;
	}

	#contactD1 address.visible-sm {
		margin-bottom: 50px;
	}

	#contactD1 #map2 {
		height: 240px;
	}



	#contactD1 .Skype p:nth-child(2) {
		padding-left: 0px;
		display: inline;
	 	font-size: 17px;
	 	margin-bottom: 0px;
	}	

	#contactD1 .Skype p:nth-child(3) {

		padding-left: 122px;
	 	font-size: 17px;

	}



}

/*Extra Small*/
@media screen and (max-width: 767px) {

	.no-webp #main .container {

/*		border: thin solid blue;*/
		background-size: 1170px 801px;
		background-image: url('../../images/1170x801.png');

	}

	.webp #main .container {

/*		border: thin solid blue;*/
		background-size: 1170px 801px;
		background-image: url('../../images/webp/1170x801.webp');
		

	}

  /* #main .container {
		border: thin solid red;

		background-size: 1170px 801px;
		background-image: url('../../images/1170x801.png');

	}*/

	

	.navbar-default .navbar-nav>li>a {
		
	}

	.navbar-default .navbar-nav>.active>a:hover
	{
		background-color: #636475;
		color: white;
	}

	.navbar-default .navbar-nav>li>a:hover {
		background-color: #636475;
		color: white;
		text-shadow: 0 0 10px #FFFFFF;
	}

	.navbar-default .navbar-nav>li>a:active {
		
		color: black;
		background-color: #8B8CA4;
		text-shadow: 0 0 20px #4C004C;

	}

	.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
    	max-height: 440px;
	}


	.jumbotron img {
		margin-top: 10px;

	}


	#mainOuter2 {
		padding-left: 10px;
		margin-top: 75px;
		margin-bottom: 75px;
	}

	#mainContent2 {
		
		padding-top: 0px;

		height: auto;
	}

	#mainContent2 p {
		margin-bottom: 5px;
	}

	#main .container {
		/*background-image: none;*/
	}






	#aboutContent2 p {
		font-size: inherit;
	}

	#aboutContent2 #tanyaImage {
		padding-top: 5px;
	}


	#aboutContent2 #tanyaImage h4 {
		margin-right: 5px;
		align-self: center;
	}

	#aboutContent2 #linkedIn {
		margin-bottom: 10px;
	}

	#aboutContent2 #linkedIn h3 {
		font-size: 14px;
	}

	#aboutContent2 .Skype img {

		width: 28px;
		height: 28px;
	}

	#aboutContent2 .Skype {
		padding-top: 10px;
		align-self: flex-start;
	}

	#aboutContent2 #linkedIn a:nth-child(2) img  {
		
		width: 39px;
		height: 28px;

	}

	#courseConInner {
		margin-top: 10px;
	}

	#courseConInner .panel-group {
/*border: thin solid black;*/
width: auto;
	margin-top: 20px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 75px;
}




#engineeringConInner .panel-group {
/*border: thin solid black;*/
	margin-top: 20px;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 75px;
}

.col-xs-12 {
	/*border: thin solid red;*/
	padding-left: 5px;
	padding-right: 5px;
}




	#qualOuter1{
		padding-left: 10px;
		padding-right: 10px;
	}

	#qualInner1 dl dd {
		font-size: inherit;
	}

	#qualInner1 dl dt {
		font-size: inherit;
	}

	#qualInner1 dl ul {
		padding-left: 0px;
		margin-bottom: 0px;
	}



	#affiliationsD1{
		border: 5px solid rgb(139, 140, 164);
		padding-left: 5px;
		padding-right: 5px;
		height: auto;

		align-items: initial;

	}

	#affiliationsOuter {
		padding-left: 5px;  
		padding-right: 5px;
	}


	#affiliationsD1 h6 {
		align-self: center;
		margin-top: 6px;
		margin-bottom: 0px;
		font-size: 13px;
		
	}



	#affiliationsD1 #EnZhClubXs {
		font-size: 16px;
	}

	#affiliationsD1 #TownsvilleChineseClubCarousel img {
		width: 342px;
		height: 207px;
	}

	#affiliationsD1 #iNQCarousel2 img {
		width: 330px;
		height: 224px;
	}


	#affiliationsD1 .affLinkCenter{
		align-self: center;

	}








	#feesD1 {
		padding-top: 5px;
		padding-bottom: 5px;
	}






	#contactOuter {
		padding-left: 10px;
		padding-right: 10px;
	}


	#contactD1 {
		padding: 5px;
		height: initial;
	}


	#contactD1 address .addrIndent {
		padding-left: 15px;
	}

	#contactD1 address .addrIndent2 {
		padding-left: 17px;
	}

	#contactD1 address.visible-xs {
		margin-bottom: 15px;
	}

	#contactD1 #map2 {
		height: 200px;
		margin: 5px;
	}

	#contactD1 address .addrIndent3 {
		padding-left: 40px;
	}





	#contactD1 .Skype p:nth-child(2) {
		padding-left: 0px;
		display: inline;
	}

	#contactD1 .Skype p:nth-child(3) {
		padding-left: 70px;
		margin-bottom: 0px;
	}

	#contactD1 .Skype p:nth-child(4) {
		padding-left: 70px;
	}

	.Skype .SkypeFont {
		/*border: thin solid black;*/
		font-size: 15px;
	}

.footer .flex-container {
	/*border: thin solid red;*/
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

}