@media (max-width: 1200px) {
	.kode-wrap-boxed {
		width: 100%;
	}

	.navigation ul li a {
		font-size: 12px;
		padding: 20px 10px
	}

	.header-2 .logo {
		width: 100%;
		text-align: center;
	}

	.header-2 .logo img {
		position: static;
	}

	.header-2 .logo:after {
		display: block;
	}

	.wrapper {
		overflow: hidden;
	}

	.header-2 .nav-content {
		width: 100%;
		float: left;
	}

	.header-2 .nav-content .kode-donate-now {
		float: right;

	}

	.header-2 .nav-content {
		margin: 8px 0px;
	}

	.header-2 .navigation {
		margin: 4px 0px;

	}
}

/*============	Media 768Px Start ============ */
@media (min-width: 768px) and (max-width: 990px) {

	/* Header */
	.kode-wrap-boxed {
		width: 100%;
	}

	.kode-headbar .col-md-3 {
		width: 20%;
		float: left;
	}

	.kode-headbar .col-md-9 {
		width: 80%;
		float: left;
	}

	.logo {
		width: 100%;
	}

	.navbar-nav>li>a {
		padding: 33px 4px 31px;
		font-size: 12px;
	}

	.kode-donate-btn {
		padding: 6px 16px;
		font-size: 12px;
		margin: 27px 0 0 5px;
	}

	.kode-search {
		display: none;
	}

	.header-style-3 .logo {
		text-align: center;
	}

	/* MainBanner */
	.kode-caption {
		bottom: 60px;
	}

	.kode-caption h3 {
		font-size: 20px;
	}

	.kode-caption h1 {
		font-size: 44px;
	}

	.kode-caption span {
		font-size: 30px;
		margin-bottom: 25px;
	}

	/* MainGrid */
	.gallery-info h4 {
		font-size: 18px;
	}

	/* Testimonial */
	.kode-testimonial figure {
		width: 100%;
	}

	.kode-testimonial figure~.testimonial-info,
	.kode-testimonial .testimonial-info {
		float: left;
		width: 100%;
		padding: 15px;
	}

	/* Content */
	.kode-subheader.subheader-height {
		height: auto;
		padding: 40px 0 0;
	}

	/* Footer */
	#footer-widget .col-md-3.widget.widget-text {
		width: 100%;
	}

	#footer-widget .widget-text:before {
		right: 0px;
	}

	.kode-newslatter {
		margin-bottom: 30px;
	}

	.bottom-footer thbg-color {
		text-align: center;
	}

	.bottom-footer thbg-color [class*="col-md-"] {
		display: inline-block;
	}

	.main-banner .bxslider .caption h2 {
		font-size: 40px;
	}

	.main-banner .bxslider .caption h3 {
		font-size: 30px;
	}

	.main-banner .bxslider .caption {
		top: 40%
	}

	.header-2 .navigation ul li a {
		padding: 10px 9px
	}

	.kf-services {
		margin: 0px 0px 30px 0px;
	}

	.main-banner-2 .bxslider .caption-2 {
		margin-left: -356px;
	}

	.progress-section .row div:first-child .count-up {
		border-left: 1px solid rgba(255, 255, 255, 0.5);
		border-bottom: 1px solid rgba(255, 255, 255, 0.5);
	}

	.count-up {
		border-bottom: 1px solid rgba(255, 255, 255, 0.5);
	}

	.kode-event-list-2 .kode-text h2 {
		font-size: 18px;
	}

	.video-title {
		padding: 70px 0px;
	}

	section .kode-team-member {
		margin-bottom: 30px;
	}

	footer .widget {
		margin-bottom: 30px;
	}

	.kode-search-2 input[type="text"] {
		font-size: 30px;
	}

	.main-banner-2 .bxslider .caption-2 {
		top: 16%;
	}

	.main-banner-2 .bxslider .caption-2 h2 {
		font-size: 50px;
	}

	section .kode-cause-list {
		margin-bottom: 30px;
	}

	.kode-blog-list .kode-text h2 {
		font-size: 24px;
	}

	.inner-banner {
		padding: 180px 0 20px;
	}

	.kode-cause-list.kode-list-view .kode-cause-content {
		float: left;
		width: 100%;
		padding: 0px;
	}

	.kode-cause-list.kode-list-view .kode-thumb {
		float: left;
		width: 100%;
	}

	.is-countdown {
		width: 100%;
	}

	.countdown-amount {
		font-size: 70px;
		line-height: 60px;
	}

	.kode-contact-icon {
		margin: 0px 0px 30px 0px;
	}

	.kode-map #map_list {
		height: 400px;
	}
}

/*============ Media 420Px Start ============ */
@media (max-width: 767px) {
	.kode-wrap-boxed {
		width: 100%;
	}

	/* Header */
	#kode-responsive-navigation {
		display: block;
		float: right;
		margin: 13px 0px
	}

	.navigation {
		display: none;
	}

	/* Navigation */
	.navbar-nav>li>a {
		padding: 12px 18px;
	}

	.navbar-toggle {
		background-color: #fff;
		margin-top: 25px;
	}

	.navbar-collapse {
		z-index: 99;
		position: absolute;
		right: 0px;
		top: 100%;
		width: 320px;
		background-color: #fcfcfc;
	}

	.navbar-nav .children {
		background-color: #666;
		float: left;
		width: 100%;
		margin: 0px;
		position: static;
		visibility: visible;
		opacity: 1;
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		-o-transform: none;
		transform: none;
	}

	.navbar-nav {
		margin: 0px;
	}

	.navbar-nav .children li a {
		width: 100%;
	}

	.nav>li {
		float: left;
		width: 100%;
	}

	.navbar-nav {
		text-align: left;
	}

	.kode-header-absolute {
		position: static;
	}

	.kode-headbar {
		margin-top: 0px;
	}

	.kode-header-absolute~#mainbanner {
		padding: 0px;
	}

	.kode-topbar {
		height: auto;
	}

	.kode-barinfo,
	.kode-topbar:before,
	#footer-widget .widget-text:before {
		display: none;
	}

	.main-navbaar .col-md-3 {
		float: right;
		width: 50%;
	}

	.kode-header-two .navbar-toggle {
		margin-top: 8px;
	}

	.kode-header-two .navbar-collapse {
		background-color: #4d4d4d;
		right: auto;
		left: 0px;
	}

	/* MainBanner */
	.kode-caption {
		bottom: 40px;
	}

	.kode-caption h3 {
		display: none;
	}

	.kode-caption h1 {
		font-size: 44px;
	}

	.kode-caption span {
		font-size: 30px;
		margin-bottom: 25px;
	}

	/* MainGrid */
	.kode-content .col-md-4 {
		float: left;
		width: 100%;
	}

	.kode-content .col-md-3 {
		float: left;
		width: 100%;
	}

	.gallery-info h4 {
		font-size: 18px;
	}

	.kode-newslatter form input[type="submit"] {
		position: relative;
		left: 0px;
		right: 0px;
		margin: 0 auto;
		display: block;
		float: none;
		text-align: center;
	}

	.accordian-fram .ac-thumb {
		width: 100%;
	}

	.accordian-fram .ac-thumb~.ac-info {
		float: left;
		padding: 0px;
	}

	.kd-accordion .accordion span {
		padding: 40px 0 0;
	}

	.widget-section {
		padding: 0px;
	}

	#footer-widget .col-md-3,
	#footer-widget .col-md-4 {
		float: left;
		padding-top: 30px;
		padding-bottom: 0px;
	}

	#footer-widget .kode-newslatter {
		margin-top: 30px;
		float: left;
	}

	.kode-team-network,
	.kode-email {
		float: none;
		display: block;
		text-align: center;
	}

	.kode-team-network li {
		margin-left: 0px;
		margin-right: 15px;
		float: none;
		display: inline-block;
		margin-top: 15px;
	}

	.kode-headbar {
		border: none;
	}

	.kode-large-blog ul li .kode-blog-info,
	.kode-editor .left-spacer {
		float: left;
		padding: 0px;
	}

	.kode-postoption li {
		padding: 10px 0px;
	}

	.kode-blog-list.kode-grid-blog .kode-blog-info {
		margin-bottom: 0px;
	}

	.kode-blog-info {
		margin-bottom: 30px;
	}

	.kode-editor p {
		clear: both;
	}

	.kode-eventcountdown .countdown {
		margin: 0px;
	}

	#koderespond form p {
		padding: 15px 0px;
	}

	#koderespond form p i {
		display: none;
	}

	.donation-nav ul li {
		display: inline-block;
		float: none;
	}

	.donation-nav ul li a {
		display: inline-block;
		float: none;
	}

	.kode-main-action span {
		width: 100%;
		float: none;
		display: block;
		text-align: center;
	}

	.kode-actionbtn {
		float: none;
	}

	.kode-actionbtn a {
		float: none;
		display: block;
		text-align: center;
		margin: 0px 0px 10px 0px;
	}

	/* Testimonial */
	.kode-testimonial figure {
		width: 100%;
	}

	.kode-testimonial figure~.testimonial-info,
	.kode-testimonial .testimonial-info {
		float: left;
		width: 100%;
		padding: 15px;
	}

	/*  Content */
	.countdown .item {
		width: 100%;
	}

	.countdown .item:before,
	.kode-header-two .kode-team-network {
		display: none;
	}

	.kode-parallex-info-two span {
		font-size: 60px;
	}

	.kode-parallex-info-two h2 {
		font-size: 40px;
	}

	.kode-subheader.subheader-height {
		height: auto;
		padding: 40px 0px;
	}

	.kode-subheader .col-md-6 {
		float: left;
		width: 50%;
	}

	.kode-attachment ul li,
	.kode-couses-options li {
		width: 50%;
	}

	#kodecomments .children>li {
		padding-left: 0px;
	}

	.kode-admin-post figure~.admin-info,
	#kodecomments ul li figure~.text {
		float: left;
		width: 100%;
		padding: 0px;
	}

	.kode-couses-options li {
		padding-bottom: 25px;
	}

	.event-cell.short-info,
	.event-cell {
		float: left;
		width: 100%;
	}

	.kode-innsec ul li {
		width: 50%;
	}

	/* Footer */
	#footer-widget .col-md-3.widget.widget-text {
		width: 100%;
	}

	.kode-newslatter {
		margin-bottom: 30px;
	}

	.bottom-footer thbg-color {
		text-align: center;
	}

	.bottom-footer thbg-color [class*="col-md-"] {
		display: inline-block;
	}

	.logo {
		width: 100%;
		text-align: center;
	}

	.logo:before {
		display: none;
	}

	.header-2 .logo::before {
		display: block;
	}

	.main-banner .bxslider .caption h2 {
		font-size: 40px;
	}

	.main-banner .bxslider .caption h3 {
		font-size: 30px;
	}

	.main-banner .bxslider .caption {
		top: 40%
	}

	.header-style-3 {
		position: static;
		background-color: #000;
	}

	.header-2 .nav-content .kode-donate-now {
		float: left;
	}

	.header-2 #kode-responsive-navigation {
		margin: 3px 0px;

	}

	.main-banner-2 .bxslider .caption-2 {
		margin-left: -340px;
	}

	.main-banner-2 .bxslider .caption-2 h2 {
		font-size: 40px;
	}

	.kode-search-2 input[type="text"] {
		font-size: 30px;
	}

	.kf-services {
		margin-bottom: 30px;
	}

	.causes-section .kode-cause h2 {
		margin: 20px 0px;
	}

	section .kode-cause-list {
		margin-bottom: 30px;
	}

	.progress-section h1 {
		font-size: 40px;
	}

	.progress-section .row div:first-child .count-up {
		border-bottom: 1px solid rgba(255, 255, 255, 0.5)
	}

	.count-up {
		border-bottom: 1px solid rgba(255, 255, 255, 0.5);
		border-left: none;
	}

	section .kode-team-member {
		margin-bottom: 30px;
	}

	.main-banner-2 .bxslider .caption-2 h2 {
		font-size: 30px;
	}

	.main-banner-2 .bxslider .caption-2 {
		top: 15%;
		text-align: center;
		margin: 0px;
		left: 0px;
		width: 100%;
	}

	.kode-search-2 {
		margin: 30px 0px 0px 0px;

	}

	.kode-search-2 input[type="text"] {
		height: 70px;
		font-size: 20px;
	}

	.inner-banner {
		padding: 180px 0 20px;
	}

	.inner-banner h2 {
		font-size: 30px;
	}

	.kode-cause-list.kode-list-view .kode-cause-content {
		float: left;
		width: 100%;
		padding: 0px;
	}

	.kode-cause-list.kode-list-view .kode-thumb {
		float: left;
		width: 100%;
	}

	.is-countdown {
		width: 100%;
	}

	.countdown-amount {
		font-size: 50px;
		line-height: 30px;
	}

	.countdown-period {
		font-size: 14px;
	}

	.kode-error .input-container,
	.kode-under-construction .input-container {
		width: 90%;
	}

	.kode-under-construction h2 {
		font-size: 40px;
	}

	.buy-template h2 {
		font-size: 24px;
	}

	.buy-template h4 {
		font-size: 14px;
	}

	.kode-error h2 {
		font-size: 36px;
	}

	.kode-error h1.error {
		font-size: 200px;
		line-height: 200px;
	}

	.kode-contact-icon {
		margin: 0px 0px 30px 0px;
	}

	.kode-map #map_list {
		height: 300px;
	}

	.kode-cause-list.kode-list-view .kode-text {
		width: 100%;
	}

	.kode-cause-list.kode-list-view .kode-fund-raised {
		width: 100%;
	}

	.kode-testimonials-7 .kode-text p {
		font-size: 18px !important;
	}
}

/*============ Media 300Px Star ============ */
@media (max-width: 480px) {
	.inner-banner {
		padding: 165px 0 20px;
	}

	.nav-content {
		float: none;
	}

	/* Header */
	.kode-wrap-boxed {
		width: 100%;
	}

	.kode-headbar {
		text-align: center;
	}

	.logo,
	.kode-rightsection {
		display: inline-block;
		float: none;
	}

	.navbar-collapse {
		width: 220px;
		right: auto;
		left: 0px;
	}

	.main-navbaar .col-md-3 {
		width: 70%;
	}

	.kode-attachment ul li,
	#koderespond form p,
	.kode-couses-options li {
		width: 100%;
	}

	/* Main Banner */
	.kode-caption {
		/* display: none; */
	}

	.main-banner .bxslider .caption h2 {
		font-size: 30px;
	}

	.main-banner .bxslider .caption h3 {
		font-size: 20px;
	}

	.main-banner .bxslider .caption {
		top: 30%
	}

	.banner-meta {
		display: none;
	}

	.main-banner-2 .bxslider .caption-2 h2 {
		font-size: 30px;
	}

	.main-banner-2 .bxslider .caption-2 {
		top: 15%;
		text-align: center;
		margin: 0px;
		left: 0px;
		width: 100%;
	}

	.kode-search-2 {
		margin: 30px 0px 0px 0px;

	}

	.kode-search-2 input[type="text"] {
		height: 70px;
		font-size: 20px;
	}

	.kode-cause-list.kode-list-view .kode-text {
		width: 100%;
	}

	.kode-cause-list.kode-list-view .kode-fund-raised {
		width: 100%;
	}

	.main-banner .bxslider .caption a.donate {
		display: none;
	}

	.kode-testimonials-7 .kode-thumb {
		float: left;
		width: 100% !important;
		margin-bottom: 20px
	}

	.kode-testimonials-7 .kode-thumb img {
		width: 100%;
	}

	.kode-testimonials-7 .kode-text {
		padding: 0px !important;
		float: left;
		width: 100%;
	}

	.footer-nav ul li {
		padding: 0px 10px;
	}
}

/*============	Media 940Px Start ============ */
@media screen and (min-width: 991px) and (max-width: 1199px) {
	.navbar-nav>li>a {
		font-size: 13px;
		padding: 35px 6px 31px;
	}

}