/* Kashit - Technology & IT Solutions HTML Template */

@media only screen and (max-width: 1540px) {}

@media only screen and (max-width: 1450px) {

	.slider-one_image-inner .image img {
		max-width: 100%;
	}

}

@media only screen and (max-width: 1340px) {

	.page-wrapper {
		overflow: hidden;
	}

	.slider-three_circle-layer-two,
	.slider-three_image-three-three,
	.slider-three_image-three-two,
	.cta-one.style-two .cta-logo::before {
		display: none;
	}

	.slider-three_image-inner {
		margin-right: var(--margin-zero);
	}

	.slider-three_image-inner .image {
		margin-left: var(--margin-zero);
	}

	.steps-two_image-inner::before {
		right: 30px;
	}


	.main-header .main-menu {
		margin-left: var(--margin-zero);
	}

}

@media only screen and (max-width: 1200px) {



	.slider-one_title-inner {
		padding-top: var(--padding-top-50);
	}

}

@media only screen and (max-width: 1140px) {

	.slider-one_heading {
		margin-right: var(--margin-zero);
	}

	.slider-one_heading {
		line-height: 80px;
		font-size: var(--font-70);
	}

	.slider-one_play {
		left: 0px;
		top: 70px;
	}

	.main-header .main-menu .navigation>li {
		margin-right: var(--margin-right-25);
	}

	.counter-one_count-inner {
		padding: var(--padding-zero);
	}

	h2 {
		line-height: 46px;
		font-size: var(--font-36);
	}

	.steps-one_image-inner {
		padding-left: var(--padding-zero);
	}

	.slider-two_heading {
		line-height: 70px;
		font-size: var(--font-60);
	}

	.about-two_image-two {
		left: 0px;
	}

	.about-two_content-inner {
		padding: var(--padding-zero);
	}

	.about-two_image::before {
		display: none;
	}

	.about-two_counter {
		left: 0px;
	}

	.steps-two_image-inner {
		padding-left: var(--padding-zero);
	}

	.steps-two_image-inner::before {
		display: none;
	}

	.map-one_content-box {
		margin-right: var(--margin-right-15);
	}

	.header-top_social {
		margin-left: var(--margin-left-15);
	}

	.service-block_two-title {
		font-size: var(--font-20);
	}

	.slider-three_heading {
		margin-top: -10px;
	}

	.slider-three_heading {
		line-height: 60px;
		font-size: var(--font-50);
	}

	.about-one.style-two .about-one_counter {
		left: 0px;
	}

	.about-one.style-two .about-one_image-inner {
		padding-right: var(--padding-right-30);
	}

}

@media only screen and (min-width: 768px) {

	.main-menu .navigation>li>ul,
	.main-menu .navigation>li>ul>li>ul {
		display: block !important;
		visibility: hidden;
		opacity: 0;
	}

}

@media only screen and (max-width: 1023px) {

	.main-header .main-box .logo-box {
		position: relative;
		left: 0px;
		top: 0px;
		right: 0px;
		bottom: 0px;
		margin: 0px;
		text-align: left;
	}

	.main-header {
		position: relative;
	}

	.mCSB_inside>.mCSB_container {
		margin-right: var(--margin-zero);
	}

	.main-header .main-menu {
		display: none;
	}

	.main-header .sticky-header .mobile-nav-toggler {
		display: block;
	}

	.main-header .mobile-nav-toggler {
		display: block;
		margin-left: var(--margin-left-30);
	}

	.main-header .header-lower .nav-outer {
		position: static;
		margin-right: 0px;
	}

	#navbarSupportedContent {
		display: block;
	}

	.main-header .outer-box {
		right: 0px;
	}

	.main-header .logo-box {
		padding: 15px 0px;
	}

	.slider-one_pattern-layer {
		background-position: left top;
	}

	.slider-one_title-inner {
		padding-top: var(--padding-zero);
	}

	.slider-one {
		padding-top: var(--padding-top-120);
	}

	.services-one {
		padding-top: var(--padding-top-50);
	}

	.about-one_content-column {
		order: 1;
	}

	.about-one_image-column {
		order: 2;
	}

	.faq-one_pattern-layer,
	.about-one_color-layer,
	.about-one_pattern {
		display: none;
	}

	.about-one_image-column {
		text-align: center;
	}

	.faq-one_image {
		margin-left: var(--margin-zero);
	}

	.faq-one_content-inner {
		padding-left: var(--padding-zero);
	}

	.faq-one_content-column {
		order: 1;
	}

	.faq-one_image-column {
		order: 2;
	}

	.faq-one {
		padding: 110px 0px 80px;
		background-color: var(--color-four);
	}

	.cta-one_text {
		font-size: var(--font-18);
	}

	.slider-two_heading {
		line-height: 50px;
		font-size: var(--font-40);
	}

	.about-two_content-column {
		order: 1;
	}

	.about-two_image-column {
		order: 2;
	}

	.feature-one .feature-block_one {
		width: 50%;
	}

	.steps-two_image.style-two {
		transform: translateY(0px);
	}

	.main-header.header-style-three .header-lower {
		background-color: var(--color-white);
	}

	.main-header .logo-box .logo img {
		height: 50px;
		width: 50px;
	}

	.main-header.header-style-three .header-lower .nav-outer {
		background-color: var(--color-white);
	}

	/* .main-header.header-style-three .header-lower .mobile-nav-toggler{
		filter: invert(100);
	} */


	.testimonial-two_authors-outer,
	.slider-three_image-circle-two,
	.slider-three_image-circle_one,
	.slider-three_circle-layer-one {
		display: none;
	}

	.slider-three_title-column {
		margin-bottom: var(--margin-bottom-40);
	}

	.slider-three .slide {
		padding: 120px 0px 120px;
	}

	.main-header .sticky-header .logo {
		padding: 20px 0px;
	}

	.slider-three_play {
		left: 50%;
		top: 50%;
		z-index: 1;
		transform: translateX(-50%) translateY(-50%);
	}

	.slider-three_text {
		font-size: var(--font-14);
		margin-top: -10px;
	}

	.header-style-three {
		border: none;
	}

	.page-title {
		padding: 110px 0px 110px;
	}

	.faq-one.style-two {
		padding-top: var(--padding-top-110);
	}

	.faq-one.style-two .faq-one_image-inner {
		text-align: center;
	}

	.faq-one.style-three {
		background: none;
	}

	.faq-one.style-three .faq-one_image-inner {
		text-align: center;
	}

	.about-one_counter {
		left: 0px;
	}

	.services-one.style-two {
		padding-top: var(--padding-top-100);
		padding-bottom: var(--padding-bottom-70);
	}

	.case-detail .info-column_inner {
		margin-top: var(--margin-top-40);
	}

}

@media only screen and (max-width: 900px) {}

@media only screen and (max-width: 767px) {

	.header-upper .logo-outer {
		position: relative;
		left: 0px;
		top: 0px;
		right: 0px;
		bottom: 0px;
		width: 100%;
		margin: 0px;
	}

	.main-header .sticky-header .outer-box {
		display: block;
		right: 15px;
		left: auto;
		top: 0px;
	}

	.slider-one_heading {
		line-height: 60px;
		font-size: var(--font-50);
	}

	.cta-one {
		text-align: center;
	}

	.cta-one .d-flex {
		display: block !important;
	}

	.cta-one .cta-logo {
		position: relative;
		margin: 0 auto;
	}

	.cta-one_text {
		padding-left: var(--padding-zero);
	}

	.cta-one_text::before {
		position: relative;
		display: block;
		margin: 0 auto;
		margin-bottom: var(--margin-bottom-25);
	}

	.main-footer_column {
		margin-bottom: var(--margin-bottom-30);
	}

	.footer-copyright {
		padding: 20px 0px;
	}

	.header-style-three .header-top,
	.slider-two_circle-two,
	.slider-two_circle-three,
	.slider-two_text br {
		display: none;
	}

	.slider-two .slide {
		padding: 120px 0px 120px;
	}

	.service-block_two-image {
		border-radius: 0px;
	}

	.service-block_two-content::before {
		border-radius: 0px;
	}

	.service-block_two-content {
		border-radius: 0px;
		margin: var(--margin-zero);
	}

	.page-title h1 {
		line-height: 60px;
		font-size: var(--font-50);
	}

	.faq-one_image-two::after {
		right: 30px !important;
	}

	.service-detail .lower-content .image-two {
		margin-bottom: var(--margin-bottom-25);
	}

	.service-detail .lower-content .image-two img {
		width: 100%;
		display: block;
	}

	.blog-detail .social-box {
		margin-top: var(--margin-top-15);
	}

	.sidebar-page-container .comments-area .reply-comment {
		margin-left: var(--margin-zero);
	}

}

@media only screen and (max-width: 599px) {

	.slider-one_image-inner .image {
		margin-top: var(--margin-top-30);
	}

	.about-one_counter {
		left: 0px;
		z-index: 1;
	}

	.slider-two_heading br {
		display: none;
	}

	.steps-two_image {
		margin-bottom: var(--margin-bottom-30);
	}

	.map-one_content {
		position: relative;
		left: auto;
		top: auto;
		max-width: auto;
		transform: translateX(0%);
		box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.10);
	}

	.testimonial-block_two-text {
		line-height: 36px;
		font-size: var(--font-24);
	}

	.page-title {
		padding: 80px 0px 80px;
	}

	.page-title .bread-crumb {
		margin-top: var(--margin-top-10);
	}

	.page-title h1 {
		line-height: 50px;
		font-size: var(--font-40);
	}

	.testimonial-block_one-text {
		line-height: 30px;
		font-size: var(--font-18);
	}


	.blog-detail .more-posts .d-flex,
	.case-detail .more-posts .d-flex,
	.service-detail .more-posts .d-flex {
		display: block !important;
	}

	.blog-detail .prev-post,
	.case-detail .prev-post,
	.service-detail .prev-post {
		display: block;
		text-align: center;
		margin-bottom: var(--margin-bottom-25);
		padding-left: var(--padding-zero);
	}

	.blog-detail .prev-post .icon,
	.case-detail .prev-post .icon,
	.service-detail .prev-post .icon {
		position: relative;
		display: block;
		margin: 0 auto;
		margin-bottom: var(--margin-bottom-25);
	}

	.blog-detail .next-post,
	.case-detail .next-post,
	.service-detail .next-post {
		display: block;
		text-align: center;
		padding-right: var(--padding-zero);
	}

	.blog-detail .next-post .icon,
	.case-detail .next-post .icon,
	.service-detail .next-post .icon {
		position: relative;
		display: block;
		margin: 0 auto;
		margin-bottom: var(--margin-bottom-25);
	}

	.social-widget .social-box li {
		margin-right: var(--margin-zero);
	}

	.sidebar-widget .widget-content {
		padding: 25px 20px;
	}

	.blog-detail h3 {
		line-height: 34px;
		font-size: var(--font-24);
	}

	.author-box {
		padding: 25px 25px;
	}

	.author-box .author-social-box {
		position: relative;
		top: 0px;
		margin-top: var(--margin-top-20);
	}

	.author-box .author-social-box li {
		margin-left: var(--margin-zero);
		margin-right: var(--margin-right-15);
	}

	.sidebar-page-container .comments-area .comment-box {
		border-radius: 0px;
		padding: 25px 25px;
	}

	.contact-form .comment-text br {
		display: none;
	}

}

@media only screen and (max-width: 479px) {

	.about-block_one-inner {
		padding-left: var(--padding-zero);
	}

	.about-one.style-two .about-one_counter,
	.about-block_one-inner:before,
	.cta-one_text br,
	.about-one_image-icon,
	.header-phone {
		display: none;
	}

	.slider-one_heading {
		line-height: 40px;
		font-size: var(--font-30);
	}

	.about-one_heading {
		line-height: 34px;
		font-size: var(--font-24);
	}

	.about-one_counter {
		top: 0px;
	}

	.step-one_block-inner {
		padding-left: var(--padding-zero);
	}

	.step-one_block-icon {
		position: relative;
		top: 0px;
		display: inline-block;
		margin-bottom: var(--margin-bottom-25);
	}

	h4 {
		font-size: var(--font-20);
	}

	.news-one_block-upper-box {
		padding: 20px 20px 20px;
	}

	h2 {
		line-height: 38px;
		font-size: var(--font-28);
	}

	.slider-two_heading {
		line-height: 40px;
		font-size: var(--font-30);
	}

	.feature-one .feature-block_one {
		width: 100%;
	}

	.map-one_info li strong {
		font-size: var(--font-16);
	}

	.slider-three_heading {
		line-height: 40px;
		font-size: var(--font-30);
	}

	.page-title h1 {
		line-height: 40px;
		font-size: var(--font-30);
	}

	.faq-one .sec-title_heading {
		line-height: 38px;
		font-size: var(--font-28);
	}

	.service-detail h3 {
		font-size: var(--font-24);
	}

	.case-detail .info-column_inner {
		border-radius: 0px;
		padding: 35px 25px 15px;
	}

	.blog-detail .post-share-options .tags span {
		display: block;
		margin-bottom: var(--margin-bottom-15);
	}

	.sidebar-page-container .comments-area .comment,
	.author-box .author-box-inner {
		padding-left: var(--padding-zero);
	}

	.sidebar-page-container .comments-area .comment-box .author-thumb,
	.author-box .author-image {
		position: relative;
		margin-bottom: var(--margin-bottom-15);
	}

}

/* Enhanced Responsive Design for Slider and Buttons */
@media only screen and (max-width: 1200px) {
	.slider-three .slide {
		padding: 150px 0px 150px;
	}

	.slider-three_heading {
		line-height: 70px;
		font-size: var(--font-60);
	}

	.slider-three_text {
		max-width: 500px;
		font-size: var(--font-16);
	}

	.slider-three_button-box .theme-btn {
		margin-right: var(--margin-right-10);
		margin-bottom: var(--margin-bottom-15);
	}
}

@media only screen and (max-width: 991px) {
	.slider-three .slide {
		padding: 120px 0px 120px;
	}

	.slider-three_heading {
		line-height: 60px;
		font-size: var(--font-50);
		white-space: normal;
	}

	.slider-three_text {
		max-width: 480px;
		margin: 20px auto 0;
		font-size: var(--font-16);
		line-height: 28px;
	}

	.slider-three_button-box {
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: center;
		flex-wrap: wrap;
		gap: 14px;
		margin-top: 35px;
	}

	.slider-three_button-box .theme-btn {
		margin: 0;
		min-width: 155px;
		width: 155px;
		text-align: center;
	}

	.slider-three_button-box .theme-btn .btn-wrap {
		float: none;
		display: flex;
		align-items: center;
		justify-content: center;
	}
}

@media only screen and (max-width: 767px) {
	.slider-three .slide {
		padding: 90px 0px 90px;
		background-position: center center;
	}

	.slider-three_heading {
		line-height: 48px;
		font-size: var(--font-40);
		margin-top: 15px;
	}

	.slider-three_text {
		max-width: 100%;
		margin: 16px auto 0;
		font-size: var(--font-15);
		line-height: 26px;
	}

	/* Stack buttons vertically, equal full width */
	.slider-three_button-box {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 14px;
		margin-top: 28px;
		width: 100%;
	}

	.slider-three_button-box .theme-btn {
		margin: 0;
		width: 185px;
		padding: 14px 16px;
		font-size: var(--font-14);
		text-align: center;
	}

	.slider-three_button-box .theme-btn .btn-wrap {
		float: none;
		display: flex;
		align-items: center;
		justify-content: center;
	}
}

@media only screen and (max-width: 575px) {
	.slider-three .slide {
		padding: 70px 0px 70px;
		height: 100vh;
		min-height: 560px;
	}

	.slider-three_heading {
		line-height: 40px;
		font-size: var(--font-32);
		margin-top: 12px;
	}

	.slider-three_text {
		font-size: var(--font-14);
		line-height: 24px;
		margin-top: 14px;
		padding: 0 8px;
	}

	.slider-three_button-box {
		gap: 12px;
		margin-top: 24px;
	}

	.slider-three_button-box .theme-btn {
		width: 170px;
		padding: 12px 14px;
		font-size: var(--font-13);
	}
}

@media only screen and (max-width: 480px) {
	.slider-three .slide {
		padding: 55px 0px 55px;
		min-height: 520px;
	}

	.slider-three_heading {
		line-height: 36px;
		font-size: var(--font-28);
		margin-top: 10px;
	}

	.slider-three_text {
		font-size: var(--font-13);
		line-height: 22px;
		margin-top: 12px;
		padding: 0 6px;
	}

	.slider-three_button-box {
		gap: 12px;
		margin-top: 20px;
	}

	.slider-three_button-box .theme-btn {
		width: 160px;
		padding: 11px 12px;
		font-size: var(--font-13);
	}
}

@media only screen and (max-width: 360px) {
	.slider-three .slide {
		padding: 45px 0px 45px;
		min-height: 480px;
	}

	.slider-three_heading {
		line-height: 32px;
		font-size: var(--font-24);
	}

	.slider-three_text {
		font-size: var(--font-12);
		line-height: 20px;
		margin-top: 10px;
	}

	.slider-three_button-box {
		gap: 10px;
		margin-top: 18px;
	}

	.slider-three_button-box .theme-btn {
		width: 180px;
		padding: 11px 14px;
		font-size: var(--font-12);
	}
}

/* =============================================================
   COMPREHENSIVE RESPONSIVE STYLES — ALL PAGES & SECTIONS
   Breakpoints: 1199 / 991 / 767 / 575 / 479 / 359
   ============================================================= */

/* ---------------------------------------------------------------
   GLOBAL / CONTAINERS
   --------------------------------------------------------------- */
@media only screen and (max-width: 1199px) {
	.auto-container {
		padding: 0 20px;
	}
}

@media only screen and (max-width: 767px) {
	.auto-container {
		padding: 0 15px;
	}

	.row.clearfix {
		margin: 0;
	}

	img {
		max-width: 100%;
		height: auto;
	}
}

/* ---------------------------------------------------------------
   HEADER
   --------------------------------------------------------------- */
@media only screen and (max-width: 1023px) {
	.main-header .header-lower {
		height: auto;
		min-height: 70px;
	}

	.main-header .inner-container {
		padding: 10px 0;
	}

	.main-header .logo-box .logo img {
		height: 54px;
		width: 54px;
	}

	.header-phone_inner a {
		font-size: 14px;
		padding: 8px 14px;
	}

	.header-phone_icon {
		width: 20px;
		height: 20px;
	}
}

@media only screen and (max-width: 767px) {
	.main-header .logo-box .logo img {
		height: 38px;
		width: 38px;
	}

	.main-header .header-lower {
		min-height: 58px;
	}

	.main-header .inner-container {
		padding: 8px 0;
	}

	.mobile-nav-toggler .icon img {
		width: 22px;
		height: 22px;
	}

	.header-phone_inner {
		display: flex;
		align-items: center;
		gap: 6px;
	}

	.header-phone_inner a {
		font-size: 13px;
		padding: 7px 12px;
	}

	.mobile-nav-toggler {
		margin-left: 8px;
	}
}

@media only screen and (max-width: 479px) {
	.main-header .logo-box .logo img {
		height: 34px;
		width: 34px;
	}

	.main-header .header-lower {
		min-height: 54px;
	}

	.mobile-nav-toggler .icon img {
		width: 20px;
		height: 20px;
	}

	.header-phone_inner a {
		font-size: 12px;
		padding: 6px 10px;
	}
}

/* Mobile Menu Panel */
@media only screen and (max-width: 1023px) {
	.mobile-menu .menu-box {
		padding: 20px 20px 30px;
	}

	.mobile-menu .nav-logo img {
		height: 50px;
		width: auto;
	}

	.mobile-menu .menu-box .navigation>li>a {
		font-size: 15px;
		padding: 12px 15px;
	}

	.mobile-menu .menu-box .navigation>li>ul>li>a {
		padding: 10px 15px 10px 30px;
		font-size: 14px;
	}
}

/* ---------------------------------------------------------------
   PAGE TITLE BANNER
   --------------------------------------------------------------- */
@media only screen and (max-width: 1199px) {
	.page-title {
		padding: 140px 0 100px;
	}

	.page-title h1 {
		font-size: 60px;
	}
}

@media only screen and (max-width: 991px) {
	.page-title {
		padding: 120px 0 80px;
	}

	.page-title h1 {
		font-size: 50px;
		line-height: 1.2;
	}
}

@media only screen and (max-width: 767px) {
	.page-title {
		padding: 100px 0 60px;
	}

	.page-title h1 {
		font-size: 38px;
		line-height: 1.2;
	}
}

@media only screen and (max-width: 575px) {
	.page-title {
		padding: 90px 0 50px;
	}

	.page-title h1 {
		font-size: 30px;
	}
}

@media only screen and (max-width: 479px) {
	.page-title {
		padding: 80px 0 45px;
	}

	.page-title h1 {
		font-size: 26px;
	}
}

@media only screen and (max-width: 359px) {
	.page-title {
		padding: 70px 0 40px;
	}

	.page-title h1 {
		font-size: 22px;
	}
}

/* ---------------------------------------------------------------
   ABOUT PAGE — ABOUT SECTION
   --------------------------------------------------------------- */
@media only screen and (max-width: 1199px) {
	.about-one_content-inner {
		padding: 0 0 0 20px;
	}

	.about-one_heading {
		font-size: 28px;
		line-height: 38px;
	}
}

@media only screen and (max-width: 991px) {

	.about-one_image-column,
	.about-one_content-column {
		width: 100%;
		max-width: 100%;
		flex: 0 0 100%;
	}

	.about-one_image-inner {
		text-align: center;
		margin-bottom: 40px;
		padding-right: 0;
	}

	.about-one_image-inner img {
		max-width: 480px;
		width: 100%;
	}

	.about-one_content-inner {
		padding: 0;
	}

	.about-one_heading {
		font-size: 26px;
		line-height: 36px;
	}

	.about-one_text {
		font-size: 15px;
		line-height: 28px;
	}
}

@media only screen and (max-width: 767px) {
	.about-one .auto-container {
		padding: 0 20px;
	}

	.about-one_image-inner img {
		max-width: 100%;
	}

	.about-one_heading {
		font-size: 22px;
		line-height: 32px;
	}

	.about-one_block {
		width: 100%;
		max-width: 100%;
		flex: 0 0 100%;
		margin-bottom: 20px;
	}

	.about-one_block-text {
		font-size: 14px;
	}
}

@media only screen and (max-width: 479px) {
	.about-one_heading {
		font-size: 20px;
		line-height: 30px;
	}

	.about-one_title {
		font-size: 14px;
	}
}

/* Padding for About section */
@media only screen and (max-width: 991px) {
	.about-one {
		padding: 60px 0;
	}

	.about-one.style-two {
		padding: 60px 0;
	}
}

@media only screen and (max-width: 767px) {

	.about-one,
	.about-one.style-two {
		padding: 50px 0;
	}
}

@media only screen and (max-width: 479px) {

	.about-one,
	.about-one.style-two {
		padding: 40px 0;
	}
}

/* ---------------------------------------------------------------
   ABOUT PAGE — DONATE CTA SECTION
   --------------------------------------------------------------- */
@media only screen and (max-width: 1199px) {
	.donate-section {
		padding: 80px 20px;
	}

	.donate-section h1 {
		font-size: 2rem;
	}
}

@media only screen and (max-width: 991px) {
	.donate-section {
		padding: 70px 20px;
	}

	.donate-section h1 {
		font-size: 1.8rem;
		line-height: 1.3;
	}

	.donate-section p {
		font-size: 0.95rem;
	}
}

@media only screen and (max-width: 767px) {
	.donate-section {
		padding: 60px 15px;
	}

	.donate-section h1 {
		font-size: 1.5rem;
		line-height: 1.3;
		margin-bottom: 15px;
	}

	.donate-section p {
		font-size: 14px;
		margin-bottom: 25px;
	}

	.donate-section .content {
		max-width: 100%;
	}

	.about-one_button-box {
		text-align: center;
	}

	.about-one_button-box .theme-btn {
		display: inline-block;
		text-align: center;
	}
}

@media only screen and (max-width: 479px) {
	.donate-section {
		padding: 50px 15px;
	}

	.donate-section h1 {
		font-size: 1.25rem;
	}

	.donate-section p {
		font-size: 13px;
	}
}

@media only screen and (max-width: 359px) {
	.donate-section h1 {
		font-size: 1.1rem;
	}
}

/* ---------------------------------------------------------------
   ABOUT PAGE — STEPS TWO SECTION
   --------------------------------------------------------------- */
@media only screen and (max-width: 1199px) {
	.steps-two {
		padding: 80px 0;
	}
}

@media only screen and (max-width: 991px) {
	.steps-two {
		padding: 60px 0;
	}

	.steps-two_content-column,
	.steps-two_image-column {
		width: 100%;
		max-width: 100%;
		flex: 0 0 100%;
	}

	.steps-two_content-column {
		order: 1;
	}

	.steps-two_image-column {
		order: 2;
		text-align: center;
		margin-top: 40px;
	}

	.steps-two_image-inner {
		padding-left: 0;
		text-align: center;
	}

	.steps-two_image img {
		max-width: 480px;
		width: 100%;
		margin: 0 auto;
	}

	/* Fix icon overlapping text on tablet — stack icon above text */
	.step-two_block-inner {
		padding-left: 0 !important;
	}

	.step-two_block-icon.image-icon-wrap {
		position: relative !important;
		left: auto !important;
		top: auto !important;
		display: block;
		width: 60px;
		height: 60px;
		margin-bottom: 12px;
	}

	.sec-title_heading {
		font-size: 26px;
		line-height: 36px;
	}
}

@media only screen and (max-width: 767px) {
	.steps-two {
		padding: 50px 0;
	}

	.steps-two_image img {
		max-width: 100%;
	}

	.step-two_block {
		margin-bottom: 25px;
	}

	/* Fix icon overlapping text — switch to stacked (icon above text) layout */
	.step-two_block-inner {
		padding-left: 0 !important;
	}

	.step-two_block-icon.image-icon-wrap {
		position: relative !important;
		left: auto !important;
		top: auto !important;
		display: block;
		width: 54px;
		height: 54px;
		margin-bottom: 12px;
	}

	.step-two_block-title {
		font-size: 16px;
	}

	.step-two_block-text {
		font-size: 14px;
		line-height: 24px;
	}

	.sec-title_heading {
		font-size: 22px;
		line-height: 32px;
	}

	.sec-title_text {
		font-size: 14px;
		line-height: 24px;
	}
}

@media only screen and (max-width: 479px) {
	.step-two_block-inner {
		padding-left: 0 !important;
	}

	.step-two_block-icon.image-icon-wrap {
		position: relative !important;
		left: auto !important;
		top: auto !important;
		display: block;
		width: 48px;
		height: 48px;
		margin-bottom: 10px;
	}

	.sec-title_heading {
		font-size: 20px;
		line-height: 30px;
	}
}

/* ---------------------------------------------------------------
   ABOUT PAGE — TEAM SECTION
   --------------------------------------------------------------- */
@media only screen and (max-width: 1199px) {
	.team-one {
		padding: 80px 0;
	}
}

@media only screen and (max-width: 991px) {
	.team-one {
		padding: 60px 0;
	}

	.team-block_one {
		margin-bottom: 30px;
	}
}

@media only screen and (max-width: 767px) {
	.team-one {
		padding: 50px 0;
	}

	.team-block_one {
		width: 100%;
		max-width: 100%;
		flex: 0 0 100%;
		max-width: 400px;
		margin: 0 auto 30px;
	}

	.team-block_one-image img {
		width: 100%;
		height: 280px;
		object-fit: cover;
	}

	.team-one .sec-title {
		margin-bottom: 30px;
	}
}

@media only screen and (max-width: 479px) {
	.team-block_one {
		max-width: 100%;
	}

	.team-block_one-image img {
		height: 250px;
	}
}

/* ---------------------------------------------------------------
   DONATION PAGE — DONATION FORM & CAMPAIGN CARD
   --------------------------------------------------------------- */
@media only screen and (max-width: 1199px) {
	.donation-wrapper {
		gap: 25px;
		padding: 30px 15px;
	}

	.campaign-summary {
		max-width: 380px;
	}
}

@media only screen and (max-width: 991px) {
	.donation-wrapper {
		flex-direction: column;
		align-items: center;
		padding: 25px 15px;
	}

	.donation-wrapper .container {
		max-width: 600px;
		width: 100%;
		padding: 25px 20px;
		box-sizing: border-box;
	}

	.campaign-summary {
		max-width: 600px;
		width: 100%;
		margin-right: 0;
		box-sizing: border-box;
	}

	.form-heading h1 {
		font-size: 2rem;
	}

	.form-heading p {
		font-size: 0.95rem;
	}
}

@media only screen and (max-width: 767px) {
	.donation-wrapper {
		padding: 20px 10px;
	}

	.donation-wrapper .container {
		padding: 20px 15px;
		border-radius: 10px;
		width: 100%;
		box-sizing: border-box;
	}

	.campaign-summary {
		margin-right: 0;
		width: 100%;
		max-width: 100%;
	}

	.form-heading h1 {
		font-size: 1.6rem;
		margin-bottom: 10px;
		word-break: break-word;
	}

	.form-heading p {
		font-size: 14px;
	}

	.form-section h2 {
		font-size: 1rem;
	}

	/* Keep donation-type horizontal — fits 3 labels side-by-side on phones */
	.donation-type {
		flex-direction: row;
		flex-wrap: wrap;
		gap: 8px;
	}

	.donation-type label {
		flex: 1 1 auto;
		padding: 9px 6px;
		font-size: 13px;
		text-align: center;
		min-width: 80px;
	}

	.amount-buttons {
		grid-template-columns: repeat(2, 1fr);
		gap: 10px;
	}

	.amount-button {
		padding: 10px 8px;
		font-size: 14px;
	}

	.name-fields {
		grid-template-columns: 1fr;
		gap: 0;
	}

	.input-group input,
	.currency-selector select,
	.custom-amount input {
		padding: 10px;
		font-size: 14px;
		width: 100%;
		box-sizing: border-box;
	}

	.donation-total {
		font-size: 16px;
		padding: 10px 15px;
	}

	.submit-btn {
		font-size: 16px;
		padding: 13px;
		width: 100%;
	}

	.campaign-card {
		padding: 15px;
	}

	.campaign-image {
		height: 200px;
		object-fit: cover;
	}

	.campaign-card h3 {
		font-size: 1.1rem;
	}

	.campaign-card p {
		font-size: 13px;
	}

	.organizer-card {
		padding: 30px 15px 20px;
		margin-top: 40px;
		overflow: hidden;
	}

	.organizer-photo {
		width: 80px;
		height: 80px;
	}

	h4 {
		font-size: 1.1rem;
	}

	.info-line {
		font-size: 0.85rem;
	}
}

@media only screen and (max-width: 575px) {
	.donation-wrapper {
		padding: 15px 8px;
	}

	.donation-wrapper .container {
		padding: 15px 12px;
		border-radius: 8px;
	}

	.form-heading h1 {
		font-size: 1.4rem;
	}

	.form-section h2 {
		font-size: 0.95rem;
	}

	.amount-buttons {
		grid-template-columns: repeat(2, 1fr);
		gap: 8px;
	}

	.donation-type {
		gap: 6px;
	}

	.donation-type label {
		padding: 8px 5px;
		font-size: 12px;
		min-width: 70px;
	}

	.submit-btn {
		font-size: 15px;
		padding: 12px;
	}

	.campaign-image {
		height: 185px;
	}

	.organizer-card {
		margin-top: 30px;
		padding: 25px 12px 18px;
	}
}

@media only screen and (max-width: 479px) {
	.form-heading h1 {
		font-size: 1.2rem;
	}

	.form-heading p {
		font-size: 13px;
	}

	.donation-total {
		font-size: 14px;
		padding: 8px 12px;
	}

	.campaign-image {
		height: 170px;
	}

	.organizer-photo {
		width: 70px;
		height: 70px;
	}

	.ribbon {
		font-size: 11px;
		width: 100px;
		height: 28px;
		line-height: 28px;
	}

	.donation-type label {
		padding: 8px 4px;
		font-size: 11px;
	}

	.amount-button {
		padding: 9px 6px;
		font-size: 13px;
	}

	.submit-btn {
		padding: 11px;
		font-size: 14px;
	}
}

@media only screen and (max-width: 359px) {
	.form-heading h1 {
		font-size: 1.05rem;
	}

	.form-section h2 {
		font-size: 0.9rem;
	}

	.amount-buttons {
		grid-template-columns: repeat(2, 1fr);
		gap: 6px;
	}

	.amount-button {
		padding: 8px 4px;
		font-size: 12px;
	}

	.donation-type label {
		font-size: 10px;
		padding: 7px 3px;
	}

	.submit-btn {
		font-size: 14px;
		padding: 11px;
	}

	.currency-selector select,
	.input-group input,
	.custom-amount input {
		font-size: 13px;
		padding: 9px;
	}
}

/* Services One wrapping donate form */
@media only screen and (max-width: 991px) {
	.services-one.style-two {
		padding: 50px 0;
	}
}

@media only screen and (max-width: 767px) {
	.services-one.style-two {
		padding: 30px 0;
	}
}

@media only screen and (max-width: 575px) {
	.services-one.style-two {
		padding: 20px 0;
	}
}

/* ---------------------------------------------------------------
   GALLERY PAGE
   --------------------------------------------------------------- */
@media only screen and (max-width: 1199px) {
	.gallery-page {
		padding: 80px 0;
	}
}

@media only screen and (max-width: 991px) {
	.gallery-page {
		padding: 60px 0;
	}

	.gallery-four_block-image {
		height: 280px;
	}
}

@media only screen and (max-width: 767px) {
	.gallery-page {
		padding: 50px 0;
	}

	/* 2 columns on tablet portrait / large mobile */
	.gallery-page #gallery-container .col-lg-4 {
		width: 50%;
		max-width: 50%;
		flex: 0 0 50%;
	}

	.gallery-four_block-image {
		height: 220px;
		border-radius: 15px;
	}

	.gallery-four_block {
		margin-bottom: 25px;
	}

	/* Pagination — keep circles, centre content */
	.pagination-outer {
		text-align: center;
	}

	.pagination-outer .pagination {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		gap: 6px;
		padding: 0;
		list-style: none;
	}

	.pagination-outer .pagination li {
		margin: 0;
	}

	.pagination-outer .pagination li a {
		width: 44px;
		height: 44px;
		line-height: 1;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 14px;
		border-radius: 50%;
		padding: 0;
	}

	.pagination-outer .pagination li a span {
		display: flex;
		align-items: center;
		justify-content: center;
		line-height: 1;
		font-size: 14px;
	}
}

@media only screen and (max-width: 575px) {

	/* 1 column on small mobile */
	.gallery-page #gallery-container .col-lg-4,
	.gallery-page #gallery-container .col-md-6 {
		width: 100%;
		max-width: 100%;
		flex: 0 0 100%;
	}

	.gallery-four_block-image {
		height: 240px;
		border-radius: 12px;
	}
}

@media only screen and (max-width: 479px) {
	.gallery-four_block-image {
		height: 200px;
		border-radius: 10px;
	}

	.gallery-page {
		padding: 40px 0;
	}
}

/* ---------------------------------------------------------------
   CONTACT PAGE — INFO COLUMNS & FORM
   --------------------------------------------------------------- */
@media only screen and (max-width: 1199px) {
	.contact-info_one {
		padding: 80px 0 70px;
	}
}

@media only screen and (max-width: 991px) {
	.contact-info_one {
		padding: 60px 0 50px;
	}

	.contact-info-column .info-inner {
		padding: 35px 15px;
	}

	.contact-info-column .phone,
	.contact-info-column .email {
		font-size: 18px;
	}
}

@media only screen and (max-width: 767px) {
	.contact-info_one {
		padding: 50px 0 40px;
	}

	.contact-info-column {
		width: 100%;
		max-width: 100%;
		flex: 0 0 100%;
		margin-bottom: 20px;
	}

	.contact-info-column .info-inner {
		padding: 30px 20px;
		border-radius: 15px;
	}

	.contact-info-column .icon {
		font-size: 36px;
		margin-bottom: 15px;
	}

	.contact-info-column .phone,
	.contact-info-column .email {
		font-size: 16px;
	}

	.comment-form-outer {
		margin-top: 30px;
		padding: 0 5px;
	}

	.comment-form-outer .title-box h3 {
		font-size: 24px;
	}

	.comment-form-outer .title-box .text {
		font-size: 14px;
	}
}

@media only screen and (max-width: 575px) {
	.contact-info_one {
		padding: 40px 0 30px;
	}

	.contact-info-column .info-inner {
		padding: 25px 15px;
		border-radius: 12px;
	}

	.contact-info-column .phone,
	.contact-info-column .email {
		font-size: 14px;
	}

	.comment-form-outer .title-box h3 {
		font-size: 20px;
	}

	/* Contact form fields full-width on mobile */
	.contact-form .form-group.col-lg-6,
	.contact-form .form-group.col-md-6 {
		width: 100%;
		max-width: 100%;
		flex: 0 0 100%;
	}
}

@media only screen and (max-width: 479px) {
	.contact-info-column .icon {
		font-size: 30px;
	}

	.contact-form .form-group input[type="text"],
	.contact-form .form-group input[type="tel"],
	.contact-form .form-group input[type="email"] {
		height: 44px;
		font-size: 14px;
		padding: 8px 18px;
	}

	.contact-form .form-group textarea {
		height: 90px;
		font-size: 14px;
		padding: 12px 18px;
	}

	.contact-form .form-group label {
		font-size: 15px;
	}
}

/* ---------------------------------------------------------------
   FOOTER
   --------------------------------------------------------------- */
@media only screen and (max-width: 1199px) {
	.main-footer_widgets {
		padding: 45px 0 35px;
	}
}

@media only screen and (max-width: 991px) {
	.main-footer_widgets {
		padding: 40px 0 25px;
	}

	.main-footer_column {
		margin-bottom: 30px;
	}

	/* 2-column footer on tablet */
	.main-footer_column.col-lg-3 {
		width: 50%;
		max-width: 50%;
		flex: 0 0 50%;
	}
}

@media only screen and (max-width: 767px) {
	.main-footer_widgets {
		padding: 35px 0 15px;
	}

	/* 2-column footer on large mobile */
	.main-footer_column.col-lg-3 {
		width: 50%;
		max-width: 50%;
		flex: 0 0 50%;
	}

	.main-footer_title {
		font-size: 16px;
		margin-bottom: 12px;
	}

	.main-footer_list li a {
		font-size: 14px;
	}

	.footer-text p {
		font-size: 13px;
	}

	.footer-copyright {
		padding: 15px 0;
	}

	.footer-copyright .copyright {
		font-size: 13px;
		text-align: center;
	}

	.quote-box {
		padding: 20px !important;
	}

	.quote-box-btn {
		font-size: 15px;
		padding: 12px 20px;
	}

	.footer-widget.logo-widget img {
		max-width: 120px !important;
	}
}

@media only screen and (max-width: 575px) {

	/* 1-column footer on small mobile */
	.main-footer_column.col-lg-3 {
		width: 100%;
		max-width: 100%;
		flex: 0 0 100%;
		text-align: center;
	}

	/* Reset links-widget indent and centre it */
	.footer-widget.links-widget {
		padding-left: 0;
	}

	.footer-widget.links-widget .main-footer_title {
		text-align: center;
	}

	.main-footer_list {
		text-align: center;
		padding: 0;
	}

	.main-footer_list li {
		display: block;
		margin: 0 0 10px;
		text-align: center;
	}

	.main-footer_list li a {
		display: inline-block;
	}

	/* Contact info — keep readable block layout */
	.footer-widget.contact-widget .main-footer_list {
		display: inline-block;
		text-align: left;
	}

	.footer-widget.contact-widget .main-footer_list li {
		text-align: left;
		margin: 0 0 10px;
	}

	.quote-box {
		margin: 0 auto;
		max-width: 300px;
	}

	.main-footer_title {
		text-align: center;
	}

	.footer-widget.logo-widget {
		text-align: center;
	}
}

@media only screen and (max-width: 479px) {
	.main-footer_widgets {
		padding: 30px 0 10px;
	}

	.main-footer_column.col-lg-3 {
		margin-bottom: 25px;
	}

	.main-footer_title {
		font-size: 15px;
	}

	.footer-copyright .copyright {
		font-size: 12px;
	}
}

/* ---------------------------------------------------------------
   SCROLL TO TOP
   --------------------------------------------------------------- */
@media only screen and (max-width: 575px) {
	.scroll-to-top {
		right: 15px;
		bottom: 15px;
		width: 40px;
		height: 40px;
		line-height: 40px;
		font-size: 14px;
	}
}

/* ---------------------------------------------------------------
   SECTION TITLES (sec-title) — GLOBAL
   --------------------------------------------------------------- */
@media only screen and (max-width: 991px) {
	.sec-title {
		margin-bottom: 30px;
	}

	.sec-title_heading {
		font-size: 28px;
		line-height: 38px;
	}

	.sec-title.centered {
		text-align: center;
	}
}

@media only screen and (max-width: 767px) {
	.sec-title_heading {
		font-size: 24px;
		line-height: 34px;
	}

	.sec-title_text {
		font-size: 14px;
		line-height: 24px;
	}
}

@media only screen and (max-width: 479px) {
	.sec-title_heading {
		font-size: 20px;
		line-height: 30px;
	}
}

/* ---------------------------------------------------------------
   SUCCESS PAGE
   --------------------------------------------------------------- */
@media only screen and (max-width: 767px) {
	.content-box {
		padding: 1.5rem;
		height: auto;
		min-height: auto;
		border-radius: 10px;
	}

	.success-h1 {
		font-size: 1.5rem;
	}

	.thank-you-container {
		padding: 1rem;
		align-items: flex-start;
		padding-top: 100px;
		min-height: 100vh;
		height: auto;
	}
}

@media only screen and (max-width: 479px) {
	.success-h1 {
		font-size: 1.25rem;
	}

	.content-box {
		padding: 1.2rem;
	}

	.help-btn {
		padding: 0.7rem 1.5rem;
		font-size: 14px;
	}
}

/* ---------------------------------------------------------------
   COLOR SWITCHER — HIDE ON MOBILE (optional UX improvement)
   --------------------------------------------------------------- */
@media only screen and (max-width: 479px) {
	.color-palate {
		display: none !important;
	}
}

/* ---------------------------------------------------------------
   GENERAL IMAGES & SECTIONS PADDING
   --------------------------------------------------------------- */
@media only screen and (max-width: 991px) {
	section {
		overflow-x: hidden;
	}
}

@media only screen and (max-width: 767px) {
	.parallax-scene-4 {
		pointer-events: none;
	}

	/* Remove parallax depth transform on mobile for clean layout */
	.parallax-scene-4 .about-one_image {
		transform: none !important;
		position: relative;
		left: auto !important;
		top: auto !important;
	}
}

/* ---------------------------------------------------------------
   TABLET PORTRAIT — BOOTSTRAP COL ADJUSTMENTS
   --------------------------------------------------------------- */
@media only screen and (min-width: 768px) and (max-width: 991px) {

	/* About blocks — 2 col on tablet */
	.about-one_block.col-lg-6 {
		width: 50%;
		max-width: 50%;
		flex: 0 0 50%;
	}

	/* Gallery — 2 col on tablet */
	.gallery-page .gallery-four_block.col-lg-4 {
		width: 50%;
		max-width: 50%;
		flex: 0 0 50%;
	}
}

/* ---------------------------------------------------------------
   DESKTOP — LARGE SCREENS REFINEMENT (992–1199px)
   --------------------------------------------------------------- */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.about-one_heading {
		font-size: 26px;
		line-height: 36px;
	}

	.donation-wrapper .container {
		padding: 28px 25px;
	}

	.campaign-summary {
		max-width: 400px;
	}

	.gallery-four_block-image {
		height: 300px;
	}

	.page-title h1 {
		font-size: 55px;
	}
}

/* ---------------------------------------------------------------
   PRINT — BASIC PRINT RESET
   --------------------------------------------------------------- */
@media print {

	.mobile-nav-toggler,
	.mobile-menu,
	.color-palate,
	.scroll-to-top {
		display: none !important;
	}

	.main-header {
		position: relative;
	}

	.page-wrapper {
		overflow: visible;
	}
}