footer div.mobileFooter,
div#menuStrip div.topMenu a.mobileRoot,
ul#navmenu-h .mobileOpen,
div.gallery ul li a.link span.mobileImage,
ul#navmenu-h .mobileSubMenu,
div.parentPage div.sons ul li a.link span.imageMobile,
div.personalAreaMobile,
#pageTabs div.tabContent aside.row h2.mobileTitle,
div.gallery ul li a.link span.imageMobile{display:none;}
@media only screen and (max-width: 1500px) {
div#menuStrip div.searchSite{margin-right:0;}
}
@media only screen and (max-width: 1425px) {
div#menuStrip div.searchSite input[type="text"]{width:110px;}
}
@media only screen and (max-width: 1400px) {
#menuStrip .siteLogo{position:absolute; top:4px; right:-4px;width:125px;}
#menuStrip .siteLogo a.link{top:4px;}
#menuStrip .siteLogo a.link.rhombus{background-size: contain !important; background-position: right !important; height:105px;}
#menuStrip .siteLogo a.link span.container{width:auto; height:auto;}
#menuStrip .siteLogo a.link span.container img{width:100%;max-width:none;}
#menuStrip .siteLogo a.link.rhombus span.container img{max-width:90px;; margin-top:15px;position:unset;}

#menuStrip .siteLogo a.link.circle{background-size: contain !important; background-position: right !important; height:105px;
padding-right:15px !important;padding-top:11px !important;}
#menuStrip .siteLogo a.link.circle span.container img{max-width:90px; margin-top:15px;position:unset;}
}
@media only screen and (max-width: 1365px) {
div#menuStrip div.searchSite{position:absolute; top:-60px; left:40px;}
}
@media only screen and (max-width: 1300px) {
ul#navmenu-h a{font-size:18px;}
footer div.footerWrapper{width:90%;}

/*home page*/
#homeBigGallery div.item div.description h2{font-size:70px;}

}

@media only screen and (max-width: 1200px) {
div.innerPageWrapper{width:90%;}

/*content page*/
div.contentPage div.right{width:200px;}
div.contentPage div.left{width:calc(100% - 235px);}
div.gallery ul li{width:calc(33.333333333333% - 26px);}

/*parent page*/
div.parentPage div.sons ul li{width:calc(50% - 40px);}
div.parentPage div.sons ul li a.link span.image{width:200px;}
div.parentPage div.sons ul li a.link span.text{width:calc(100% - 210px);}

div.contentPage .left img{max-width:100%;height:auto !important;}



/*contact page*/
div.contactPage div.center{float:left; margin-bottom:30px; width:310px;}
}

@media only screen and (max-width: 1100px) {
/*content page*/
div.gallery ul li{width:calc(50% - 26px);}
div#search_page div.articlesListWrap{width:100%;}
div#search_page div.singleArticle div.left{width:75%;}
div#search_page div.singleArticle img{max-width:100%;}
div#search_page div.singleArticle div.right{width:20%; margin-left:0;}
}
@media only screen and (max-width: 1060px) {
	/*logo*/
	#menuStrip .siteLogo{position:absolute; top:4px; right:-4px;}
	#menuStrip .siteLogo a.link.rhombus{background-size: contain !important; background-position: right !important; height:105px;}
	#menuStrip .siteLogo a.link span.container{width:auto; height:auto;}
	#menuStrip .siteLogo a.link.rhombus span.container img{max-width:90px; margin-top:15px;}
}
@media only screen and (max-width: 1000px) {
/*parent page*/
div.parentPage div.sons ul li{width:calc(100% - 40px);}
div.parentPage div.sons ul li a.link span.image{width:250px;}
div.parentPage div.sons ul li a.link span.text{width:calc(100% - 270px);}
}

@media only screen and (max-width: 900px) {
/*content page*/
div.gallery ul li{width:calc(100% - 26px); height:280px;}
div#videoGalleryList iframe{height:230px;}
article.innerPage.registrationMinisite{margin:0; padding-top:0;}
article.registrationMinisite div.container{width:100%;}
article.registrationMinisite section{padding-left:5%; padding-right:5%; padding-top:30px; padding-bottom:30px; margin:-20px;}
article.registrationMinisite .linkButton{width:100%; font-size:16px;}
article.registrationMinisite .frame-left{float:none; width:100%;}
article.registrationMinisite .frame-right{float:none; width:100%;}
article.registrationMinisite div.registrationFormGrid{width:100%;}
.grid-stack.grid-registration-form > .grid-stack-item{height:auto;}
article.registrationMinisite h2.subTitle{font-size:25px; margin-bottom:30px;}
.grid-registration-form .parsley-errors-list{position:static;}
}
@media only screen and (max-width: 800px) {
/*gallery list page*/
div.galleryListPage.withMenu{float:none; width:100%;}
header.siteHeader{background:#fff; min-height:0; position:fixed; top:0; right:0; width:100%; z-index:1000; border-bottom:1px solid #CCC;}
header.siteHeader div.center{background:#fff;}
/*#menuStrip .siteLogo{top:16px !important;}*/	
#menuStrip .siteLogo{display:block; float:right; margin:0; height:auto; margin-top:5px; margin-right:5px; width:auto; top:15px; right:auto;}
#menuStrip .siteLogo a.link{position:static; background:none; margin:0; padding:0; width:auto; height:auto;}
#menuStrip .siteLogo a.link span.container{display:block; width:auto; height:auto; margin:0; padding:0;}
#menuStrip .siteLogo a.link span.container img{display:block; max-height:none; height:50px; margin:0; padding:0;width:auto;}
div#menuStrip div.searchSite{display:none;}
#menuStrip .siteLogo a.link.rhombus, #menuStrip .siteLogo a.link.circle{background:none;}
#menuStrip .topMenu{display:block; float:left; min-height:60px; position:static;}
div#menuStrip{min-height:60px;}
div#menuStrip div.topMenu a.mobileRoot{display:block; width:60px; height:60px; background:url(../vendor/images/menu-icon.png) no-repeat center; background-size:30px auto;}
ul#navmenu-h .mobileSubMenu{display:block;}
ul#navmenu-h{position:absolute; top:86px; left:0; width:100%; background:#ccc; height:0px; display:none; overflow:auto;}
ul#navmenu-h.on{display:block; height:auto;}
ul#navmenu-h li{float:none; width:100%; height:auto; display:block; position:relative; border-bottom:1px solid #202557; margin:0;}
ul#navmenu-h a{float:none; width:100%; padding:0; text-align:right; padding-right:20px; color:#3d3d3c; line-height:60px;}
ul#navmenu-h a:hover, ul#navmenu-h li:hover a, ul#navmenu-h li.iehover a, ul#navmenu-h li.on a{color:#202557;}
ul#navmenu-h ul li{display:none; float:none; width:100%;}
ul#navmenu-h li li a{padding-right:40px; font-weight:normal;}
ul#navmenu-h ul{display:block; position:static; width:100%;}
ul#navmenu-h .mobileOpen{display:block; padding:0; width:60px; height:60px !important; background:url(../vendor/images/menu_arrow_bottom.png) no-repeat center; /*background-size:100% auto;*/ position:absolute; left:0px; top:0px;}
ul#navmenu-h .mobileOpen.on{background-image:url(../vendor/images/menu_arrow_top.png);}
ul#navmenu-h li:hover, 
ul#navmenu-h li.on{border-bottom:1px solid #202557;}
ul#navmenu-h li ul{background:none; border:none;}
ul#navmenu-h li li{border-top:1px solid #202557;}
ul#navmenu-h li li a,
ul#navmenu-h li.on li a,
ul#navmenu-h li:hover li a,
ul#navmenu-h li.iehover li a {
	text-align:right;
	float: none;
	width:100%;
	color:#2c2322;
	border-top:none;
	line-height:16px;
	padding-top:16px;
	padding-bottom:16px;
	padding-left:0;
	padding-right:40px;
	background:none;
	font-size:18px;
	font-weight:normal;
}

}

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

div.personalAreaMobile{display:block; float:left;}
div.personalAreaMobile a{display:block; line-height:60px; font-size:18px; font-weight:bold; margin-left:10px;}

footer{position:static;}
footer div.footer-row-1 div.right nav{display:none;}
footer div.footerWrapper div.desktopFooter{display:none;}
footer div.footerWrapper div.mobileFooter{display:block;}


/*home page*/
#homeBigGallery{position:static; margin-top:61px;}
#homeBigGallery div.item div.description{max-width:90%; padding:15px; top:150px !important;}
#homeBigGallery div.item div.description h2{font-size:28px; line-height:30px;}
#homeBigGallery div.item div.description h3{font-size:20px;}

#pageTabs{position:static; min-height:10px; padding-left:0; width:100% !important;}
#pageTabs ul.tabHead{display:none;}
#pageTabs div.tabContent{height:auto; overflow:auto;}
#pageTabs div.tabContent aside.row{position:static; min-height:10px; padding:20px; display:block !important;}
#pageTabs div.tabContent aside.row h2.mobileTitle{display:block; color:#202557; margin-bottom:20px; padding-bottom:10px; border-bottom:1px solid #979696;}
#pageTabs div.tabContent aside.eventList ul{height:auto; border:none;}
#pageTabs div.tabContent aside.eventList ul li span.rowContent{margin:0; float:left;}
#pageTabs div.tabContent aside.projectList ul{height:auto;}

/*innerPage*/
body.innerPageBody{background-position:center top 61px;}
article.innerPage{padding-top:80px;}
div.innerPageWrapper{padding:20px;}
aside.parentMenu{margin-top:0; margin-bottom:30px;}
div#breadcrumbs{margin-bottom:15px;}
div.pageWrapper{padding-bottom:0 !important;}

/*contentPage*/
div.contentPage div.right{float:none; width:100%;}
div.contentPage div.left{float:none; width:100%;}
div.contentPage iframe.topVideo{height:260px;}

/*gallery*/
div.gallery ul li{float:none; width:100%; margin:0; height:auto; margin-bottom:30px;}
div.gallery ul li a.link span.image{display:block;}
div.gallery ul li a.link span.imageMobile{display:block;}
div.gallery ul li a.link span.imageMobile img{display:block; width:100%; height:auto;}
div.gallery ul li a.link span.over{opacity:1; position:static;}
div.gallery ul li a.link span.over span.text{display:block; padding:5px; font-size:16px;}

/*staffPage*/
div.staffPage{padding-bottom:30px;}
div.staffPage div.row1 div.rowRight{float:none; width:100%; margin:0; border:none; padding:0; margin-bottom:25px; padding-bottom:45px; border-bottom:1px solid #d7d7d7}
div.staffPage div.row1 div.rowLeft{float:none; width:100%; margin:0; border:none; padding:0; margin-bottom:25px; padding-bottom:45px; border-bottom:1px solid #d7d7d7}
div.staffPage div.row2{padding:0;}
div.staffPage div.row2 div.boxWrapper{padding:0; margin:0; border:none;}
div.staffPage div.row2 div.staffGalleryFull .col img{margin:0; max-height:none;}
div.staffPage div.row2 div.staffGalleryFull .col{margin:0; margin-bottom:20px;}

/*parentPage*/
div.parentPage div.sons ul{margin:0;}
div.parentPage div.sons ul li{float:none; width:100%; margin:0; height:auto; margin-bottom:30px;}
div.parentPage div.sons ul li a.link span.image{display:none;}
div.parentPage div.sons ul li a.link span.imageMobile{display:block;}
div.parentPage div.sons ul li a.link span.imageMobile img{display:block; width:100%; height:auto;}
div.parentPage div.sons ul li a.link span.text{float:none; width:100%;}
div.parentPage div.sons ul li a.link span.desc{height:auto; overflow:auto;}

/*grid page*/
div.galleryListPage{margin:0;}
.grid-stack > .grid-stack-item{width:100% !important; height:400px; position:relative !important; padding:0; margin:0; margin-bottom:20px;}
.grid-stack > .grid-stack-item > .grid-stack-item-content{position:static !important; width:100%; height:100%; padding:0; margin:0;}
div.galleryListPage .grid-stack-item-content .mask{display:none; padding:0; margin:0;}
div.galleryListPage .grid-stack-item-content h2.title{position:static; padding:0; margin:0; font-size:18px; font-weight:normal; padding:5px;}

/*contactPage*/
div#pageForm form fieldset div.formFields{margin:0;}
div#pageForm form fieldset div.formFields div.field{margin-left:0; margin-right:0;}
div.contactPage div.right{float:none; width:100%;}
div.contactPage div.center{float:none; width:100%;}
div.contactPage div.left{float:none; width:100%;}




#studentArea .home .latestData .box{width:100%;}
#studentArea .studentAreaHead .studentAreaWrapper{padding-left:0; padding-right:0;}
#studentArea .home .topContent{padding-left:0; padding-right:0;}
#studentArea .home .latestData .studentAreaWrapper{padding-left:0; padding-right:0;}
#studentArea .home .areaList{padding-left:0; padding-right:0; padding-top:0;}
#studentArea h1.pageTitle{font-size:24px; padding-left:0; padding-right:0;}
#studentArea .fullText{padding-left:0; padding-right:0;}
#studentArea .activityInnerList{padding-left:0; padding-right:0;}
#studentArea .discussionList .studentAreaWrapper{padding-left:0; padding-right:0;}
#studentArea .learningArea .updatesList .studentAreaWrapper{padding-left:0; padding-right:0;}
#studentArea .activity h1.pageTitle{padding-left:0; padding-right:0;}
#studentArea .activity .info{padding-left:0; padding-right:0;}
#studentArea .activity .answer .studentAreaWrapper{padding-left:0; padding-right:0;}
#studentArea .home .areaList li.list .counts .num{font-size:12px;}
}