
/* To make Responsive
---------------------------------------------------------------------- /
*
*  1 - media screen and (max-width: 992px)
*  2 - media screen and (max-width: 800px)
*  3 - media screen and (max-width: 768px)
*  4 - media screen and (max-width: 640px)
*  5 - media screen and (max-width: 500px)
*  6 - media screen and (max-width: 480px)
*  7 - media screen and (max-width: 320px)
*  8 - media screen and (max-width: 1170px)
*
---------------------------------------------------------------------- */


/* 1 - media screen and (max-width: 992px)
---------------------------------------------------------------------- */


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

	.container {
		width: 100%;
	}
	.slider-txt-container {
		padding: 60px 15px 100px 15px;
	}
	.top-section .thin-txt {
		font-size: 2.25em;
		line-height: 30px;
	}
	.top-section .bold-txt {
		font-size: 3em;
		line-height: 55px;
	}
	.meida-container {
		margin: 15px auto;
	}
	.time-circle .time-number {
		line-height: 120px;
		width: 120px;
		height: 120px;
		margin-bottom: 0;
	}
	.service-box {
		padding: 25px 0;
	}
	.media-content.media-right {
		margin-top: 50px;
	}
	.media-content.media-left,
	.pricing-section .content-box,
	.contact-form-container,
	#event-slide,
	#causes-carousel {
		margin-bottom: 50px;
	}
	.footer-social-btn.pull-right,
	.copyrights.pull-left {
		float: none!important;
		text-align: center!important;
	}
	.post-category {
		display: none;
	}
	.footer-social-btn {
		padding-bottom: 15px;
	}
	.navbar-default .navbar-nav>.active>a, 
	.navbar-default .navbar-nav>.active>a:hover, 
	.navbar-default .navbar-nav>.active>a:focus {
		color: #0d0d0d;
	}

	.navbar-default .navbar-nav>li>a:hover, 
	.navbar-default .navbar-nav>li>a:focus {
		color: #0d0d0d;
	}
}

@media (min-width: 992px){
	.container {
		width: 100%;
	}
}
@media (max-width: 992px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .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: 0px;
		margin-bottom: 0px;
	}
	.navbar-nav>li {
		background-color: #f39c12;
		padding: 0;
        float: none;
        border-bottom: 1px solid #e1e1e1
    }
    .navbar-nav>li:last-child{
    	border-bottom: 0px solid transparent;
    }
    .collapse.in {
  		display:block !important;
	}
	.navbar-toggle {
		margin-top: 15px;
		margin-bottom: 15px;
	}
	.container>.navbar-header, 
	.container-fluid>.navbar-header, 
	.container>.navbar-collapse, 
	.container-fluid>.navbar-collapse {
		margin-left: -15px;
		margin-right: -15px;
	}
	.navbar>.container .navbar-brand, 
	.navbar>.container-fluid .navbar-brand {
		margin-left:0;
	}
	.navbar-default .navbar-toggle, 
	.navbar-default .navbar-toggle {
		color: #ffffff;
		-webkit-transition: all .25s ease;
		   -moz-transition: all .25s ease;
		    -ms-transition: all .25s ease;
		     -o-transition: all .25s ease;
		        transition: all .25s ease;
	}
	.navbar-default .navbar-toggle:hover, 
	.navbar-default .navbar-toggle:focus{
		background-color: transparent;
		color: #e12444;
	}
	.menu-bg .navbar-default .navbar-toggle:hover, 
	.menu-bg .navbar-default .navbar-toggle:focus{
		color: #0d0d0d;
	}
	.navbar-default .navbar-toggle{
		border-color: transparent;
		font-size: 2em;
		line-height: 25px;
	}
	.navbar-collapse.in {
		overflow-y: auto!important;
		border:0;
	}
	.section-description{
		max-width: 100%;
	}

}

/* 1 - media screen and (max-width: 992px)  End
---------------------------------------------------------------------- */


/* 2 - media screen and (max-width: 800px)
---------------------------------------------------------------------- */
@media screen and (max-width: 800px){
	
}

/* 2 - media screen and (max-width: 800px) End 
---------------------------------------------------------------------- */


/* 3 - media screen and (max-width: 768px)
---------------------------------------------------------------------- */

@media screen and (max-width: 768px){
	.menu-bg-overlay {
		padding: 10px 0;
	}
	.section-title {
		text-align: left;
		float: none;
		width: inherit;
		display: inline-block;
		padding-right:0px;
		padding-bottom: 30px;
	}
	.section-title:after{
		width: 100%;
		height: 10px;
		top: inherit;
		bottom: 20px;
	}
	.section-description {
		margin-left: 0;
	}
	.top-section .thin-txt {
		font-size: 1.75em;
		line-height: 30px;
	}
	.top-section .bold-txt {
		font-size: 2.5em;
		line-height: 55px;
	}
	#submited-comment .comment .children {
		margin-left: 30px;
	}
}

/* 3 - media screen and (max-width: 768px) End
---------------------------------------------------------------------- */


/* 4 - media screen and (max-width: 640px)
---------------------------------------------------------------------- */
@media screen and (max-width: 640px){
	
	.pricing-table .pricing-item{
		float: none;
		width: 100%;
		max-width: 350px;
		margin: 60px auto;
		border:none;
	}
	.pricing-item .item-head:before,
	.pricing-item .item-footer:after {
		content: inherit;
		height: 0;
	}
}

/* 4 - media screen and (max-width: 640px) End
---------------------------------------------------------------------- */


/* 5 - media screen and (max-width: 500px)
---------------------------------------------------------------------- */
@media screen and (max-width: 500px){
	
	
}

/* 5 - media screen and (max-width: 500px)  End
--------------------------------------------------------------------- */


/* 6 - media screen and (max-width: 480px)
---------------------------------------------------------------------- */
@media screen and (max-width: 480px){
	.about-section .content-title,
	.volunteer-section .content-title  {
		overflow: inherit;
		padding-top: 30px;
	}
	.news-article .post-meta {
		text-align: left;
		width: 100%;
		float: none; 
		padding-top: 45px;
	}

	.news-article .post-meta span,
	.news-article .post-meta time {
		display: inline-block;
		padding-right: 10px;
	}
	.news-article .meta-icon {
		display: inline-block;
		margin-left: 0;
		margin-right: 15px;
	}
	.news-article .meta-icon span {
		padding-right: 0;
	}
	.news-article .post-details {
		margin-left: 0;
		padding: 0;
		padding-top: 15px;
	}
	.content-icon-hex {
		margin:30px auto;
		float: none !important;
	}
	.pricing-sec-hex {
		margin-bottom: 60px;
	}
}

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

	
}

/* 6 - media screen and (max-width: 480px) End
---------------------------------------------------------------------- */


/* 7 - media screen and (max-width: 320px)
---------------------------------------------------------------------- */
@media screen and (max-width: 320px){
	#submited-comment .comment .children {
		margin-left: 0px;
	}
}

/* 7 - media screen and (max-width: 320px) End 
---------------------------------------------------------------------- */



/* 8 - media screen and (max-width: 1170px)
---------------------------------------------------------------------- */

@media screen and (max-width: 1170px){
	.slider-txt-container{
		padding-left: 15px;
		padding-right: 15px;
	}
	
}


@media (min-width: 1170px){
	.container {
		width: 1170px;
	}
}

/* 8 - media screen and (max-width: 1170px) End
---------------------------------------------------------------------- */


/* 9 - media screen and (max-width: 1050px)
---------------------------------------------------------------------- */
@media screen and (max-width: 1050px){
	
	
}


/* 9 - media screen and (max-width: 1050px) End End
---------------------------------------------------------------------- */







