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

	.wysibb .wysibb-toolbar
	{
		max-height: 300px;
	}

}

@media screen and (max-width:767px){
	body > #wrap {
		margin-top: 57px;
	}

	.modal-body, .schedules-list
	{
		overflow: auto;
	}

	.ToolBar
	{
		width: 100% !important ;
	}

	h1 ,.h1
	{
		font-size:26px;
	}
	.breadcrumb {
		padding-left: 25px;
	}
	.homepage-block h3, .homepage-block h2, .homepage-block h4, .homepage-block p {
		text-align: center;
		display: block;
	}
	.homepage-block h2 {
		font-size: 32px;
		margin-top: 0;
	}
	.btn {
		margin: 1em auto 0 !important;
		text-align: center !important;
		display: table;
	}
	.newsletter .btn, .input-group .btn {
		margin: 0 auto !important;
	}
	.spotlights-item {
		margin-bottom: 1em;
	}
	.spotlights-item a {
		width: 100%;
		text-align: center;
		display: inline-block;
	}
	.spotlights-item a img {
		margin: 0 auto;
		max-width: 294px;
	}
	.homepage-block.image-fixed-height {
		background-image: none !important;
		height: auto;
	}
	footer, .credit {
		text-align: center;
	}
	.footer-icon {
		width: 100%;
		background-repeat: no-repeat;
	}
	.awa-fb .footer-icon {
		background-position: center top;
	}
	.wow-fb .footer-icon {
		background-position: center -34px;
	}
	.awa-yt .footer-icon {
		background-position: center -68px;
	}
	.xs-pull-left {
		float: left;
	}
	.xs-pull-right {
		float: right;
	}
	footer ul {
		text-align: left;
		margin: 0;
	}
	footer .footer-nav img {
		margin-top: 20px;
		display: block;
	}
	#homepage-carousel {
		padding-bottom: 164px;
		min-height: 340px;
	}
	#homepage-carousel, #homepage-carousel .item img {
	  	width:100%;
	}
	#homepage-carousel .carousel-inner>.item>img {
		height: 320px;
		width: auto;
		max-width: none !important;
		position: relative;
		left: -25%;
	}
	.carousel-indicators {
		bottom: 0;
	}
	.carousel-indicators a {
		background-color: #eee;
		border-bottom: 1px solid #fff;
	}
	.carousel-indicators a.active {
		width: auto;
	}
	.carousel-caption {
		width: 100%;
		top: 0;
		left: 0;
		margin-left: 0;
		text-align: center;
		padding-left: 15px;
		padding-right: 15px;
	}
	.carousel-caption h1 {
		font-size: 24px;
		font-weight: 700;
		margin-top: 0;
	}
	.carousel-caption h2 {
		width: 100%;
		margin-left: 0;
		font-size: 16px;
		padding: 0 30px;
	}
	.navbar-default .navbar-toggle .icon-bar {
		background-color: #0D3192;
		height: 3px;
	}
	.navbar-default .navbar-toggle {
		border-color: #0D3192;
		z-index: 100;
	}
	header, header.stuck {
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 1000;
		background-color: #fff;
		margin-top: 0;
	}
	header.stuck .top-logo img {
		margin-top: 0;
		position: static;
		bottom: auto;
	}
	.top-logo {
		margin: 5px auto;
		display: inline-block;
		width: auto;
		height: auto;
		
	}
	.logo-link {
		width: 100%;
		text-align: center;
	}
	.logo-link .top-logo img {
		height: 40px;
	}
	.top-nav-item, #msMiniCart {
		display: none;
	}
	.xs-absolute {
		position: absolute;
		width: 100%;
		z-index: 1;
	}
	#sb-search {
		margin-right: -15px;
		max-width: 300px;
		margin-top: 8px;
	}
	.sb-search-input {
		z-index: 100;
	}
	.sb-search .glyphicon-search {
		z-index: 101;
	}
	.main-nav {
		margin-top: 0;
	}
	.navbar-toggle {
		float: left;
		margin-left: 15px;
	}
	.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
		background-color: #fff;
	}
	.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>li>a.active {
		color: #000;
	}
	.horizontal-submenu ul li {
		display: block;
		width: 100%;
	}
	#menu {
		position: fixed;
	    left: -100%; /*left or right and the width of your navigation panel*/
	    width: 100%; /*should match the above value*/
	    display: block;
	    background-color: #CE4038;
	    margin-left: 0;
	    z-index: 200;
	    height: 100%;
	    padding-top: 5px;
	    padding-left: 0;
	    padding-right: 0;
	    max-height: none;
	    overflow-x: hidden;
	    overflow-y: scroll;
	}
	#menu > div >* {
		padding-left: 15px;
		padding-right: 15px;
	}
	button.close {
		font-size: 40px;
		margin-top: 0px;
		margin-right: -5px;
	}
	.top-nav-item-mini {
		color: #fff;
		font-weight: 700;
		display: block;
		width: 100%;
		font-size: 14px;
		padding-top: 5px;
	}
	.top-nav-item-mini.red {
		text-decoration: none;
	}
	#menu #msMiniCart {
		display: block;
		color: #fff;
		width: 100%;
		border-bottom: 1px solid rgba(255,255,255,0.5);
	}
	#menu .navbar-nav {
		float: left;
		padding-right: 0;
		padding-left: 0;
		width: 100%;
		margin: 0;
	}
	#menu .navbar-nav>li {
		border-bottom: 1px solid rgba(255,255,255,0.5);
		padding-top: 5px;
		float: left;
		width: 100%;
	}
	#menu .navbar-nav>li>a {
		line-height: 15px;
		padding-bottom: 13px;
	}
	#menu .navbar-nav>li>a:hover {
		color: #000;
	}
	.container>.navbar-header {
		position: relative;
		z-index: 10;
	}
	#menu ul.nav li.dropdown> .dropdown-menu {
		display: block;
		position: static;
		border-top: 0;
	}
	#menu .dropdown-menu div, #menu .dropdown-menu ul {
		background-color: #CE4038;
		padding-top:0;
		min-height: 0;
	}
	#menu .dropdown-menu div, #menu .dropdown-menu ul a, .horizontal-submenu ul li a {
		font-weight: 400;
		color: #fff;
		font-size: 14px;
		display: block;
		line-height: 18px;
		padding-top: 5px; 
		padding-bottom: 5px;
		text-align: left;
	}
	.horizontal-submenu {
		position: static;
	}
	.horizontal-submenu>ul {
		padding-bottom: 15px;
	}
	#menu .menu-dropdown-wrapper .menu-dropdown-wrapper {
		display: none ;
	}
	#menu ul.nav li.dropdown> .dropdown-menu .menu-callout-item {
		display: none;
	}
	.navbar-default.redbar {
		border-bottom-width: 4px;
	}
	.overview-item {
		text-align: center;
		width: 90%;
		float: left;
		clear: both;
		margin-left: 5%;
	}
	.overview-item img {
		margin: 0 auto;
	}
	.banner-image {
		background-size: cover;
		background-position: center top !important;
	}
	.banner-image h1 {
		font-size: 38px;
	}
	.office_staff div.col-sm-6
	{
		padding-left:15px !important;
	}

	.volunteer-overview .nav-tabs li.col-sm-4
	{
		width: 100%;
	}

	div.banner-image.container
	{
		height:200px !important;
	}

	.donation-form-payment .select2-container
	{
		display: block;clear:both;
		margin-bottom: 15px;
	}

	.modal button.close {
		right: 17px;
	}
	.modal-body .media-body .btn {
		margin-top: 1em !important;
	}
	img.media-object {
		margin-left: auto;
		margin-right: auto;
	}
	.text-content.row {
		padding: 0 30px;
	}
	.grid-wrapper {width: 100%;
	}
	.detail-list strong {
		width: 100%
	}
	.filter-event {
		position: relative;
		left: 50%;
		margin-left: -110px;
		width: 220px;
	}
	.twbs3 {
		display: none;
	}
	span.twitter-typeahead, #as0_advsea-search, #as216_advsea-search {
		width: 100% !important;
	}

	#grid-container .item.w2
	{
		width: 140px;
		height:140px;
	}

	.awamagazine-template .btn-group.select button.dropdown-toggle
	{
		top:1px;
	}

	.tablelist
	{
		min-width: inherit !important;
	}

	.forum.tablelist td::before
	{
		display:none;
	}
	.tablelist.forum thead th
	{
		display: none;
	}
	.tablelist.forum tbody tr , .member-directory-template .tablelist tbody tr 
	{
		display: block;
		padding:10px;
	}
	.tablelist.forum tbody td 
	{
		display: none;
	}
	.tablelist.forum tbody td:first-child,.tablelist.forum thead th:first-child
	{
		display: block;
	}

	#mt_cf_conversationReply .mt_postContent .mt_info h3
	{
		font-size:17px !important;
		top:-25px;
	}

	.cart_item__heading
	{
		width: 100%;
		display:block;
		border-top:1px solid #ddd !important;
		margin-top:5px;
		padding-top:10px !important;
		margin-bottom: 0 !important;

	}
	#msCart .panel th, #msCart .panel td
	{
		text-align: left;
		padding-left: 0;
		display:block;
		width:100%;
		border-top: 0;
		margin-bottom: 10px;
		padding:0;
	}

	#msCart div.cart-item__control
	{
		overflow: hidden;
		margin-bottom: 40px;
	}

	#msCart div.cart-item__control .btn-default.btn-light-gray
	{
		float: left;
	}
	
	.ms2-message-success
	{
		background: white !important;
		opacity: 1 !important;
		border-radius: 0px !important;
		border: 1px #D04037 solid;
		color: #333;
		max-width: 450px !important;
		padding:  60px 30px 30px !important;
		min-height: 200px !important;
		margin:0 auto !important;
		width:70% !important;
		height:auto !important;

	}

	.jGrowl-notification .btn 
	{
		margin-bottom: 10px !important;
		float: none !important;
		display:block;
	}

	.ms2-message-success .clearfix
	{
		padding: 0;
	}
	div#jGrowl.center.jGrowl
	{
		top:15%;
	}

	.membership-template fieldset div div.others-group-div
	{
		position: relative;
		top:inherit;
		left: inherit;
	}

}