@media screen and (max-width: 767px) {
	textarea{width:100%}
	select{padding:0px !important; width:100% !important}
	
	 h3.progress-form{ font-size:20px}
	.height{
		margin:-5px 0px -10px !important;
	}
	#tabs ul{ padding:10px 10px 0px 5px !important; }
	#tabs a span {
      padding:5px 7px 4px 2px !important;
 	}
	.hide{ display:none }
	#gap-body{margin: 0 !important }
	#gap{margin: 0 !important }
	.nav {
		overflow: -moz-scrollbars-vertical;
		overflow-x: hidden;
		overflow-y: auto;
	}
	table#find tr {padding-bottom:8px; background:#eee}
	table#find td{border:0px !important;background:#eee !important; font-size:13px; font-weight:600}
	table#find {border:0px !important; margin-bottom:15px}
	header{height:90px !important}
	.utility-nav{display:none !important}
	.col-sm-3{margin-top:5px;  }
	#subBanner .text h2{font-size:22px; padding-left:5px !important}
	#subBanner .text h3{ padding-left:5px !important; padding-top:15px; }
	h3{text-transform:uppercase; width:100%; font-size:18px}
	h1{font-size:28px}
	#gridtable{margin-top:3px}

	h2.home{font-size:22px; color:tomato; text-transform:uppercase;}
	.col-lg-3{width:100%; }
	.col-lg-9{width:100%;}
	
	.col-lg-5{width:100%; }
	.col-lg-7{width:100%; }
	
	.logo-back{ padding:10px 5px 10px 10px !important; text-align:left !important}
}
/* make sidebar nav vertical */ 
@media (min-width: 768px) {
  .sidebar-nav .navbar .navbar-collapse {
    padding: 0;
    max-height: none;
  }
  .sidebar-nav .navbar ul {
    float: none;
  }
  .sidebar-nav .navbar ul:not {
    display: block;
  }
  .sidebar-nav .navbar li {
    float: none;
    display: block;
  }
  .sidebar-nav .navbar li a {
    padding-top: 12px;
    padding-bottom: 12px;
  }
}
.banner-img{width:100%; height:90px}

@media only screen and (max-width: 990px) {
    
    /* Force table to not be like tables anymore */
	#no-more-tables table, 
	#no-more-tables thead, 
	#no-more-tables tbody, 
	#no-more-tables th, 
	#no-more-tables td, 
	#no-more-tables tr { 
		display: block; 
		border:0px;
	}
 
	/* Hide table headers (but not display: none;, for accessibility) */
	#no-more-tables thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
 
	#no-more-tables tr { border: 1px solid #ccc; margin-bottom:2px }
 
	#no-more-tables td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 2%; 
		white-space: normal;
		text-align:left;
		height: 30px;
		font-size:13px
	}
 
	#no-more-tables td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 50%; 
		padding-right: 10px; 
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
		
	}
 
	/*
	Label the data
	*/
	#no-more-tables td:before { content: attr(data-title); }

	.right{text-align:right !important}
	#toTop {
		bottom: 5px;
		right: 5px;
		 width: 30px;
		height: 30px;
	 }
	.pad-bottom{margin:0; padding:0}
}