/* Responsive styles */
@media (max-width: 1255px) {
	.carousel-wrapper{
		max-width:900px;
		margin:0 auto;
	}
}

@media (max-width: 1040px) {
	.carousel-wrapper{
		max-width:720px;
		margin:0 auto;
	}	
}

@media (min-width: 990px){
	#myLinks  ul{
	    padding: 0;
	  margin: 0;
	    list-style: none;
	    position: relative;    
	}

	#myLinks ul li{
	    display:inline-block;
	    background-color: #fdf8e7;   
	}

	#myLinks ul a{
	    display: block;
	    padding: 8px 14px;
	    color: #a3a50d;
	    font-size: 17px;
	    line-height: 1.5em;
	    text-decoration: none;   
	}

	#myLinks ul a:hover,
	#myLinks ul li:hover > a{
	    background-color: #a3a50d;
	    color:white;     
	}

	/* Hide Dropdowns by Default */
	#myLinks .sub-menu{
	    display: none;
	    position: absolute; 
	    z-index:999;
	    top: 94px; /* the height of the main nav */
	}

	/* Display Dropdowns on Hover */
	#myLinks li:hover > ul{
	    display:inherit;
	}


	/* Fisrt Tier Dropdown */
	#myLinks ul li {
	    width:250px;
	    float:none;
	    display:list-item;
	    position: relative;
	}

	/* Second, Third and more Tiers */
	#myLinks ul ul li {
	    position: relative;
	    top:-94px; 
	    left:250px;
	}

	#myLinks > li > .sub-menu:before{
	    position: absolute;
	    left: 0;
	    top: -24px;
	    width: 250px;
	    background-color: transparent;
	    height: 24px;
	    content: '';
	}	
}


@media (max-width: 991px) {
	li.menu-item-has-children{
		position: relative;
	}

	.main-nav > ul a{
		    color: #adadad !important;
	}

	.expand-menu{
	    position: absolute;
	    right: 0;
	    top: 9px;
	    font-size: 24px;
	    color: #adadad;
	    display: block;
	}

	.main-nav > ul li{
		margin-right:25px !important;
	}

	.mobile-menu {
	  display: inline-block;
	}

	.blog-wrapper{
		padding-bottom:50px;
	}

	.main-nav {
		display: block;
		height: auto;
		padding: 0;
	}

	.rightbar{
		max-width:100%;
		margin-top:30px;
	}

	.main-logo {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		padding: 10px 0;
	}

	.main-logo img {
		max-width: 100%;
		height: auto;
	}

	#myLinks.show {
		display: block;
	}

	.main-nav > ul {
		display: none;
		border-top: 1px solid #333;
		padding: 15px 0;
	}

	.main-nav > ul li {
		padding: 15px;
	}

	.donate-box {
		position: absolute;
		top: 100%;
		left: 0;
		width: 100%;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		z-index: 1;
		margin-left: 0;
		height: 50px;
	}

	#search {
		position: absolute;
		top: 20px;
		left: 15px;
		font-size: 30px;
	}

	.give-wrapper {
		min-width: 100%;
	}

	.policy-issues .title {
		display: block;
		text-align: center;
	}

	.policy-issues .title p {
		margin: 0 auto;
	}

	.card-group {
		display: block;
	}

	.card {
		margin: 0 auto 50px!important;
	}

	.amount-btns {
    	-ms-flex-wrap: wrap;
    	    flex-wrap: wrap;
	}

	.rectangle {
		display: block;
		position: relative;
		top: -50px;
	}

	.rectangle .right-section {
		max-width: 100%;
	}

	.footer-above {
		padding: 50px 0;
	}

	.footer-above p {
		margin-bottom: 50px;
	}

	.footer-above ul {
		padding: 0;
	}

	.listing-group li {
		-webkit-box-flex: 1;
		    -ms-flex: 1 0 50%;
		        flex: 1 0 50%;
	}

	.carousel-item{
		margin: 0 4%;
	}
}

@media (max-width: 767px) {

	.ip-list{
		display: none;
	}

	.ip-list-select{
		display: block;
		width:100%;
		margin-bottom:20px;
	    padding: 5px 15px;
	    -webkit-appearance: menulist;
	    -moz-appearance: menulist;
	    -ms-appearance: menulist;
	    -o-appearance: menulist;  
	    appearance: menulist;  
	    color:#adadad;    	
	    height:auto;	

	}
	
	.small .slider-body h1{
		font-size:35px;
	}

	.small .slider-body p{
		font-size:15px;
    	line-height: 1.6;		
    	margin-top: 16px;    	
	}	
	ul.breadcrumb{
		line-height:1.5;
	}
	.listing-group li {
		-webkit-box-flex: 1;
		    -ms-flex: 1 0 100%;
		        flex: 1 0 100%;
	}

	.listing-item {
		margin-left: auto;;
		margin-right: auto;
	}

	.slider-body p{
	    font-size: 18px;
	    margin: 20px 0;		
	}	

	.slider-wrapper,
	.small.slider-wrapper{
		margin-top:50px;
		height:280px;
	}


}

@media (max-width: 500px){

	.entry-thumbnail {
		display: block;
		text-align: center;
		width:auto;
	}

}

@media (max-width: 575px) {
	.footer-below {
		display: block;
	}

	#social-media {
		margin-top: 20px;
	}
}

@media (max-width:670px){
	.carousel-prev{
		left:0;
	}

	.carousel-next {
	    right: 0px;
	}

	.carousel-control button{
    	background: rgba(255,255,255,0.6);		
    	top:55px;
	}

	.carousel-item{
		margin: 0 2%;
	}

	.size-full{
		margin-right:0;
	}


}