/*<div class="displayTest">
YELLOW = Default (Resposive not detected)
RED = Large Screen desktops and laptops: RED<br>
GREEN = Landscape tablets and medium desktops (iPad mini Landscape & Kindle Fire landscape)<br>
BLUE = Portrait tablets and small desktops (iPad portrait)<br>
ORANGE = Landscape phones and portrait tablets: (iPhone landscape / Kindle Fire Portrait)<br>
GRAY = Portrait phones and smaller devices (iPhone Portrait)<br>
</div>*/

/* --------------------------------------------------
RESPONSIVE CSS
-------------------------------------------------- */


/* Large screen desktops and laptops */
@media (min-width: 1200px) {
	/*.displayTest {
		background-color:red;
		padding:20px;
		color:black
	}*/

}

/* Landscape tablets and medium desktops (iPad mini Landscape & Kindle Fire landscape) */
@media (min-width: 992px) and (max-width: 1199px) {
	/*.displayTest {
		background-color:green;
		padding:20px;
		color:black
	}*/

	.navbar .navbar-brand {
		xpadding: 40px 25px 40px 25px;
	}
	.navbar .navbar-brand img {
		xwidth: 250px;
	}

	.navbar-default .navbar-nav > li {
		font-size: 14px;
	}
	.navbar-default .navbar-nav > li > a {
		padding: 5px 8px;
		margin: 0 2px;
	}

	section.module.parallax p {
		margin-top: 60px;
		width: 440px;
	}

	/*#marquee .royalSlider {
		height: 550px;
	}
	#marquee .royalSlider img {
		height: 100%;
	}*/

	.announcement {
		left: 330px;
	}

}


@media (max-width: 991px) {
	header {padding-top: 0px;}
	.events-panel .donateNow {
		display: flex;
		align-items: center;
		justify-content: space-around;
		position: relative;
		margin-bottom: 25px;
	}
	.events-panel .donateNow .btn {
		position: relative;
		top: auto;
		right: auto;
	}
	.events-panel .donateNow img {
		max-width: 150px;
		width: 100%;
	}

	.navbar .donateNow {
		display: none;
	}
	
	.navbar .navbar-nav {
		display: block;
	}
	.navbar .navbar-collapse {
		background-color: #FFF;
		margin-top: 0px;
		margin-bottom: 0px;
		text-align: left;
	}
	
	.navbar-default .navbar-nav > li {
		float: none;
	}
	.navbar-default .navbar-nav > li > a {
		color: #262261;
		margin: auto;
		padding-bottom: 10px;
		padding-top: 10px;
	}
	.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
		background-color: #F6F7F8;
		color: #262261;
		text-decoration: none;
	}
	.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
		background: #2c3c68;
		color: #fff;
	}
	.navbar-default .navbar-nav .open .dropdown-menu > li > a {
		background: #F6F7F8;
	}
	.navbar-default .navbar-nav .dropdown-menu {
		background: #E8E8E8;
		width: auto;
		box-shadow: none;
	}

	.navbar .navbar-header {
		margin-bottom: 0px;
		margin-top: 10px;
		text-align: center;
	}
	.navbar .navbar-toggle {
		background-color: #2c3c68;
		border-radius: 0px;
		border: none;
		padding: 13px 10px;
		margin: 20px 0px 0px 0px;
		float: none;
		width: 100%;
	}
	.navbar .navbar-toggle:hover, .navbar .navbar-toggle:focus {
		background-color: #36609E;
	}
	.navbar-default .navbar-toggle .icon-bar {
		background-color: #ffffff;
	}
	.navbar .navbar-brand {
		float: none;
		padding: 10px 10px 10px 0;
	}
	.navbar .navbar-brand img {
		display: inline-block;
		height: 50px;
		max-width: 100%;
		width: auto;
	}

	.announcement {
		display: none;
	}

	.announcement-mobile {
		display: flex;
		background-image: url(../png/news-tab-transparent.png);
		background-repeat: no-repeat;
		background-position: right;
		background-size: contain;
	}

	#newstab, #newspanel {display: none;}
}

/* Portrait tablets and small desktops (iPad portrait) */
@media (min-width: 768px) and (max-width: 991px) {
	/*.displayTest {
		background-color:blue;
		padding:20px;
		color:black
	}*/

	/* Editor Default Styles Override */
	.largeimage {
		float: none !important;
		margin: auto auto 10px auto !important;
	}
	/* End */

	.navbar .navbar-brand {
		padding: 10px 25px 10px 0px;
	}
	.navbar .navbar-brand img {
		width: 325px;
		height: auto;
	}

	.ourMission {
		text-align: center;
	}
	.ourMission p {
		margin-top: 15px;
	}

	.editor {
		padding-left: 15px;
		padding-right: 15px;
	}

	.two-column .right {
		padding-top: 25px;
	}

	.breadcrumb {
		padding-left: 15px;
		padding-right: 15px;
	}

	.newsNav ul li {
		padding: 0px;
	}

	.box {
		padding: 0px 99px;
	}

	.widget {
		padding: 0px;
	}
	.widget .item {
		border-bottom: 1px solid #d9dada;
		height: 245px;
		padding-top: 25px;
		padding-bottom: 25px;
	}
	.widget .item:nth-child(3), .widget .item:nth-child(4) {
		border-bottom: none;
	}
	.widget .item:nth-child(2) {
		border-right: none;
	}

	.footer-nav .btn-default {
		padding: 6px 12px;
	}

	section.module.parallax p {
		display: none;
	}


}

@media (max-width: 800px) {
	.rsMinW .rsThumbsHor {
		height:auto;
	}
}


/* Landscape phones and portrait tablets: (iPhone landscape / Kindle Fire Portrait) */
@media (max-width: 767px) {
	/*.displayTest {
		background-color:orange;
		padding:20px;
		color:black
	}*/

	/* Editor Default Styles Override */
	.largeimage {
		float: none !important;
		margin: auto auto 10px auto !important;
	}
	/* End */

	#main .content {
		padding: 0;
	}

	.editor {
		padding-left: 15px;
		padding-right: 15px;
	}

	.two-column .right {
		padding-top: 25px;
	}

	#marquee .rsMinW .rsThumb {
		margin: 5px;
	}

	.donateNow {
		/*float: none;*/
		position: relative;
		text-align: center;
	}
	.donateNow .btn {
		position: relative;
		margin-top: 15px;
		top: auto;
		right: auto;
	}

	.ourMission {
		padding-left: 0px;
		padding-right: 0px;
		text-align: center;
	}
	.ourMission p {
		font-size: 16px;
		line-height: 22px;
		margin-top: 15px;
		text-align: justify;
	}

	.pageTitle {
		bottom: -3px;
		font-size: 30px;
	}

	.breadcrumb {
		display: none;
	}

	.box {
		padding: 0px;
	}
	.box .item {
		margin-bottom: 30px;
		margin-left: auto;
		margin-right: auto;
		max-width: 246px;
	}

	.widget {
		margin-top: 0px;
		margin-bottom: 0px;
		padding: 0px;
		text-align: center;
	}
	.widget .item {
		border-right: medium none;
		border-top: 1px solid #d9dada;
		height: auto;
		margin-bottom: 30px;
		padding-top: 30px;
	}

	section.module.parallax {
		text-align: center;
		padding-top: 20px;
	}
	section.module.parallax .image {
		margin-top: 2px;
	}
	section.module.parallax p {
		display: none;
	}
	section.module.parallax .btn-parallax {
		bottom: auto;
		left: auto;
		position: relative;
	}

	.news-content .newsDate {
		margin-bottom: 25px;
	}

	.subTitle {
		font-size: 30px;
		margin-bottom: 15px;
	}

	footer .row1 {
		margin-top: 30px;
	}
	footer .row2 {
		margin-top: 0px;
	}

	#footer .address {
		margin-bottom: 30px;
		/*text-align: center;*/
	}
	#footer .copyright {
		text-align: center;
		font-size: 12px;
	}

	.footer-nav {
		margin-bottom: 25px;
		/*text-align: center;*/
	}

	.sideNav {
		display: none;
	}

	div.social {
		margin-top: 20px;
		text-align: center;
	}
	ul.social {
		margin-top: 10px;
		text-align: center;
	}
	ul.social li {
		padding: 0px 10px;
	}

	#programs ul.services {
		padding-left: 25px;
	}
	#programs ul.services li {
		float: none;
		width: 100%;
	}

.announcement {
	display: none;
}

/*.announcement-mobile {
	display: block;
}
*/

}

/* Portrait phones and smaller devices (iPhone Portrait) */
@media (max-width: 480px) {
	/*.displayTest {
		background-color:gray;
		padding:20px;
		color:black
	}*/

	.navbar .navbar-brand img {
		height: 40px;
	}

	#marquee .royalSlider {
		padding: 0px;
	}

}
/* -------------------------------------------------- */
