@charset "utf-8";

/* CSS Document */

/*
=================================================
			FROM 1380PX
=================================================
*/
@media screen and (min-width: 1199px) and (max-width: 1380px) {
	.kode-type-1 [class*="kode-txt-"]{
		margin:-117px 0 0;	
	}
	.kode-type-3 [class*="kode-txt-"]{
		margin:-130px 0 0;
		right:20px;	
	}
	.kf_store_add3_wrap h4{
		font-size:29px !important;	
	}
	.kf_store_add3_wrap p{
		display:none;	
	}
}
/*
===========================================================================
								1200px
===========================================================================
*/
@media (min-width: 1200px) {
.dl-menuwrapper {
	display: none;
}
.kode-full-size-wrapper .bx-controls-direction {
	display: none;
}
}


/*
===========================================================================
							992px to 1199px
===========================================================================
*/
 @media (min-width: 992px) and (max-width: 1199px) {
.kf_store_caption{
		margin:-70px 0 0 -470px;	
	}
	.kf_store_caption h2{
		font-size:70px;	
	}
	.kf_store_banner .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{
		bottom:30px;
		left:240px;	
	}
	.kode-type-1 [class*="kode-txt-"]{
		margin:-87px 0 0;	
	}
	.kode-type-1 [class*="kode-txt-"] h5{
		font-size:20px;	
	}
	.kode-type-1 [class*="kode-txt-"] h3{
		font-size:35px;	
	}
	.kode-type-1 [class*="kode-txt-"] h4{
		font-size:25px;
		margin:0 0 22px;	
	}
	.kode-type-2 [class*="kode-txt-"]{
		margin:-27px 0 0;	
	}
	.kode-type-2 [class*="kode-txt-"] h4{
		font-size:25px;	
	}
	.kf_store_add3_wrap p{
		display:none;	
	}
	.kf_store_add3_wrap h4{
		font-size:24px;	
	}
	.kf_store_add3_wrap form input[type="submit"], .kf_store_add3_wrap form button{
		padding:0 10px;	
	}
	.kode-type-3 [class*="kode-txt-"]{
		margin:-90px 0 0;
		right:20px;	
	}
	.kode-type-3 [class*="kode-txt-"] h3{
		font-size:40px !important;	
	}
	.kode-type-3 [class*="kode-txt-"] p{
		font-size:30px !important;	
	}
	/*Product Style*/
	.kf_store_price{
		width:100%;	
	}
	.kf_store_product_social ul li a{
		height:34px;
		width:34px;
		line-height:34px;	
	}
 .body-wrapper{
width:100% !important;
}
 .dl-menuwrapper {
	display: none;
}
.header-9 .kf-cart-options .cart-itmes {
	padding: 16px 14px;
}
.kode-full-size-wrapper .bx-controls-direction {
	display: none;
}
.shipping-services {
	padding: 10px;
}
.navigation ul > li > a, .navbar-nav > li > a {
	padding: 30px 10px;
}
.flickr_badge_image {
	float: left;
	margin: 0 -9% 10px 0;
	width: 33.333%;
}
.flickr_badge_image img {
	width: 100%;
}
.navigation ul > li > a, .navbar-nav > li > a {
	font-size: 12px;
}
.kode-couses-options li {
	font-size: 13px;
}
.couses-donate-btn {
	margin-top: 8px;
}
.kode_header_5 .kode_nav_1 ul li a{
	padding: 40px 12px;
}
.kode-services-3 .kode-text-3 h2{
	font-size: 22px !important;
}
.donate-text p{
	font-size: 16px;
}
.donate-text .btn-filled{
	font-size: 16px;
	padding: 10px 20px;
}
.kode-cause-list .kode-cause-content .kode-text h2, .kode-newslatter h2{
	font-size: 22px !important;
}
.kode-newslatter span{
	font-size: 14px;
}
.kode-main-action span{
	font-size: 22px;
}
.kode-main-action a{
	margin-top: 15px;
}

/*
===========================================================================
							768px to 991px
===========================================================================
*/
}
 @media (min-width: 768px) and (max-width: 991px) {
 .body-wrapper{
width:100% !important;
}
	 .kode_chu_element{
			float:left;
			width:60%; 
	 }
	 .kode_chu_element .kode_search{
			right:0px; 
	 }
	 .kode_chu_top_strip .strip-info{
			width:100%; 
	 }
	 .kode_chu_top_strip ul li{
			display:inline-block;
			float:none;
			text-align:center; 
	 }
	 .kode_chu_top_strip .strip-info li{
			border:none;
			margin:0px 0px 8px; 
	 }
	 .kode-headbar .row .col-md-3 {
	width: auto;
	float: left;
}
.kode-headbar .row .col-md-9 {
	width: auto;
	float: right;
}
.logo{
	margin:10px !important;
}
.navigation {
	display: none;
}
.dl-menuwrapper {
	display: block;
	margin: 19px 20px 19px 20px;
	float: right;
}
.kode-donate-btn{
	margin:19px 0;
}
.header-9 .logo-container .logo {
	margin-bottom: 21px;
}
.shipping-services,  .kf-services {
	margin-bottom: 30px;
}
.kode-caption-wrapper {
	display: none;
}
.kf-team .social ul li a {
	padding: 30px;
}
.footer-2 .container .row .col-md-2:first-child,  .product-listing2 ul li,  .new-products .columns, .team-listing.kd-team .columns,  .product-container .thumb a {
	width: 100%;
}
.social-contacts h2 {
	float: none;
}
.social-contacts ul {
	float: none;
	margin: 0px;
	padding: 0px;
}
.social-contacts .icon-text p {
	float: none;
}
.header-1 .dl-menuwrapper {
	margin-top: 20px;
}
.kode-full-size-wrapper .bx-controls-direction {
	display: none;
}
.header-1 .logo {
	margin-top: 0;
}
.header-4 .dl-menuwrapper {
	margin-top: 0px;
}
.kode-headbar .row .col-md-3 {
	width: auto;
	float: left;
}
.kode-headbar .row .col-md-9 {
	width: auto;
	float: right;
}
.kode-main-action{
	text-align:center;
}
.kode-main-action span{
	width:100%;
	font-size:24px;
}
.kode-main-action a{
	display:inline-block;
	float:none;
}
.kode-maintitle h3{
	font-size:34px;
}

.fa-4x{
	font-size:3em
}
.project_facts span{
	font-size:35px;
}
.project_facts h2{
	font-size:20px;
}
.cause-inner-caption h2{
	font-size:18px;
}
.kode-gutter-gallery ul li{
	float:left;
	width:50%;
}
.kode-gutter-gallery ul li.clear{
	display:none;
}
.kode-classic-action{
	text-align:center;
}
.kode-actionbtn{
	float:none;
	display:inline-block;
}
#footer-widget .kode-widget-bg-footer{
	float:left;
	width:100%;
}
.kode-subheader.subheader-height .col-md-6{
	float:right;
	width:auto;
}
.kode-subheader.subheader-height div.col-md-6:first-child{
	float:left;
}
.kode-breadcrumb{
	margin:10px 0px 0px 0px;
}
.ab-thumb{
	display:none;
}
#footer-widget .kode-widget{
	float:left;
	width:100%;
}
.kode-blog-grid-ux{
	float:left;
	width:100%;
	margin:0px 0px 20px 0px !important;
}
.medium-wrap{
	margin:0px 0px 20px 0px;
}
.kode-blog-full{
	float:left;
	margin:0px 0px 20px 0px;
}
.kode-innsec ul li.kode-map-event, .kode-innsec ul li.kode-image-event{
	width:100%;
}
.event-cell h2{
	font-size:20px;
}
.kode-causes-list div.clear{
	display:none;
}
.woocommerce-content ul.products li{
	width:31.3%;
}
.newslatter-info{
	width:100%;
	text-align:center;
	margin-bottom:20px;
}
.kode-newslatter form{
	width:100%;
	padding:0px;
}
.kode_header_7 .kode_donate_btn{
	float: left;
}
.kode_header_7 .dl-menuwrapper{
	margin: 11px 0px;

}
.kode_header_7 .kode_sec_strip .col-md-4{
	width: 33.333%;
	float: left;

}
#header-style-3  .dl-menuwrapper{
	margin: 11px 0;
}
#header-style-3 .kode-donate-btn{
	float: left;
}
#header-style-3 .col-md-4{
	width: 33.333%;
	float: left;;
}
#header-style-3 .kode_loc{
	padding: 15px 0px 0px 0px;

}
#header-style-3 .kode_logo .logo {
	margin: 0px !important;

}
}

/*
===========================================================================
								767px
===========================================================================
*/
 @media (max-width: 767px) {
 .body-wrapper{
width:100% !important;
}
	 .kode_chu_element{
			display:none; 
	 }
	 .strip-info{
			width:100%; 
	 }
	 .kode_chu_top_strip{
	 display:none;
	 }
	 .kode_chu_top_strip .strip-info li{
			width:100%;
			margin:0px 0px 10px;
			text-align:center;
			border:0px; 
	 }
	 .kode_chu_logo{
			height:339px; 
	 }
	  .kode_chu_logo a{
			display:inline-block;  
	  }
	 .kode_chu_logo a img{
			position:absolute;
			top:0px;
			left:0px;
			right:0px;
			bottom:0px;
			margin:auto;
			max-width:inherit; 
	 }
.kode-full-size-wrapper .bx-controls-direction {
	display: none;
}
.kode-navigation-wrapper{
	display:none;
}
.kode-headbar .row .col-md-3 {
	width: auto;
	float: left;
}
.kode-headbar .row .col-md-9 {
	width: auto;
	float: right;
}
.logo{
	margin:10px;
}
.dl-menuwrapper{
	float:right;
	margin:19px 20px 19px 20px;
}
.kode-donate-btn{
	margin:19px 0px;
}
#footer-widget .kode-widget-bg-footer{
	float:left;
	width:100%;
}
.woocommerce div.product div.images{
	width:100%;
}
.woocommerce div.product div.summary{
	padding:0px;
	width:100%;
}
.woocommerce ul.products {
	margin:0px;
	float:left;
	width:100%;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product{
	width:100%;
	float:left;
	margin:0px 0px 30px 0px;
}
.kode-main-action span{
	width:100%;
	text-align:center;
	font-size:20px;
}
.kode-main-action a{
	float:none;
	display:inline-block;
	margin-top:10px;
}
.kode-main-action{
	text-align:center;
}
.kode-main-action h2{
	font-size:20px;
	display:block;
}
.kode-actionbtn{
	float:left;
	width:100%;
}
.kode-actionbtn a{
	float:none;
	display:inline-block;
	margin:5px 0px;
}
.kode-team ul.row{
	margin:0px;
}
.kode-team ul.row li{
	margin:0px 0px 30px 0px;
	padding:0px;
}
.kode-header-absolute{
	position:relative;
	z-index:100;
}
.kode-headbar{
	float:left;
	width:100%;
	margin:0px;
}
.kode-caption .kode-caption-title{
	font-size:30px;
}
.kode-caption .kode-caption-text{
	font-size:16px;
}
.kode-caption .kode-linksection{
	font-size:16px;
	padding:5px 20px;
	margin:0px;
}
.kode-caption{
	bottom:30px;
}
.kode-gutter-gallery ul li{
	float:left;
}
.kode-maintitle h3{
	font-size:26px;
}
.kode-maintitle h2{
	font-size:18px;
}
.kode-classic-action {
	text-align:center;
}
.kode-classic-action h2{
	font-size:18px;
}
.kode-actionbtn{
	text-align:center;
}
.kode-actionbtn a{
	padding:8px 10px;
	display:inline-block;
	float:none;
}
.kode-gallery ul.kode-item {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
.kode-gallery ul.kode-item li{
	width:100%;
	float:left;
}
.kode-team .team-network ul li{
	margin:0px 3px;
}
.kode-newslatter {
	text-align:center;
	padding:0px 30px;
}
.kode-newslatter h2{
	font-size:18px;
}
.newslatter-info,{
	margin:0px 0px 20px 0px;
}
.newslatter-info, .kode-newslatter form{
	float:left;
	width:100%;
	position:relative;
	padding:0px;
	text-align:center;
}
.kode-newslatter form input[type="submit"]{
	padding:10px 15px;
	position:absolute;
	right:0px;
	top:0px;
	font-size:12px;
	height:100%;
	border-radius:0px;
}
.kode-newslatter form input[type="text"]{
	width:100%;
	height:44px;
}
.kode-blog-list.kode-mediium-blog figure{
	float:left;
	width:100%;
}
.kode-mediium-blog figure ~ .kode-blog-info{
	padding:20px;
	float:left;
	width:100%;
}
.blog-item-holder .columns{
	width: 100%;
}
.kode-services-3{
	margin-bottom: 30px;
}
.kode_header_7 .kode_donate_btn{
	float: left;
}
.kode_header_7 .dl-menuwrapper{
	margin: 11px 0px;

}
#header-style-3  .dl-menuwrapper{
	margin: 11px 0;
}
#header-style-3 .kode-donate-btn{
	float: left;
}
#header-style-3 .col-md-4{
	width: 33.333%;
	float: left;
}
#header-style-3 .kode_loc{
	padding: 15px 0px 0px 0px;

}
#header-style-3 .kode_logo .logo {
	margin: 0px !important;

}

#header-style-3 .kode-team-network{
	float: left;
	padding: 0px;
	margin:0px;
	text-align: center;
}
#header-style-3 .kode-team-network li{
	display: inline-block;
	float: none;
}
#header-style-3 .kode_top_strip{
	padding: 10px 0px;
}
}
/*
===========================================================================
								480px
===========================================================================
*/
 @media (max-width: 480px) {
 .body-wrapper{
width:100% !important;
}
	.kode_chu_logo{border:none;}
	.kode_chu_element,
	.kode_chu_top_strip{display:none;}
	.kode_chu_top_right .kode-responsive-navigation{
		padding:20px 20px 0px 0px;
	}
 	.kode-newslatter{
 		padding: 0px;
 	}
 	.kode-newslatter h2{
 		font-size: 22px !important;
 	}
 	.kode-newslatter span{
 		font-size: 14px;
 	}
 	.widget_kode_contact_widget ul li span, .widget_kode_contact_widget ul li a{
 		margin: 0px !important;
 	}
 .kode-topbar{
	height:auto;
}
.kode-barinfo,.kode-email{display:none;}
.dl-menuwrapper {
	display: block;
	margin-top: 43px;
	float: right;
}
.voluntree-info figure{width:100%;}
.kode-team-network li{margin-bottom:10px;}
.kode-post-info li{float:none;padding:0px;}
.kode-post-info,
.kode-icons span{float:none;display:inline-block;width:100%;text-align:center;}
.kode-funding-full .kode-editor h2{margin-bottom:30px;}
.kode-coueses-list .couses-donate-btn{float:none;}
.kode-coueses-list,
.kode-couses-options{float:none;display:inline-block;text-align:center;}
.kode-couses-options li{width:100%;padding:0px;margin-bottom:10px;}
.kode-postsection .inner-post.thcolorhover,
.kode-postsection{text-align:center;width:100%;}
.kode-postsection a{float:none;display:block;margin-bottom:10px;}
.kode-editor .left-spacer, .kode-blog-full .kode-blog-info{clear:both;padding:0px;}
.kode-postoption .blog-info.blog-date{margin-bottom:15px;}
#footer-widget .kode-widget-bg-footer:before{width:0px;}
.countdown .item{width:22.2%}
.admin-info h4:before{right:0;margin:auto;}
.kode-admin-post figure{float:none;display:inline-block;text-align:center;}
.kode-admin-post .admin-info{padding:0px !important;}
.kode-admin-post,
.kode-admin-post .admin-info{float:none;display:block;text-align:center;clear:both;}
.countdown .item span{width:43px;}
.kode-breadcrumb{float:none;display:inline-block;text-align:center;}
.kode-subheader.subheader-height{height:auto;padding:30px 0px;display:block;text-align:center;}
.kode-innsec ul li.kode-map-event,
.kode-innsec ul li.kode-image-event{width:100%;}
.event-cell.short-info{width:auto;}
.event-cell{display:block;}
.header-9 .kf-cart-options .cart-itmes,  .widget_shopping_cart_content,  .social-icons {
	width: 100%;
}
.kf-cart-options .top-nav ul,  .kf-cart-options .cart-itmes,  .social-icons ul {
	text-align: center;
}
.kf-cart-options .cart-itmes,  .kf-cart-options .top-nav ul,  .kf-cart-options .cart-itmes p,  .kf-cart-options .top-nav ul li,  .social-icons ul li {
	float: none;
	display: inline-block;
}
.kf-cart-options .top-nav {
	margin: 0px;
}
.navigation {
	display: none;
}
.header-9 .logo-container .container {
	padding: 30px 15px;
}
.kf-services {
	margin-bottom: 30px;
}


.kode-caption .kode-caption-title{
	font-size:20px;
	margin:0px 0px 5px 0px;
}
.kode-caption .kode-caption-text{
	font-size:12px;
	margin:0px 0px 5px 0px;
}
.kode-caption .kode-linksection{
	font-size:12px;
	padding:5px 10px;
	margin:0px;
}
.dl-menuwrapper{
	margin:16px 0;
}
.kode-headbar{
	border:none;
}
.kode-headbar .logo{
	margin:10px;
	width:140px;
}
.kode-rightsection{
	padding:0px;
}
.kode-caption{
	bottom:10px;
}
.kode-donate-btn{
	display:none;
}


.shipping-services {
	margin-bottom: 15px;
}
.heading-1 h2, .heading-2 h2, .heading-3 h2 {
	padding: 0px 0px 10px 0px;
}
.heading-1 h2::before, .heading-1 h2::after, .heading-2 h2::before {
	content: none;
}
.kd-call-action h2, .discount-2 h2, .discount-3 h2, .children-discount h2 {
	font-size: 30px;
}
.kd-call-action h4 {
	font-size: 25px;
}
.kd-call-action .action-btn {
	padding: 10px 15px;
	font-size: 12px;
	display: inline-block;
}
.btn-contain-action {
	margin-top: 15px;
}
.social-contacts {
	width: 100%;
	border: none;
}
.social-contacts h2 {
	float: none;
}
.social-contacts ul {
	float: none;
	margin: 0px;
	padding: 0px;
}
.social-contacts .icon-text p {
	float: none;
}
.footer-2 .container .row .col-md-2:first-child {
	width: 100%;
}
.owl-buttons {
	position: relative;
	width: 40px;
	margin: 0 auto;
	float: none;
}
.kf-testimonials .owl-controls .owl-buttons div {
}
.kf-copyright {
	text-align: center;
}
.kf-copyright .pull-left, .kf-copyright .pull-right {
	float: none !important;
	display: inline-block;
}
.kf-copyright .pull-left {
	margin-bottom: 15px;
}
.header-1 .dl-menuwrapper {
	float: none;
	margin-top: 30px;
}
.header-1 .logo {
	margin-bottom: 30px;
	margin-right: 32px;
}
.header-1 .bag-button {
	text-align: center;
	margin: 0px;
	padding: 0px;
	width: 100%;
}
.header-1 .container .pull-left {
	float: none !important;
	display: none;
}
.header-1 .top-strip-links ul li {
	margin: 0;
}
.header-1 .top-strip-links ul li a {
	margin-right: 10px;
}
.header-1 .top-strip-links {
	text-align: center;
	width: 100%;
}
.kode-full-size-wrapper .bx-controls-direction {
	display: none;
}
.header-5 .navigation-3 .navigation {
	margin: 15px 0 0;
}
.header-4 .woocommerce.cart-option {
	margin: 0px;
	float: none;
	width: 100%;
	text-align: center;
}
.header-3 ul.top-nav li, .header-4 ul.top-nav li {
	float: none;
	text-align: center;
	margin-left: 12px;
	display: inline-block;
}
.header-3 ul.top-nav, .header-4 ul.top-nav {
	text-align: center;
	float: none;
}
.header-3 ul.we-ship, .header-4 ul.we-ship {
	width: 100%;
	text-align: center;
	display: none;
}
.header-3 ul.we-ship li, .header-4 ul.we-ship li {
	float: none;
	text-align: center;
}
.header-4 .dl-menuwrapper {
	margin-top: 100px;
	position: relative;
	text-align: center;
	float: none;
}
.header-4 .dl-menuwrapper .dl-menu {
	float: left;
	text-align: left;
}
.header-9 .our-services .text,  .header-3 .our-services .text, .header-4 .our-services .text {
	margin-top: 10px;
}
.header-9 .our-services, .header-3 .our-services {
	margin-top: 15px;
}
.header-style-2.subheader {
	padding: 80px 0;
}
.header-1.header-7 .dl-menuwrapper {
	display: inline-block;
	float: right;
	margin-top: 22px;
	text-align: center;
}
.header-3 .nav-container .col-md-9 {
	float: right;
}
.header-3 .nav-container .col-md-3 {
	float: left;
}
.header-3 .logo-container .col-md-3 {
	width: 100%;
	text-align: center;
}
.header-9 .kf-services-container {
	display: none;
}
.header-3 .logo-container .our-services {
	display: none;
}
.header-3 .logo-container .logo {
	margin: 0px;
	width: 100%;
}
.header-3 .dl-menuwrapper {
	margin: 0px;
}
.header-5 .my-account {
	width: 100%;
	float: none;
	display: block;
	text-align: center;
}
.header-5 .my-account ul {
	float: none;
	display: block;
}
.header-5 .my-account ul li {
	float: none;
	display: inline-block;
	margin: 0px 10px 0px 0px
}
.header-5 .my-account ul li:first-child {
	margin: 0px 10px 0px 0px;
}
.header-5 .cart-option {
	margin: 10px 0px 10px 0px;
	float: none;
}
.header-5 .default-msg {
	display: none;
}
.header-8 .top-strip-links ul li:first-child {
	margin: none;
}
.header-8 .top-strip-links,  .header-8 .top-strip-links ul {
	float: none;
	text-align: center;
}
.header-8 .top-strip-links ul li {
	margin-right: 10px;
	display: inline-block;
	float: none;
	margin-left: 0px;
}
.header-8 .top-strip .container .pull-left {
	display: none;
}
.header-8 .kf-bag-items {
	width: 100%;
	float: none;
	text-align: center;
	margin: 0px;
}
.header-8 .kf-bag-items .thumb {
	float: none;
}
.header-8 .logo-container .col-md-3 {
	width: 100%;
	float: left;
}
.header-8 .nav-container .col-md-9 {
	float: right;
}
.header-8 .nav-container .col-md-3 {
	float: left;
}
.header-8 .logo {
	width: 100%;
	float: none;
	text-align: center;
}
.header-8 .dl-menuwrapper {
	margin: 10px 0px;
}
.strip-info i{
	display:none;
}
.strip-info li{
	margin:0px 15px 0px 0px;
	font-size:12px;
}
.kode-email li{
}
.kode-team-network{
	float:left;
	width:100%;
	text-align:center;
	margin:10px 0px 0px 0px;
}
.kode-team-network li{
	float:none;
	display:inline-block;
}
.kd-accordion .accordion{
	font-size:12px !important;
	padding:10px !important;
}
.kd-accordion .accordion span{
	width:30px !important;
	padding:12px 0 0 !important;
}
.kode-maintitle h3{
	font-size:30px !important;
}
.kode-widget.kode-sidebar-element{
	padding:0px 20px;
}
#footer-widget .widget-text p{
	color:#fff;
}
.kode-blog-list.kode-mediium-blog figure{
	float:left;
	width:100%;
}
.kode-mediium-blog figure ~ .kode-blog-info{
	padding:20px;
	float:left;
	width:100%;
}
.widget_kode_contact_widget span, .widget_kode_contact_widget a{
	text-align:center;
	margin-bottom:20px;
}
.kode_logo_2{
	width: 100%;
	text-align: center;
}
.kode_logo_2 .logo{
	float: none;
	display: block;
}
.kode_heart{
	float: left;
	margin: 10px 0px 0px 0px;
}
.kode_header_2 .dl-menuwrapper{
	margin: 10px 0px 0px 0px;
	float: right;
}
.kode_contact_icon,.kode_loc{
	width: 100%;
	float: left;
	text-align: center;
}
.strip-info, .strip-info {
	float: left;
	width: 100%;
	text-align: center;
}
.strip-info li, .strip-info  li{
	display: inline-block;
	float: none !important;
}
.kode_header_7 .dl-menuwrapper{
	margin: 11px 0px;

}
#header-style-3 .col-md-4{
	width: 100%;
	float: left;
}
#header-style-3 .kode-donate-btn{
	display:block;
}
#header-style-3 .kode_logo{
	margin-bottom: 15px;
}
#header-style-3  .kode_loc{
	display: none;
}

}
