/* Large Tablet Devices ----------- */
@media only screen and (max-width: 979px) {
footer{padding-bottom: 50px;}
}

@media only screen
and (max-width : 960px) {
	html, body{
		-webkit-touch-callout: none;
		-webkit-user-select: none; /* Webkit */
		-moz-user-select: none;    /* Firefox */
		-ms-user-select: none;     /* IE 10  */
	}
	.wrapper {width: auto;max-width: 100%;}

	header {height: 170px;padding: 15px 10px;}
		.headleft img{padding: 28px 0 0 0;margin: 0 0 0 0;}

	.headright {padding: 33px 0 0 0;}

	nav {height: auto;margin:0 auto !important;padding: 8px;background: #1372cf;}
	nav span {display: block;}
	nav ul li {width: 31%;margin: 3px;}
	nav ul li:after {content: "";}
	nav ul li a{width: 100%;line-height: 40px;padding: 0;margin: 0;border: 1px solid #16a2dc;}

	nav ul ul{width:100% !important;left:0 !important; top:100%!important; background:#7aaddc;padding: 4px !important;}
	nav ul ul li{margin:0px !important; padding: 0 !important; background:none; }
	nav ul ul li a{margin:0 !important;border-bottom: 1px solid #2b8ae6 !important;border-top: none !important;border-left: none !important;border-right: none !important;}
	nav ul ul li:first-child:before {content: "";}
	nav ul ul li:last-child a{border-bottom: none !important;border-top: none !important;border-left: none !important;border-right: none !important;}
	nav ul ul ul{margin:0 !important; padding:0!important; position:relative; }

	.banner {height: auto;background: url(../images/banner-bg.png) no-repeat center top;background-size: cover;padding: 10px 20px;}

	.flash {height: auto;padding: 10px;float: none;margin: 0 auto;}
	.rslides {display: block;}
	.box_skitter_large {display: none;}

	.ban-det {position: relative;top: 0;right: 0;text-align: center;}
		.ban-det h3 {padding: 20px 0;line-height: 49px;}

	.announcements {width: auto;margin: 0 0;min-height: auto;padding: 10px;}
		.annouce-texts {width: auto;min-height: auto;padding: 10px;text-align: center;}

	.annouce-texts ul{text-align: center;}
	.annouce-texts ul li {text-align: center;display: inline-block;margin: 3px;}
	.annouce-texts a {margin: 20px auto 0;}

	.mid {margin: 0 auto 0;padding: 10px 0;}
		.middle-boxes {height: auto;background: none !important;margin: 10px !important;}
		.middle-boxes:hover .middle-texts{margin:0 auto;}

	.main{margin: 15px auto 0;}
	.main-left-column {width: auto;float: none;}
		.contents{padding: 0 20px;min-height: auto !important;}
		.contents:after{content: "";}

	.main-right-column{width: auto;float: none;padding: 15px 20px 0;}
		.events {background: #004487;width: auto;min-height: auto;margin: 0 0 0 0;padding: 15px;}
		.events p{min-height: 71px;}

	.main-bottom {margin: 10px auto 0;}
	.mainbot-right {float: none;width: auto;}
		.xtra-lnks {text-align: center;}
			.xtra-lnks a {display: inline-block;vertical-align: top;text-align: left;margin: 3px;}

	.mainbot-left {float: none;width: auto;height: 347px;padding: 15px 20px;}
		.mainbot-left iframe{display: block;width: auto;height: 347px;}
		.mainbot-left a{display: block;text-decoration: none;background: url(images/map-btn.png) no-repeat center top;width: 102px;line-height: 33px;font-size: 14px;color: #fff;text-align: center;position: absolute;bottom: 14px;right: 16px;}
		.mainbot-left a:hover {background-position: center bottom;color: #fff;}

	.tablenobr tr{ border-bottom: 1px solid #bbb !important; }

	.bottom {height: auto;margin: 30px auto 0 !important;background: url(../images/bottom-bg.png) no-repeat center top;padding: 10px 20px;background-size: cover;}
	.bottom-container {text-align: center;padding: 0;}
	.bottom-container img{display: none;}

	.bottom-boxes {display: block;text-align: center;width: auto;margin: 15px 0 !important;}

	.contacts ul {margin: 20px 0 0 0;}
	.contacts ul li{display: inline-block;vertical-align: top;margin: 10px 20px;text-align: left;}

	.forms form input{width: 80%;margin: 5px auto;}
	.forms form .submit{margin: 12px auto 0;}

	footer {height: auto;padding: 12px 0 10px 0;padding-bottom: 50px;}
	footer ul li{width: 31%;margin: 3px;}
	footer ul li a{margin: 0;width: auto;}

}

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

	header {height: auto;}
	.headleft {float: none;}
	.headleft img{padding: 15px 0 0 0;margin: 0 auto 0;max-width: 100%;}

	.headright {padding: 15px 0 0 0;float: none;text-align: center;}
	.headright p{top: 0;}

	.socials {text-align: center;}

}

@media only screen
and (max-width : 800px) {
	.slider { margin-top: 30px !important; }

}

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

	.contacts ul li{display: block;text-align: center;}
/* 	.nav-menu .fa{display:none!important;} */

}

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

	nav ul li {width: 46%;}
	.col3 {-webkit-column-count: 2;-moz-column-count: 2;column-count: 2;}

	.flash {width: auto;}
	.rslides img {margin: 0 auto;display: block;}

	footer ul li{width: 46%;}

}

/* Table Devices */
@media only screen
and (max-width : 600px) {

	.thumb-left, .thumb-right, .thumb-center{display: none;}
	.flash {display: none;}
	.nav-toggle-button,
	nav li,
	nav li span{ display: block; }
	.calendar { width: 100%; overflow-x: scroll !important; }
	table.calendar-table { width: 562px !important; }

	nav{
		display: none;
	}

	nav ul{
		margin: 0;
		padding: 0;
	}

	nav ul li{
		width: 100%;
		display: block;
		margin: 3px 0;
	}

	nav li a{
		padding: 10px 0;
	}

	/* Nth Drop Down */
	nav ul ul{
		position: relative;
	}

	nav ul ul li a{
		width: auto;
	}

	.faculty .faculty-members{display: block;}
	.faculty .faculty-members figure{text-align: center;}
	.faculty .faculty-members div{border-left: 0; border-top: 1px solid #1071CF; min-height: 0;}
}

/* Smartphones */
@media only screen
and (max-width : 500px) {

	.col2 {-webkit-column-count: 1;-moz-column-count: 1;column-count: 1;}
	.col3 {-webkit-column-count: 1;-moz-column-count: 1;column-count: 1;}

	footer {padding: 12px 20px 10px;padding-bottom: 60px;}
	.forms form input{width: 100%;}

	footer ul li{width: 100%;margin: 3px 0;}

}

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

	.xtra-lnks a {width: auto;display: block;text-align: center;padding: 8px 0 0 0;margin: 3px 20px;}
	.xtra-lnks a span {margin: 0 !important;padding: 0!important;}
	.xtra-lnks a:before {content: "" !important;}
	.events p{font-size: 16px;}
}

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

	.ban-det h3 {font-size: 14vw;}
	.mobi3{display:none;}
	.mobi4{display:block;}

}
@media only screen
and (max-width : 380px) {
	.mobi{display:none;}
	.mobi2{display:block;}
}