/*<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
	}*/

	.logo{
		width:200px;
	}

	.nav {
		margin-top: 47px;
	
	}

}

@media (max-width: 1199px) {
	.footer .info{
		margin-top:20px;
		text-align:center;
	}

	.social{
		margin-top:20px;
		text-align:center;
	}

}

@media (max-width:991px){
	 .navbar-header {
		margin: 0px;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
		margin-right: 0px;
		margin-top: 37px;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
		top: 0;
		border-width: 0 0 1px;
	}
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
		margin-top: 7.5px;
	}
	.navbar-nav>li {
        float: none;
        border-bottom:solid 2px #eeeeee;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;   
        margin-left:0;
        margin-right:0;     
    }

	.collapse.in{
  		display:block !important;
	}

	.logo{
		float: left;
		margin:10px auto;
		width: 200px;
	}

	#affiliateSlider{
		margin:15px 0;
	}

	.donation-buttons-wrapper{
		margin-top:20px;
		text-align:center;
		margin-left:auto;
		margin-right:auto;
	}

	.rsMinW .rsBullets{
		bottom:15%;
	}

}

/* Portrait tablets and small desktops (iPad portrait) */
@media (min-width: 768px) and (max-width: 991px) {
	/*.displayTest {
		background-color:blue;
		padding:20px;
		color:black
	}*/

}

/* Landscape phones and portrait tablets: (iPhone landscape / Kindle Fire Portrait) */
@media (max-width: 767px) {
	.social{
		margin-top:20px;
		text-align:center;
	}

	.sideBar,
	.contact-information-wrapper{
		padding-top:20px;
		border-top:solid 2px #e8ec84 ;
		margin-top:20px;
	}

	#home-slide .rsContent{
		background:none !important;
	}

	.marquee-text-row,
	.marquee-text-wrapper,
	.marquee-text{
		/*position: relative;
		display: block;*/
	}

	.marquee-text{
		top:50%;
		transform: translate(0,-50%);
		
		text-align:right;
		right:30px;
		
	}

	.marquee-text .line1{
		font-size:32px;
		line-height:36px;
	}

	.rsMinW .rsBullets{
		bottom:5%;
	}


}

/* Portrait phones and smaller devices (iPhone Portrait) */
@media (max-width: 480px) {
	/*.displayTest {
		background-color:gray;
		padding:20px;
		color:black
	}*/	

	.marquee-text .line1{
		font-size:18px;
		line-height:22px;
	}

	.marquee-text .line2{
		font-size:14px;
		line-height:16px;
		padding:15px 50px 15px 0;
	}

	
}
/* -------------------------------------------------- */