@media (max-width: 1400px) {


	.image-row {
		height: 250px;
	}

	.rightsimages img {
		height: 97%;
	}
}

@media (max-width: 1280px) {

	.comparison-slider {
		max-width: 1100px;
	}

	.header-linkss li a {
		font-size: 12px;
	}

	.header-linkss {
		gap: 15px;
	}

	.custombtn {
		padding: 3px 11px;
	}

	.custombtn {
		padding: 5px 11px;
		font-size: 11px;
	}
}

@media (max-width: 1200px) {
	.ourpackages-grid {
		grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
		gap: 20px;
	}

	.rightsimages img {
		height: 94%;
	}

	.testimonial-slide {
		flex: 0 0 calc((100% - 30px) / 2);
	}

	.service-content-wrapper {
		gap: 50px;
	}

	.service-text h2 {
		font-size: 35px !important;
	}

	.product-cards {
		grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
	}

	.areas-gridaddnew {
		grid-template-columns: repeat(2, 1fr);
	}

	.gallery-gridnew {
		grid-template-columns: repeat(2, 1fr);
	}



	.image-row {
		height: 220px;
	}

	.image-content {
		padding: 20px;
	}

	.image-content h3 {
		font-size: 14px;
	}

	.image-content p {
		font-size: 14px;
	}
}

@media (max-width: 1024px) {

	.ourpackages-process-steps {
		grid-template-columns: repeat(2, 1fr);
		gap: 40px;
	}

	.ourpackages-process-steps::before {
		display: none;
	}

	.lasttwotableadd-comparison-grid {
		grid-template-columns: 1fr;
		gap: 40px;
	}

	.lasttwotableadd-container {
		padding: 40px 15px;
	}

	.lasttwotableadd-section-header h1 {
		font-size: 3.2rem;
	}

	.rightsimages img {
		height: 73%;
	}

	.submit-measurements {
		padding: 30px 20px;
	}

	.submit-content h2 {
		font-size: 28px;
	}

	.submit-description {
		font-size: 16px;
	}

	.submit-steps {
		padding: 20px;
	}

	.submit-step {
		padding: 20px;
		flex-direction: column;
	}

	.step-marker {
		margin-bottom: 16px;
	}

	.measure-hero {
		grid-template-columns: 1fr;
		text-align: center;
	}

	.measure-hero-content {
		padding-right: 0;
	}

	.measure-points {
		grid-template-columns: 1fr;
	}

	.distributor-benefit-item {
		flex-direction: column !important;
		gap: 40px;
	}

	.distributor-benefit-image {
		height: 400px;
	}

	.distributor-step-container {
		flex-direction: column;
		gap: 60px;
	}

	.distributor-step-container::before {
		display: none;
	}

	.distributor-step {
		max-width: 400px;
		margin: 0 auto;
	}

	.area-itemaddnew {
		flex-direction: column !important;
		gap: 40px;
	}

	.area-textaddnew {
		padding: 0;
	}

	.area-textaddnew h2 {
		font-size: 30px;
	}

	.area-textaddnew p {
		font-size: 16px;
	}

	.service-image-grid {
		padding: 20px;
	}



	.image-row {
		flex-direction: column;
		height: auto;
		gap: 20px;
	}
}

@media (max-width: 992px) {
	.service-content-wrapper {
		flex-direction: column;
	}

	.service-section.reverse .service-content-wrapper {
		flex-direction: column;
	}

	.service-text,
	.service-image-grid {
		max-width: 100%;
	}

	.tech-content-wrapper {
		flex-direction: column;
	}

	.ventless-content,
	.tech-image-wrapper {
		width: 100%;
	}

	.tech-features {
		grid-template-columns: repeat(2, 1fr);
	}

	.ventless-faq-grid {
		grid-template-columns: 1fr;
	}

	.contact-grid {
		grid-template-columns: 1fr;
	}

	.tech-content-wrapper {
		grid-template-columns: 1fr;
		padding: 40px;
	}

	.tech-features {
		grid-template-columns: 1fr;
	}

	.about-banner-content h1 {
		font-size: 42px;
	}
}

@media only screen and (max-width: 820px) {
    .top-navbar{
        display: none;
    }
	.top-navbtn {
		margin-top: 15px;
	}

	.top-navbar {
		flex-direction: column;

	}


	.namedropdown-mains p {
		display: none;
	}

	.headerlinks {
		display: none;
	}

	.mobile-header {
		display: block;
	}

	.banner-text h1 {
		font-size: 44px;
	}

	.banner-text p {
		padding: 12px 40px 30px 0px;
	}

	.presentation-img {
		width: 50%;
	}

	.workingprosess-main-cards {
		width: 100%;
	}

	.myteamcontainer {
		justify-content: center;
		flex-wrap: wrap;
		gap: 20px;
	}

	.custom-card-container {
		flex-wrap: wrap;
		justify-content: center;
	}
}

@media (max-width: 768px) {
	.newsletter-container {
		width: 90%;
		height: auto;
		flex-direction: column-reverse;
	}

	.newsletter-image {
		height: 200px;
	}

	.newsletter-content {
		padding: 30px 20px;
	}

	.ourpackages-container {
		padding: 60px 20px;
	}

	.ourpackages-header h2 {
		font-size: 2.5rem;
	}

	.ourpackages-card {
		padding: 30px;
	}

	.ourpackages-form-grid {
		grid-template-columns: 1fr;
		gap: 20px;
	}

	.ourpackages-payment-methods {
		grid-template-columns: 1fr;
	}

	.ourpackages-modal-actions {
		flex-direction: column;
	}

	.ourpackages-modal-actions .ourpackages-button {
		width: 100%;
	}

	.ourpackages-process {
		padding: 40px 20px;
		margin-top: 80px;
	}

	.ourpackages-process-header h3 {
		font-size: 2.5rem;
	}

	.ourpackages-process-steps {
		grid-template-columns: 1fr;
		gap: 30px;
	}

	.lasttwotableadd-section-header h1 {
		font-size: 1.8rem;
	}

	.lasttwotableadd-comparison-card {
		padding: 40px;
	}

	.lasttwotableadd-card-header h2 {
		font-size: 2rem;
	}

	.lasttwotableadd-feature-item {
		padding: 15px;
	}

	.containerotherss {
		padding: 2rem 1rem;
	}

	.herootherss h1 {
		font-size: 2rem;
	}

	.comparisonotherss {
		grid-template-columns: 1fr;
	}

	.comparisonotherss::before {
		display: none;
	}

	.cardotherss {
		padding: 2rem;
	}

	.kitchendesigns-right {
		width: 100%;
	}

	.kitchendesigns-left {
		width: 100%;
		margin-bottom: 30px;
	}

	.kitchendesigns {
		display: block;
	}

	.testimonial-slide {
		flex: 0 0 100%;
	}

	.testimonial-content {
		padding: 25px;
	}

	.testimonial-author {
		flex-direction: column;
		align-items: flex-start;
		gap: 10px;
	}

	.success-stories-header h2 {
		font-size: 28px;
	}

	.service-header-newadd h1 {
		font-size: 36px;
	}

	.image-row {
		grid-template-columns: 1fr;
	}

	.feature {
		padding: 20px;
	}

	.sustainability-section {
		padding: 60px 20px;
	}

	.sustainability-content h2,
	.customization-header h2 {
		font-size: 28px;
	}

	.highlights-list li,
	.option-card {
		padding: 20px;
	}

	.customization-content {
		padding: 40px 20px;
	}

	.form-container {
		padding: 30px 20px;
	}

	.form-grid {
		grid-template-columns: 1fr;
	}

	.form-header h2 {
		font-size: 28px;
	}

	.need-help {
		padding: 40px 20px;
	}

	.help-content h2 {
		font-size: 28px;
	}

	.measure-hero-content h1 {
		font-size: 36px;
	}

	.measure-point {
		padding: 20px;
	}

	.step-card {
		padding: 30px;
	}

	.tech-title {
		font-size: 32px;
	}

	.tech-features {
		grid-template-columns: 1fr;
	}

	.loyalty-program-hero h1 {
		font-size: 2.5em;
	}

	.program-how-it-works,
	.program-benefits-grid {
		grid-template-columns: 1fr;
	}

	.program-join-steps {
		flex-direction: column;
	}

	.singuploy-form-content {
		padding: 30px 20px;
	}

	.singuploy-form-section {
		padding: 30px 20px;
	}

	.singuploy-form-section h2 {
		font-size: 24px;
	}

	.singuploy-checkbox-options,
	.singuploy-radio-options {
		grid-template-columns: 1fr;
	}

	.singuploy-checkbox-label,
	.singuploy-radio-label {
		padding: 20px;
	}

	.singuploy-submission-info {
		padding: 30px 20px;
	}

	.ventless-faq-section {
		padding: 60px 0;
	}

	.ventless-faq-header h2 {
		font-size: 2em;
	}

	.ventless-faq-title {
		font-size: 1em;
	}

	.ventless-section {
		padding: 60px 0;
	}

	.ventless-product-title {
		font-size: 2em;
	}

	.ventless-features-container,
	.ventless-specs-container {
		padding: 25px;
	}

	.ventless-features-list,
	.ventless-specs-list {
		grid-template-columns: 1fr;
	}

	.ventless-features-title {
		font-size: 1.8em;
	}

	.ventless-feature-item {
		padding: 25px;
	}

	.distributorform-container {
		margin: 20px;
		padding: 20px;
	}

	.distributorform-progress {
		padding: 0 20px;
		margin-bottom: 40px;
	}

	.distributorform-step {
		width: 40px;
		height: 40px;
		font-size: 14px;
	}

	.distributorform-step::after {
		display: none;
	}

	.distributorform-radio-group {
		flex-direction: column;
		gap: 10px;
	}

	.distributorform-buttons {
		flex-direction: column;
		gap: 15px;
	}

	.distributorform-btn {
		width: 100%;
		justify-content: center;
	}

	.distributor-hero h1 {
		font-size: 2.5em;
	}

	.distributor-benefit-content h2 {
		font-size: 2em;
	}

	.distributor-steps h2 {
		font-size: 2.2em;
	}

	.service-image-grid {
		padding: 15px;
		gap: 20px;
	}


	.image-content {
		padding: 15px;
	}

	.image-content h3 {
		font-size: 18px;
		margin-bottom: 5px;
	}

	.image-content p {
		font-size: 14px;
	}

	.image-badge {
		padding: 6px 12px;
		font-size: 12px;
	}

	.floating-contact-card {
		padding: 20px;
	}

	.form-grid {
		grid-template-columns: 1fr;
	}

	.tech-title {
		font-size: 32px;
	}

	.about-banner-content h1 {
		font-size: 36px;
	}

	.banner-subtitle {
		font-size: 18px;
	}

	.gallery-gridnew {
		grid-template-columns: 1fr;
	}

	.gallery-headernew h1 {
		font-size: 36px;
	}

	.areas-gridaddnew {
		grid-template-columns: 1fr;
	}

	.product-heading h1 {
		font-size: 36px;
	}

	.product-content {
		padding: 30px;
	}

	.stats-grid {
		grid-template-columns: 1fr;
		gap: 16px;
	}

	.areas-headeraddnew h1 {
		font-size: 36px;
	}

	.areas-contentaddnew {
		gap: 60px;
	}
	.blog-detail-section{
		display: block !important;
	}
	.blog-detail-section .blog-sidebar {
		width: 100% !important;
	}
	.blog-details-container {
		width: 100% !important;
		margin: 0px 0 !important;
		padding: 0 0px !important;
	}
}


@media only screen and (max-width: 540px) {
    .banner-content {
    padding-top: 72px;
}
	
	.about-banner-content h1 {
        font-size: 31px;
    }
	.blog-image {
		height: 317px;
	}
	.blog-card {
		width: 100% !important;
	}
	.ventless-faq-header h4 {
		padding: 20px;
		font-size: 18px;
	}
	.ventless-faq-accordion {
		grid-template-columns: repeat(1, 1fr);
	}

	.booking-form-content input {
		width: 46%;
	}

	.ourpackages-process-step .step-number {
		margin: 0px 59px 0px 154px;
	}

	.distributor-cta h2 {
		font-size: 2rem;
	}

	.distributor-steps h2 {
		font-size: 30px;
	}

	.distributor-benefit-content h2 {
		margin-top: 0;
	}

	.program-join-section {
		padding: 20px;
	}

	.distributor-contact-item {
		justify-content: center;
		padding: 22px;
		width: 79%;
		margin: 0px auto 30px auto;
	}

	.team-card {
		width: 38%;
	}

	.comparison-slider {
		height: 450px;
	}

	.cabinetryvid-description {
		font-size: 1.2rem;
	}

	.cabinetryvid-title {
		font-size: 30px;
	}

	.titledscd h1 {
		font-size: 2rem;
		font-weight: 600;
		padding: 40px 40px 0px 40px;
	}

	.container {
		grid-template-columns: repeat(2, 1fr);
	}

	.updatenow {
		display: block;
	}

	.updatenowinput {
		width: 100%;
	}

	.grid-contect-info {
		display: block !important;
	}

	.distributor-contact-info {
		display: block !important;
	}

	.distributor-contact-info> :first-child {
		margin-bottom: 30px;
	}

	.ourpackages-order-summary {
		width: 93% !important;
	}

	.packformsmainchild {
		width: 100%;
	}

	.packformsmain {
		display: block;
	}

	.measurement-form-main {
		display: block;
	}

	.measurement-form-main-child1 {
		width: 100%;
	}

	.need-help {
		margin: 100px 0px 0px -7px;
		width: 93% !important;
		margin: 50px auto;
	}

	.submit-measurements-form-main {
		display: block;
	}

	.submit-measurementsa2 {
		width: 95%;
	}


	.newsletter-logo {
		display: none;
	}

	.configurations-gridotherss {
		grid-template-columns: repeat(1, 3fr);
	}


	.popupFormimg {
		display: none;
	}

	.quote-popup-content {
		overflow-y: auto;
	}

	.form-group .file-upload-label {
		width: 97%;
	}

	.quote-popup-content {
		display: block;
	}

	.popupForm {
		width: 80%;
	}

	.quote-popup-content {
		width: 100%;
	}

	.form-row {
		grid-template-columns: repeat(1, 3fr) !important;
	}

	.service-content-wrapper {
		margin: 0 auto;
		padding: 0 0px !important;
		width: 100%;
	}

	.service-text2 {
		padding-left: 0px;
		x padding-left: 60px;
	}

	.service-text1 {
		padding-right: 0px !important;
	}

	.service-rowaddnew {
		display: block;
	}

	.service-cardaddnew {
		width: 90%;
		margin-bottom: 30px;
	}

	.footer-content {
	   grid-template-columns: 1fr 1fr;
    grid-template-areas:
      "col1 col1"
      "col2 col3"
      "col4 col4";
    gap: 1rem;
	}
  .footer-section1000 {
    grid-area: col1;
  }

  .footer-sectionc1 {
    grid-area: col2;
  }

  .footer-sectionc2 {
    grid-area: col3;
  }

  .footer-section100 {
    grid-area: col4;
  }

	.mission-corporate-grid {
		display: grid;
		grid-template-columns: repeat(1, 2fr);
		gap: 60px;
		perspective: 1000px;
	}

	.twoimgs {
		margin-top: 30px;
	}

	.screen-img1 {
		margin-bottom: 30px;
	}

	.about-text {
		width: 100%;
	}

	.about-images {
		width: 100%;
	}

	.about-main {
		display: block;
	}

	.banner-content {
		display: block;
	}

	.banner-text {
		width: 100%;
	}

	.banner-imgs {
		width: 100%;
		margin-top: 20px;
	}

	.presentationseation {
		display: block;
	}

	.presentation-text {
		width: 100%;
		padding-top: 80px;
	}

	.presentation-img {
		width: 100%;
	}

	.screnn-img2 {
		position: inherit;
		width: 100%;
		height: 100%;
		margin-bottom: 20px;
	}

	.screen-img1 {
		position: relative;
		width: 100%;
		height: 100%;
	}

	.sub-titles {
		font-size: 76px;
	}

	.working-bigtext {
		font-size: 80px;
	}

	.workingprosess-main-cards {
		display: block;
	}

	.working-prosess-card {
		margin-bottom: 30px;
	}

	.services-card-main {
		display: block;
	}

	.service-cards {
		margin-bottom: 117px;
	}

	.bannercounting {
		display: block;
	}

	.text {
		width: 100%;
	}

	.text p {
		padding: 0px 20px 0px 22px;
	}

	.counting {
		width: 100%;
	}

	.yeartext {
		width: 80%;
	}

	.bc {
		width: 80%;
	}

	.services-heading-main {
		display: block;
	}

	.services-heading-sub {
		width: 100%;
		margin-bottom: 20px;
	}

	.services-heading-description {
		width: 100%;
	}

	#testimonialcardss2 {
		margin-left: 0px;
		margin-top: 20px;
	}

	#testimonialcardss {
		margin-right: 0px;
	}

	.stats-container {
		flex-wrap: wrap;
	}

	.stats-box {
		width: 100%;
		padding: 31px 0px;
	}

	.custom-card {
		width: 360px;
	}

	.image-container2 {
		grid-template-columns: repeat(2, 1fr);
		grid-template-rows: repeat(8, 1fr);
	}

}


@media (max-width: 480px) {
    .cabinetryvid-container {
    padding: 0 20px;
}
        .ventless-faq-header h2 {
        font-size: 26px;
    }
    .feature-item{
        display: block;
    }
        .ventless-features-container, .ventless-specs-container {
        padding: 9px;
    }
    .measurement-steps h2 {
    font-size: 26px;
}
    .why-measure-content h2 {
    font-size: 26px;
}
    .measure-hero-content h1 {
        font-size: 33px;
    }
    .customization-section {
    padding: 0 10px !important;
}
        .sustainability-content h2, .customization-header h2 {
        font-size: 23px;
    }
    .cabinet-collection-item {
    min-width: 50% !important;
}
    .section-header {
    margin-bottom: 40px !important;
}
    .why-choose-container {
    padding: 0 20px  !important;
}
    .section-header h2 {
    font-size: 36px !important;
    line-height: 53px;
}
        .lasttwotableadd-comparison-card {
        padding: 20px !important;
    }
    .cabinetryOfferings-title h1 {
    font-size: 33px;
    z-index: 99999999;
    position: relative;
}
    .newsletter-input{
        width:89%;
    }
	.service-image-grid {
		padding: 10px;
		gap: 15px;
	}

	.image-showcase,
	.image-item {
		border-radius: 15px;
	}
	.stat .language-toggle {
    font-size: 15px;
}
}

@media only screen and (max-width: 430px) {
    .blog-detail-section {
    padding: 10px !important;
}
    .blog-details {
    display: flex !important;
    gap: 3px !important;
}
    .about-current {
    font-size: 14px;
}
    .number {
    font-size: 37px;
}
	.ourpackages-process-step .step-number {
		margin: 0px 59px 0px 112px;
	}

	.ourpackages-header h2 {
		font-size: 32px;
	}

	.about-banner-content h1 {
		font-size: 25px !important;
	}

	.team-card {
		width: 88%;
	}

	.services-content {
		width: 96%;
	}

	.comparison-slider {
		height: 350px;
	}



	.containerotherss {
		width: 89%;
	}

	.herootherss h1 {
		font-size: 24px;
	}

	.cabinetryvid-title {
		font-size: 24px;
	}

	.titledscd h1 {
		font-size: 24px;
		font-weight: 600;
		padding: 40px 20px 0px 20px;
	}

	.btn-logo {
		flex-direction: column;
		justify-content: center;
	}

	.image-row>*:first-child {
		margin-bottom: 120px;
		/* Apni requirement ke mutabiq adjust karein */
	}

	.image-row {
		margin-bottom: 140px;
	}

	.image-showcase {
		border-radius: 15px;
		margin-bottom: 71px;
	}

	.feature-item {
		width: 100%;
	}

	.cabinetryOffering-card {
		width: 100%;
	}

	.cabinetryOfferings-image {
		width: 100%;
		margin-bottom: 30px;
		height: 400px;
	}

	.cabinetryOffering-main-card {
		width: 100%;
	}

	.CabinetryOfferings {
		display: block;
	}

	.service-rowaddnew {
		padding: 0px 20px 0px 0px;
	}

	.area-imageaddnew {
		width: 100% !important;
	}

	.service-cards {
		margin-bottom: 7px !important;
	}

	.service-card-img {
		width: 91%;
		margin: auto;
		padding-bottom: 30px;
	}

	.services-content {
		padding: 0 0px;
	}

	.services-card-text {
		position: static;
	}

	.services-heading-sub h1 {
		font-size: 34px;
	}

	.modernmain>*:first-child {
		margin-bottom: 30px;
		/* Apni requirement ke mutabiq adjust karein */
	}

	.modernmain {
		display: block;
	}

	.workingflow-headeing h1 {
		font-size: 26px;
	}

	.product-cards {
		width: 100%;
	}

	.text p {
		text-align: center;
	}

	.banner-text p {
		padding: 12px 10px 30px 0px !important;
	}

	.banner-text h1 {
		font-size: 34px;
		text-align: center;
	}

	.banner-text p {
		text-align: center;
		font-size: 15px;
	}

	.banner-text {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}


	.sub-titles {
		font-size: 61px;
	}

	.working-bigtext {
		font-size: 68px;
	}

	.bannercounting {
		padding: 40px 0px;
	}

	.screen-img1 {
		margin: 30px 0px;
	}
}