/* KC Container Responsiveness */
@media (min-width: 576px){
	body .kc-container {
		max-width: 540px;
	}
}
@media (min-width: 768px){
	body .kc-container {
		max-width: 720px;
	}
}
@media (min-width: 992px){
	body .kc-container {
		max-width: 960px;
	}
}
@media (min-width: 1200px) {
	.container,
	body .kc-container {
	    max-width: 1170px;
	}
}

/* lg */ 
@media (min-width: 1400px) {
	
}

/* md */
@media (min-width: 992px) and (max-width: 1199px) {
	.navbar-expand-lg .navbar-nav > li > a, 
	.navbar-expand-lg .navbar-nav > li > a.nav-link {
		padding: 5px 15px;
	}
	.fun-fact-icon {
		margin-right: 30px;
	}
	.entry-footer li {
		font-size: 14px;
	}
	.gallery-content li {
		width: 25%;
	}
	.tr-help > a {
		padding: 15px;
	}
	.header-style-1 .title-before {
		margin-top: 0;
	}
	.section-header h1, 
	.page-header .page-title {
		font-size: 30px;
	}
	.tr-about {
		margin-top: 25px;
	}
	.about-thumb {
		padding-right: 0;
	}
	.widget .give-wrap .give-grid--best-fit {
		grid-template-columns: 1fr;
	}
	.tr-video-player {
		padding-bottom: 100% !important;
	}
	.entry-content {
		padding: 30px 20px;
	}
	.navbar-brand h1 {
		font-size: 22px;
	}
	.fun-fact {
		font-size: 20px;
	}
	.tr-dropdown-menu .tr-dropdown .tr-dropdown-menu {
		left: inherit;
		right: 100%;
	}	
}

@media (max-width: 999px) {
	.tr-about {
		margin-top: 20px;
	}	
	.tr-about h2 {
	    font-size: 18px;
	    margin-bottom: 15px;
	}	
	.about-thumb {
		margin-right: 0;
		padding-right: 0;
		margin-bottom: 25px;
	}
		
}

@media (max-width: 991px) {
	
	.navbar>.container, .navbar>.container-fluid {
		position: relative;
		padding-left: 15px;
		padding-right: 15px;
	}
	.navbar-brand {
		padding: 5px 0;
		margin-right: 0;
	}
	.tr-button {
	    position: absolute;
	    right: 65px;
	    top: 8px;
	}
	.tr-footer .footer-widget {
		margin: 15px 0;
		overflow: hidden;
	}
	.footer-content {
		padding: 60px 0 50px;
	}
	.entry-footer li {
		font-size: 14px;
	}	
	.header-style-1 .title-before {
		margin-top: 0;
		padding-left: 40px;
		margin-left: 0;
	}
	.header-style-1 .title-before:before {
		left: 0;
		font-size: 40px;
		line-height: 40px;
	}
	.fun-fact {
		font-size: 14px;
	}
	.tr-author-info span.tr-title {
		font-size: 16px;
	}
	.fun-facts ul li {
		padding: 15px 8px;
	}
	.gallery-content li {
		width: 25%;
	}
	.contact-info {
		margin-left: 0;
	}	
	.contact-icon {
		margin-right: 20px;
	}
	.navbar-expand-lg .navbar-nav > li > a, 
	.navbar-expand-lg .navbar-nav > li > a.nav-link {
		line-height: 30px;
	}
	.section-header.header-style-1 {
		max-width: 650px;
	}
	.section-header.header-style-1 h1 {
	    margin-bottom: 30px;
	}	
	.header-style-1 .title-before::before {
	    content: "";
	    width: 3px;
	    height: 100%;
	    top: 0;
	    margin-top: 0;
	    background-color: #00AEEF;
	}
	.section-header h1, 
	.page-header .page-title {
		font-size: 26px;
	}	
	.fun-fact .counter {
	    font-size: 30px;
	}	
	.entry-title {
	    font-size: 20px;
	    line-height: 26px;
	}	
	.footer-widget h3 {
		font-size: 22px;
	}	
	.subscribe-info h1 {
		font-size: 30px;
	}
	.tr-gallery-grid.kc-grid .item-grid.grid-6 {
    	width: 25%;		
	}
	.service-icon img {
	    max-width: 75%;
	}	
	.tr-service h2 {
		font-size: 20px;
	}	
	.tr-service a {
		font-size: 14px;
	}
	.video-content h1 {
	    font-size: 36px;
	    line-height: 40px;
	}	
	.video-content .video-link {
	    font-size: 60px;
	    line-height: 60px;
	}
	.widget .give-wrap .give-grid--best-fit {
		grid-template-columns: 1fr;
	}	
	.widget form[id*="give-form"] .give-donation-amount #give-amount, 
	.widget form[id*="give-form"] .give-donation-amount #give-amount-text {
		min-width: 120px;
	}
	.widget #give-recurring-form .form-row-first, 
	.widget #give-recurring-form .form-row-last, 
	.widget form.give-form .form-row-first, 
	.widget form.give-form .form-row-last, 
	.widget form[id*="give-form"] .form-row-first, 
	.widget form[id*="give-form"] .form-row-last {
		width: 100%;
	}	
	.widget form[id*="give-form"] #give-final-total-wrap .give-final-total-amount,
	.widget form[id*="give-form"] #give-final-total-wrap .give-donation-total-label {
		padding: 0 6px;
	}
	.widget form[id*="give-form"] #give-final-total-wrap .give-final-total-amount {
		font-size: 13px;
	}
	.widget .give-donor {
		padding: 15px;
	}
	.widget .give-donor__image {
		flex-basis: 50px;		
		line-height: 50px;
		height: 50px;		
	}
	.tr-video-player {
		padding-bottom: 100% !important;
	}
	.banner-info h1 {
		font-size: 26px;
	}
	.banner-info h1 span{
		font-size: 48px;
	}	
	.featured-icon{
		float: none;
	}
	.navbar-brand h1 {
		font-size: 20px;
	}
	.navbar-expand-lg .navbar-nav li a {
		font-size: 14px;
	}
	.navbar-expand-lg .navbar-nav .tr-dropdown-menu li a {
		font-size: 13px;
	}
	.tr-bg-video {
		min-height: 710px;
	}
	.tr-featured .featured {
		padding: 25px;
	}
	.featured-icon {
		font-size: 50px;
		margin-bottom: 10px;
	}	
	.featured h2 {
		font-size: 18px;
	}	
	.featured h3 {
		font-size: 14px;
	}
	.woocommerce .tr-sidebar {
		margin-bottom: 30px;
	}
}

/* sm */
@media (min-width: 768px) and (max-width: 991px) {
	
	.comment-list .children {
		padding-left: 0;
	}
	.tr-help > a {
		display: block;
		padding: 25px 15px;
		text-align: center;
	}
	.tr-help .tr-icon {
		display: block;
		margin-right: 0;
		margin-bottom: 20px;
	}
	.tr-help .title {
		font-size: 20px;
	}
	.banner-info {
		max-width: 620px;
		padding-top: 210px;
	}
	.tr-testimonial-icon {
		font-size: 30px;
	}
	.widget .give-goal-progress .income {
		font-size: 26px;
	}
	.kc-call-to-action h2{
		font-size: 40px;
	}
	.banner-feature {
		margin-top: -100px;
	}

}

/* xs */
@media (max-width: 767px) {
	
	.pagination {
		margin: 45px 0 20px;
	}
	.banner-content .tr-featured {
		padding-bottom: 50px;
	}
	.featured-icon {
		margin-right: 0;
	}
	.tr-featured .featured {
		margin:0 0 30px;
	}
	.banner-info h1 {
		font-size: 24px;
		margin-bottom: 20px;
	}
	.banner-info h1 span {
		font-size: 36px;
		line-height: 40px;
	}
	.banner-info {
		padding: 170px 0 120px;
	}
	.section-header h1, 
	.page-header .page-title {
		font-size: 26px;
	}
	.video-content h1 {
		font-size: 36px;
		line-height: 40px;
	}
	.tr-about h2 {
		font-size: 20px;
	}
	.fun-facts ul li {
		width: 50%;
		padding: 25px 0;
	}
	.gallery-content li {
		width: 33.333333%;
	}
	.subscribe-info h1 {
		font-size: 26px;
	}
	.contact-info {
		margin-top: 30px;
	}
	.contact-info .tr-info h2 {
		font-size: 20px;
	}
	.tr-slider-6 .tr-testimonial {
		padding: 0 20px;
	}
	.subscribe-info .btn.btn-primary {
		padding: 10px 40px;
	}
	.tr-post {
		margin-bottom: 30px;
	}
	.subscribe-info .tr-form {
		width: 450px;
	}
	.banner-info .btn.btn-primary {
		font-size: 14px;
		margin-top: 15px;
	}
	.btn.btn-primary {
		padding: 12px 30px;
	}
	.video-content {
		padding: 50px 0;
	}
	.section-header .title-before {
		padding-left: 20px;
	}
	.section-header.header-style-1 .title-before {
		padding-left: 25px;
	}	
	.help-content .section-header {
		margin-bottom: 0;
	}
	.tr-help .title {
		font-size: 20px;
	}
	.tr-page-title h1 {
		font-size: 30px;
	}
	.tr-sidebar {
		margin-top: 30px;
	}
	.woocommerce ul.products li.product, 
	.woocommerce-page ul.products li.product{
		margin-bottom: 20px;
	}
	.tr-indicators.carousel-indicators {
		margin-right: 10px;
	}	
	.carousel .banner-info {
		margin-right: 15px;
	}
	.navbar-brand .site-description {
		max-width: 150px;
		line-height: 16px;
	}
	.section-header {
	    font-size: 14px;
	    margin-bottom: 60px;
	}
	.video-content {
		padding: 0 0 20px;
	}
	.video-content h1 {
	    font-size: 30px;
	    line-height: 36px;
	}
	.contact-info .content-title {
	    font-size: 20px;
	    margin-bottom: 10px;
	}
	.tr-gallery-grid.kc-grid .item-grid.grid-4,
	.tr-gallery-grid.kc-grid .item-grid.grid-5,
	.tr-gallery-grid.kc-grid .item-grid.grid-6 {
    	width: 33.333333%;		
	}
	.tr-clients-grid.kc-grid .item-grid.grid-4,
	.tr-clients-grid.kc-grid .item-grid.grid-5,
	.tr-clients-grid.kc-grid .item-grid.grid-6 {
    	width: 50%;	
    	min-height: 60px;	
	}
	.section-content .tr-testimonial-content .tr-slider-7 {
		margin-bottom: 60px;
	}	
	.give-sidebar {
		margin-top: 30px;
	}
	[id*=give-form] div.summary {
	    width: 100%;
	}
	.widget .give-goal-progress .income {
		font-size: 26px;
	}
	.widget form[id*="give-form"] #give-final-total-wrap .give-final-total-amount {
		font-size: 14px;
	}
	.widget form[id*="give-form"] #give-final-total-wrap .give-final-total-amount,
	.widget form[id*="give-form"] #give-final-total-wrap .give-donation-total-label {
		float: left;
		padding: 0 15px;
	}
	.tr-cause-summary {
		padding: 25px;
	}
	.tr-testimonial-icon {
		font-size: 30px;
	}	
	.tr-bg-video .banner-info {
		padding-bottom: 120px;
	}	
	.tr-bg-video {
		min-height: 545px;
	}	
	.tr-service{
		-webkit-box-shadow: 0px 5px 15px rgba(0,0,0,0.2);
		-moz-box-shadow: 0px 5px 15px rgba(0,0,0,0.2);
		-ms-box-shadow: 0px 5px 15px rgba(0,0,0,0.2);
		-o-box-shadow: 0px 5px 15px rgba(0,0,0,0.2);
		box-shadow: 0px 5px 15px rgba(0,0,0,0.2);
	}
	.kc-call-to-action h2{
		font-size: 34px;
	}
	.banner-feature {
		position: relative;
		margin-top: 70px;
		padding-bottom: 40px;
	}
	.section-content, 
	.tr-page-content {
		padding: 80px 0 60px;
	}
	.footer-top-content {
		padding: 80px 0;
	}
	.post-navigation .nav-next, .post-navigation .nav-previous {
		width: 45%;
		font-size: 14px;
	}

}

/* XS Portrait */
@media (max-width: 575px) { 
	
	.gallery-content li {
		width: 50%;
	}
	.subscribe-info .tr-form {
		width: 100%;
	}
	.video-content h1 {
		font-size: 30px;
		line-height: 34px;
	}
	.video-content .video-link {
		font-size: 55px;
		line-height: 55px;
	}
	.fun-fact {
		font-size: 14px;
	}
	.fun-fact .counter {
		font-size: 30px;
	}	
	.entry-title {
		font-size: 20px;
		line-height: 26px;
	}
	.banner-info h1 {
	    font-size: 20px;
	    margin-bottom: 20px;
	}
	.banner-info h1 span{
		font-size: 30px;
		line-height: 36px;
	}
	.subscribe-info h1 {
		font-size: 22px;
	}
	.clients {
		margin: 15px 0;
	}	
	.tr-page-title h1 {
		font-size: 22px;
	}
	.breadcrumb li {
		font-size: 14px;
	}
	.team-member h2 {
		font-size: 18px;
	}
	.footer-widget h3 {
		font-size: 22px;
	}	
	.footer-top-content {
		padding: 70px 0 50px;
	}
	.section-content, 
	.tr-page-content {
	    padding: 70px 0 60px;
	}	
	.tr-causes {
		margin-bottom: 30px;
	}	
	.tr-causes h2 {
		font-size: 18px;
	}
	.tr-gallery-grid.kc-grid .item-grid.grid-4, 
	.tr-gallery-grid.kc-grid .item-grid.grid-5, 
	.tr-gallery-grid.kc-grid .item-grid.grid-6 {
	    width: 50%;
	}
	.footer-widget h3 {
	    font-size: 20px;
	}
	.fun-facts {
		margin: 30px 0;
	}	
	.fun-fact {
	    font-size: 14px;
	}	
	.fun-fact .counter {
	    font-size: 28px;
	}			
	.breadcrumb-content {
	    padding: 120px 0 50px;
	}
	.tr-testimonial-icon {
		font-size: 26px;
	}	
	.tr-bg-video {
		min-height: 530px;
	}	
	.tr-video-player {
		padding-bottom: 120% !important;
	}	
	.kc-call-to-action {
	    padding: 30px 20px;
	}	
	.kc-call-to-action h2{
		font-size: 28px;
	}
	.kc-call-to-action .kc-cta-button a{
		font-size: 14px;
		padding: 10px 35px;
	}
	.banner-feature {
		position: relative;
		margin-top: 60px;
	}
	.navbar-brand h1 {
		font-size: 24px;
	}
	.banner-info {
	    padding: 150px 0 90px;
	}
	.tr-featured .featured,
	.tr-service,
	.tr-causes,
	.tr-post,
	.tr-faq,
	.widget,
	nav.navigation.post-navigation {
		margin-bottom: 15px;
	}	
	.tr-sidebar {
		margin-top: 15px;
	}
	.kc-call-to-action .kc-cta-button a {
		margin-top: 10px;
	}
	.section-header h1, 
	.page-header .page-title {
		font-size: 22px;
	}	
	.section-header {
		margin-bottom: 40px;
	}
	.team-slider .slick-dots {
		margin-top: 25px;
	}
	.footer-bottom {
		text-align: center;
	}
	.footer-bottom .copyright,
	.footer-bottom .footer-social {
		float: none;
	}
	.footer-bottom .footer-social ul {
		justify-content: center;
		margin-top: 15px;
	}
	.video-content {
		padding-bottom: 10px;
	}
	.entry-content .entry-footer {
		margin-top: 20px;
	}
	.about-thumb {
		margin-bottom: 20px;
	}
	.tr-about {
		margin-top: 10px;
	}
	.tr-about h2 {
		font-size: 18px;
	}
	.contact-info .content-title {
		font-size: 18px;
	}
	nav.navigation.post-navigation {
		padding: 30px;
	}
	.tr-comments-area, .tr-comment-form {
		padding: 40px 30px;
	}
	.tr-comments-area h3.title-before, 
	.tr-comment-form h3 {
		font-size: 20px;
	}
	.tr-faq {
		padding: 15px 20px;
	}
	.tr-faq h2 {
		margin: 15px 0;
	}
	.pagination {
		margin-top: 20px;
	}
	.subscribe-info .form-control {
		margin-bottom: 20px;
	}
}

/* XS Portrait */
@media (max-width: 475px) {
	.fun-facts ul li {
		width: 100%;
	}
	.tr-button {
	    position: absolute;
	    right: 55px;
	    top: 12px;
	}	
	.tr-button .btn.btn-primary {
		padding: 5px 10px;
	}

	.gallery-content li {
		width: 100%;
	}
	.navbar-brand img {
		max-width: 75%;
	}
	.tr-button .btn.btn-primary {
		font-size: 12px;
	}	
	.banner-info {
		padding: 140px 0 90px;
	}
	.tr-button {
		top: 8px;
	}
	.navbar-toggler {
		top: 7px;
	} 
	.featured-icon {
		font-size: 40px;
		line-height: 40px;
		margin-bottom: 20px;
	}
	.featured h2 {
		font-size: 20px;
	}
	.featured h3 {
		font-size: 16px;
	}
	.video-content h1 {
		font-size: 24px;
		line-height: 28px;
	}
	.entry-footer li:first-child{
		margin-top: 0;
	}
	.entry-footer li {
		margin-right: 10px;
	}
	.tr-masonry-content .entry-footer li.float-left {
		float: left !important;
	}
	.tr-masonry-content .entry-footer li.float-right {
		float: right !important;
	}
	.footer-widget ul li {
		width: 100%;
		padding-right: 0;
	}
	.footer-widget ul li:nth-child(2n+1) {
		padding-right: 0;
	}
	.tr-comments-area, .tr-comment-form {
		padding: 30px;
	}
	.tr-comments-area {
		padding-bottom: 0;
	}
	.comment-meta .float-left,
	.comment-meta .float-right {
		float: none !important;
	}
	.comment-meta .tr-replay {
		margin-top: 5px;
	}
	.entry-footer li, .entry-meta li{
		margin-right: 10px;
		font-size: 14px;
	}	
	.entry-content {
	    padding: 25px 30px;
	}	
	.tr-clients-grid.kc-grid .item-grid.grid-4, 
	.tr-clients-grid.kc-grid .item-grid.grid-5, 
	.tr-clients-grid.kc-grid .item-grid.grid-6 {
		min-height: 45px;
	}
	.tr-gallery-grid.kc-grid .item-grid.grid-4, 
	.tr-gallery-grid.kc-grid .item-grid.grid-5, 
	.tr-gallery-grid.kc-grid .item-grid.grid-6 {
	    width: 100%;
	}
	.comment-list .children {
		margin-left: 0;
	}	
	nav.navigation.post-navigation {
		padding: 30px;
	}
	.tr-bg-video .banner-info {
		padding-bottom: 100px;
	}	
	.tr-video-player {
		padding-bottom: 165% !important;
	}	
}