/* =======================================================================
Smaller than standard 960 (devices and browsers)
======================================================================= */

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

/* =======================================================================
Tablet Portrait size to standard 960 (devices and browsers)
======================================================================= */

    @media only screen and (min-width: 768px) and (max-width: 959px) {

			.topnav{font-size:13px;}

			.nav-shadow{text-align:center;}
			.nav-shadow img{width:600px; height:auto; }

			.dashboard-icon a{width:125px; height:125px;}
			.sidebar{height:auto; padding:10px;}
			.sidebar li{text-transform: none}
			.sub-nav li a{margin-bottom:5px;}
			#sponsors {margin-top:20px;}

	}

/* =======================================================================
Mobile Landscape Size to Tablet Portrait (devices and browsers);
======================================================================= */


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



		}

/* =======================================================================
 Mobile Portrait Size to Mobile Landscape Size (devices and browsers)
======================================================================= */

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


		/*Logo*/
		.logo {text-align:center;padding-top: 0px;}
		.logo img{width:70%; margin-bottom:10px;}
		.loggedin {margin-top:0px;}
		.loggedin p{margin-bottom:5px;}
		.loggedin.ralign{text-align:left!important;	}


		/*TopNav*/
		.topnav{	font-size: 12px;text-transform: uppercase;text-decoration: none;text-align:left!important; background:#213030!important;}
		.topnav .right {background: #911919!important;}
		.topnav .left, .topnav .right {width:100%!important;margin:0px!important; padding:0px!important;}
		.topnav .left p{margin-top:10px!important; margin-bottom:10px!important; padding:0px!important;margin-left: 10px;}
		.topnav .right p{margin-top:10px!important; margin-bottom:10px!important;text-align:left!important;	margin-left: 10px;}
		.topnav .right {-webkit-border-bottom-right-radius: 0px!important;-moz-border-radius-bottomright: 0px!important;border-bottom-right-radius: 0px!important;padding:0px!important;}

		/*Nav*/
		.menu-collapser {background-color: #bfbfbf!important; color:#213030!important; text-shadow: 0 0px 0 rgba(0,0,0,0.5)!important;}
		.nav-shadow {display:none!important; }
		.collapse-button {background:#213030!important;}
		ul.slimmenu{-moz-border-radius: 0px!important;-webkit-border-radius: 0px!important;border-radius: 0px!important;background: #151E1E!important;	}
		ul.slimmenu li.active-left, ul.slimmenu li.active-left a:hover {-moz-border-radius: 0px!important;-webkit-border-radius: 0px!important;border-radius: 0px!important;}
		ul.slimmenu li a {text-align:left!important; padding:10px!important;}

		/*Breadcrumb*/
		.breadcrumb{padding-top:10px;}

		/*Welcome*/
		.welcome {min-height: 90px!important; overflow:hidden!important;	background-image: none;}
		.welcome-banner {width: 100%;padding-top: 10px;padding-bottom:10px;margin-top: 0px;-webkit-border-top-right-radius: 0px;-webkit-border-bottom-right-radius: 0px;-moz-border-radius-topright: 0px;	-moz-border-radius-bottomright: 0px;border-top-right-radius: 0px;border-bottom-right-radius: 0px;}

		.password {margin-top: 10px;}

		/*Forms*/
		form {margin-top: 10px;margin-bottom: 10px;}
		form.search {margin-top: 10px;margin-bottom: 0px;}

		/*Table Data*/
		.table-data table, thead, tbody, th, td, tr {display: block;}
		.table-data td /* Behave  like a "row" */{border: none;position: relative;width:100%!important;}
		input[type="text"], input[type="username"], input[type="password"], input[type="search"], textarea {width:80%!important;}
		input[type="password"], input[type="username"]{margin-bottom:10px;}
		select {width:70%!important;}
		.table-data p{margin-top:0px; margin-bottom:10px;}
		input[type="button"].add{margin-left:10px; margin-top:10px;}

		/*Dashboard Pages*/
		.sidebar-head h2, .dashboard-head h2 {margin-bottom:10px!important;}
		.sidebar {height: 260px;}
		.sidebar li {border:none;padding-top: 4px;padding-bottom: 4px; font-size:14px;}
		.dashboard-icon a{width:48%!important; padding:0px; margin-right:2%; margin-bottom:2%; padding-top:10px; padding-bottom:10px; float:left; height:110px; font-size:13px;}
		.dashboard-icon.last-element a {margin-right: 2%!important;}
		.dashboard-iconset .clear {clear: none!important;}
		.dashboard-iconset {margin-left:2%;}
		.sub-nav li a{margin-bottom:5px;}
		.add-row{height:auto; padding-bottom:50px;}


		/* Responsive Table Styling */
		.table-wrap table, thead, tbody, th, td, tr {display: block;}
		.table-wrap thead tr /* Hide table headers (but not display: none;, for accessibility) */{position: absolute;top: -9999px;left: -9999px;}
 		.table-wrap tr {border: 1px solid #ccc;}
		.table-wrap td /* Behave  like a "row" */{border: none;border-bottom: 1px solid #eee;position: relative;padding-left: 50%;}
		.table-wrap tr:nth-of-type(odd) {background: #D3D5D5!important;/* Zebra striping */}
 		.table-wrap td:before {position: absolute;/* Now like a table header */top: 6px;/* Top/left values mimic padding */left: 6px;width: 45%;padding-right: 10px;white-space: nowrap;}
		.table-wrap td:nth-of-type(1):before {content: "ID:";/*Label the data*/}
 		.table-wrap td:nth-of-type(2):before {content: "Component:";/*Label the data*/}
 		.table-wrap td:nth-of-type(3):before {content: "Edit:";/*Label the data*/}
 		.table-wrap td:nth-of-type(4):before {content: "Delete:";/*Label the data*/}
		.table-wrap .lalign{text-align:center!important;/* Centers Compotent Column*/}

		/*Sponsors Styles*/
		#sponsors {margin-top:20px;}
		#sponsors .four.columns{width:50%; float:left;}
		#sponsors{padding-top:20px; padding-bottom:20px;}
		#sponsors .icon{margin-bottom:20px; text-align:left;}

		/*Footer Styles*/
		footer p{margin-top:5px; margin-bottom:5px; line-height:12px;}

		/*Global Styles*/
		.breaker {margin-bottom:10px!important; height:10px;}
}