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

video {
	margin-top:-100px;
}

}

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

video {
	margin-top:-50px;
}

}

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

.video-background { background:url(../images/ripple.jpg) top center no-repeat; background-size:cover} /* load ripple into iPad lanscape */

video {
	margin-top:0px;
}

}

@media screen and (max-width: 900px) {
	
h1 {padding:0 0 0 4%}
	
p {font-size:14px; line-height:22px; color:rgb(100,100,100); margin:0px; padding:0 0 22px 0}

.logo-holder-desktop{width:92%; margin:10px 4%; float:left}
.logo-holder-desktop-left{margin:45px 4% 0 0}
.logo-holder-desktop-left a.title:link, a.title:active, a.title:visited, a.title:hover {font-size:4.5vw; line-height:4.5vw}

.menu-holder{width:92%; margin:0 4% 0 4%; float:left}

a.menu:link{font-size:14px; line-height:14px; padding:13px 0}
a.menu-selected:link{font-size:14px; line-height:14px; padding:13px 0}

.pageholder4-inner{width:92%; margin:0 4%}

.social-holder{width:92%; min-height:auto; margin:25px 4%; float:left}

.headerholder{width:100%}
.headerpagetitle{width:100%; margin-top:395px}

.pagecontainer1{width:92%; margin:0 4%; float:left}

.pagecontainer9{width:85%}
.pagecontainer10{width:15%}
.pagecontainer11{width:20%}
.pagecontainer12{width:80%} .pagecontainer12margintop1{margin-top:1%}

.feescontainer{width:100%}
.feestext1fixedheight1{height:27px} .feestext1fixedheight2{height:41px}
.feestext2fixedheight1{height:27px} .feestext2fixedheight2{height:41px}
.feestext{font-size:14px; line-height:15px}

#courselist > a {font-size:14px; line-height:22px}
#courselist {margin-bottom:22px}
#conferencelist > a {font-size:14px; line-height:22px}
#conferencelist {margin-bottom:22px}

.details {margin:16px 0 0 0}
.details p{padding:0 0 16px 0}
.detailsholder1 {margin:0 0 16px 0}
.detailsholderleft p{padding:0px}
.detailsholderright p{padding:0px}

 .video-background {
	height:550px;
}
video {
	margin-top:0px;
}

/* .contactformcontainer{width:92%; height:215px; margin:50px 4%; float:left} */

.contact1{font-size:28px; line-height:28px}
.contact2{font-size:23px; line-height:23px; padding:0 0 30px 0}
.contact3{font-size:23px; line-height:23px}
.contact4{font-size:14px; line-height:22px}
.contact5{font-size:14px; line-height:14px}


.form-box-1 {
	height:20px;
}
textarea {
	height:100px;
}

.footercontainer{width:92%; min-height:auto; margin:25px 4%; float:left}

.footer-left{ width:100% }
.footer-logo-1{width:16.555555%; margin:0 10px 0 0; float:left}
.footer-logo-2{width:12.333333%; margin:0 10px 0 0; float:left}
.footer-logo-3{width:17.222222%; margin:0px; float:left}
.footer-right{ width:100% }
.footer-copyright{ text-align:left }
.footer-mcg-holder{ float:left }

}


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

.headerpagetitle{margin-top:370px}

.pagecontainer9{width:82%}
.pagecontainer10{width:18%}

}


@media screen and (max-width: 768px) {
	
h1 {font-size:47px; line-height:47px}
	
.logo-holder-desktop-left{margin:40px 4% 0 0}

a.menu:link{font-size:13px; line-height:13px; padding:13px 0}
a.menu-selected:link{font-size:13px; line-height:13px; padding:13px 0}

.headerpagetitle{margin-top:350px}

.pagecontainer12margintop1{margin-top:0}

video {
	display:none
}

.contactphoto img{width:18%}

.contact1{padding:0 0 20px 0}
.contact2{padding:0 0 20px 0}
.contact3{padding:0 0 30px 0}
.contact5{padding:0 0 20px 0}

.map-link{display:block; padding:20px 0 0 0}

}


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

a.menu:link{font-size:11px; line-height:11px; padding:14px 0}
a.menu-selected:link{font-size:11px; line-height:11px; padding:14px 0}

.headerpagetitle{margin-top:330px}

}


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

h1 {font-size:43px; line-height:43px;}

.headerpagetitle{margin-top:310px}

.pagecontainer9{width:80%}
.pagecontainer10{width:20%}

}


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

.headerpagetitle{margin-top:290px}

.pagecontainer11{width:15%} .pagecontainer11margintop1{margin-top:5%}
.pagecontainer12{width:85%} .pagecontainer12margintop1{margin-top:1%}

}


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

h1 {font-size:40px; line-height:40px}
p {font-size:18px; line-height:26px; color:rgb(100,100,100); margin:0px; padding:0 0 26px 0}
	
#menu-trigger{display:block; position:fixed; width:100%; top:0; height:55px; text-align:center; background-color:rgb(97,17,106); z-index:3}
.tab-graphic-holder-1{display:block; width:25%; float:left}
.tab-graphic-holder-2{display:block; width:50%; float:left}
.tab-graphic-holder-3{display:block; width:25%; float:left}
.tab-graphic-1{display:block; width:28px; margin:14px auto 0 auto}
.tab-graphic-2{display:block; width:35px; margin:18px auto 0 auto}

.logo-holder-desktop{display:none}
	
.logo-holder-mobile{display:block; width:92%; margin:0px 4%}
.logo-holder-mobile-left{width:72.5%; margin:30px 4% 0 0; float:left}
.logo-holder-mobile-left a.title:link, a.title:active, a.title:visited, a.title:hover {font-family:galahad-std, sans-serif; font-size:7vw; line-height:7vw; font-weight:400; font-style:normal; color:rgb(255,255,255); text-decoration:none}
.logo-holder-mobile-right{width:23.5%; margin:20px 0 20px 0; float:left}
.logo-holder-mobile-right img{display:block; width:100%}

#mobile-menu{display:none; position:absolute; width:100%; top:55px; height:100%; background-color:rgb(97,17,106); z-index:2}

.menu-holder{width:100%; margin:0px}

.menu-buttons-holder-1{width:100%; margin:0px}
.menu-buttons-holder-2{width:100%; margin:0px}

.menu-button{width:100%; height:60px; margin:0px; text-align:center; background-color:rgb(97,17,106)} .hidden{display:block}
/* .menu-button{width:100%; height:40px; margin:0px; text-align:left; background-color:rgb(97,17,106)} .hidden{display:block} */

a.menu:link{display:block; width:100%; font-size:24px; line-height:24px; font-weight:600; color:rgb(255,255,255); padding:18px 0; background-image:url(../images/menu-button-mobile.jpg); background-repeat: no-repeat; background-size: 100% 100%}
/* a.menu:link{display:block; width:96%; font-size:24px; line-height:24px; font-weight:600; color:rgb(255,255,255); padding:9px 0; background-image:url(../images/menu-button-mobile.jpg); background-repeat: no-repeat; background-size: 100% 100%} */
a.menu:active, a.menu:visited {color:rgb(255,255,255); text-decoration:none}
a.menu:hover {color:rgb(255,255,255); background-image:url(../images/menu-button-mobile-over.jpg)}

a.menu-selected:link{display:block; width:100%; font-size:24px; line-height:24px; font-weight:600; color:rgb(255,255,255); padding:18px 0; background-image:url(../images/menu-button-mobile-over.jpg); background-repeat: no-repeat; background-size: 100% 100%}
/* a.menu-selected:link{display:block; width:96%; font-size:24px; line-height:24px; font-weight:600; color:rgb(255,255,255); padding:9px 0; background-image:url(../images/menu-button-mobile-over.jpg); background-repeat: no-repeat; background-size: 100% 100%} */
a.menu-selected:active, a.menu:visited {color:rgb(255,255,255); text-decoration:none}
a.menu-selected:hover {color:rgb(255,255,255); background-image:url(../images/menu-button-mobile-over.jpg)}

.pageholder1{margin:55px 0 0 0}

.social-icons-holder{float:left}

.headerpagetitle{margin-top:270px}

.pagecontainer2{width:100%}
.pagecontainer3{width:100%}
.pagecontainer4{width:100%; margin:0 0 26px 0}
.pagecontainer5{width:100%}
.pagecontainer6{width:100%; margin:0 0 26px 0} .pagecontainer6 img{margin:0 0 26px 0}
.pagecontainer7{width:100%} .pagecontainer7 img{margin:26px 0 0 0}
.pagecontainer8{width:100%}
.pagecontainer9{width:92%}
.pagecontainer10{width:8%} .pagecontainer10 img{margin:0px}
.pagecontainer11{width:15%} .pagecontainer11margintop1{margin-top:0}
.pagecontainer12{width:85%} .pagecontainer12margintop1{margin-top:3%}

.feestext1fixedheight1{height:29px} .feestext1fixedheight2{height:44px}
.feestext2fixedheight1{height:29px} .feestext2fixedheight2{height:44px}
.feestext{font-size:16px; line-height:17px}

#courselist > a {font-size:18px; line-height:26px}
#courselist {margin-bottom:26px}
#conferencelist > a {font-size:18px; line-height:26px}
#conferencelist {margin-bottom:26px}

.detailsholderleft {width:100%}
.detailsholderright {width:100%; margin-bottom:8px}

.video-background {
	height:800px;
}

.contactformcontainer{float:left}
/* .contactformcontainer{height:auto} */

.contactphoto {margin:70px 0 20px 0}
.contactphoto img{width:25%}

.contact1{font-size:30px; line-height:30px}
.contact2{font-size:25px; line-height:25px}
.contact3{font-size:25px; line-height:25px}
.contact5{display:block; font-size:18px; line-height:18px}

.map-link{display:block; padding:30px 0 30px 0}

.footer-to-top {display:block}
.footer-to-top img{width:4.5%; height:auto}

}


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

h1 {font-size:37px; line-height:37px}

.headerpagetitle{margin-top:240px}

.pagecontainer11{width:15%} .pagecontainer11margintop1{margin-top:0}
.pagecontainer12{width:85%} .pagecontainer12margintop1{margin-top:2%}

}


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

h1 {font-size:35px; line-height:35px}

.menu-button{height:48px}
/* .menu-button{height:35px} */
a.menu:link{font-size:20px; line-height:20px; padding:14px 0}
/* a.menu:link{font-size:20px; line-height:20px; padding:8px 0 7px 4%} */
a.menu-selected:link{font-size:20px; line-height:20px; padding:14px 0}
/* a.menu-selected:link{font-size:20px; line-height:20px; padding:8px 0 7px 4%} */

.headerpagetitle{margin-top:215px}

.pagecontainer9{width:90%}
.pagecontainer10{width:10%}

.contactphoto img{width:27.5%}

.contact1{font-size:36px; line-height:36px; padding:0 0 15px 0}
.contact2{font-size:21px; line-height:21px; padding:0 0 15px 0}
.contact3{font-size:21px; line-height:21px; padding:0 0 15px 0}
.contact4{font-size:16px; line-height:22px}
.contact5{font-size:16px; line-height:16px}

.address-break{display:block}

.map-link{display:block; padding:15px 0 30px 0}

}


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

h1 {font-size:25px; line-height:25px}

.headerpagetitle{margin-top:190px}

.pagecontainer9{width:88%}
.pagecontainer10{width:12%}
.pagecontainer11{width:15%} .pagecontainer11margintop1{margin-top:0}
.pagecontainer12{width:85%} .pagecontainer12margintop1{margin-top:1.5%}

.footer-logo-1{width:34.111111%; margin:0 2% 0 0; float:left}
.footer-logo-2{width:25.666666%; margin:0 2% 0 0; float:left}
.footer-logo-3{width:35.444444%; margin:0px; float:left}

.footer-break-1{display:block}

}


@media screen and (max-width: 430px) {
	
.logo-holder-mobile-left{margin:25px 4% 0 0}

.pagecontainer9{width:80%}
.pagecontainer10{width:20%}

}


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

h1 {font-size:24px; line-height:24px}

.headerpagetitle{margin-top:180px}

.feescontainer{width:99%}
.feestext2{width:21.5%}
.feestext1fixedheight1{height:24px} .feestext1fixedheight2{height:36px}
.feestext2fixedheight1{height:24px} .feestext2fixedheight2{height:36px}
.feestext{font-size:11px; line-height:12px}

}


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

h1 {font-size:23px; line-height:23px}

.headerpagetitle{margin-top:170px}

.pagecontainer10margintop1{margin-top:2.5%}

.pagecontainer11{width:15%} .pagecontainer11margintop1{margin-top:0}
.pagecontainer12{width:85%} .pagecontainer12margintop1{margin-top:0}

.video-background {height:750px}

.contactphoto img{width:30%}

.contact1{font-size:25px; line-height:25px}
.contact2{font-size:20px; line-height:20px}
.contact3{font-size:20px; line-height:20px}
.contact4{font-size:15px; line-height:21px}
.contact5{font-size:15px; line-height:15px}

}


@media screen and (max-width: 320px) {
	
h1 {font-size:22px; line-height:22px}

.logo-holder-mobile-left{margin:20px 4% 0 0}

.headerpagetitle{margin-top:145px}
	
.menu-button{height:32.5px}
a.menu:link{font-size:16px; line-height:16px; padding:7px 0 6px 0}
a.menu-selected:link{font-size:16px; line-height:16px; padding:7px 0 6px 0}

.pagecontainer11{width:20%} .pagecontainer11margintop1{margin-top:0}
.pagecontainer12{width:80%} .pagecontainer12margintop1{margin-top:1.5%}

.contact1{font-size:21px; line-height:21px}
.contact2{font-size:17px; line-height:17px}
.contact3{font-size:17px; line-height:17px}
.contact4{font-size:13px; line-height:19px}
.contact5{font-size:13px; line-height:13px}

}