@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;
	}
	
	.charity-overlay{
		font-size: 380px;
	}
	.charity-caption{
		margin-top: -80px;
	}
	.kf_masjid_header{

	}
	.kf_store_navigation .dl-menuwrapper .dl-menu.dl-menuopen li{
		float: left;
		width:100%;
	}

}

/*
===========================================================================
								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: 20px !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: 20px !important;
	}
	.kode-newslatter span {
		font-size: 14px;
	}
	.kode-main-action span {
		font-size: 22px;
	}
	.kode-main-action a {
		margin-top: 15px;
	}
	.kode-caption .kode-caption-title{
		font-size:60px;
	}
	.kode-newslatter form{
		width:60%;
	}
	.newslatter-info{
		width:40%;
	}
	.charity-counter .downcount li span{
		font-size: 20px;
		padding: 14px 0;
		width: 55px;
		margin-bottom: 10px;
	}
	.charity-counter .downcount li p{
		font-size: 11px;
	}
	.charity-think-dec{
		padding-bottom: 50px;
	}
	.dl-menuwrapper{
		margin:0 20px;
	}
	.kf_masjid_donate_des.default_width span {
		font-size: 25px;
	}
 
/*

===========================================================================
				charity			992px to 1199px
===========================================================================
*/	
	
	.charity-overlay{
		font-size: 320px;
	}
	.charity-caption{
		margin-top: -83px;
	}
	.charity-counter .countdown li span{
		width: 50px;
		height: 50px;
		padding: 13px 0;
	}
	.charity-event .text{
		padding: 14px 20px;
	}
	.charity-blog .text{
		padding-right: 17px;
		padding-left: 17px;
	}
	.charity-blog-meta{
		padding-right: 17px;
		padding-left: 17px;
	}
	.charity-blog figcaption ul{
		padding: 15px;
	}
	.charity-think-dec span{
		font-size: 54px;
		line-height: 54px;
	}
	.volunteer-dec{
		padding: 0 0 0 40px;
	}
	.causes-blog figcaption ul{
		padding: 20px;
	}
	.charity-thumb{
		margin-right: 48px;
	}
	.charity-blog figcaption ul{
		padding: 10px 20px;
	}
	.kf_masjid_header .kf_masjid_logo_wrap.default_width{
		/*left: 0;
		margin: 0 auto;
		padding: 20px 0;
		position: absolute;
		right: 0;
		text-align: center;
		top: -33px;
		width: 10%;*/
		margin: 0 auto;
		padding: 0;
		position: relative;
		text-align: center;
		width: 100%;
	}
	.body-wrapper .kode-subheader.header-style-12{
		padding:205px 0 0;
		height: 286px;
	}
	.kf_masjid_header .kf_masjid_nav_outer_wrap.default_width .kode-navigation-wrapper .navigation ul > li > a,
	.kf_masjid_header .kf_masjid_nav_outer_wrap.default_width .kode-navigation-wrapper .navbar-nav > li > a{
		 padding: 15px 10px;
	}
	.pagebuilder-wrapper .kode-parallax-wrapper .kode-slider-item .slides .kode-caption-wrapper .kode-caption-inner .kode-caption{
		padding-left: 400px;
	}

	.content-wrapper .content #big-video-vid_html5_api{
		height:682px !important;
	}
	.content-wrapper .content #kode-video-column{
		padding: 0px !important;
		position: absolute !important;
	}
	.content-wrapper .content #content-section-1 .simple-column .kode-classic-action.kode-left{
		display: none !important;
	} 
	.body-wrapper #content-section-1 #kode-video-column{
		position: absolute;
		top:-70px;
		padding: 0 !important;
		padding-bottom: 630px !important;
	}
	#inner-kode-parallax-wrapper-1 > div{
		height: 100%;
		position: absolute;
		top: -55px;
		width: 100%;
	}
	.kode-subheader.subheader-height.subheader.header-style-13{
		padding: :0px;
		margin:0px;
	}
	.body-wrapper .kode-subheader.subheader-height.header-style-3{
		display: none;
	}
	.postid-52 .kode-subheader.subheader-height{
		padding: auto;
	}
	.postid-52 .kode-subheader.subheader-height .page-info > h2{
		font-size: 36px !important;
	}
	.kf_masjid_header .kf_masjid_logo_wrap{
		padding: 0px;
	}
	
	.help-bg .text h2{
		font-size:40px !important;
		line-height:40px;
	}
	.help-bg .text p{
		margin:0px 0px 10px 0px;
	}
	.help-bg .text span{
		font-size:40px;
		line-height:40px;
	}
	.help-bg .text h5{
		margin:0px;
	}
	.chrc-btn1{
		padding:13px 16px;
	}
	.curch-date{
		margin-bottom:10px
	}
	.kode-chrch-latest .text p{
		margin-bottom:10px;
		line-height:26px;
	}
	.church-donate-table ul{
		padding:30px 30px;
	}

	.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;
	}
	.pagebuilder-wrapper #content-section-1 .kode-background-video{
		padding-bottom: 0px !important;
		padding-top: 510px !important;
	}
	.simple-column{
		position: relative;
	}
	.kode-caption{
		bottom: 50%;
	    left: 0;
	    margin: auto auto -20px;
	}
	.kode-background-video .kode-video-bg{
		top:-50px;
	}
	#content-section-1 .container-fluid .kode-item.kode-slider-item .kode-caption-wrapper.position-left .kode-caption{
		margin: -180px auto;
		padding: 0px !important;
	}
	.kode-blog-medium .medium-wrap .kode-blog-info .kode-blog-post ul li{
	   	padding: 0px;
		margin-left: 0px;
	}
	.kode-blog-medium .medium-wrap .kode-blog-info .blog-timeinfo{
		margin: 0px;
		padding: 0px;
	}
	.kode-blog-medium .medium-wrap .blog-timeinfo .datetime{
		margin-bottom: 20px;
	}
	.kf_store_footer_product .recent-posts .kf_store_foo_news{
		padding: 0px;
	}
	.kf_store_footer_product .recent-posts .kf_store_foo_news h6 > a{
		font-size: 14px;
		margin: 0px;
	}
	.widget_kode_contact_widget span, .widget_kode_contact_widget a{
		font-size: 11px;
		font-weight: normal;
		padding: 8px 10px;
	}
	.widget_kode_contact_widget i, .widget_kode_contact_widget i{
		width:32px;
	}
	#kode-parallax-wrapper-2 .kode-item[class*="kode-type-"] .right[class*="kode-txt-"]{
		right: 15px;
		margin: -88px 0 0;
	}
	#kode-parallax-wrapper-2 .kode-type-3 [class*="kode-txt-"] h3{
		line-height: 1;
		margin-bottom: 0px;
		
	}
	#kode-parallax-wrapper-2 .kode-type-1 [class*="kode-txt-"] h3{
		font-size: 38px !important;
		line-height: 1;
		margin-bottom: 0px;
	}
	#kode-parallax-wrapper-2 .kode-type-1 [class*="kode-txt-"]{
		margin: -96px 0 0;
	}
	#kode-parallax-wrapper-2 .kode-type-1 [class*="kode-txt-"] p{
		margin-bottom: 12px;
	}
	#kode-parallax-wrapper-2 .kode-type-1 [class*="kode-txt-"] a{
		padding: 8px 20px;
	}
	#content-section-1 .kode_chu_banner .container-fluid .kode-caption{
	    margin: -140px 0 0;
	    top: 50%;
	    width: 100% !important;
	    left:0px;
	    right: 0px;
	}
	.kode_chu_banner .kode-caption .kode-caption-title{
		font-size: 60px;
	}
	.row.kode-item .gallery-item{
		width: 25%;
	}
	.kode-topbar .container .kode-barinfo i, .kode-topbar .container .kode-email i{
		margin-right: 2px;
		width:25px;
		height: 25px;
		line-height: 25px;
		font-size: 11px;
	}
	#mainheader .strip-info li{
		margin: 0px;
	}
	#content-section-1 #kode-parallax-wrapper-1 .kode-slider-item .slides .kode-caption-wrapper .kode-caption-inner .kode-caption{
		margin:-190px auto;
		width:100%;
		padding: 0px;
	}
	#content-section-11 #kode-parallax-wrapper-8{
		padding: 0 !important;
	}
	#content-section-11 #kode-parallax-wrapper-8 #big-video-vid_html5_api{
		top:-60px;
	}
	#kode-parallax-wrapper-8{

	}
	.simple-column .video-parallex h2{

	}
	.pagebuilder-wrapper #content-section-1 .kode-background-video{
		/*padding-bottom: 0px !important;
		padding-top: 510px !important;*/
		padding-bottom: 500px !important;
		padding-top: 0px !important;
	}
	#kode-parallax-wrapper-8 .container .simple-column .video-parallex .kode-play{
		padding: 19px 27px;
	}

	.blog-item-wrapper .blog-item-holder .kode-box-blog .kode-blog-small-ux .kode-bxslider .bx-wrapper .bx-controls-direction a:hover{
		color:#333;
	}
	.blog-item-wrapper .blog-item-holder .kode-box-blog .kode-blog-small-ux .kode-bxslider .bx-wrapper .bx-controls-direction a{
		line-height: 0px;
		padding: 0px;
		height: 40px;
	}
	.content .pagebuilder-wrapper .kode-background-image{
		background-size: cover;
	}
	.kode-subheader.subheader-height.subheader.header-style-4{
		padding: 30px 0 24px;
	}
}
/*
===========================================================================
							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;
	}
	.kode-cause-list.kode-list-view .kode-cause-content{
		padding: 20px;
		float: left;
		width:100%;
	}
	.kode-cause-list.kode-list-view .kode-text,
	.kode-cause-list.kode-list-view .kode-fund-raised,
	.kode-cause-list.kode-list-view .kode-thumb.kode-ux{
		float: left;
		width:100%;
		padding: 0px;
	}
	.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{
		/*bottom:20px;
		padding: 0px 0px 0px 240px;*/
		bottom:50%;
		margin: -100px auto;
	}
	.kode-caption .kode-caption-title{
		font-size:46px;
	}
	.kode-caption .kode-linksection{
		padding:6px 40px;
		font-size:18px;
	}
	.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%;
	}

	.body-wrapper .kode-subheader.header-style-7 .container .row .page-info h2{
		font-size:44px !important;
	}
	.kode-breadcrumb {
		margin: 10px 0px 0px 0px;
	}
	.ab-thumb {
		display: none;
	}
	.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;
	}
	.kode_chu_urgnt h3{
		margin-bottom:10px;
	}
	.kode_chu_urgnt h2{
		font-size:40px !important;
		margin-bottom:20px;
	}
	.dl-menuwrapper{
		margin:30px 20px;
	}
	.kode-headbar .col-md-9 .kode-rightsection .dl-menuwrapper{
		margin:21px 20px;
	}
	.kf_store_nav_bg .container .kf_store_navigation .kode-responsive-navigation{
		margin: 6px 20px;
	}
	


	#content-section-1 .container-fluid .kode-item.kode-slider-item .kode-caption-wrapper.position-left .kode-caption{
		margin: auto auto -190px;
	}
	.header-style-10-plus .kf_store_nav_bg{
		padding: 0px;
	}
	#content-section-1 .container-fluid .kode-item.kode-slider-item .kode-caption-wrapper.position-left .kode-caption .kode-caption-title{
		margin-bottom: 0px;
	}
	.kode-blog-list.kode-medium-blog figure,
	.kode-blog-list.kode-medium-blog .kode-blog-info{
		float: left;
		width:100%;
	}
	.kode-blog-list.kode-medium-blog .kode-blog-info{
		padding: 20px 0px;
	}
	#blog-med-47 .kode-blog-info .kode-blog-post ul li{
		padding: 2px 10px 0px 0px;
	}
	.col-md-3.widget.widget_kode_recent_news_widget.kode-widget,
	.col-md-3.widget.widget_kode_recent_product_widget.kode-widget,
	.col-md-3.widget.widget_tag_cloud.kode-widget{
		float: left;
		width:50%;
	}

	.children-sec-list.row.padding-none > li{
		float: left;
		width:50%;
	}
	.section-container.container .col-md-6.columns{
		float: left;
		width:100%;
	}
	.section-container.container .col-md-6.columns .kode-ux.col-md-4.columns{
		float: left;
		width:50%;
	}
	.section-container.container .col-md-6.columns .kf_store_prdct_des p{
		padding: 25px 0;
		font-size: 16px;
	}
	.section-container.container .col-md-6.columns .kf_store_prdct_des .kf_store_price span{
		padding: 7px 2px;
	}
	.section-container.container .col-md-6.columns .kf_store_prdct_des .kf_store_price{
		padding: 19px 3px;
	}

	.col-md-3.widget.widget_kode_recent_product_widget.kode-widget{
		margin-bottom: 30px;
	}



	#content-section-5 .section-container.container .col-md-4.columns{
		float: left;
		width:50%;
	}
	.kode_header_5 .kode_logo_2{
		padding: 0px;
		margin: 0px;
	}
	.kode_cart_fill a{
		font-size: 28px;
		padding: 28px 12px;
	}
	.content .kf_masjid_prayer_time{
		width:24%;
	}
	.footer-bottom-1 .widget_kode_flickr_widget .flickr_badge_image{
		width:14%;
	}
	.footer-bottom-1 .widget_kode_flickr_widget{
		float:left;
		width:100% !important;
	}
	.footer-bottom-1 .kode-widget{
		float: left;
		width: 33.3333%;
	}
	.content .kode-parallax-wrapper .kf_masjid_who_wrap,
	.content .pagebuilder-wrapper .kode-parallax-wrapper .kf_masjid_offer_wrap,
	.kode-parallax-wrapper .blog-item-wrapper .blog-item-holder .columns {
		width: 50%;
	}
	.kode-blog-masjid-grid .kode-blog-church-grid .kode-blog-church-grid-ux figure,
	.kode-blog-masjid-grid .kode-blog-church-grid .kode-blog-church-grid-ux .kf_masjid_blog_des{
		width:100%;
		float:left;
	}
	.kode-blog-masjid-grid .kode-blog-church-grid .kode-blog-church-grid-ux .kf_masjid_blog_des{
		padding:14px 13px 10px 13px;
	}
	#kode-parallax-wrapper-8 .container .kf_masjid_join_outer_wrap{
		float:left;
	}
	.body-wrapper .footer-bottom-1 .container .row .kode-widget{
		width:50%;
		float:left;
		margin-bottom:30px;
	}
	.content .pagebuilder-wrapper .kode-background-image{
		padding: 100px 0px;
	} 
	
	.blog-item-wrapper .blog-item-holder .col-md-6.columns{
		float: left;
		width:50%;
	}
/*
	===========================================================================
								Charity Navigaion
	===========================================================================
*/	

	.charity-navigation{
 		
 	}
 	.charity-overlay{
 		font-size: 240px;
 		margin-top: 47px;
 	}
 	.charity-caption h3{
 		font-size: 70px;
 		line-height:70px;
 	}
 	.charity-caption h4{
 		font-size: 35px;
 		line-height: 35px;
 	}
 	.charity-caption{
 		margin-top: -29px;
 	}
 	.charity-mid-bar h3{
 		font-size: 40px;
 		line-height: 40px;
 	}
 	.charity-event figure{
 		width: 40%;
 	}
 	.charity-event .text{
 		width: 60%;
 		padding: 19px 20px 20px;
 	}
 	.charity-event .charity-counter{
 		width: 100%;
 	}
 	.volunteer-bar .text h3{
 		font-size: 27px;
 		line-height: 27px;
 	}
 	.volunteer-link a{
 		padding-right: 25px;
 		padding-left: 25px;
 	}
 	.charity-think-dec span{
 		font-size: 40px;
 		line-height: 40px;
 	}
 	.volunteer-dec span{
 		font-size: 40px;
 		line-height: 45px;
 	}
 	.volunteer-dec{
 		padding: 0 0 0 40px;
 	}
 	.charity-sponsor-dec h5{
 		font-size: 64px;
 	}
 	.charity-sponsor-dec{
 		padding: 61px 0 71px;
 	}
 	.charity-action .text h5{
 		font-size: 30px;
 	}
 	.charity-footer .widget{
 		margin-bottom: 30px;
 	}
 	.charity-footer .widget-form,
 	.charity-footer .widget-gallery{
 		margin-bottom: 0;
 	}
 	.charity-mid-bar h3{
		font-size: 30px !important;
		line-height: 30px !important;
	}
	.charity-sponsor-dec h5{
		font-size: 50px !important;
	}
	#kode-parallax-wrapper-8{
		background-position: left center !important;
		background-repeat: no-repeat !important;
		/*background-size: 100% auto !important;*/
		background-size: 150% auto !important;
	}
	#kode-parallax-wrapper-8 .container .kode-shop-list.col-md-12{
		float: left;
		width:100%;
	}
	.kode-shop-list ul li:hover .list-price{
		bottom: 0px;
	}
	.kode-shop-list ul li .list-price span{
		font-size: 14px;
	}
	.widget-section.row .widget_kode_flickr_widget .kode-flickr-widget .flickr_badge_image{
		float: left;
		width: 13%;
	}
	.kode_chu_pastor{
		margin: 0px 0px 30px;
	}
	.kf_masjid_header .kf_masjid_nav_outer_wrap {
		background-color: #fff;
		bottom: -59px;
		padding: 10px;
		position: absolute;
		right: 0;
		width: 100%;
	}
	.kf_masjid_header .kf_masjid_logo_wrap.default_width{
		/*left: 0;
		padding: 20px 0;
		position: absolute;
		text-align: center;
		top: -29px;
		width: 13%;*/
		margin: 0 auto;
		padding: 0;
		position: relative;
		text-align: center;
		width: 100%;
	}
	.body-wrapper .kode-subheader.subheader-height{
		padding: 197px 0 0;
		height: 268px;
	}
	.content .kode-parallax-wrapper .kf_masjid_gallery_bg .columns{
		width:33.333333%;
		float:left;
	}
	.content .kode-parallax-wrapper .kode-simple-heading  .kf_masjid_hdg_wrap{
		padding:0 60px;
	}
	/*.content-wrapper .content #big-video-vid_html5_api{
		height:562px !important;
	}*/
	.content-wrapper .content #kode-parallax-wrapper-1 .kode-video-bg #big-video-vid_html5_api{
		height:522px !important;
	}
	.content-wrapper .content #kode-video-column{
		padding: 0px !important;
	}
	.content-wrapper .content #content-section-1 .simple-column .kode-classic-action.kode-left{
		display: none !important;
	} 
	.body-wrapper #content-section-1 #kode-video-column{
		position: absolute !important;
		top:-70px;
		padding: 0 !important;
		padding-bottom: 460px !important;
	}
	#content-section-2 .simple-column, .kode-full-size-wrapper{
		margin-top:70px !important;
	}
	#inner-kode-parallax-wrapper-1 > div{
		height: 100%;
		position: absolute;
		top: -65px;
		width: 100%;
	}
	.kode-subheader.subheader-height.subheader.header-style-13{
		
		margin:0px;
	}
	.body-wrapper .kode-subheader.subheader-height.header-style-3{
		
	}
	
	.kf_masjid_nav_outer_wrap .kf_masjid_nav .kode-responsive-navigation .dl-menu{
		  width: 175px;
		  left:0px;
		  background-color:#11a3e7;
	}
	.kf_masjid_nav_outer_wrap .kf_masjid_nav ul li,
	.kf_masjid_donate_des.default_width > a{
		width:100%;
		color:#fff;
	}
	.kf_masjid_nav_outer_wrap .kf_masjid_nav .kode-responsive-navigation .dl-menu li:hover{
		background-color:#fff;
		color:#333;

	}
	.kf_masjid_nav_outer_wrap .kf_masjid_nav ul li a{
		color:#fff;
	}
	.kode-parallax-wrapper .kode_forum_rangslide .kode_forum_form .kode_forum_label,
	.kode-parallax-wrapper .kode_forum_rangslide .kode_forum_form .kode_forum_addres input, 
	.kode-parallax-wrapper .kode_forum_rangslide .kode_forum_form .kode_forum_label input{
		width:100%;
	}
	.kode-chrch-srvs{
		margin:0px 0px 30px 0px;
	}
	.kode-chrch-latest .thumb{
		width:100%;
	}
	.look-bg .text{
		padding:0px;
		float:none;
		display:inline-block;
	}
	.look-bg{
		text-align:center;
	}
	.donation-image .col-md-4{
		display:none;
	}
	.kode-chur-blog-hd{
		padding:30px 0px;
	}
	.help-bg{
		padding:40px 0px;
		float:left;
		width:100%;
	}
	#mega_main_menu{
		display:none;
	}
	.kode-chur-nav{
		padding:0px 0px;
	}
	.kode-chur-navigation{
		margin:16px 0;
	}
	.kode-parallax-wrapper .container .col-md-3.columns{
		float: left;
		width:25%;
	}

	#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;
	}
	.pagebuilder-wrapper #content-section-1 .kode-background-video{
		/*padding-bottom: 0px !important;
		padding-top: 450px !important;*/
		padding-bottom: 430px !important;
		padding-top: 0 !important;


	}
	.simple-column{
		position: relative;
	}
	.kode-caption{
		bottom: 50%;
	    left: 0;
	    margin: auto auto -20px;
	}
	.pagebuilder-wrapper #content-section-1 .kode-background-video .kode-video-bg{
		top:20px;
	}
	.simple-column .kode-caption .kode-caption-title{
		font-size: 64px;
	}
	.simple-column .kode-caption .kode-caption-text{
		margin-bottom: 0px;
	}
	.kode-parallax-wrapper .container .simple-column .kode-maintitle{
		margin: 0 !important;
	}


	.kf_store_nav_bg .container #kode_search{
		right: 0;
		position: relative;
		float: right;
		width: auto;
	}

	#kode-parallax-wrapper-8{
		background-size: cover !important;
	}
	#kode-parallax-wrapper-8 .container .kode_chu_tesi .kode_chu_testi_des p::after{
		top:100%;
		right:60px;
	}
	.section-container .row .kode_moq_pry .kode_moq_pry_des{
		width:100%;
	}
	.kode_chu_banner .kode-caption{

	}
	#content-section-1 .kode_chu_banner .container-fluid .kode-caption{
	    margin: -150px auto;
	    bottom: 50%;
	    width: 100% !important;
	    left:0px;
	    right: 0px;
	}
	.kode_chu_banner .kode-caption .kode-caption-title{
		font-size: 20px;
	}
	.row.kode-item .gallery-item{
		width: 25%;
	}
	.kode-parallax-wrapper .position-center .kode-caption{
		margin:auto auto -186px;
	}
	.kode-parallax-wrapper .position-center .kode-caption .kode-caption-title,
	.kode-parallax-wrapper .position-center .kode-caption .kode-caption-text{
		margin-bottom: 0px;
	}
	#kode-parallax-wrapper-8{

	}
	.simple-column .video-parallex h2{

	}
	.pagebuilder-wrapper #kode-parallax-wrapper-8{
		padding: 0px 0px 0px 0px !important;
	}
	.pagebuilder-wrapper #kode-parallax-wrapper-8 #inner-kode-parallax-wrapper-8{
		top:-64px;
	}
	.pagebuilder-wrapper #kode-parallax-wrapper-8 .container .simple-column .video-parallex h2{
		font-size: 50px !important;
	}
	.content .pagebuilder-wrapper .kode-background-image{
		background-size: cover;
	}
	
	.simple-column .newslatter-form{
		margin: 0px;
	}
	.header-style-10-plus .kode_search span{
		margin: 20px 10px;
	}
	.flex-control-nav.flex-control-paging{
		float: right;
	}
	.kode-subheader.subheader-height.subheader.header-style-4{
		padding: 30px 0 24px;
	}
	.body-wrapper .kode-subheader.subheader-height{
		height: auto;
		padding: 160px 0 24px;
	}
	.woocommerce-content-item .woocommerce-content ul.products li.kode-3-product-per-row{
		width: 48%;
	}
	.kode-widget .ft-logo a{
		width:50%;
		padding-right: 0px;
	}
	.kode-chur-header .kode-chur-nav .kode-chur-navigation #kode-responsive-navigation{
		margin: 0px 20px;
	} 
}

/*
===========================================================================
								767px
===========================================================================
*/

@media (max-width: 767px) {
	

	.kode-video-bg #big-video-wrap #big-video-vid_html5_api{
		height:auto !important;
	}
	.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 {

	}
	.kode-gutter-gallery ul li {
		float: left;
	}
	.kode-maintitle h3 {
		font-size: 26px !important;
	}
	.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;
	}
	.kode_chu_urgnt .progress{
		width:100%;
	}
	.kode_chu_urgnt h2{
		font-size:40px !important;
	}
	.kode_chu_urgnt h3{
		margin-bottom:10px;
	}
	.kode_chu_urgnt h2{
		font-size:40px !important;
		margin-bottom:20px;
	}
	.header-style-7-plus .kode-headbar{
		background-color:rgba(0,0,0,0.8) !important;
	}
	.kode-caption{
		
	}
	.kode-caption .kode-caption-text{
		
	}
	.event-listing.row{
		margin:0px;
	}
	.header-style-7.kode-subheader.subheader-height{
		padding:40px 0px;
	}
	.body-wrapper .header-style-7 .container .row .page-info h2{
		font-size:36px !important;
		line-height:34px;
	}
	.charity-logo{
		padding: 15px 0px;
	}
	.kf_masjid_nav_outer_wrap .kf_masjid_nav .kode-responsive-navigation .dl-menu{
		  width: 175px;
		  left:0px;
		  background-color:#11a3e7;
	}
	.kf_masjid_nav_outer_wrap .kf_masjid_nav ul li,
	.kf_masjid_donate_des.default_width > a{
		width:100%;
	}
	.kf_masjid_nav_outer_wrap .kf_masjid_nav .kode-responsive-navigation .dl-menu li:hover{
		background-color:#fff;
		color:#333;
	}
	
/*
	===========================================================================
						charity		767px
	===========================================================================
*/	
	
	
	
	
	.charity-navigation{
		position: absolute;
		right: 20px;
	}
	.charity-navigation ul li a{
		padding: 10px 0px 20px;
	}
	.charity-header{
		position: static;
	}
	.charity-caption p{
		font-size: 19px;
	}
	.charity-caption h4{
		font-size: 30px;
		line-height: 30px;
	}
	.charity-caption h3{
		font-size: 60px;
		line-height: 60px;
	}
	.charity-caption{
		margin-top: -88px;
	}
	.charity-overlay{
		font-size: 150px;
	}
	.charity-mid-bar h3{
		font-size: 30px !important;
		line-height: 30px !important;
	}
	.mid-bar-bg h4{
		font-size: 16px;
		line-height: 20px;
	}
	.charity-event figure{
		width: 100%;
	}
	.charity-event .text{
		width: 100%;
	}
	.charity-event .charity-counter{
		width: 100%;
		padding: 0;
	}
	.volunteer-bar .text{
		width: 100%;
		text-align: center;
	}
	.volunteer-bar .text h3{
		font-size: 28px;
		line-height: 28px;
	}
	.volunteer-link{
		text-align: center;
		width: 100%;
		padding-top: 20px;
	}
	.charity-think::before{
		width: 100%;
		opacity: 0.2;
	}
	.charity-think-dec{
		width: 100%;
	}
	.charity-think-dec span{
		font-size: 40px;
		line-height: 40px;
	}
	.charity-volunteer::before{
		opacity: 0.2;
		width: 100%;
	}
	.volunteer-dec{
		width: 100%;
		padding-left: 0;
		text-align: center;
	}
	.volunteer-dec span{
		font-size: 40px;
		line-height: 40px;
	}
	.charity-sponsor-bg::before{
		width: 100%;
		opacity: 0.38;
	}
	.charity-thumb{
		margin: 0;
		width: 100%;
		text-align: center;
	}
	.charity-thumb img{
		float: none;
		display: inline-block;
		width: auto;
	}
	.charity-sponsor-dec{
		width: 100%;
		text-align: center;
		padding-bottom: 0;
	}
	.charity-sponsor-dec h5{
		font-size: 57px;
		line-height: 57px;
	}
	.charity-action .text{
		text-align: center;
		width: 100%;
	}
	.charity-action .text h5{
		font-size: 25px;
		line-height: 25px;
	}
	.action-link{
		width: 100%;
		text-align: center;
		padding-bottom: 0;
	}
	.charity-footer .widget{
		margin-bottom: 30px;
	}
	.charity-mid-bar{
		padding: 0px 15px;
	}
	.charity-sponsor-dec h5{
		font-size: 50px !important;
	}
	#kode-parallax-wrapper-8{
		background-position: center 20% !important;
		background-repeat: no-repeat !important;
		background-size: 70% auto !important;
	}
	.charity-sponsor-dec{
		margin-left: 0px !important;
		width: 100% !important;
	}
	.kode_chu_pastor{
		margin: 0px 0px 30px;
	}
	.kf_masjid_header .kf_masjid_nav_outer_wrap .kf_masjid_search_bar{
		float: right;
		position: relative;
		width: 88%;
	}
	.kf_masjid_header .kf_masjid_nav_outer_wrap .kode-responsive-navigation{
		margin:0px;
	}
	.kf_masjid_header .kf_masjid_nav_outer_wrap{
		background-color: #fff;
		bottom: -210px;
		padding: 10px;
		position: absolute;
		right: 0;
		width: 100%;
	}
	.kf_masjid_header .kf_masjid_logo_wrap.default_width{
		left: 0;
		padding: 20px 0;
		position: absolute;
		text-align: center;
		top: -30px;
		width: 30%;
		margin-top: 10px;
	}
	.kode-blog-church-grid-ux .kf_masjid_blog_des > a{
		margin-bottom:30px;
	}
	.content .kode-parallax-wrapper .kf_masjid_prayer_time{
		width:33%;
	}
	.kf_masjid_nav ul li a{
		color:#fff;
	}
	.kf_masjid_header .kf_masjid_nav_outer_wrap{
		bottom: -235px;
	}
	.content-wrapper .kode-testimonials-6 .client-name{
		width:100%;
	}
	#kode-parallax-wrapper-1{
		padding-bottom:auto !important;
		padding-top:auto !important;
	}
	.content-wrapper .content #big-video-vid_html5_api{
		height:290px !important;
	}
	.content-wrapper .content #kode-video-column{
		padding: 0px !important;
	}
	.content-wrapper .content #content-section-1 .simple-column .kode-classic-action.kode-left{
		display: none !important;
	} 
	.body-wrapper #content-section-1 #kode-video-column{
		position: absolute !important;
		top:-70px;
		padding: 0 !important;
		padding-top: 300px !important;
	}
	#inner-kode-parallax-wrapper-1 > div{
		height: 100%;
		position: absolute;
		top: -55px;
		width: 100%;
	}
	.kode-subheader.subheader-height.subheader.header-style-13{
		padding: :0px;
		margin:0px;
	}
	.body-wrapper .kode-subheader.subheader-height.header-style-3{
		display: none;
	}
	
	#content-section-2 #kode-parallax-wrapper-1 .simple-column{
		padding: 50px 0 25px;
	}

	.content-wrapper .kode-item.kode-blog-full .kode-admin-post figure{
		float: none;
		display: inline-block;
	}
	.content-wrapper .kode-item.kode-blog-full .admin-info{
		float: left;
		width:100%;
		padding: 0px;
	}
	.content-wrapper .kode-item.kode-blog-full .admin-info h4::before{
		left:0px;
		right:0px;
		margin:0 auto;
	}
	.kode-comments-area .comment-respond .comment-form .form-submit input{
		padding: 14px 20px 21px;
	}
	.content-wrapper .kode-sidebar.kode-right-sidebar.columns{
		padding: 0px !important;
	}
	.kode-blog-full .kode-editor .kode-meta-info .datetime{
	    text-align: center;
	    top: 162px;
	    width: 78px;
	}
	.kode-blog-full .kode-editor .kode-meta-info .left-spacer,
	.content-wrapper .kode-item.kode-blog-full{
		float: left;
		width:100%;
		padding: 0px;
	}
	.kode-blog-full .kode-editor .kode-meta-info .left-spacer .kode-postoption li{
		margin: 0 0 15px;
	}
	.kode-item.kode-blog-full .kode-postsection a{
		padding: 10px 16px;
	}
	.body-wrapper .kode-subheader.subheader-height.header-style-4{
		padding:13px 0 18px;
	}
	.body-wrapper .kode-subheader.subheader-height{
		padding:210px 0 18px;
	}
	.header-style-10.kode-subheader.subheader-height{
		height: auto;
		padding: 187px 0 18px;
	}
	.body-wrapper .kode-subheader.subheader-height .page-info > h2{
		font-size: 36px !important;
	}
	.kode-item.kode-slider-item .position-right .kode-caption{
		padding-left: 105px;
		text-align: right;
	}
	.body-wrapper .kf_masjid_homepage .kf_masjid_nav_outer_wrap{
		bottom:-200px !important;
	}
	.body-wrapper .kf_masjid_nav_outer_wrap::before,
	.body-wrapper .kf_masjid_nav_outer_wrap::after{
		display: none;
	}
	.kode-parallax-wrapper .kode_forum_rangslide .kode_forum_form .kode_forum_label,
	.kode-parallax-wrapper .kode_forum_rangslide .kode_forum_form .kode_forum_addres input, 
	.kode-parallax-wrapper .kode_forum_rangslide .kode_forum_form .kode_forum_label input{
		width:100%;
	}
	.kode-chrch-srvs{
		margin:0px 0px 30px 0px;
	}
	.kode-chrch-latest .thumb{
		width:100%;
	}
	.look-bg .text{
		padding:0px;
		float:none;
		display:inline-block;
	}
	.look-bg{
		text-align:center;
	}
	.donation-image .col-md-4{
		display:none;
	}
	.help-bg{
		padding:40px 0px;
		float:left;
		width:100%;
	}
	.kode-chur-blog-hd{
		padding:30px 0px;
	}
	.help-bg .text h2{
		font-size:30px !important;
		font-weight:bold;
	}
	.help-bg .text h5{
		font-size:18px !important;
	}
	.church-upcoming-dec{
		padding:20px;
	}
	.church-upcoming-dec span{
		float:left;
		margin-bottom:20px;
	}
	.church-upcoming-dec .text{
		padding:0px;
		float:left;
		width:100%;
	}
	.church-upcoming-dec .text h6{
		display:block;
		float:none;
	}
	.church-upcoming-dec .chrc-btn1{
		float:left;
	}
	.kode-chur-blog-dec .text{
		padding:0px 30px;
	}
	.look-bg .text h4{
		font-size:36 !important;
	}
	.look-bg .text h6{
		letter-spacing:8px;
	}
	footer .widget{
		float:left;
		width:100%;
		margin:0px 0px 30px 0px;
	}
	.church-upcoming-dec .text h6{
		line-height:normal;
	}
	.kode-chur-blog div.col-md-3, .kode-chur-blog div.col-md-9{
		float:left;
		width:100%;
	}
	.church-donate-table ul{
		padding:30px 20px;
	}
	.kode-chur-header{
		position:static;
		background:#000;
	}
	#mega_main_menu{
		display:none;
	}
	.kode-chur-nav{
		padding:20px 0px;
	}
	.kode-chur-navigation{
		margin:16px 0;
	}
	.kode-chur-navigation .dl-menuwrapper{
		margin:0px 0px 0px 15px;
	}
	.kode-chur-navigation{
		margin:6px 0px;
	}
	.kode-chur-topbar .pull-right{
		display:none;
	}
	.voluntree-info figure ~ .voluntree-detail{
		float:left;
		width:100%;
		padding:0px;
	}
	.voluntree-info figure{
		float:left;
		width:100%;
	}


	#header-style-3 .kode_top_strip {
	padding: 10px 0px;
	}
	.video-parallex h2 {
		font-size: 40px !important;
		line-height: 40px !important;
	}
	.pagebuilder-wrapper #content-section-1 .kode-background-video{
		/*padding-bottom: 0px !important;
		padding-top: 170px !important;*/

		padding-bottom: 200px !important;
		padding-top: 90px !important;
	}
	.pagebuilder-wrapper #content-section-1 #kode-parallax-wrapper-1 #inner-kode-parallax-wrapper-1{
		top:-40px;
	}
	.kode-header-absolute .kode-topbar{
		height: 50px;
	}
	.body-wrapper .kode-subheader{
		padding: 30px 0 0;
		height: 96px;
	}
	.kode-parallax-wrapper .container-fluid .simple-column .kode-caption{
		bottom: 50%;
		left: 0;
		margin: -80px auto;
	}
	#kode-parallax-wrapper-1 .kode-caption-wrapper .kode-caption-inner .kode-caption{
		bottom: 50%;
		left: 0;
		margin: -50px auto;
		display: none;
	}
	.body-wrapper .kf_store_header.header-style-10-plus{
		
	}
	.kf_store_header .kf_store_nav_bg .container .kode_search{
		right: 0;
		top: 0;
		width: auto;
	}
	.kf_store_nav_bg .container .header-style-10-plus .kode_search span{
		padding: 0px;
	}
	.kf_store_nav_bg .container .kf_store_navigation{
		margin: 0px;
	}
	.kf_store_nav_bg .container .kf_store_navigation .dl-menuwrapper{
		 margin: 17px 8px 0;
	}
	#kode-parallax-wrapper-3{
		background-size: 240% 100%;
	}
	.content .pagebuilder-wrapper .kode-background-image{
		background-size: cover;
	}



	#kode-parallax-wrapper-8{
		background-size: cover !important;
	}
	
	#kode-parallax-wrapper-8 .container .bx-controls.bx-has-pager.bx-has-controls-direction{
		float: right;
		left: 0;
		position: absolute;
		right: 0;
	}
	#kode-parallax-wrapper-8 .container .kode_chu_tesi .bx-wrapper .bx-pager{
		bottom: -50px;
		padding: 0;
		position: absolute;
		right: 0;
	}
	.kode_moq_pry_detl ul li:last-child{
		padding: 0px;
	}
	#kode-parallax-wrapper-8 .container .kode_chu_tesi .kode_chu_testi_des p{
		height: 100%;
		margin-bottom: 0;
		padding: 45px 0 0;
		position: relative;
	}
	#kode-parallax-wrapper-8 .container .kode_chu_tesi .kode_chu_testi_des p::before{
		top:0px;
	}
	#kode-parallax-wrapper-8 .container .kode_chu_tesi .kode_chu_testi_des p::after{
		top:100%;
		right: 20px;
	}
	.section-container .row .kode_moq_pry .kode_moq_pry_des{
		width:100%;
	}
	.kode_chu_banner .kode-caption{

	}
	#content-section-1 .kode_chu_banner .container-fluid .kode-caption{
	    margin: -150px auto;
	    bottom: 50%;
	    width: 100% !important;
	}
	.kode_chu_banner .kode-caption .kode-caption-title{
		font-size: 20px;
	}
	.row.kode-item .gallery-item{
		width: 25%;
	}
	#content-section-11 #kode-parallax-wrapper-8{
		padding: 0px 0px 0px !important;
	}

	.kode-causes-list.kode-causes-box{
		float: left;
		width:100%;
	}
	.kode-causes-list .kode_crowd{
		width:50%;
		float: left;
	}
	.woocommerce-content-item .woocommerce-content ul.products li.kode-3-product-per-row{
		width:48%;
	}
	.kode-widget .ft-logo a{
		width:50%;
	}
	.kode-subheader.subheader-height.subheader.header-style-13{
		padding: 20px 0 18px;
	}
	.header-style-13 .kode-breadcrumb{
		float: right;
		margin-top: 0px;
	}	
	.flex-control-nav{
		float: right;
	}

}	
/*
===========================================================================
								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;
	}
	.kode-event-list .kode-caption{
		margin: -10px auto;
	}
	.kode-blog-list-new .kode-thumb .bx-wrapper .bx-controls-direction a{
		margin-top: -100px;
	}
	.kode-newslatter form input[type="submit"]{
		
	}
	.dl-menuwrapper {
		/*margin: 16px 0;*/
		margin: 30px 0 0px;
	}
	.kode-headbar {
		border: none;
	}
	.kode-headbar .logo {
		margin: 10px;
		width: 140px;
	}
	.kode-rightsection {
		padding: 0px;
	}
	.kode-caption {
		bottom: 50%;
		margin: -40px auto;
	}
	.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: 24px !important;
	}
	.kode-maintitle h2{
		font-size:16px !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;
	}
	.kode-testimonials-6 .client-name{
		width:100%;
	}
	.content-wrapper .kode-sidebar.kode-left-sidebar,
	.content-wrapper .kode-sidebar.kode-right-sidebar, 
	.content-wrapper .kode-widget.kode-sidebar-element{
		padding:0px;
	}
	.content-wrapper .content .col-md-4 .kode-sidebar.kode-right-sidebar{
		padding:0px;
	}
	.kf_masjid_header .kf_masjid_top_wrap{
		  padding: 7px 0 10px;
	}
	.body-wrapper .kf_masjid_nav_outer_wrap::before,
	.body-wrapper .kf_masjid_nav_outer_wrap::after{
		display: none;
	}
/*
	=================================================
				CHARITY 480
	=================================================
*/

	.charity-top-bar .pull-right,
	.charity-top-bar .pull-left{
		width: 100%;
		text-align: center;
	}
	.charity-top-bar .pull-left{
		margin-bottom: 10px;
	}
	.charity-top-bar .pull-right ul,
	.charity-top-bar .pull-left ul{
		float: none;
		display: inline-block;
	}
	.charity-logo{
		width: 100%;
		text-align: center;
	}
	.charity-logo a{
		display: inline-block;
		width: auto;
	}
	.charity-caption h3{
		font-size: 30px;
		line-height: 30px;
	}
	.charity-caption h4{
		font-size: 20px;
		line-height: 20px;
	}
	.charity-caption p{
		display: none;
	}
	.charity-caption{
		margin-top: -28px;
	}
	.charity-mid-bar h3{
		font-size: 18px;
		line-height: 18px;
	}
	.mid-bar-bg h4{
		font-size: 14px;
	}
	.charity-event .text h6{
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.charity-event .text ul li{
		margin-right: 10px;
	}
	.charity-blog-meta{
		padding-right: 8px;
		padding-left: 8px;
	}
	.charity-think-dec span{
		font-size: 30px;
		line-height: 30px;
	}
	.volunteer-dec span{
		font-size: 24px;
		line-height: 24px;
	}
	.charity-sponsor-dec h5{
		font-size: 44px;
	}
	.charity-action .text h5{
		font-weight: bold;
	}
	.charity-action .text h6{
		font-size: 18px;
		line-height: 18px;
	}
	.kf_masjid_header .kf_masjid_logo_wrap.default_width {
		left: 0;
		margin: -15px 0 auto;
		padding: 0;
		position: absolute;
		text-align: left;
		top: 0;
		width: 28%;
	}
	.body-wrapper .kode-subheader.subheader-height{
		/*padding: 58px 0 !important;
		margin: 0px;*/
	}
	.body-wrapper .kf_masjid_nav_outer_wrap::before,
	.body-wrapper .kf_masjid_nav_outer_wrap::after{
		display: none;
	}
	.body-wrapper .kode-subheader.subheader-height .page-info > h2{
		font-size: 30px !important;
	}
	.kf_masjid_nav_outer_wrap .kf_masjid_nav .kode-responsive-navigation .dl-menu{
		  width: 175px;
		  left:0px;
		  background-color:#11a3e7;
	}
	.kf_masjid_nav_outer_wrap .kf_masjid_nav ul li,
	.kf_masjid_donate_des.default_width > a{
		width:100%;
	}
	.kf_masjid_nav_outer_wrap .kf_masjid_nav .kode-responsive-navigation .dl-menu li:hover{
		background-color:#fff;
		color:#333;
	}
	.kf_masjid_header .kf_masjid_nav_outer_wrap .kf_masjid_search_bar{
		width:82%;
	}
	.kf_masjid_header .kf_masjid_nav_outer_wrap .kode-responsive-navigation{
		margin:0px;
	}
	.kf_masjid_header .kf_masjid_nav_outer_wrap .kode-responsive-navigation .kf_masjid_nav ul li a{
		color:#fff;
	}
	.body-wrapper .kf_masjid_homepage .kf_masjid_nav_outer_wrap{
		bottom: -130px !important;
		padding: 10px;
		position: absolute;
		right: 0;
		width: 100%;
	}
	.content .kode-parallax-wrapper .kf_masjid_donate_des.default_width h3 span{
		line-height:1;
	}
	.kf_masjid_donate_des.default_width > a{
		text-align:center;
	}
	.pagebuilder-wrapper .kode-parallax-wrapper .kf_masjid_donate_des h3{
		font-size:22px;
		font-weight:600;
	}
	.pagebuilder-wrapper .kode-parallax-wrapper .kf_masjid_donate_des h3,
	.kf_masjid_join_outer_wrap .kf_masjid_join_des h3{
		font-size:25px;
	}
	.content .kf_masjid_join_outer_wrap .kf_masjid_join_des h3{
		font-size:20px;
	}
	.blog-item-wrapper .kode-blog-masjid-grid .kode-blog-church-grid .kode-blog-church-grid-ux .kf_masjid_blog_outer_wrap figure,
	.content .kode-parallax-wrapper .kf_masjid_join_outer_wrap{
		width:100%;
		float:left;
	}
	.blog-item-wrapper .kode-blog-masjid-grid .kode-blog-church-grid .kode-blog-church-grid-ux .kf_masjid_blog_des{
		float:left;
		width:100%;
		padding:0px;
	}
	.content .kode-parallax-wrapper .kf_masjid_who_wrap{
		margin-bottom: 20px;
		padding: 10px;
		text-align: center;
	} 
	.blog-item-wrapper .kode-blog-masjid-grid .kode-blog-church-grid .kode-blog-church-grid-ux .kf_masjid_blog_des{
		padding:15px 20px;
	}
	.simple-column .wpcf7-form .kf_masjid_field.default_width{
		width:100%;
	}
	.footer-bottom-1 .kode-widget > ul{
		position:relative;
		z-index:9999;
	}
	.pagebuilder-wrapper .kode-testimonials-6 .bx-wrapper .bx-controls-direction a{
		margin-top:33%;
	}
	.pagebuilder-wrapper .kode-testimonials-6 .bx-wrapper .client-name{
		width: 100%;
	}
	.pagebuilder-wrapper .kode-testimonials-6 .bx-wrapper .kode-text{
		padding:40px 0px 90px;
	}
	.content .kode-parallax-wrapper .kf_masjid_prayer_time{
		width:50%;
	}
	.kode-testimonials-6 .bx-wrapper .bx-controls-direction a{
		margin-top:30%;
	}
	.body-wrapper .page-info > h2{
		font-size:35px !important;
	}
	.content-wrapper .content .kode-item.kode-blog-full .kode-editor {
		position:relative;
	}
	.kode-item.kode-blog-full .kode-editor .kode-meta-info .datetime{
		position:absolute;
		top:-104px;
		line-height:1;
	} 
	.kode-comments-area .comment-respond .comment-form  input[type="submit"]{
		border-radius: 0;
		color: #fff;
		line-height: 32px;
		padding: 6px 20px 14px;
	}
	.content-wrapper .content .kode-right-sidebar.columns{
		padding:0px !important;
	}
	#kode-parallax-wrapper-1{
		padding-bottom:auto !important;
		padding-top:auto !important;
	}
	.content-wrapper .content #big-video-vid_html5_api{
		height:290px !important;
	}
	.content-wrapper .content #kode-video-column{
		padding: 0px !important;
	}
	.content-wrapper .content #content-section-1 .simple-column .kode-classic-action.kode-left{
		display: none !important;
	} 
	.body-wrapper #content-section-1 #kode-video-column{
		position: absolute;
		top:-70px;
		padding: 0 !important;
		padding-bottom: 300px !important;
	}
	#inner-kode-parallax-wrapper-1 > div{
		height: 100%;
		position: absolute;
		top: -55px;
		width: 100%;
	}
	.kode-subheader.subheader-height.subheader.header-style-13{
		padding:0px;
		margin:0px;
	}
	.body-wrapper .kode-subheader.subheader-height.header-style-3{
		display: none;
	}
	.content-wrapper .kode-comments-area .comment-form input[type="submit"]{
		padding: 10px 20px 20px;
		width:100%;
	}
	.content-wrapper .kode-item.kode-blog-full .kode-admin-post {
		border:none;
	}
	.section-container .kf_masjid_offer_wrap.default_width{
		margin:50px 0px 0px;
	}
	.kode-team.kode-team-classic.col-md-12 li:first-child{
		padding: 0px;
	}
	.kode-team.kode-team-classic.col-md-12{
		float: left;
		width:100%;
	}
	.section-container .kode-simple-heading .kf_masjid_hdg_wrap{
		margin:33px 0px;
	}
	.kf_masjid_top_wrap.default_width .strip-info {
		text-align: right;
	}
	.kf_masjid_logo_wrap.default_width .kode_logo{
		 margin: 20px 5px;
	}
	.kode-parallax-wrapper .kode_forum_rangslide .kode_forum_form .kode_forum_label,
	.kode-parallax-wrapper .kode_forum_rangslide .kode_forum_form .kode_forum_addres input, 
	.kode-parallax-wrapper .kode_forum_rangslide .kode_forum_form .kode_forum_label input{
		width:100%;
	}
	.chur-donate{
		display:none;
	}
	.kode-cause-list.kode-list-view .kode-cause-content{
		padding:0px;
	}
	.kode-cause-list.kode-list-view .kode-text,
	.kode-causes-list.kode-causes-box.row,
	.kode-cause-list.kode-list-view .kode-cause-content,
	.kode-cause-list.kode-list-view .kode-fund-raised,
	.kode-maintitle p{
		float: left;
		width:100%;
	}
	.kode-cause-list.kode-list-view .kode-thumb.kode-ux{
		float: left;
		width:100%;
	}

	.kode-cause-list.kode-list-view .kode-text{
		padding-left: 0px;
		padding-right: 0px;
	}
	.kode-causes-list.kode-causes-box.row{
		margin:0;
		padding: 0px;
	}
	.kode_header_5 .kode_logo_2 .logo{
		margin: 0px;
	}


	#header-style-3 .kode_logo {
	margin-bottom: 15px;
	}
	#header-style-3 .kode_loc {
		display: none;
	}
	.body-wrapper .kf_sticky {
		background-color: #fff;
	}
	.pagebuilder-wrapper #content-section-1 .kode-background-video{
		/*padding-bottom: 0px !important;
		padding-top:120px !important;*/

		padding-bottom: 120px !important;
	    padding-top: 50px !important;
	}
	.pagebuilder-wrapper #content-section-1 #kode-parallax-wrapper-1 #inner-kode-parallax-wrapper-1{
		top:0px;
	}


	.header-style-10-plus .kf_store_top_bar .kf_store_social_icon ul li{
		margin-bottom: 0px;
	}
	.header-style-10-plus .kf_store_top_bar .kf_store_ui_element ul li{
		float: none;
	}
	.kf_store_nav_bg .container .kode_search {
		right: 0;
		top: 0;
		width: auto;
	}
	.kf_store_nav_bg .container .header-style-10-plus .kode_search span{
		padding: 0px;
	}
	.kf_store_nav_bg .container .kf_store_navigation{
		margin: 0px;
	}
	.kf_store_nav_bg .container .kf_store_navigation .dl-menuwrapper{
		 margin: 17px 8px 0 0px;
	}
	.body-wrapper .kf_store_header .kf_store_nav_bg{
		 padding: 0 0 10px;
	}
	.kf_store_header{
		
	}
	#kode-parallax-wrapper-2 .container-fluid .kode-item.kode-type-1 [class*="kode-txt-"]{
		margin: -80px 0 0;
	}
	#kode-parallax-wrapper-2 .container-fluid .kode-item.kode-type-1 [class*="kode-txt-"] h3{
		font-size: 46px !important;
	}
	#kode-parallax-wrapper-2 .container-fluid .kode-item.kode-type-1 [class*="kode-txt-"] p{
		font-size: 26px;
		margin: 0px;
	}
	#kode-parallax-wrapper-2 .container-fluid .kode-item.kode-type-1 [class*="kode-txt-"] a{
		padding:8px 26px;
	}

	#kode-parallax-wrapper-2 .container-fluid .kode-item.kode-type-3 [class*="kode-txt-"]{
		margin:-60px 0 0;
	}
	#kode-parallax-wrapper-2 .container-fluid .kode-item.kode-type-3 [class*="kode-txt-"] p{
		font-size: 34px !important;
	}
	#kode-parallax-wrapper-2 .container-fluid .kode-item.kode-type-3 [class*="kode-txt-"] h3{
		line-height: 1;
		font-size: 36px !important;
	}
	#kode-parallax-wrapper-2 .container-fluid .kode-item.kode-type-3 [class*="kode-txt-"] a{
		padding:8px 26px;
	}
	
	.kode-blog-list.kode-medium-blog figure,
	.kode-blog-list.kode-medium-blog .kode-blog-info{
		float: left;
		width:100%;
		padding: 20px;
	}
	.kode-blog-list.kode-medium-blog .kode-blog-info{
		padding: 20px 0px;
	}
	#blog-med-47 .kode-blog-info .kode-blog-post ul li{
		padding: 2px 10px 0px 0px;
	}
	.kode-blog-list.kode-medium-blog .kode-blog-info{
		padding: 20px;
	}
	.kf_store_top_bar .kf_store_social_icon,
	.kf_store_top_bar .kf_store_social_icon ul{
		width:100%;

	}
	
	#kode-parallax-wrapper-3{
		background-size: 240% 100%;
	}
	.content .pagebuilder-wrapper .kode-background-image{
		background-size: cover;
	}
	#kode-parallax-wrapper-1 .kode_chu_banner .kode-caption{
	    margin: -100px auto;
	    top: 50%;
	    width: 100% !important;
	}
	.kode_chu_banner .kode-caption .kode-caption-title{
		font-size: 20px;
	}
	.kode_chu_banner .container-fluid .kode-slider-item .kode-caption{
		display: none;
	}
	.section-container .row .kode_moq_pry .kode_moq_pry_des{
		width:100%;
	}
	.kode_chu_wel_lst{
		margin-bottom: 80px;
	}
	#kode-parallax-wrapper-8 .container .kode_chu_tesi .kode_chu_testi_des{
		padding: 0px;
	}
	#kode-parallax-wrapper-8 .container .kode_chu_tesi .kode_chu_testi_des p{
		padding: 0px;
	}
	#kode-parallax-wrapper-8{
		background-size: cover !important;
	}
	#kode-parallax-wrapper-8 .container .bx-controls.bx-has-pager.bx-has-controls-direction{
		float: right;
		left: 0;
		position: absolute;
		right: 0;
	}
	#kode-parallax-wrapper-8 .container .kode_chu_tesi .bx-wrapper .bx-pager{
		bottom: -50px;
		padding: 0;
		position: absolute;
		right: 0;
	}
	.kode_moq_pry_detl ul li:last-child{
		padding: 0px;
	}
	#kode-parallax-wrapper-8 .container .kode_chu_tesi .kode_chu_testi_des p{
		height: 100%;
		margin-bottom: 0;
		padding: 45px 0 0;
		position: relative;
	}
	#kode-parallax-wrapper-8 .container .kode_chu_tesi .kode_chu_testi_des p::before{
		top:0px;
	}
	#kode-parallax-wrapper-8 .container .kode_chu_tesi .kode_chu_testi_des p::after{
		top:100%;
		right: 20px;
	}
	.kode-headbar .kode-rightsection .dl-menuwrapper{
		margin-top: 10px;
		margin-right: 20px;
	}
	#content-section-11 #kode-parallax-wrapper-8{
		padding: 0px 0px 0px !important;
	}
	.container .simple-column .video-parallex h2{
		font-size: 20px !important;
		line-height: 0 !important;
		border-width: 2px;
		margin-bottom: 7px;
	}
	.container .simple-column .video-parallex p span{
		font-size: 16px;
		margin-bottom: 10px;
	}
	.container .simple-column .video-parallex p .kode-play{
		border-width: 2px;
		font-size: 16px;
	    height: 42px;
	    margin-bottom: 18px;
	    padding: 3px 0 0 5px;
	    width: 42px;
	}
	.container .simple-column .video-parallex p .parallex-more-btn{
		font-size: 14px;
		font-weight: bold;
		padding: 4px 17px;
	}
	.newslatter-form{
		margin: 0px;
	}
	.newslatter-form input[type="text"]{
		border:1px solid #333;
		color:#333;
		padding-right: 130px;
	}

	.kode-newslatter form input[type="text"]{
		
	}
	.kode-newslatter form input[type="submit"]{
		

	}
	.header-style-10.kode-subheader.subheader-height{
		height: auto;
		padding: 160px 0 0;
		position: relative;
	}
	.kode-causes-list .kode_crowd,
	.kode-causes-list.kode-causes-box{
		float: left;
		width:100%;
	}
	#kode-parallax-wrapper-5 .container .col-md-3.columns{
		width:100%;
		float: left;
	}
	.container .kode-shop-list ul li{
		float: left;
		width:100%;
	}
	.woocommerce-content-item .woocommerce-content ul.products li.kode-3-product-per-row{
		float: left;
		width:100%;
	}

	.kf_store_social_icon .kf_store_social_icon ul{

	}
	.kf_store_navigation .dl-menuwrapper .dl-menu.dl-menuopen{
		right: -100%;
	}
	.kf_store_navigation .dl-menuwrapper .dl-menu.dl-menuopen li{
		float: left;
		width:100%;
	}
	.kode-widget .ft-logo a{
		padding-right: 0px;
	}
	.kode-subheader.subheader-height.subheader.header-style-13{
		padding: 0px;
	}
	.header-style-13 .kode-breadcrumb{
		float: right;
	}
	.kode-subheader.subheader-height.subheader.header-style-4{
		padding: 20px 0 18px;
	}
	#kode-parallax-wrapper-1{
		
	}
	.kode-caption-wrapper .kode-caption-inner .kode-caption{
		display: none;
	}
}
@media (max-width: 360px){
	.header-style-10.kode-subheader.subheader-height{
		padding: 202px 0 10px;
	}
	.kode_moq_donate p{
		padding: 0px;
	}
}