.mobile-header{
	display: none;
}

@media(min-width:1024px) and (max-width:1279px){

	.header-middle .container .center{
		display: flex;
	}
	.header-middle .container .center .main-logo{
		font-size: 15px;
	}
	.header-middle .container .center .ulockd-info h3{
		font-size: 15px;
	}
	.header-middle .container .center .ulockd-info button{
		font-size: 15px;
	}
	.ulockd-ohour-info.style2 {
		display: flex;
		justify-content: center;
		align-items: center;
		border: 1px solid #ddd;
		/* padding: 5px; */
		text-align: left;
		border: 1px solid #ddd;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}


	.feature-box{
		display: flex;
		justify-content: center;
		gap: 35px;
	}
	.col-sm-8 {
		width: 50%;
	}
	.project-box {
		display: flex;
		justify-content: center;
		gap: 10px;
		align-items: center;
	}
	.activity-img {
		width: 100%;
		height: 220px;
		border-radius: 15px;
		margin: 20px 0px;
	}
	.ulockd-footer-fst-col > p {
		color: #fff;
		font-family: 'Open Sans', sans-serif;
		margin-bottom: 20px;
	}
	.footer-icon{
		font-size: 25px;
	}
	.color-white {
		color: #ffffff !important;
		text-align: center;
	}
	.card-container {
		display: flex;
		flex-direction: row !important;
	}
	.card p {
		font-size: 15px;
		color: #555;
	}
	.card h4 {
		margin-left: 10px;
		font-size: 15px;
		font-weight: bold;
		display: inline;
	}
}
@media (min-width:420px) and (max-width:1023px){
	.header-mobile{
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		z-index: 12;
	}
	.mobile-header{
		display: flex;
		justify-content:flex-start;
		text-align: left;
		gap: 25px;
		align-items: center;
		padding: 20px 10px;
		color: white;
		background-color: #ffb606;
	}
	.mobile-header i{
		font-size: 17px;
	}
	.mobile-header p{
		font-size: 15px;
	}
	.nav{
		background-color: white;
		display: flex;
		flex-direction: column;
		height: 310px;
	}
	.collapse{
		display: none;
	}

	.img-whp {
		width: 100% !important;
		min-height: 250px;
		max-height: 250px;
		border-radius: 20px;
		padding: 7px;
	}
	.activity-img {
		width: 320px;
		height: 220px;
		border-radius: 15px;
		margin: 20px 0px;
	}
	.col-sm-8 {
		width: 70%;
	}
	.project-box {
		display: flex;
		gap: 10px;
		flex-direction: row;
		align-items: center;
	}
	.testimonial-img {
		width: 100%;
		border-radius: 20px;
		/* padding-left: 1px; */
		min-height: 280px;
		max-height: 280px;
		background-image: cover;
	}
	#grid{
		margin: 10px;
	  }
	  .gallImg{
		width: 320px;
		padding: 5px;
		height: 250px;
		border-radius: 25px;
	  }
	.recent-causes {
		/* background-color: #da3030; */
		padding: 0px 0px;
	}
	/* .col-md-6 {
		display: grid;
		place-items: center;
	} */
	.col-md-6 p{
		max-width: 690px;
	}
	/* .ulockd-main-title {
		display: grid;
		place-items: center;
	} */

	.img-whp {
		width: 100% !important;
		max-height: 300px;
		min-height: 300px;
		border-radius: 20px;
		padding: 7px;
	}
	.ulockd-main-title h4 {
	   text-align: center;

	}
	.color-white {
		color: #ffffff !important;
		text-align: center;
	}
	.feature-box {
		display: flex;
		flex-direction: column;
		gap: 30px;
		text-align: center;
		justify-content: center;
		align-items: center;
	}
	.ulockd-main-title h2 {
		color: #111;
		font-size: 35px;
		width: 100%;
	}

	/* organisation profile */

	.ulockd-inner-conraimer-details h1 {
				color: #fff;
				font-size: 25px;
	}
	.our-vision-credo {
		color: white !important;
		text-align: center;
		margin-bottom: 43px;
		background-color: #ffb606;
		padding: 10px;
		font-size: 22px;
		margin-top: 10px!important;
	}
	th {
				background-color: #ffffff;
				color: rgb(0, 0, 0);
				font-weight: 600;
				font-size: 17px;
	}

	/* our activity */
	.responsive {
		margin-bottom: 25px;

	}
	.ulockd-footer-fst-col > p {
		color: #fff;
		font-family: 'Open Sans', sans-serif;
		margin-bottom: 20px;
	}
	.footer-icon{
		font-size: 25px;
	}

	.ulockd-main-title h2 {
       padding: 30px 0px;
	}
	.card-container {
		display: flex;
		flex-direction: row !important;
	}
	.card p {
		font-size: 14px;
		color: #555;
	}
	.card h4 {
		margin-left: 10px;
		font-size: 14px;
		font-weight: bold;
		display: inline;
	}
	/* .text-center .row {
	    margin-top: 66px !important;
	} */
	.masonry-gallery.grid-four-item .isotope-item {
		width: 50%;
		height: auto;
	}

	.container .responsive{
		width: 60% !important;
		/* height: 450px !important; */
	}
	.ulockd-footer .container .row{
		display: grid;
		grid-template-columns: repeat(1,1fr);

	}
	.ulockd-main-logo {
		font-family: 'Open Sans', sans-serif;
		font-size: 20px;
		color: #ffb606;
		text-decoration: none;
		max-width: 300px;
		font-weight: bold;
		text-align: left;
	}
	table {
		width: 80%;
		border-collapse: collapse;
		margin-top:45px !important ;


	}
}
/* @media (max-width:675px){
	.mobile-header p{
		font-size: 22px;
		padding-left:186px;
	}}
@media (max-width:885px){
	.mobile-header p{
		font-size: 22px;
		padding-left:208px;
	}
} */

@media (max-width:767px){
	.footer-icon{
		font-size: 20px;
	}
	.header-mobile{
		position: fixed !important;
		left: 0%;
		right: 0%;
		z-index: 12;
	}
	.mobile-header{
		display: flex;
		justify-content: flex-start;
		gap: 25px;
		align-items: center;
		width: 100%;
		padding: 15px 10px;
		background-color: #ffb606;
		color: white;
	}
	.collapse{
		display: none;
	}
	/* .mobile-header p{
		font-size: 12px;
		padding-left:55px;
	} */
	.nav{
		background-color: white;
		display: flex;
		flex-direction: column;
		height: 350px;
	}

	.mobile-header i{
		font-size: 16px;
	}
    /* .container {
		width: 100%;
		padding: 5px 10px;
		margin-top: -4px;
	}
	.mobile-header i{
		font-size: 32px;
	}
	nav
	.display .ulockd-welcntxt{
		font-size: 20px;
		width: 600px;
		text-align: center;

	} */
	/* nav.navbar.bootsnav .navbar-header {
		display: flex;
		justify-content: space-around;
		width: 100%;
	}
	nav.navbar.bootsnav .navbar-nav {
		float: none !important;
		margin: 0px -15px;
	} */
	.display .ulockd-welcntxt {
		text-align: center;
	}
	.activity-img {
		width: 100%;
		height: 300px;
		border-radius: 15px;
		margin: 20px 0px;
	}
	#grid{
		margin: 10px;
		display: flex;
		text-align: center;
		justify-content: center;
	  }
	  .gallImg{
		width: 100%;
		text-align: center;
		padding: 5px;
		height: 380px;
		border-radius: 25px;
	  }

	/* nav.navbar{
		display: flex;
		justify-content: space-between;
		width: 100%;
	} */
	/* .display .ulockd-welcntxt {
		font-size: 10px;
		text-align: center;
		width: 100%;

	} */
	.pagination>li>a, .ulockd-title-icon, .ulockd-gallery-slider .owl-prev, .ulockd-gallery-slider .owl-next, .team-icon a, .twitter.style2 ul li a, .text-thm2 {
		color: #ffb606 !important;
		font-size: 20px;
	}
	.cd-hero-slider h1, .cd-hero-slider h2, .cd-hero-slider h3, .cd-hero-slider p {
		text-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
		line-height: 1.2;
		margin: 0 auto 14px;
		color: #ffffff;
		width: 100%;
		max-width: 400px;
		font-size: 25px;
	}
	.cd-hero-slider h4{
		font-size: 15px;
		max-width: 200px;
	}
	.cd-hero-slider .cd-btn{
		display: inline-block;
	    padding: 15px;
		font-size: 10px;
		font-weight: 500;
		letter-spacing: 1px;
		color: #ffffff;
		text-transform: uppercase;
		box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
		-webkit-transition: background-color 0.8s;
		-moz-transition: background-color 0.8s;
		transition: background-color 0.8s;
	}
	.cd-hero-slider h1, .cd-hero-slider h2, .cd-hero-slider h3, .cd-hero-slider p {
		text-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
		line-height: 1.2;
		margin: 0 auto 14px;
		color: #ffffff;
		width: 100%;
		font-size: 20px;
	}
	.cd-hero-slider h3{
		font-size: 12px;
		max-width: 300px;
	}
	.ulockd-pad395 {
	  margin: 20px;
	}
	.ulockd-main-title h2 {
		color: #111;
		font-size: 20px;
	}
	.abt-txt {
		font-size: 19px;
		line-height: 1.6;
	}
	.pagination>li>a, .ulockd-title-icon, .ulockd-gallery-slider .owl-prev, .ulockd-gallery-slider .owl-next, .team-icon a, .twitter.style2 ul li a, .text-thm2 {
		color: #ffb606 !important;
		font-size: 19px;
		text-align: center;
	}
	.pb-details > h3 {
		margin-top: 0;
		font-size: 20px;
	}
	.ulockd-pad395 {
		margin: 20px;
	}
	p {
		margin: 0px !important;
		text-align: justify;
	}
	h4 {
		font-size: 12px;
	}
	.masonry-gallery.grid-four-item .isotope-item {
		width: 100%;
		height: auto;
	}
	.col-lg-4	 {
		width: 100%;
		display: flex;
		justify-content: center;
	}
	.ulockd-footer-fst-col > p {
		 max-width: 700px;
	}
	.ulockd-welcm-hmddl .footer-logo {
		color: #ffb606;
		line-height: 1.2;
		font-size: 16px;
		text-align: left;
	}
	.cd-hero-slider {
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.ulockd-footer-fst-col {
		padding: 5px;
	}
	.ulockd-footer-contact h3, .ulockd-footer-lnews h3, .flickr-widget h3, .ulockd-footer-qlink h3, .ulockd-footer-twitter h3, .flickr-widget h3 {
		color: #fff;
		font-weight: bold;
		padding: 5px;
		font-size: 20px;
	}
	.list-unstyled {
		list-style: none;
		padding: 5px;
		margin: 0;
	}
	nav.navbar.bootsnav .navbar-collapse.collapse.in {
		display: block !important;
		width: 320px;
	}
	.color-white {
		color: #ffffff !important;
		text-align: center;
	}
	.img-whp {
		width: 100% !important;
		min-height: 300px;
		max-height: 300px;
		border-radius: 20px;
		padding: 7px;
	}

		/* organisation profile */

		.ulockd-inner-conraimer-details h1 {
			color: #fff;
			font-size: 20px;
		}
		.our-vision-credo {
			color: white !important;
			text-align: center;
			margin-bottom: 43px;
			background-color: #ffb606;
			padding: 10px;
			font-size: 18px;
			margin-top: 25px !important;
		}
		th {
			background-color: #ffffff;
			color: rgb(0, 0, 0);
			font-weight: 600;
			font-size: 15px;
		}
		table {
			width: 90%;
			border-collapse: collapse;
			margin-top:45px !important;
		}
			/* Documents page */

	.image-container img {
		width: 100%;
		height: 350px;
		margin: 20px;
	}
	/* our activity */
	.responsive {
		margin-bottom: 25px;

	}
	.containerr {
		display: flex;
		justify-content:center;
		flex-direction: column;
		align-items: center;
		text-align: center;
		height: 400px;
	}
	.donate-line {
		font-size: 12px;
		margin-left: 0px !important;
		text-align: justify;
		max-width: 350px;
	}
	.donate-line1 {
		margin-left: 0px !important;
		font-size: 20px;
	}

	.for-cent .col-md-6 {
		 padding: 0px 15px !important;

	}
	.ulockd-cp-title h2 {
		color: #111;
		margin-top: 0;
		font-size: 20px;
	}
	.for-cent .mesg-cont {
		padding: 0px 15px !important;
	}
	.ulockd-google-map {
		padding-right: 0px !important;
		 padding-left: 0px !important;
	}
	.containerr {
		display: flex;
		justify-content: space-between;
		flex-direction: column;
		gap: 0px;
		align-items: center;
		height: auto; /* Set the height as needed */
	  }
	  .main-content {
		flex: 1;
		overflow: hidden;
		padding: 10px;
	}
	.ulockd-mrgn1225 {
		margin-top: 0px !important;
	}
	/* .ulockd-service-three{
		margin-top: 35px;
	} */
	.abt-txt-new{
       padding-bottom: 20px;
	}
	.ulockd-main-title {
		margin-bottom: 3px;
	}
}
/* @media (max-width:320px){
	.header-mobile{
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		z-index: 12;
	}
	.mobile-header{
		display: flex;
		justify-content: flex-start;
	}
	.navbar-collapse{
		background-color: white;
	}
	.mobile-header p{
		font-size: 14px;
	}
	.for-cent .col-md-6 {
	  width: 100%;
	}
	.ulockd-contact-form .ulockd-form-fg {
		border-radius: 0;
		box-shadow: none;
		color: #a2a2a2;
		height: 40px;
		width: 260px;
		margin-bottom: 20px;
	}
	.for-cent .mesg-cont {
		padding-left: 9px;
		padding-right: 25px;
		width: 260px;
	}

} */