@import url('https://fonts.googleapis.com/css2?family=Ceviche+One&family=Gideon+Roman&family=Montserrat:wght@200;300;400&family=Oswald:wght@300&display=swap');
/*@import url('https://fonts.googleapis.com/css2?family=Ceviche+One&family=Gideon+Roman&family=Montserrat:wght@200;300;400&family=Open+Sans:wght@300&family=Oswald:wght@300&family=Ubuntu:wght@300;400&display=swap');*/
@import url('https://fonts.googleapis.com/css2?family=Ceviche+One&family=Gideon+Roman&family=Montserrat:wght@200;300;400&family=Open+Sans:wght@300&family=Oswald:wght@300&family=Ubuntu:wght@300;400&display=swap');

*{margin: 0;padding: 0;box-sizing: border-box;/*font-family: 'Oswald', sans-serif;*/font-family: 'Open Sans', sans-serif;}
/*h1, h2, h3, h4, h5, h6, p{color: var(--main-bg) !important;}*/
:root{
    --main-bg:#ffc400 ; /* 00715d  f47c1d, e31e25 - red, FFDE67 - yellow, #800000 - brown, #000033 - bluenavi, ffc400 - yellow ocker*/
    --sub-bg:  #00715d; /* 2346a4   #008dd2-orange, ef7f1b - orange blue, #d4a298 - jas*/
    --sect-bg: #f3f8fa;
    --dark: #000;
    --white: #fff;
}
.btn:hover{border: none;}
body{margin-bottom:0 !important;}
/*:root{--bg-primary: #fff;--main-bg-color:  #fbeec1;--sub-bg-color: #f8b864;--bg-secondary: #000;--text-primary: #fff;--text-secondary: #000;}*/
.phpdebugbar, .phpdebugbar-closed{display:none;}
/* TOP HEAD */
#top-head{padding:0px 0; background-color:var(--sub-bg);}
.top-menu{font-size:12px;}
#top-head .head-info ul{margin-bottom: 0;}
.head-info ul li{padding: 5px;}
/* UPDATED NAVIGATION */
.update_nav{width:100%; height:auto; position:relative;}
.new_nav_box1{  padding:0px 0;box-shadow: 0 4px 8px 4px rgb(0, 0, 0,0.2);}
/*.new_logo .navbar-brand{padding-right:10px;}*/
.new_logo .navbar-brand img {width: 460px;margin:auto;display:block;}
.new_contact{height:100%;}
.new_contact .fa-solid{color: var(--sub-bg); font-size:25px; vertical-align:middle;}
.new_detail_box{position:relative;}
.new_detail_box:before{content: '';width: 2px;height: 38px;background-color: lightgray;position: absolute;right: 0;top: 19px;}
.new_contact2{padding-left:35px;}
.new_nav_menu{width:100%; height:auto; position:absolute; z-index:999;}
.menu_box_container{display:flex; box-shadow: 0 16px 13px -10px rgb(0, 0, 0,0.1);}
.nav_menu_box{width:80%; background-color: #fff; position:relative; z-index:999; }
.nav_menu_box::before {content: '';border-right: 10px solid #000;border-right-color: #000;border-top: 12px solid transparent;border-bottom: 10px solid transparent;position: absolute;right: 6px;top: -15px;transform: rotate(315deg);}
.nav_menu_icon_box{width:20%; background-color: var(--main-bg); padding:10px;position:relative;top:-15px;left:-15px;}
.navbar-expand-sm .navbar-nav .dropdown-menu {padding:0;background-color: #fff;color: #fff;border:none;}
.dropdown-item{color: var(--sub-bg) !important;}
.dropdown-item:active {color: #000;text-decoration: none;background-color: #fff;}
.dropdown-item:hover {color: #000;background-color: fff;}
.dropdown-item:hover {color:#000;}
.nav_menu_icon_box{display:flex; justify-content:center; align-items:center;}
.nav_menu_icon_box ul li a .fa-solid{font-size:25px; color:var(--sub-bg) !important;}
.icon2{margin:0 20px;}
.owner_img .navbar-brand img{width:100px !important;}
#owner_img1 .navbar-brand {margin-right:auto !important; width:100px; display:block;}
#owner_img2 .navbar-brand {margin-left:auto !important; width:100px; display:block;}
/* NAVIGATION SECTION */
#navigation-head{
	width: 100%;
	height:auto;
	background-size:100% 100%;
	background-repeat:no-repeat;
	display:none;
}

#navigation-head .navbar-brand img{
    width:211px;
    height:71px;
}

#navigation-head .collapse .navbar-nav .nav-item .nav-link{color:#000;}

.sticky-navigation{
	position: sticky;
	top: 0;
	z-index: 10000;
	transition: 0.5s ease;
	border-bottom:none !important;
}

/*.nav-bg{*/
/*	width: 100%;*/
/*	background: #fff;*/
/*}*/

#nav-head{
	width: 100%;
	height: 330px;
	/*background-image: url("http://localhost/kkw_foundation/assets/images/cban2.jpg");*/
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: fixed;
	background-color: rgba(0,0,0,0.7);
	background-blend-mode: overlay;
	position: relative;
	top: -0;
}

.navbar{ position: relative; z-index: 1000000; padding:0 0;}

.navbar-nav .nav-item .nav-link{ 
	position: relative;
	font-size: 16px;
	color: var(--sub-bg);
}


.head-btn2 {
  margin: 0 10px;
}

.dropdown-menu{ border-radius: 0; }

.head-text{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.overlay-text{ width: auto; height: auto; text-align: center; color: #fff; }

.overlay-text h1{ font-size: 50px; font-family: 'Oswald', sans-serif; }

.head-btn{ border:1px solid #fff; color: #fff; border-radius: 0; }

.head-btn:hover{ background-color: #fff; color: #000; }

.nav_slider{margin-top:0px;}

/* SECTION HEADING */
.section-head{
	width: 60%;
	height: auto;
	margin: auto;
	text-align: center;
}

.section-head h2{
	font-family: 'Oswald', sans-serif;
}

/* ALL HEAD */
#all_head{width:100%; height:auto; padding-top:100px;}

.sub_head_text{
    width:100%; 
    padding:40px 30px; 
    margin-top:0px; 
    position:relative; 
    z-index:99; 
    border-radius:10px;
    background-color:#fff; 
    text-align:center;
    box-shadow: 0 4px 8px 4px rgb(0, 0, 0,0.2);
}

.sub_head_text p{margin-bottom:0;}

.sub_head_text h1 span{
    font-family: 'Tahoma';
    font-size: 58px;
    line-height: 76px;
    font-weight:900;
}

/* OBJECTIVES SECTION */
#objectives {
  width: 100%;
  height: auto;
  padding: 50px 0 50px;
  background: var(--sect-bg);
}

.object-info{
    width:100%;
    margin:auto;
    text-align:justify;
}

.object-info i{
    color:var(--main-bg);
    font-size:75px;
    font-weight:900;
    margin-right:10px;
}

/* FOUNDER PRESIDENT */
.founder_president{width:100%; height:auto; padding:25px 0;}

.founder_image{width:100%; height:auto; text-align:left;}

.founder_image img{width:270px; height:300px;outline:1px solid #aba29d; outline-offset:5px; border-radius:100%;}

.founder_msg{padding-top:30px; text-align:justify;}

.founder_msg h4, .founder_msg h5{font-weight:bolder;}

/* TRUSTEE SECTION */
.trustee{
    width:100%;
    height:auto;
    padding:25px 0;
    background-color: var(--sect-bg);
}

.trustee-head span::before{
 	content: "";
 	position: absolute;
 	bottom: 0;
 	width: 143px;
 	height: 2px;
 	background: #000;
}

.trustee-information{
    height:375px;
    padding:25px;
    text-align:center;
}

.trustee-information img{
    width:200px ;
    height: auto;
    display:block;
    margin:auto;
    /*border-radius:100%;*/
}

.trustee-information h4, .trustee-information h5{
    color:#000;
    font-weight:bolder;
    margin-top:15px;
}


.trustee-information h4{
    font-weight:530;
}

.trustee-information h5{
    font-size:16px;
}

/* EVENT SECTION */
#event{
	width: 100%;
	height: auto;
	padding: 50px 0;
	margin-top:0px;
	background:transparent;
}

.event-details{
	width: 100%;
	height: auto;
	background: #fff;
	box-shadow: 5px 5px 10px rgba(0,0,0,0.4);
}

.event-details img{ width: 100%; height: 210px; }

.event-img img{
    height:238px;
}

.event-text{
	width: 90%;
	height: auto;
	padding: 15px 10px;
	margin:-35px auto auto auto;
	background-color:  #fff;
	position: relative;
}

.head-btn{
    font-weight:bolder;
    background: var(--sub-bg);
    color: #fff;
    border:1px solid var(--sub-bg);
    transition:all 0.4s linear;
}

.head-btn:hover{
    background: #fff;
    color: var(--sub-bg);
    border:1px solid var(--sub-bg);
    transition:all 0.4s linear;
}

.event-btn{
    margin-right:10px;
}

.event-btn:nth-of-type(last){
    margin-right:0;
    margin-bottom:20px;
}


.head-btn a{
	font-size: 13px;
    color: #fff;
    font-weight:550;
}

/*.head-btn:hover{*/
/*    border:1px solid #000;*/
/*}*/

.head-btn:hover a{
    color:var(--sub-bg) !important;
}

/* EVENT DETAILS */
#event-information{
    padding: 50px 0;
    margin-top:0px;
}

#event-information .carousel-inner .carousel-item img{
    width:100%;
    height:500px;
}

/* NEWS SECTION */
#news{
	width: 100%;
	height: auto;
	padding: 50px 0;
	background:var(--sect-bg);
}

.news-info{
	width: 100%;
	height: auto;
	background-color:#fff;
	padding-bottom:10px;
}

.news-info h4, .news-info p, .news-info a{padding:0 10px;}

.news-info img{
	width: 100%;
	height: 200px;
}


/* MEMBERSHIP SECTION */
#membership{
	width: 100%;
	height: auto;
	padding: 50px 0;
	/*background-image: url("http://localhost/kkw_foundation/assets/images/cban1.jpg");*/
	background-repeat: no-repeat;
	background-size:cover;
	background-position:center;
	background-color:var(--sub-bg);
	background-blend-mode: overlay;
}

.member-img{ width: 100%; height: auto; padding: 15px; }

.member-img img{ width: 100%; height: 350px; }

.membership-form{ width: 100%; height: auto; padding: 15px; }

.membership-form .form-control{
	padding: 10px;
	background:transparent;
	border: 2px solid #fff !important;
	border-radius: 0;
}

.membership-form h3{ color: #fff !important; font-weight: 600; }

.membership-form .form-control::placeholder{ 
	color: #fff !important; 
	font-weight: 400;
}

.membership-btn{ width: 150px; padding: 10px 15px; }


/* FOOTER SECTION */
#footer{
	width: 100%;
	height: auto;
	padding: 50px 0;
	background: #000;
}

.footer-info{ width: 100%; height: auto; }

.footer-info h6, .footer-info p, .footer-info ul li{
	color: #fff !important;
}

.footer-info h6{ margin-bottom: 40px; position: relative; font-weight: bolder;}

.footer-info h6::after{
	content: "";
	position: absolute;
	top: 160%;
	left: 0;
	width: 23%;
	height: 1px;
	background: #fff;
}

.footer-info ul{ padding: 0; margin: 0; list-style-type: none; }

.social-media{
	width: 40px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 100%;
	background:lightgrey;
}

.social-media .fa-brands{ font-size: 20px; }

.foot-blog{ width: 100%; height: 80px; }

.blog-img{ width: 100%; height: 80px; }


/* BOARD OF TRUSTEE SECTION */
#board-trustee{
	width: 100%;
	height: auto;
	padding: 50PX 0;	
	margin-top: -0;	
}

.founder{ width: 100%; height: auto; text-align: center; }

.founder img{ width: 100%; height: auto; }

.founder-info h2, .founder-info h5{
    font-weight:1000;
}
    
.more-information, .more-information1, .more-information2{ display:none;}

.read-btn, .read-btn1, .read-btn2{
    background:transparent!important;
    border:none; 
    border-bottom:1px solid #000; 
    transition:all 0.3s ease-in-out;
}

.read-btn:hover, .read-btn1:hover, .read-btn2:hover{
    font-size:18px;
}

.founder-details1, .founder-details2, .founder-details3{
    padding:40px;
}

/* OBJECTIVE SECTION */
#objective{
	width: 100%;
	height: auto;
	padding: 50px 0;
	margin-top: -0;
}

.object{
	color: #fff;
	padding: 20px;
	text-align: left;
	background: var(--main-bg) !important;
	border-radius: 15px;
}

.object img{
	width: 100px;
	height: 100px;
}

/* VIDEO SECTION */
#video{
	width: 100%;
	height: auto;
	padding: 50px 0;
	margin-top: -0;
}

.video-content{
	width: 100%;
}

/* PHOTOS SECTION */
#photos{
	width: 100%;
	height: auto;
	padding: 50px 0;
	margin-top: -0;
}
.photo-data{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}

.itembox{
	width: 25%;
	height: auto;
	padding: 10px;
}

.itembox img{
	width: 100%;
	height: 250px;
}

.list{background-color:var(--main-bg);}

/* MEDIA SECTION */
#media{
	width: 100%;
	height: auto;
	padding: 50px 0;
	margin-top: -0;
}

.media-type{
	position: relative;
}

.video-btn, .photo-btn{
	background: #f4aa41;
	font-weight: bolder;
}

.media-btn{
	width: 100%;
}

.media-btn span{
	width: 100%;
	height: auto;
	display: block;
	position: relative;
}

.photo-content img{
	width: 100%;
	height: 315px;
}

.video-content_sub{
    width:100%;
    height:350px;
}

.photo-content_sub{
    width:100%;
    height:auto;
}

.photo-content_sub img{
    width:100%;
    height:350px;
}

/* EVENT SECTION */
.event-info{
	margin-top: -0;
}

.pill1{
    border-bottom:2px solid #000;
    padding-bottom:15px;
}

/* ACTIVITY SECTION */
#activity{
	width: 100%;
	height: auto;
	padding: 50px 0;
	margin-top: -0;
	background: #fafafa;
}

.activity-details{
	width: 100%;
	height: auto;
	background: #fff;
	box-shadow: 5px 5px 10px rgba(0,0,0,0.4);
}

.activity-details img{ width: 100%; height: 210px; }

.activity-text{
	width: 90%;
	height: auto;
	padding: 15px 10px;
	margin:-35px auto auto auto;
	background-color:  #fff;
	position: relative;
}

/* CONTACT SECTION */
#contact-us{
	width: 100%;
	height: auto;
	padding: 50px 0;
	margin-top: -0;
}

.contact-info{
	width: 100%;
	height: 188px;
	padding: 15px;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	background: #fafafa;
	border-radius: 15px;
	text-align:center;
}

.contact-info .fa-solid{
	font-size: 30px;
}

.form-location{
	margin-top: 60px;
	border-radius: 15px;
	background: #fafafa;
}

.contact-form{ width: 100%; height: auto; padding: 15px; }

.contact-form .form-control{
	padding: 10px;
	background:#fff;
	border: 1px solid #000;
	border-radius: 0;
}

.contact-form h3{ color: #000; font-weight: 600; }

.contact-form .form-control::placeholder{ 
	color: #000; 
	font-weight: 400;
}

.contact-btn{ width: 150px; padding: 10px 15px; border: 1px solid #000;}

.location{
	width: 100%;
	height: auto;
	padding: 20px;
}

.location iframe{
	width: 100%;
	height: 285px;
	border-radius: 15px;
}

/* MEDICAL ASSISTANCE SECTION */
#medical-content{
    width: 100%;
    height: auto;
    padding: 50px 0;
    margin-top: -0;
}

.medical-form-info{
    max-width:1000px;
    height:auto;
    margin:auto;
    text-align:center;
}

.medical-form-info iframe{
    width:100%;
    height:1000px;
}

/* SCHOLERSHIP SECTION */
#scholership{
    width: 100%;
    height: auto;
    padding: 50px 0;
    margin-top: -0;
}

.scholership-form{
    max-width:1000px;
    height:auto;
    margin:auto;
    text-align:center;
}

.scholership-form iframe{
    width:100%;
    height:1000px;
}

/* GALLERY SECTION */ 
.gallery_home{width:100%; height:auto; padding:50px;}

.gall_video iframe{width:100%; height:350px;}

.gall_video img{width:100%; height:350px; margin-bottom:5px;}

/* MEDIA QUERY START */
@media (max-width: 1199px){
    /* UPDATED NAVIGATION */
    .update_nav{width:100%; height:auto; position:relative;}
    .new_nav_box1{background-color:#fff;  padding:0px 0;box-shadow: 0 4px 8px 4px rgb(0, 0, 0,0.2);}
    .update_nav .new_nav_box1 .navbar-brand img {
      width: 399px;
      height: auto;
    }
    
    .new_contact{height:100%;}
    
    .new_contact .fa-solid{color: var(--sub-bg); font-size:25px; vertical-align:middle;}
    
    .new_detail_box{position:relative;}
    
    .new_detail_box:before{
        content: '';
        width: 2px;
        height: 38px;
        background-color: lightgray;
        position: absolute;
        right: 0;
        top: 19px;
    }
    
    .new_contact2{padding-left:35px;}
    
    .new_nav_menu{width:100%; height:auto; position:absolute; z-index:999;}
    
    .menu_box_container{display:flex;}
    
    .nav_menu_box{width:80%; background-color: #fff; padding:10px; position:relative;}
    
    .nav_menu_box::before {
        content: '';
        border-right: 10px solid var(--main-bg);
        border-right-color: var(--main-bg);
        border-top: 12px solid transparent;
        border-bottom: 10px solid transparent;
        position: absolute;
        right: 6px;
        top: -15px;
        transform: rotate(315deg);
    }
    
    .nav_menu_icon_box{
        width:20%; 
        background-color: var(--sub-bg); 
        padding:10px;
        position:relative;
        top:-15px;
        left:-15px;
        z-index:-1;
    }
    
    .navbar-expand-sm .navbar-nav .dropdown-menu {
        background-color:#fff;
    }
    
    .dropdown-item:hover {
      color:#fff;
      /*background-color: var(--sub-bg);*/
    }
    
    .nav_menu_icon_box{display:flex; justify-content:center; align-items:center;}
    
    .nav_menu_icon_box ul li a .fa-solid{font-size:23px;}
    
    .icon2{margin:0 15px;}
    
    
	/* TOP HEAD */
	#top-head{padding: 0px 0;}
	#top-head .head-info ul{
		margin-bottom: 0;
	}

	.head-info ul li{
		padding: 5px;
	}

	/* NAVIGATION SECTION */
	#navigation-head{
    	width: 100%;
    	height:120px;
    	background-size:100% 100%;
    	background-repeat:no-repeat;
    }
	
	#nav-head{
		width: 100%;
		height: 330px;
		/*background-image: url("http://localhost/kkw_foundation/assets/images/cban2.jpg");*/
		background-size: 100% 100%;
		background-repeat: no-repeat;
		background-color: rgba(0,0,0,0.5);
		background-blend-mode: overlay;
		position: relative;
	}

	.navbar{ position: relative; z-index: 100; }

	.navbar-nav .nav-item .nav-link{ 
		position: relative;
		color: var(--bg-secondary) ;
		font-size: 14px;
		color: var(--sub-bg);
	}

	.dropdown-menu{ border-radius: 0; }

	.head-text{
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		width: 100%;
		height: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	
	.head-btn2 {
      margin: 0 5px;
    }

	.overlay-text{ width: 33%; height: auto; text-align: center; color: #fff; }

	.overlay-text h1{ font-size: 50px; font-family: 'Oswald', sans-serif; }

	.head-btn{ border:1px solid #fff; color: #fff; border-radius: 0; }

	.head-btn:hover{ background-color: #fff; color: #000; }

	/* SECTION HEADING */
	.section-head{
		width: 60%;
		height: auto;
		margin: auto;
		text-align: center;
	}

	.section-head h2{
		font-family: 'Oswald', sans-serif;
	}
	
	/* ALL HEAD */
    .sub_head_text{
        width:100%; 
        padding:35px 25px; 
        margin-top:0px; 
        position:relative; 
        z-index:99; 
        border-radius:10px;
        background-color:#fff; 
        text-align:center;
        box-shadow: 0 4px 8px 4px rgb(0, 0, 0,0.2);
    }
    
    .sub_head_text p{margin-bottom:0;}
    
    .sub_head_text h1 span{
        font-family: 'Tahoma';
        font-size: 58px;
        line-height: 76px;
        font-weight:900;
    }
	
	/* OBJECTIVES SECTION */
    #objectives {
      width: 100%;
      height: auto;
      padding: 50px 0 50px;
      margin-top:0px;
    }
    
    .object-info{
        width:100%;
        margin:auto;
        text-align:justify;
    }
    
    .object-info i{
        color:var(--main-bg);
        font-size:75px;
        font-weight:900;
        margin-right:10px;
    }
    
    /* TRUSTEE SECTION */
    .trustee{
        width:100%;
        height:auto;
        padding:25px 0;
    }
    
    .trustee-head span::before{
     	content: "";
     	position: absolute;
     	bottom: 0;
     	width: 143px;
     	height: 2px;
     	background: #000;
    }
    
    .trustee-information{
        height:auto;
        padding:10px;
        margin-top:10px;
    }
    
    .trustee-information img{
        width:190px ;
        height: auto;
        display:block;
        margin:auto;
        /*border-radius:100%;*/
    }
    
    .trustee-information h4, .trustee-information h5{
        color:#000;
        font-weight:bolder;
        margin-top:15px;
    }
    
    
    .trustee-information h4{
        font-size:20px;
        font-weight:600;
    }
    
    .trustee-information h5{
        font-size:16px;
    }

	/* TARGET SECTION */
	/*#target{*/
	/*	width: 100%;*/
	/*	height: auto;*/
	/*	padding: 0 0 50px 0;*/
	/*	margin-top: -70px;*/
	/*	position: relative;*/
	/*	z-index: 99;*/
	/*}*/

	/*.target-info{ width: 100%; height: 200px; padding: 20px; }*/

	/*.target-info h4, .target-info p, .target-info a{*/
	/*	padding-bottom: 5px;*/
	/*}*/

	/*.target-info h1{margin: 10px 0 20px;}*/

	/*.target1{ background: #ef6e37;}*/

	/*.target2{ background: var(--main-bg);}*/

	/*.target3{ background: #f4aa41;}*/

	/*.target-details{ margin-top: 50px; }*/


	/* CAUSES SECTION */
	/*#causes {*/
	/*  width: 100%;*/
	/*  height: auto;*/
	/*  padding: 60px 0 50px;*/
	/*  background: #fafafa;*/
	/*}*/

	/*#causes .owl-stage{*/
	/*	padding-bottom: 10px;*/
	/*}*/

	/*.cause-details{*/
	/*	width: 100%;*/
	/*	height: auto;*/
	/*	background: #fff;*/
	/*	box-shadow: 5px 5px 5px rgba(0,0,0,0.4);*/
	/*}*/

	/*.cause-details img{ width: 100%; height: 250px; }*/

	/*.cause-text{*/
	/*	width: 90%;*/
	/*	height: auto;*/
	/*	padding: 15px 10px;*/
	/*	margin:-35px auto auto auto;*/
	/*	background-color:  #fff;*/
	/*	position: relative;*/
	/*}*/


	/* GALLERY SECTION */ 
	/*#gallery{ width: 100%; height: auto; }*/

	/*.gallery-img{ width: 100%; height: auto; }*/

	/*.gallery-img img{ width: 100%; height: 250px; }*/

	/* BLOG SECTION */
	/*#blog{*/
	/*	width: 100%;*/
	/*	height: auto;*/
	/*	background: #fff;*/
	/*	padding: 50px 0;*/
	/*}*/

	/*.blog-details{*/
	/*	width: 100%;*/
	/*	height: auto;*/
	/*	box-shadow: 5px 5px 10px rgba(0,0,0,0.4);*/
	/*}*/

	/*.blog-details img{ width: 100%; height: 210px; }*/

	/*.blog-text{*/
	/*	width: 90%;*/
	/*	height: auto;*/
	/*	padding: 15px 10px;*/
	/*	margin:-35px auto auto auto;*/
	/*	background-color:  #fff;*/
	/*	position: relative;*/
	/*}*/


	/* EVENT SECTION */
	#event{
		width: 100%;
		height: auto;
		padding: 50px 0;
		background: #fafafa;
	}

	.event-details{
		width: 100%;
		height: auto;
		background: #fff;
		box-shadow: 5px 5px 10px rgba(0,0,0,0.4);
	}

	.event-details img{ width: 100%; height: 210px; }

	.event-text{
		width: 90%;
		height: auto;
		padding: 15px 10px;
		margin:-35px auto auto auto;
		background-color:  #fff;
		position: relative;
	}
	
	/* EVENT DETAILS */
	#event-information{
	    padding: 50px 0;
	    margin-top:0px;
	}
	
    #event-information .carousel-inner .carousel-item img{
        width:100%;
        height:500px;
    }

	/* MEMBERSHIP SECTION */
	#membership{
		width: 100%;
		height: auto;
		padding: 50px 0;
		/*background-image: url("http://localhost/kkw_foundation/assets/images/cban1.jpg");*/
		background-repeat: no-repeat;
		background-size: 100% 100%;
		background-color: var(--sub-bg); /*#f16d33*/
		background-blend-mode: overlay;
	}

	.member-img{ width: 100%; height: auto; padding: 15px; }

	.member-img img{ width: 100%; height: 350px; }

	.membership-form{ width: 100%; height: auto; padding: 15px; }

	.membership-form .form-control{
		padding: 10px;
		background:transparent;
		border: 2px solid #fff;
		border-radius: 0;
	}

	.membership-form h3{ color: #fff; font-weight: 600; }

	.membership-form .form-control::placeholder{ 
		color: #fff; 
		font-weight: 400;
	}

	.membership-btn{ width: 150px; padding: 10px 15px; }


	/* FOOTER SECTION */
	#footer{
		width: 100%;
		height: auto;
		padding: 50px 0;
		background:#252525;
	}

	.footer-info{ width: 100%; height: auto; }

	.footer-info h6, .footer-info p, .footer-info ul li{
		color: #fff;
	}

	.footer-info h6{ margin-bottom: 40px; position: relative; }

	.footer-info h6::after{
		content: "";
		position: absolute;
		top: 160%;
		left: 0;
		width: 23%;
		height: 1px;
		background: #fff;
	}

	.footer-info ul{ padding: 0; margin: 0; list-style-type: none; }

	.social-media{
		width: 40px;
		height: 40px;
		display: flex;
		justify-content: center;
		align-items: center;
		border-radius: 100%;
		background:lightgrey;
	}

	.social-media .fa-brands{ font-size: 20px; }

	.foot-blog{ width: 100%; height: 80px; }

	.blog-img{ width: 100%; height: 80px; }

	/* PHOTOS SECTION */
	#photos{
		width: 100%;
		height: auto;
		padding: 50px 0;
	}
	.photo-data{
		width: 100%;
		display: flex;
		flex-wrap: wrap;
	}

	.itembox{
		width: 25%;
		height: auto;
		padding: 10px;
	}

	.itembox img{
		width: 100%;
		height: 240px;
	}

	/* ACTIVITY SECTION */
	#activity{
		width: 100%;
		height: auto;
		padding: 50px 0;
		background: #fafafa;
	}

	.activity-details{
		width: 100%;
		height: auto;
		background: #fff;
		box-shadow: 5px 5px 10px rgba(0,0,0,0.4);
	}

	.activity-details img{ width: 100%; height: 210px; }

	.activity-text{
		width: 90%;
		height: auto;
		padding: 15px 10px;
		margin:-35px auto auto auto;
		background-color:  #fff;
		position: relative;
	}
	
	/* CONTACT SECTION */
    #contact-us{
    	width: 100%;
    	height: auto;
    	padding: 50px 0;
    	margin-top: -0;
    }
    
    .contact-info{
    	width: 100%;
    	height: 238px;
    	padding: 15px !IMPORTANT;
    	display:flex;
    	flex-direction:column;
    	justify-content:center;
    	align-items:center;
    	background: #fafafa;
    	border-radius: 15px;
    	text-align:center;
    }
    
    .contact-info .fa-solid{
    	font-size: 30px;
    }
    
    .form-location{
    	margin-top: 60px;
    	border-radius: 15px;
    	background: #fafafa;
    }
    
    .contact-form{ width: 100%; height: auto; padding: 15px; }
    
    .contact-form .form-control{
    	padding: 10px;
    	background:#fff;
    	border: 1px solid #000;
    	border-radius: 0;
    }
    
    .contact-form h3{ color: #000; font-weight: 600; }
    
    .contact-form .form-control::placeholder{ 
    	color: #000; 
    	font-weight: 400;
    }
    
    .contact-btn{ width: 150px; padding: 10px 15px; border: 1px solid #000;}
    
    .location{
    	width: 100%;
    	height: auto;
    	padding: 20px;
    }
    
    .location iframe{
    	width: 100%;
    	height: 285px;
    	border-radius: 15px;
    }
    
    /* MEDICAL ASSISTANCE SECTION */
    #medical-content{
        width: 100%;
        height: auto;
        padding: 50px 0;
        margin-top: -0;
    }
    
    .medical-form-info{
        max-width:1000px;
        height:auto;
        margin:auto;
        margin-top:15px !important;
        text-align:center;
    }
    
    .medical-form-info iframe{
        width:100%;
        height:1000px;
    }
    
    /* SCHOLERSHIP SECTION */
    #scholership{
        width: 100%;
        height: auto;
        padding: 50px 0;
        margin-top: -0;
    }
    
    .scholership-form{
        max-width:1000px;
        height:auto;
        margin:auto;
        margin-top:15px !important;
        text-align:center;
    }
    
    .scholership-form iframe{
        width:100%;
        height:1000px;
    }
    
    /* GALLERY SECTION */ 
    .gallery_home{width:100%; height:auto; padding:50px;}
    
    .gall_video iframe{width:100%; height:350px;}
    
    .gall_video img{width:100%; height:350px;}
}

@media (max-width: 991px){
    /* UPDATED NAVIGATION */
    .update_nav{width:100%; height:auto; position:relative;}
    .new_nav_box1{background-color:#fff;  padding:0px 0;box-shadow: 0 4px 8px 4px rgb(0, 0, 0,0.2);}
    .update_nav .new_nav_box1 .navbar-brand img {
      width: 100%;
      height: auto;
    }
    
    .new_contact{height:100%;}
    
    .new_contact .fa-solid{color: var(--sub-bg); font-size:25px; vertical-align:middle;}
    
    .new_detail_box{position:relative;}
    
    .new_detail_box:before{
        content: '';
        width: 2px;
        height: 38px;
        background-color: lightgray;
        position: absolute;
        right: 0;
        top: 19px;
    }
    
    .new_contact2{padding-left:35px;}
    
    .new_nav_menu{width:100%; height:auto; position:absolute; z-index:999;}
    
    .menu_box_container{display:flex;}
    
    .nav_menu_box{width:80%; background-color: #fff; padding:5px 0px; position:relative;}
    
    /*.nav_menu_box::before {*/
    /*    content: '';*/
    /*    border-right: 10px solid var(--main-bg);*/
    /*    border-right-color: var(--main-bg);*/
    /*    border-top: 12px solid transparent;*/
    /*    border-bottom: 10px solid transparent;*/
    /*    position: absolute;*/
    /*    right: 6px;*/
    /*    top: -15px;*/
    /*    transform: rotate(315deg);*/
    /*}*/
    
    .nav_menu_icon_box{
        width:20%; 
        background-color: var(--sub-bg); 
        padding:10px;
        position:relative;
        top:-15px;
        left:-15px;
        z-index:-1;
    }
    
    .navbar-expand-sm .navbar-nav .dropdown-menu {
        background-color: #fff;
    }
    
    .dropdown-item:hover {
      color:#fff;
      /*background-color: var(--sub-bg);*/
    }
    
    .nav_menu_icon_box{display:flex; justify-content:center; align-items:center;}
    
    .nav_menu_icon_box ul li a .fa-solid{font-size:20px;}
    
    .icon2{margin:0 15px;}
    
	/* TOP HEAD */
	#top-head{padding: 00px 0;}
	#top-head .head-info ul{
		margin-bottom: 0;
	}

	.head-info ul li{
		padding: 5px;
	}

	/* NAVIGATION SECTION */
	#navigation-head{
    	width: 100%;
    	height:auto;
    	background-size:cover 100%;
    	background-repeat:no-repeat;
    }
	
	#nav-head{
		width: 100%;
		height: 330px;
		/*background-image: url("http://localhost/kkw_foundation/assets/images/cban2.jpg");*/
		background-size: 100% 100%;
		background-repeat: no-repeat;
		background-color: rgba(0,0,0,0.5);
		background-blend-mode: overlay;
		position: relative;
	}

	.navbar{ position: relative; z-index: 100; }

	.navbar-nav .nav-item .nav-link{ 
		position: relative;
		font-size: 18px;
		color: #fff;
	}
	
	#navigation-head .collapse .navbar-nav .nav-item .nav-link {
        color: var(--white);
    }
	
	.navbar-nav .nav-item .nav-link{
	    color: var(--sub-bg);
		padding-left: 20px;
		font-size:14px;
	}
	
	.navbar-toggler:focus {
        text-decoration: none;
        outline: 0;
        box-shadow: none;
    }
	
	.navbar-collapse.show {
		right: 0;
	}

	.navbar-collapse {
		display: block;
		position: fixed;
		width: 300px;
		top: 0;
		bottom: 0;
		right: -300px;
		background-color:var(--sub-bg);
		z-index: 99999999999;
		transition: all .3s ease-in-out;
		height: 100% !important;
		border-left:2px solid var(--dark);
	}
	
	.head-btn2, .head-btn1, .head-btn3 {
      margin: 0 10px;
      margin-bottom: 10px;
    }

	.dropdown-menu{ border-radius: 0; }

	.head-text{
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		width: 100%;
		height: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.overlay-text{ width: 50%; height: auto; text-align: center; color: #fff; }

	.overlay-text h1{ font-size: 50px; font-family: 'Oswald', sans-serif; }

	.head-btn{ border:1px solid #fff; color: #fff; border-radius: 0; }

	.head-btn:hover{ background-color: #fff; color: #000; }

	/* SECTION HEADING */
	.section-head{
		width: 60%;
		height: auto;
		margin: auto;
		text-align: center;
	}

	.section-head h2{
		font-family: 'Oswald', sans-serif;
	}
	
	/* ALL HEAD */
    .sub_head_text{
        width:100%; 
        padding:30px 25px; 
        margin-top:0px; 
        position:relative; 
        z-index:99; 
        border-radius:10px;
        background-color:#fff; 
        text-align:center;
        box-shadow: 0 4px 8px 4px rgb(0, 0, 0,0.2);
    }
    
    .sub_head_text p{margin-bottom:0;}
    
    .sub_head_text h1 span{
        font-family: 'Tahoma';
        font-size: 58px;
        line-height: 66px;
        font-weight:700;
    }
    
    .nav_slider {
        margin-top: 0px;
    }
	
	/* OBJECTIVES SECTION */
    #objectives {
      width: 100%;
      height: auto;
      padding: 50px 0 50px;
      margin-top:0px;
    }
    
    .object-info{
        max-width:700px;
        margin:auto;
    }
    
    .object-info i{
        color:var(--main-bg);
        font-size:75px;
        font-weight:900;
        margin-right:10px;
    }
    
    /* FOUNDER PRESIDENT */
    .founder_president{width:100%; height:auto; padding:25px 0;}
    
    .founder_image{width:100%; height:auto; text-align:center;padding-top:30px;}
    
    .founder_image img{width:100%; height:260px;outline:1px solid #aba29d; outline-offset:5px; border-radius:100%;}
    
    .founder_msg{padding-top:30px;}
    
    .founder_msg h4, .founder_msg h5{font-weight:bolder;}
    
    /* TRUSTEE SECTION */
    .trustee{
        width:100%;
        height:auto;
        padding:25px 0;
    }
    
    .trustee-head span::before{
     	content: "";
     	position: absolute;
     	bottom: 0;
     	width: 143px;
     	height: 2px;
     	background: #000;
    }
    
    .trustee-information{
        height:auto;
        padding:10px;
        margin-top:10px;
    }
    
    .trustee-information img{
        width:190px ;
        height: auto;
        display:block;
        margin:auto;
        /*border-radius:100%;*/
    }
    
    .trustee-information h4, .trustee-information h5{
        color:#000;
        font-weight:bolder;
        margin-top:15px;
    }
    
    
    .trustee-information h4{
        font-size:16px;
        font-weight:600;
    }
    
    .trustee-information h5{
        font-size:16px;
    }

	/* EVENT SECTION */
	#event{
		width: 100%;
		height: auto;
		padding: 50px 0;
		background: #fafafa;
	}

	.event-details{
		width: 100%;
		height: auto;
		background: #fff;
		box-shadow: 5px 5px 10px rgba(0,0,0,0.4);
	}

	.event-details img{ width: 100%; height: 210px; }

	.event-text{
		width: 90%;
		height: auto;
		padding: 15px 10px;
		margin:-35px auto auto auto;
		background-color:  #fff;
		position: relative;
	}
	
	/* EVENT DETAILS */
	#event-information{
	    padding: 50px 0;
	    margin-top:0px;
	}
    #event-information .carousel-inner .carousel-item img{
        width:100%;
        height:450px;
    }
    
    /* NEWS SECTION */
	#news{
		width: 100%;
		height: auto;
		padding: 30px 0;
		background:#fafafa;
	}

	.news-info{ width: 100%; height: auto; }

	.news-info img{ width: 100%; height: 200px; }

	/* MEMBERSHIP SECTION */
	#membership{
		width: 100%;
		height: auto;
		padding: 50px 0;
		/*background-image: url("http://localhost/kkw_foundation/assets/images/cban1.jpg");*/
		background-repeat: no-repeat;
		background-size: 100% 100%;
		background-color: var(--sub-bg); /*#f16d33*/
		background-blend-mode: overlay;
	}

	.member-img{ width: 100%; height: auto; padding: 0px; }

	.member-img img{ width: 100%; height: 350px; }

	.membership-form{ width: 100%; height: auto; padding: 0px; }

	.membership-form .form-control{
		padding: 10px;
		background:transparent;
		border: 2px solid #fff;
		border-radius: 0;
	}

	.membership-form h3{ color: #fff; font-weight: 600; }

	.membership-form .form-control::placeholder{ 
		color: #fff; 
		font-weight: 400;
	}

	.membership-btn{ width: 150px; padding: 10px 15px; }


	/* FOOTER SECTION */
	#footer{
		width: 100%;
		height: auto;
		padding: 50px 0;
		background:#252525;
	}

	.footer-info{ width: 100%; height: auto; }

	.footer-info h6, .footer-info p, .footer-info ul li{
		color: #fff;
	}

	.footer-info h6{ margin-bottom: 40px; position: relative; }

	.footer-info h6::after{
		content: "";
		position: absolute;
		top: 160%;
		left: 0;
		width: 23%;
		height: 1px;
		background: #fff;
	}

	.footer-info ul{ padding: 0; margin: 0; list-style-type: none; }

	.social-media{
		width: 40px;
		height: 40px;
		display: flex;
		justify-content: center;
		align-items: center;
		border-radius: 100%;
		background:lightgrey;
	}

	.social-media .fa-brands{ font-size: 20px; }

	.foot-blog{ width: 100%; height: 80px; }

	.blog-img{ width: 100%; height: 80px; }


	/* PHOTOS SECTION */
	#photos{
		width: 100%;
		height: auto;
		padding: 50px 0;
	}
	.photo-data{
		width: 100%;
		display: flex;
		flex-wrap: wrap;
	}

	.itembox{
		width: 33.33%;
		height: auto;
		padding: 10px;
	}

	.itembox img{
		width: 100%;
		height: 240px;
	}

	/* ACTIVITY SECTION */
	#activity{
		width: 100%;
		height: auto;
		padding: 50px 0;
		background: #fafafa;
	}

	.activity-details{
		width: 100%;
		height: auto;
		background: #fff;
		box-shadow: 5px 5px 10px rgba(0,0,0,0.4);
	}

	.activity-details img{ width: 100%; height: 210px; }

	.activity-text{
		width: 90%;
		height: auto;
		padding: 15px 10px;
		margin:-35px auto auto auto;
		background-color:  #fff;
		position: relative;
	}
	
	/* CONTACT SECTION */
    #contact-us{
    	width: 100%;
    	height: auto;
    	padding: 50px 0;
    	margin-top: -0;
    }
    
    .contact-info{
    	width: 100%;
    	height: 238px;
    	padding: 15px !IMPORTANT;
    	display:flex;
    	flex-direction:column;
    	justify-content:center;
    	align-items:center;
    	background: #fafafa;
    	border-radius: 15px;
    	text-align:center;
    }
    
    .contact-info .fa-solid{
    	font-size: 30px;
    }
    
    .form-location{
    	margin-top: 60px;
    	border-radius: 15px;
    	background: #fafafa;
    }
    
    .contact-form{ width: 100%; height: auto; padding: 15px; }
    
    .contact-form .form-control{
    	padding: 10px;
    	background:#fff;
    	border: 1px solid #000;
    	border-radius: 0;
    }
    
    .contact-form h3{ color: #000; font-weight: 600; }
    
    .contact-form .form-control::placeholder{ 
    	color: #000; 
    	font-weight: 400;
    }
    
    .contact-btn{ width: 150px; padding: 10px 15px; border: 1px solid #000;}
    
    .location{
    	width: 100%;
    	height: auto;
    	padding: 20px;
    }
    
    .location iframe{
    	width: 100%;
    	height: 285px;
    	border-radius: 15px;
    }
    
    /* GALLERY SECTION */ 
    .gallery_home{width:100%; height:auto; padding:50px; background-color:#fafafa;}
    
    .gall_video iframe{width:100%; height:310px;}
    
    .gall_video img{width:100%; height:310px;}
}

@media (max-width: 767px){
    .new_logo{display:none;}
    
    .new_nav_box1{padding:5px 0 0;}
    
    .new_contact li p{margin-bottom:0;}
    
	/* TOP HEAD */
	#top-head{padding: 0px 0;}
	#top-head .head-info ul{
		margin-bottom: 0;
	}

	.head-info ul li{
		padding: 5px;
	}

	.head-btn1, .head-btn2, .head-btn3{
		font-size: 14px;
	}

	/* NAVIGATION SECTION */
	#navigation-head{
    	width: 100%;
    	height: auto;
    	background-size:cover 100%;
    	background-repeat:no-repeat;
    }
    
    #navigation-head{
    	width: 100%;
    	height:auto;
    	background-size:100% 100%;
    	background-repeat:no-repeat;
    	display:block;
    }
    
    .new_nav_menu{display:none;}
    
    .nav_slider {
        margin-top: 0px;
    }
	
	#nav-head{
		width: 100%;
		height: 300px;
		/*background-image: url("http://localhost/kkw_foundation/assets/images/cban2.jpg");*/
		background-size: 100% 100%;
		background-repeat: no-repeat;
		background-color: rgba(0,0,0,0.5);
		background-blend-mode: overlay;
		position: relative;
	}
	
	#navigation-head .navbar-brand img {
        width: 150px;
        height: 49px;
    }

	.navbar{ position: relative; z-index: 1;}

	.navbar-nav{
		padding-left: 0;
	}

	.navbar-nav .nav-item .nav-link{
		padding-left: 20px;
	}

	.navbar-collapse.show {
		right: 0;
	}

	.navbar-collapse {
		display: block;
		position: fixed;
		width: 300px;
		top: 0;
		bottom: 0;
		right: -300px;
		background-color: var(--sub-bg);
		z-index: 99999999999;
		transition: all .3s ease-in-out;
		height: 100% !important;
	}

	.navbar-nav .nav-item .nav-link{ 
		position: relative;
		color: var(--bg-secondary) ;
		font-size: 18px;
		color: #fff;
	}

	.dropdown-menu{ border-radius: 0; }

	.head-text{
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		width: 100%;
		height: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.overlay-text{ width: 65%; height: auto; text-align: center; color: #fff; }

	.overlay-text h1{ font-size: 45px; font-family: 'Oswald', sans-serif; }

	.head-btn{ border:1px solid #fff; color: #fff; border-radius: 0; }

	.head-btn:hover{ background-color: #fff; color: #000; }

	/* SECTION HEADING */
	.section-head{
		width: 60%;
		height: auto;
		margin: auto;
		text-align: center;
	}

	.section-head h2{
		font-family: 'Oswald', sans-serif;
	}
	
	/* ALL HEAD */
    .sub_head_text{
        width:100%; 
        padding:20px 20px; 
        margin-top:0px; 
        position:relative; 
        z-index:99; 
        border-radius:10px;
        background-color:#fff; 
        text-align:center;
        box-shadow: 0 4px 8px 4px rgb(0, 0, 0,0.2);
    }
    
    .sub_head_text p{margin-bottom:0;}
    
    .sub_head_text h1 span{
        font-family: 'Tahoma';
        font-size: 48px;
        line-height: 66px;
        font-weight:bold;
    }
	
	/* OBJECTIVES SECTION */
    #objectives {
      width: 100%;
      height: auto;
      padding: 50px 0 50px;
      margin-top:0px;
    }
    
    .object-info{
        max-width:700px;
        margin:auto;
    }
    
    .object-info i{
        color:var(--main-bg);
        font-size:55px;
        font-weight:700;
        margin-right:10px;
    }

	/* FOUNDER PRESIDENT */
    .founder_president{width:100%; height:auto; padding:25px 0;}
    
    .founder_image{width:100%; height:auto; text-align:center;padding-top:15px;}
    
    .founder_image img{width:280px; height:310px;outline:1px solid #aba29d; outline-offset:5px; border-radius:100%;}
    
    .founder_msg{padding-top:30px;}
    
    .founder_msg h4, .founder_msg h5{font-weight:bolder;}

	/* EVENT SECTION */
	#event{
		width: 100%;
		height: auto;
		padding: 50px 0;
		background: #fafafa;
	}

	.event-details{
		width: 100%;
		height: auto;
		background: #fff;
		box-shadow: 5px 5px 10px rgba(0,0,0,0.4);
	}

	.event-details img{ width: 100%; height: auto; }

	.event-text{
		width: 90%;
		height: auto;
		padding: 15px 10px;
		margin:-35px auto auto auto;
		background-color:  #fff;
		position: relative;
	}
	
	/* EVENT DETAILS */
	#event-information{
	    padding: 50px 0;
	    margin-top:0px;
	}
    #event-information .carousel-inner .carousel-item img{
        width:100%;
        height:380px;
    }
    
    /* NEWS SECTION */
	#news{
		width: 100%;
		height: auto;
		padding: 30px 0;
	}

	.news-info{ width: 100%; height: auto; }

	.news-info img{ width: 100%; height: 250px; }

	/* MEMBERSHIP SECTION */
	#membership{
		width: 100%;
		height: auto;
		padding: 50px 0;
		/*background-image: url("http://localhost/kkw_foundation/assets/images/cban1.jpg");*/
		background-repeat: no-repeat;
		background-size: 100% 100%;
		background-color: var(--sub-bg); /*#f16d33*/
		background-blend-mode: overlay;
	}

	.member-img{ width: 100%; height: auto; padding: 0px; }

	.member-img img{ width: 100%; height: 350px; }

	.membership-form{ width: 100%; height: auto; padding: 0px; }

	.membership-form .form-control{
		padding: 10px;
		background:transparent;
		border: 2px solid #fff;
		border-radius: 0;
	}

	.membership-form h3{ color: #fff; font-weight: 600; }

	.membership-form .form-control::placeholder{ 
		color: #fff; 
		font-weight: 400;
	}

	.membership-btn{ width: 150px; padding: 10px 15px; }


	/* FOOTER SECTION */
	#footer{
		width: 100%;
		height: auto;
		padding: 50px 0;
		background:#252525;
	}

	.footer-info{ width: 100%; height: auto; }

	.footer-info h6, .footer-info p, .footer-info ul li{
		color: #fff;
	}

	.footer-info h6{ margin-bottom: 40px; position: relative; }

	.footer-info h6::after{
		content: "";
		position: absolute;
		top: 160%;
		left: 0;
		width: 23%;
		height: 1px;
		background: #fff;
	}

	.footer-info ul{ padding: 0; margin: 0; list-style-type: none; }

	.social-media{
		width: 40px;
		height: 40px;
		display: flex;
		justify-content: center;
		align-items: center;
		border-radius: 100%;
		background:lightgrey;
	}

	.social-media .fa-brands{ font-size: 20px; }

	.foot-blog{ width: 100%; height: 80px; }

	.blog-img{ width: 100%; height: 80px; }
	
	 /* BOARD OF TRUSTEE SECTION */
	.founder-details1{
	    display:flex;
	    flex-direction:column-reverse;
	}
	
	.founder-details3{
	    display:flex;
	    flex-direction:column-reverse;
	}
	
	.founder-info{ padding: 10px 0;}
	
	.founder{ width: 100%; height: auto; margin-bottom:10px; text-align: center; }

    .founder img{ width: 100%; height: auto; }
    
    .founder-details1, .founder-details2, .founder-details3{
        padding:40px;
    }

	/* PHOTOS SECTION */
	#photos{
		width: 100%;
		height: auto;
		padding: 50px 0;
	}
	.photo-data{
		width: 100%;
		display: flex;
		flex-wrap: wrap;
	}

	.itembox{
		width: 33.33%;
		height: auto;
		padding: 5px;
	}

	.itembox img{
		width: 100%;
		height: 200px;
	}

	/* ACTIVITY SECTION */
	#activity{
		width: 100%;
		height: auto;
		padding: 50px 0;
		background: #fafafa;
	}

	.activity-details{
		width: 100%;
		height: auto;
		background: #fff;
		box-shadow: 5px 5px 10px rgba(0,0,0,0.4);
	}

	.activity-details img{ width: 100%; height: 250px; }

	.activity-text{
		width: 90%;
		height: auto;
		padding: 15px 10px;
		margin:-35px auto auto auto;
		background-color:  #fff;
		position: relative;
	}
	
	/* CONTACT SECTION */
    #contact-us{
    	width: 100%;
    	height: auto;
    	padding: 50px 0;
    	margin-top: -0;
    }
    
    .contact-info{
    	width: 100%;
    	height: 238px;
    	padding: 15px !IMPORTANT;
    	display:flex;
    	flex-direction:column;
    	justify-content:center;
    	align-items:center;
    	background: #fafafa;
    	border-radius: 15px;
    	text-align:center;
    }
    
    .contact-info .fa-solid{
    	font-size: 30px;
    }
    
    .form-location{
    	margin-top: 60px;
    	border-radius: 15px;
    	background: #fafafa;
    }
    
    .contact-form{ width: 100%; height: auto; padding: 15px; }
    
    .contact-form .form-control{
    	padding: 10px;
    	background:#fff;
    	border: 1px solid #000;
    	border-radius: 0;
    }
    
    .contact-form h3{ color: #000; font-weight: 600; }
    
    .contact-form .form-control::placeholder{ 
    	color: #000; 
    	font-weight: 400;
    }
    
    .contact-btn{ width: 150px; padding: 10px 15px; border: 1px solid #000;}
    
    .location{
    	width: 100%;
    	height: auto;
    	padding: 20px;
    }
    
    .location iframe{
    	width: 100%;
    	height: 285px;
    	border-radius: 15px;
    }
    
    /* GALLERY SECTION */ 
    .gallery_home{width:100%; height:auto; padding:50px; background-color:#fafafa;}
    
    .gall_video{margin-bottom:25px;}
    
    .gall_video iframe{width:90%; height:310px; margin:auto;}
    
    .gall_video img{width:90%; height:310px; margin:auto;}
}
 

@media (max-width: 575px){
	/* TOP HEAD */
	#top-head{padding: 0px 0;}
	#top-head .head-info ul{
		margin-bottom: 0;
	}

	.head-info ul li{
		padding: 5px;
	}

	.head-btn1, .head-btn2, .head-btn3{
		font-size: 12px;
	}

	/* NAVIGATION SECTION */
	#navigation-head{
    	width: 100%;
    	height: auto;
    	background-size:cover 100%;
    	background-repeat:no-repeat;
    }
    
    .nav_slider {
        margin-top: 0px;
    }
	
	
	#nav-head{
		width: 100%;
		height: 300px;
		/*background-image: url("http://localhost/kkw_foundation/assets/images/cban2.jpg");*/
		background-size: 100% 100%;
		background-repeat: no-repeat;
		background-color: rgba(0,0,0,0.5);
		background-blend-mode: overlay;
		position: relative;
	}

	.navbar{ position: relative; z-index: 100; }

	.navbar-nav .nav-item .nav-link{ 
		position: relative;
		color: var(--bg-secondary) ;
		font-size: 18px;
		color: #fff;
	}

	.dropdown-menu{ border-radius: 0; }

	.head-text{
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		width: 100%;
		height: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.overlay-text{ width: 65%; height: auto; text-align: center; color: #fff; }

	.overlay-text h1{ font-size: 30px; font-family: 'Oswald', sans-serif; }

	.head-btn{ border:1px solid #fff; color: #fff; border-radius: 0; }

	.head-btn:hover{ background-color: #fff; color: #000; }

	/* SECTION HEADING */
	.section-head{
		width: 100%;
		height: auto;
		margin: auto;
		text-align: center;
	}

	.section-head h2{
		font-family: 'Oswald', sans-serif;
	}
	
	/* ALL HEAD */
    .sub_head_text{
        width:100%; 
        padding:20px 20px; 
        margin-top:0px; 
        position:relative; 
        z-index:99; 
        border-radius:4px;
        background-color:#fff; 
        text-align:center;
        box-shadow: 0 4px 8px 4px rgb(0, 0, 0,0.2);
    }
    
    .sub_head_text p{margin-bottom:0;}
    
    .sub_head_text h1 span{
        font-family: 'Tahoma';
        font-size: 38px;
        line-height: 66px;
        font-weight:bold;
    }
	
	/* OBJECTIVES SECTION */
    #objectives {
      width: 100%;
      height: auto;
      padding: 50px 0 50px;
      margin-top:0px;
    }
    
    .object-info{
        max-width:700px;
        margin:auto;
    }
    
    .object-info i{
        color:var(--main-bg);
        font-size:35px;
        font-weight:550;
        margin-right:10px;
    }

	/* TARGET SECTION */
	/*#target{*/
	/*	width: 100%;*/
	/*	height: auto;*/
	/*	padding: 30px 0 30px 0;*/
	/*	margin-top: -0;*/
	/*	position: relative;*/
	/*	z-index: 99;*/
	/*}*/

	/*.target-info{ width: 80%; height: auto; margin: auto; padding: 20px; }*/

	/*.target-info h4, .target-info p, .target-info a{*/
	/*	padding-bottom: 5px;*/
	/*}*/

	/*.target-info h1{margin: 10px 0 20px;}*/

	/*.target1{ background: #ef6e37;}*/

	/*.target2{ background: var(--main-bg);}*/

	/*.target3{ background: #f4aa41;}*/

	/*.target-details{ width: 80%; height: auto; margin: auto; margin-top: 30px; }*/


	/* CAUSES SECTION */
	/*#causes {*/
	/*  width: 100%;*/
	/*  height: auto;*/
	/*  padding: 30px 0 30px;*/
	/*  background: #fafafa;*/
	/*}*/

	/*#causes .owl-stage{*/
	/*	padding-bottom: 10px;*/
	/*}*/

	/*.cause-details{*/
	/*	width: 100%;*/
	/*	height: auto;*/
	/*	background: #fff;*/
	/*	box-shadow: 5px 5px 5px rgba(0,0,0,0.4);*/
	/*}*/

	/*.cause-details img{ width: 100%; height: 250px; }*/

	/*.cause-text{*/
	/*	width: 90%;*/
	/*	height: auto;*/
	/*	padding: 15px 10px;*/
	/*	margin:-35px auto auto auto;*/
	/*	background-color:  #fff;*/
	/*	position: relative;*/
	/*}*/


	/* GALLERY SECTION */ 
	/*#gallery{ width: 100%; height: auto; }*/

	/*.gallery-img{ width: 100%; height: auto; }*/

	/*.gallery-img img{ width: 100%; height: 250px; }*/

	/* BLOG SECTION */
	/*#blog{*/
	/*	width: 100%;*/
	/*	height: auto;*/
	/*	background: #fff;*/
	/*	padding: 30px 0;*/
	/*}*/

	/*.blog-details{*/
	/*	width: 80%;*/
	/*	height: auto;*/
	/*	margin: auto;*/
	/*	box-shadow: 5px 5px 10px rgba(0,0,0,0.4);*/
	/*}*/

	/*.blog-details img{ width: 100%; height: 210px; }*/

	/*.blog-text{*/
	/*	width: 90%;*/
	/*	height: auto;*/
	/*	padding: 15px 10px;*/
	/*	margin:-35px auto auto auto;*/
	/*	background-color:  #fff;*/
	/*	position: relative;*/
	/*}*/


	/* EVENT SECTION */
	#event{
		width: 100%;
		height: auto;
		padding: 30px 0;
		background: #fafafa;
	}

	.event-details{
		width: 80%;
		height: auto;
		margin: auto;
		background: #fff;
		box-shadow: 5px 5px 10px rgba(0,0,0,0.4);
	}

	.event-details img{ width: 100%; height: 210px; }

	.event-text{
		width: 90%;
		height: auto;
		padding: 15px 10px;
		margin:-35px auto auto auto;
		background-color:  #fff;
		position: relative;
	}  
	
	/* EVENT DETAILS */
	#event-information{
	    padding: 50px 0;
	    margin-top:0px;
	}
    #event-information .carousel-inner .carousel-item img{
        width:100%;
        height:300px;
    }
    
    /* NEWS SECTION */
	#news{
		width: 100%;
		height: auto;
		padding: 30px 0;
	}

	.news-info{ width: 100%; height: auto; }

	.news-info img{ width: 100%; height: 250px; }

	/* MEMBERSHIP SECTION */
	#membership{
		width: 100%;
		height: auto;
		padding: 30px 0;
		/*background-image: url("http://localhost/kkw_foundation/assets/images/cban1.jpg");*/
		background-repeat: no-repeat;
		background-size: 100% 100%;
		background-color: var(--sub-bg);/*#f16d33*/
		background-blend-mode: overlay;
	}

	.member-img{ width: 80%; height: auto; margin: auto; padding: 0px; }

	.member-img img{ width: 100%; height: 350px; }

	.membership-form{ width: 80%; height: auto; margin: auto; padding: 0px; }

	.membership-form .form-control{
		padding: 10px;
		background:transparent;
		border: 2px solid #fff;
		border-radius: 0;
	}

	.membership-form h3{ color: #fff; font-weight: 600; }

	.membership-form .form-control::placeholder{ 
		color: #fff; 
		font-weight: 400;
	}

	.membership-btn{ width: 150px; padding: 10px 15px; }


	/* FOOTER SECTION */
	#footer{
		width: 100%;
		height: auto;
		padding: 30px 0;
		background:#252525;
	}

	.footer-info{ width: 100%; height: auto; }

	.footer-info h6, .footer-info p, .footer-info ul li{
		color: #fff;
	}

	.footer-info h6{ margin-bottom: 40px; position: relative; }

	.footer-info h6::after{
		content: "";
		position: absolute;
		top: 160%;
		left: 0;
		width: 23%;
		height: 1px;
		background: #fff;
	}

	.footer-info ul{ padding: 0; margin: 0; list-style-type: none; }

	.social-media{
		width: 40px;
		height: 40px;
		display: flex;
		justify-content: center;
		align-items: center;
		border-radius: 100%;
		background:lightgrey;
	}

	.social-media .fa-brands{ font-size: 20px; }

	.foot-blog{ width: 100%; height: 80px; }

	.blog-img{ width: 100%; height: 80px; }
	
	/* BOARD OF TRUSTEE SECTION */
    #board-trustee{
    	width: 100%;
    	height: auto;
    	padding: 50PX 0;	
    	margin-top: -0;	
    }
    
    .founder-details1{
	    display:flex;
	    flex-direction:column-reverse;
	}
	
	.founder-details3{
	    display:flex;
	    flex-direction:column-reverse;
	}
	
	.founder-details1, .founder-details2, .founder-details3{
        padding:0px;
    }
    
    .founder-info{
        padding: 10px 0;
    }
    
    .founder{ width: 100%; height: auto; margin-bottom:10px; text-align: center; }
    
    .founder img{ width: 100%; height: auto; }
    /* OBJECTIVE SECTION */
    #objective{width: 100%;height: auto;padding: 50px 0;margin-top: -0;}
    .object{width:95%;color: #fff;padding: 20px;margin:auto;text-align: left;background: var(--main-bg);border-radius: 15px;}
    .object img{width: 100px;height: 100px;}
	/* PHOTOS SECTION */
	#photos{width: 100%;height: auto;padding: 30px 0;}
	.filter-btn ul{ padding-left: 0; }
	.filter-btn ul li{ padding: 8px ; font-size: 14px; }
	.photo-data{ width: 100%; display: flex; flex-wrap: wrap; }
	.itembox{ width: 50%; height: auto; margin: auto; padding: 10px; }
	.itembox img{ width: 100%; height: 240px; }
	/* ACTIVITY SECTION */
	#activity{width: 100%;height: auto;padding: 30px 0;background: #fafafa;}
	.activity-details{width: 80%;height: auto;margin: auto;background: #fff;box-shadow: 5px 5px 10px rgba(0,0,0,0.4);}
	.activity-details img{ width: 100%; height: 210px;}
	.activity-text{width: 90%;height: auto;padding: 15px 10px;margin:-35px auto auto auto;background-color:  #fff;position: relative;}
	/* CONTACT SECTION */
    #contact-us{width: 100%;height: auto;padding: 50px 0;margin-top: -0;}
    .contact-info{width: 80%;height: auto;margin:auto;padding: 15px !IMPORTANT;display:flex;flex-direction:column;justify-content:center;align-items:center;background: #fafafa;border-radius: 15px;text-align:center;}
    .contact-info .fa-solid{font-size: 30px;}
    .form-location{margin-top: 60px;border-radius: 15px;background: #fafafa;}
    .contact-form{ width: 100%; height: auto; padding: 15px; }
    .contact-form .form-control{padding: 10px;background:#fff;border: 1px solid #000;border-radius: 0;}
    .contact-form h3{ color: #000; font-weight: 600; }
    .contact-form .form-control::placeholder{ color: #000; font-weight: 400;}
    .contact-btn{ width: 150px; padding: 10px 15px; border: 1px solid #000;}
    .location{width: 100%;height: auto;padding: 20px;}
    .location iframe{width: 100%;height: 285px;border-radius: 15px;}
    /* GALLERY SECTION */ 
    .gall_video{width:100%; margin-bottom:25px; text-align:center;}
    .gall_video iframe{width:90%; height:300px; margin:auto;}
    .gall_video img{width:90%; height:300px; margin:auto;}
}