/* lg */ 
@media (min-width: 1200px) {
/* Make Navigation Toggle on Desktop Hover */
.dropdown:hover .dropdown-menu {
	display: block;
	-webkit-animation: fadeInUp 400ms;
	animation: fadeInUp 400ms;
}
.navbar-nav{float:right;}
#portfolio .row {
	margin-left: -10px;
	margin-right: -10px;
}
.light-blue-border, .green-border, .purple-border{height:250px;}
.float-right{float:right;}
/*testimonial carousel*/
.media-object {		
	margin-top: 20%;
	margin-left:25%;}
.adjust1 {height:200px;}
.adjust2 {margin-left:0}
.adjust2 p{ font-size:15px; line-height:20px;}
.donationform{height: 1700px}
/*.carousel-indicators{bottom:-50px;} */
}

/* md */
@media (min-width: 992px) and (max-width: 1199px) {
/* Make Navigation Toggle on Desktop Hover */
	h1{font-size: 28px; }
.dropdown:hover .dropdown-menu {
	display: block;
	-webkit-animation: fadeInUp 400ms;
	animation: fadeInUp 400ms;
}
.navbar-nav{width:70%; float:right; font-size:12px;}
.navbar-nav > li a{
	/*margin-left: 10px;*/ /*original setting*/
	margin-left: 0px; /*added 12082015*/
}
.navbar-collapse {
	padding-left: 0;
	padding-right: 0;
}
#main-slider .carousel .slide-margin {margin-left:0px;}
.recent-work-wrap .recent-work-inner h3 a {	font-size: 20px;}
.recent-work-wrap .overlay {	padding: 15px;}
.services-wrap {	padding: 40px 10px 40px 30px;}
.feature-wrap h2,  .single-services h2 {	font-size: 18px;}
.feature-wrap h3,  .single-services h3 {	font-size: 14px;}
.tab-wrap .media .parrent.pull-left {
	clear: both;
	width: 100%;
}
.tab-wrap .media .parrent.media-body {	clear: both;}
#portfolio .row {
	margin-left: -10px;
	margin-right: -10px;
}
.recent-work-wrap .overlay .preview {	line-height: inherit;}
.team-bar .first-arrow {	width: 21%;}
.team-bar .second-arrow {	width: 20%;}
.team-bar .third-arrow {	width: 21%;}
.team-bar .fourth-arrow {	width: 20%;}
ul.social_icons li {	margin-right: 0;}
.box > .icon > .infoservices {	height: 350px;}
/*added 01122016 to control the height of the boxes on the services page*/
.box > .icon > .giving-opp {	height: 300px;}
.box > .icon > .giving-opp2 {	height: 180px;}
.corevalues-body {	height: 120px;}
.corevalues-body2 {	height: 140px;
}
.purple-border, .green-border {height: 250px;}
.light-blue-border{height:250px;}
.float-right{float:right;}
/*testimonial carousel*/
.media-object {		
	margin-top: 40%;
	margin-left:25%;}
.adjust1 {height:220px;}
.adjust2 {margin-left:0}
.adjust2 p{ font-size:15px; line-height:20px;}
.slideshow { width:800px; height:400px;}
/*.carousel-indicators{bottom:-50px;} */
.script {
	font-family: "Century Gothic";
	font-weight:bold;
	font-size:24px;
	margin-top: 10px;
}.donationform{height: 1700px}
}

/* sm */
@media (min-width: 768px) and (max-width: 991px) {
/* Make Navigation Toggle on Desktop Hover */ 
.dropdown:hover .dropdown-menu {
	/* display: block;*/
	-webkit-animation: fadeInUp 400ms;
	animation: fadeInUp 400ms;
}
	h1{font-size: 28px; }
 #main-slider{width:100%; background-position: 20% right}
#main-slider .carousel .carousel-content {
	margin-left: 0px;
} /*adds a left margin on iPad portrait*/
#main-slider .carousel .item {
	width: 100%;
	background-position: 50% center
}
.navbar-nav {
	width: 60%;
	margin: 0 auto;
	float:right;
}
.navbar-collapse {
	padding-left: 0;
	padding-right: 0;
}
.navbar-nav > li {
	margin: 0;
	padding-bottom: 10px; /*controls the bottom space for menu items*/
	line-height:34px;
}
#main-slider .carousel h1 {	font-size: 25px;}
#main-slider .carousel h2 {	font-size: 20px;}
.tab-wrap .media .parrent.pull-left,  .media.accordion-inner .pull-left {clear: both; width: 100%;}
.tab-wrap .media .parrent.media-body,  .media.accordion-inner .media-body {	clear: both;}
.services-wrap {padding: 40px 0 40px 30px;}
.recent-work-wrap .overlay {padding: 15px;}
.recent-work-wrap .recent-work-inner h3 a {	font-size: 20px;}
.sinlge-skill {	width: 150px;	height: 150px;}
.sinlge-skill p em {font-size: 25px;}
.sinlge-skill p {font-size: 16px;}
.team-bar .first-one-arrow {width: 2%;}
.team-bar .first-arrow {
	width: 18%;
}
.team-bar .second-arrow {	width: 24%;}
.team-bar .third-arrow {	width: 15%;}
.team-bar .fourth-arrow {	width: 20%;}
.blog .blog-item .entry-meta > span a {	font-size: 10px;}
/*  h1, h2, h3{
	  margin-left:20px;} */
	  /*added margin-left to adjust spacing for headings when width lower than 767px*/
.box > .icon > .infoservices {	height: 400px;
} /*added 01122016 to control the height of the boxes on the services page*/
.box > .icon > .giving-opp {	height: 380px;}
.middle-quote {
	margin: 25px auto;
	padding: 30px;
}
.corevalues-body {	height: 140px;}
.corevalues-body2 {	height: 180px;}
.fd-event-details img {	width: 100%;}
.purple-border{height:270px;}
.light-blue-border, .green-border{height:320px;}
.loc-margin{margin-bottom:10px;}
.marginB {margin-bottom: 50px;}
/*.blog-content img{width:100%;}*/
.blog .blog-item .img-blog {width:100%;}
.float-right{float:right;}
.jumbotron-home p{font-size:15px; }
/*testimonial carousel*/
.media-object {		
	margin-top: 50%;
	margin-left:25%;}
.adjust1 {height:200px;}
.adjust2 {margin-left:0}
.adjust2 p{ font-size:13px; line-height:18px;}
.slideshow { width:600px; height:300px;}
.script {
	font-family: "Century Gothic";
	font-weight:bold;
	font-size:18px;
	margin-top: 10px;
}
.donationform{height: 1950px}
.pushbottom{bottom:0; width:100%; /*position: absolute;*/}
}

/* xs */ /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media (max-width: 767px) {	
h1{font-size: 26px; }
.container > .navbar-header, .container > .navbar-collapse {
	margin-left: 0;
	margin-bottom: 5px; /*added 12012015 to increase space between logo and header image*/
}
.container {	margin: 0 5px;} /*added 01062016 - adds space left an right of container on smaller devices*/
.dropdown-submenu>.dropdown-menu {	margin-left: 0px;}
.top-number {	font-size: 14px;	color: #fff;}
input.search-form:hover {	width: 120px;}
.navbar-nav { float:left;}
.navbar-nav > li {	padding-bottom: 0;}
#main-slider .carousel h1 {	font-size: 25px;}
#main-slider .carousel h2 {	font-size: 16px;}
.feature-wrap h2, .single-services h2 {	font-size: 18px;}
.feature-wrap h3, .single-services h3 {	font-size: 14px;}
.media.accordion-inner .pull-left, .media.accordion-inner .media-body {	clear: both;}
.accordion-inner h4 {	margin-top: 10px;}
.tab-wrap .media .pull-left {	clear: both;	width: 100%;}
.tab-wrap .media .media-body {	clear: both;}
.nav-tabs > li.active > a:after {	display: none;}
.navbar-inverse .navbar-nav .dropdown-menu{margin-top: 0px;}
#footer .col-sm-6, .col-xs-12{	/*text-align: center;*/	float: none !important;}
#footer .pull-right {	float: none !important;}
.sinlge-skill {
	margin: 0 auto;
	margin-top: 30px;
	margin-bottom: 30px;
}
.team .single-profile-top,  .team .single-profile-bottom {	margin-bottom: 30px;}
.clients-area {	padding: 60px 0;}
.clients-area h1 {	font-size: 25px;}
.portfolio-item,  #recent-works .col-xs-12.col-sm-4.col-md-3 {padding: 0 15px;}
ul.social_icons li {margin-right: 0;}
/*.blog .blog-item .entry-meta {
	margin-bottom: 20px;
}
.blog .blog-item .blog-content h3 {
	margin-bottom: 20px;
}*/
.post_reply_comments {	padding-left: 20px;}
/*  h1, h2, h3{
	  margin-left:20px;} */
	  /*added margin-left to adjust spacing for headings when width lower than 767px*/
.box > .icon > .infoservices {	height: 250px;}
.box > .icon > .giving-opp {	height: 200px;}
.box > .icon > .giving-opp2 {	height: 150px;}
.middle-quote {	margin: 25px auto;	padding: 30px;}
.panel-title-services {
	margin: 0 10px;
	line-height: 24px;
}
.corevalues-body {
	height: 100px;
}
.corevalues-body2 {
	height: 120px;
}
/*#main-slider {
	display: block; width: 100%;
}  hides the slider completely on small devices*/
	#main-slider .carousel .item {
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	opacity: 0;
	top: -1px;
	position: absolute;
	width: 100%;
	display: block !important;
	-webkit-transition: opacity ease-in-out 900ms;
	-moz-transition: opacity ease-in-out 900ms;
	-o-transition: opacity ease-in-out 900ms;
	transition: opacity ease-in-out 900ms;
}
.marginB {
	margin-bottom: 50px;
}
.fd-event-details img{width:65%;}
.loc-margin{margin-bottom:10px;}
.float-right{float:right;}
.error-list{text-align:left; margin-left:2%;}
.jumbotron-home p{font-size:14px; }
/*testimonial carousel*/
.media-object {		
	margin-top: 20%;
	margin-left:20%;}
.adjust1 {height:220px;}
.adjust2 {margin-left:-15%;}
.adjust2 p{ font-size:13px; line-height:18px;}
.slideshow { width:600px; height:300px;}
.donationform{height: 1920px}
.pushbottom{bottom:0; width:100%; /*position: absolute;*/}
}

/* XS Portrait (for phones)*/
@media (max-width: 480px) {
	h1{font-size: 22px; }
.dropdown-submenu>.dropdown-menu {	margin-left: 0px}
.top-number {	color: #fff;}
.navbar-nav { float:left;}
.box > .icon > .infoservices {	height: 320px;
}
.box > .icon > .giving-opp {	height: 320px;}
.box > .icon > .giving-opp2 {	height: 170px;}
.middle-quote {
	margin: 25px auto;
	padding: 30px;
}
.interested{margin:25px auto; font-size:14px; padding:30px; }
.panel-title-services {
	margin: 0 10px;
	line-height: 24px;
}
/*#main-slider .active .animation.animated-item-1 {
	color: #ffffff;
}*/
#main-slider .carousel .carousel-content {	margin-left: 5px;}
.corevalues-body {	height: 130px;}
.corevalues-body2 {	height: 170px;}
/*.item{display:none;}*/
.marginB {	margin-bottom: 50px;}
.infographics {	padding-bottom: 20px;}
.fd-event-details img {width: 100%;}
.donate, .careers{font-size:11px; padding:5px; margin-right:0px;}
ul.social-share li a {
	display: inline-block;
	color: #fff;
	background: #404040;
	width: 20px;
	height: 20px;
	line-height: 22px;
	text-align: center;
	border-radius: 2px;
}
.loc-margin{margin-bottom:10px;}
.likes{margin:20px;}
.top-number{font-size:12px;}
.blog .blog-item .img-blog {width:100%;}
/*.blog-content img{width:100%;}*/
.error-list{text-align:left; margin-left:2%;}
/*testimonial carousel*/
.media-object { margin: auto;		
	margin-top: 50%;
	margin-left:20%; margin-right:10%;}
.adjust1 {height:360px;}
.adjust2 {margin-left:0px;}
.adjust2 p{ font-size:12px; line-height:16px;}
.slideshow { width:100%; /*height:175px;*/ margin-bottom:10px;}
/*.carousel-indicators{bottom:-100px;}*/ 
.script {
	font-family: "Century Gothic";
	font-weight:bold;
	font-size:22px;
	margin-top: 10px;
}
	.donationform{height: 1920px}
	.pushbottom{bottom:0; width:100%; /*position: absolute;*/}
/*iframe{	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;}*/
}
