@charset "utf-8";
/* CSS Document */


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


#fav-caption h3{ font-size:2em; }
#fav-caption.favstyle-bg-transparent p{ display:none;}

.Introduction h2, .program h2, .curriculum h2, .professor h2, .souvenir h2{ font-size:3em;}

#fav-caption.favstyle-center{ width:80% !important; height: 30%;}


/** Blog **/

.cols-1 {
	display: block;
	float: left !important;
	margin: 0 !important;
}

.cols-2 .column-1 {
	width:100%;
	float:left;
}

.cols-2 .column-2 {
	width:100%;
	float:right;
	margin:0
}

.cols-3 .column-1 {
	float:left;
	width:100%;
	padding:0px;
	margin-right:0px;

}

.cols-3 .column-2 {
	float:left;
	width:100%;

	padding:0px;
	margin:0px;
}

.cols-3 .column-3 {
	float:right;
	width:100%;
	padding:0px
}
.cols-4 .column-1 {
	float:left;
	width:100%;
	padding:0px;
	margin-right:0px;

}

.cols-4 .column-2 {
	float:left;
	width:100%;
	margin-left:0;
	padding:0px;
	margin:0px;
}

.cols-4 .column-3 {
	float:right;
	width:100%;
	padding:0px
}
.cols-4 .column-4 {
	float:right;
	width:100%;
	padding:0px
}
.items-row {
	overflow: inherit;
	margin-bottom:10px !important;
}

.column-2 {
	width:100%;
	margin-left:40%;
}

.column-3 {
	 width:100%
}

.blog-more {
	padding:0px
}
























}

@media screen and (max-width: 750px) {
.head-page{ position: relative; background:#17468c; width:100%; z-index:10; padding:0px; padding-top:5px; padding-bottom:5px;}
.f-nav{ z-index: 9999; position: relative; top: 0; width: 100%; background:#17468c;  }	
#fav-caption h3{ font-size:1.2em; }
#fav-caption.favstyle-center{ width:100% !important; height: 30%;}

.gkTabsNav li{ width:100%;}
}