/************************************/
/***      26. Responsive css      ***/
/************************************/

@media only screen and (max-width: 1366px){
	
	.our-testimonial-content{
		padding: 100px 50px;
	}
}

@media only screen and (max-width: 1024px){
	
	.main-menu ul li{
		margin: 0;
	}

	.our-testimonial-content{
		padding: 50px 20px;
	}
}

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

	.navbar{
		padding: 20px 0;
	}
	
	.slicknav_nav li,
	.slicknav_nav ul{
        display: block;
    }

	.responsive-menu,
    .navbar-toggle{
        display: block;
    }

	.header-btn{
		display: none;
	}

	.btn-default{
		padding: 14px 42px 14px 16px;
	}

	.section-row{
		margin-bottom: 40px;
	}

	.section-row .section-title{
		margin-bottom: 0;
		margin-right: 0px;
	}

	.section-title-content{
		margin-left: 0;
		margin-top: 15px;
	}

	.section-btn{
		text-align: left;
		margin-top: 15px;
	}

	.section-title{
		margin-bottom: 30px;
	}

	.section-title h3{
		margin-bottom: 10px;
	}

	.section-title h1{
		font-size: 50px;
	}

	.section-title h2{
		font-size: 36px;
	}

	.section-title p{
		margin-top: 15px;
	}

	.hero{
		min-height: auto;
		padding: 180px 0 140px;
		margin-top: -92px;
	}

	.hero.hero-slider-layout .hero-slide{
		padding: 180px 0 140px;
		min-height: auto;
	}

	.hero.hero-slider-layout .hero-pagination{
		padding-left: 15px;
		bottom: 30px;
	}

	.hero-content .section-title p{
		font-size: 20px;
	}

	.about-us{
		padding: 50px 0;
	}

	.about-us-images{
		margin: 0 0 30px 0;
	}

	.experience-counter{
		height: 137px;
		width: 137px;
	}

	.experience-counter h3{
		font-size: 28px;
	}

	.about-us-content-list{
		margin-bottom: 30px;
	}

	.about-contact-item{
		margin-bottom: 30px;
	}

	.why-choose-us{
		padding: 50px 0;
	}

	.why-choose-content{
		margin-bottom: 30px;
	}

	.why-choose-item .icon-box{
		margin-right: 10px;
	}

	.why-choose-item-content{
		width: calc(100% - 70px);
	}

	.why-choose-images{
		margin-left: 0;
	}

	.our-services{
		padding: 50px 0;
	}

	.service-image img{
		aspect-ratio: 1 / 1.2;
	}

	.service-btn{
		top: 20px;
		right: 20px;
	}

	.service-btn a{
		height: 50px;
		width: 50px;
	}

	.service-content{
		bottom: 20px;
		left: 20px;
		right: 20px;
	}

	.all-services-btn{
		margin-top: 10px;
	}

	.video-play-button a{
		width: 80px;
		height: 80px;
	}

	.our-project{
		padding: 50px 0 20px;
	}

	.our-Project-nav{
		margin-bottom: 50px;
	}

	.project-featured-image img{
		aspect-ratio: 1 / 0.89;
	}

	.project-btn a{
		width: 80px;
		height: 80px;
	}

	.project-content{
		left: 20px;
		bottom: 20px;
		right: 20px;
	}

	.how-we-work{
		padding: 50px 0;
	}

	.how-we-work-item{
		width: calc(50% - 15px);
	}

	.how-we-work-item .icon-box{
		margin-bottom: 20px;
	}

	.how-work-company-slider{
		margin-top: 40px;
		padding-top: 40px;
	}

	.our-skill{
		padding: 50px 0;
	}

	.our-skill-content{
		margin-bottom: 30px;
	}

	.skills-progress-bar{
		margin-bottom: 30px;
	}

	.our-skill-image{
		max-width: 555px;
		margin: 0 auto;
	}

	.our-testimonials-image{
		height: auto;
	}

	.our-testimonials-image figure,
	.our-testimonials-image figure img{
		height: auto;
		aspect-ratio: 1 / 0.65;
	}

	.our-testimonial-content{
		padding: 50px 15px;
	}

	.our-testimonial-content .section-title{
		background-size: contain;
	}

	.testimonial-slider{
		max-width: 100%;
		margin-bottom: 30px;
		padding-bottom: 30px;
	}

	.testimonial-rating{
		margin-bottom:15px;
	}

	.testimonial-content{
		margin-bottom: 30px;
	}

	.testimonial-content p{
		font-size: 18px;
	}

	.testimonial-rating-counter .rating-counter h2{
		font-size: 48px;
	}

	.our-blog{
		padding: 50px 0;
	}

	.our-blog .section-title{
		margin-right: 0;
	}

	.post-featured-image img{
		aspect-ratio: 1 / 0.75;
	}

	.our-blog-footer{
		margin-top: 10px;
	}

	.main-footer{
		padding: 40px 0 0;
	}

	.main-footer .footer-header{
		margin-bottom: 30px;
		padding-bottom: 30px;
	}

	.footer-links{
		padding-right: 0;
		margin-bottom: 30px;
	}

	.footer-newsletter-form p{
		margin-bottom: 20px;
	}

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

	.page-header{
        padding: 180px 0 100px;
        margin-top: -92px;
    }

    .page-header-box h1{
        font-size: 50px;
    }

	.page-header-box ol li.breadcrumb-item{
		font-size: 18px;
	}

	.page-header-box ol .breadcrumb-item+.breadcrumb-item::before{
		font-size: 16px;
	}

	.about-facility-list{
		margin-top: 50px;
		gap: 20px;
	}

	.about-facility-item{
		width: calc(33.33% - 13.33px);
	}

	.about-facility-item .icon-box{
		height: 45px;
		width: 45px;
		margin-right: 10px;
	}

	.about-facility-item .icon-box img{
		max-width: 20px;
	}

	.about-facility-content{
		width: calc(100% - 55px);
	}

	.about-facility-content h3{
		font-size: 18px;
	}

	.vision-mission{
		padding: 50px 0 25px;
	}

	.vision-mission-box{
        padding: 30px 15px;
        gap: 30px 40px;
    }

	.vision-mission-item{
		width: calc(50% - 20px);
	}

	.vision-mission-item::before{
		right: -20px;
	}

	.vision-mission-item .icon-box{
		width: 70px;
		height: 70px;
	}

	.vision-mission-item .icon-box img{
		max-width: 30px;
	}

	.vision-mission-content h3{
		margin-bottom: 15px;
	}

	.best-selling{
		padding: 25px 0 50px;
	}

	.best-selling-content{
		margin-bottom: 20px;
	}

	.best-selling-content-img{
		margin-bottom: 20px;
	}

	.our-team{
		padding: 50px 0 20px;
	}

	.team-readmore-btn{
		top: 20px;
		right: 20px;
	}

	.team-readmore-btn a{
		width: 50px;
		height: 50px;
	}

	.team-content{
		margin-bottom: 15px;
	}

	.our-faqs{
		padding: 50px 0;
	}

	.our-faqs-content{
		margin-right: 0;
		margin-bottom: 30px;
	}

	.faq-accordion .accordion-item{
		margin-bottom: 20px;
	}

	.our-faqs-image{
		text-align: center;
		margin-left: 0px;
	}

	.our-faqs-image img{
		aspect-ratio: 1 / 0.8;
	}

	.our-clients{
		padding: 50px 0;
	}

	.our-clients .our-clients-box{
		max-width: 100%;
	}

	.page-services{
		padding: 50px 0 20px;
	}

	.page-service-single{
		padding: 50px 0;
	}

	.service-sidebar{
		position: initial;
		margin-right: 0;
		margin-bottom: 30px;
	}

	.service-catagery-list{
		padding: 20px;
		margin-bottom: 30px;
	}

	.service-catagery-list h3{
		padding-bottom: 15px;
		margin-bottom: 15px;
	}

	.service-catagery-list ul li{
		margin-bottom: 10px;
	}

	.service-catagery-list ul li a::before{
		width: 16px;
		height: 16px;
	}

	.sidebar-cta-Body{
		padding: 20px;
	}

	.sidebar-cta-content{
		margin-bottom: 15px;
	}

	.sidebar-cta-contact-item{
		margin-bottom: 15px;
	}

	.service-feature-image{
		margin-bottom: 30px;
	}

	.service-entry{
		margin-bottom: 30px;
	}

	.service-entry ul li{
		font-size: 14px;
		padding-left: 25px;
		margin-bottom: 10px;
	}

	.service-entry ul li::before{
		font-size: 18px;
	}

	.why-choose-content.service-single-why-choose{
		margin-bottom: 30px;
	}

	.page-blog{
		padding: 50px 0;
	}

	.page-pagination{
        margin-top: 10px;
    }

	.page-single-post{
		padding: 50px 0;
	}

	.post-image{
		margin-bottom: 20px;
	}

	.post-entry blockquote{
		background-position: 25px 25px;
        background-size: 50px;
        padding: 25px 25px 25px 90px;
        margin-bottom: 20px;
	}

	.post-entry blockquote p{
		font-size: 18px;
	}

	.post-entry h2{
		font-size: 38px;
	}

	.post-entry ul li{
		font-size: 16px;
	}

	.post-tags{
		margin-bottom: 20px;
	}

	.post-social-sharing ul{
		text-align: left;
	}

	.post-tags .tag-links a{
		padding: 6px 15px;
	}

	.page-project{
		padding: 50px 0 20px;
	}

	.page-project-single{
		padding: 50px 0;
	}

	.project-single-sidebar{
		position: initial;
		margin-right: 0px;
		margin-bottom: 30px
	}

	.project-detail-list{
		padding: 20px;
		margin-bottom: 30px;
	}

	.project-single-image{
		margin-bottom: 30px;
	}

	.project-info,
	.project-design-info{
		margin-bottom: 30px;
	}

	.project-entry h2{
		font-size: 36px;
		margin-bottom: 20px;
	}

	.page-gallery{
		padding: 50px 0 20px;
	}

	.page-gallery-box .photo-gallery img{
		aspect-ratio: 1 / 0.85;
	}

	.page-faqs{
		padding: 50px 0;
	}

	.faq-sidebar{
		position: initial;
		margin-right: 0;
		margin-bottom: 30px;
	}

	.faq-catagery-list{
		padding: 20px;
		margin-bottom: 30px;
	}

	.faq-catagery-list ul li{
        margin-bottom: 15px;
    }

	.faq-catagery-list ul li a::before{
        width: 16px;
        height: 16px;
    }

	.our-faq-section.page-faq-accordion{
		margin-bottom: 40px;
	}

	.page-contact-us{
		padding: 50px 0 25px;
	}

	.contact-us-image{
		height: auto;
		margin-bottom: 30px;
	}

	.contact-us-image img{
		aspect-ratio: 1 / 0.6;
	}

	.contact-us-form{
		margin-left: 0;
	}

	.contact-form .form-control{
		padding: 12px 15px;
	}

	.google-map{
		padding: 25px 0 50px;
	}

	.google-map-iframe,
	.google-map-iframe iframe{
		height: 400px;
	}

	.contact-info-box{
		gap: 20px;
		margin-top: 40px;
	}

	.contact-info-item{
		width: calc(33.33% - 13.33px);
	}

	.contact-info-item .icon-box{
		height: 50px;
		width: 50px;
		margin-right: 10px;
	}

	.contact-info-item .icon-box i{
		font-size: 16px;
	}

	.contact-info-content{
		width: calc(100% - 60px);
	}

	.contact-info-content h3{
		font-size: 18px;
	}

	.error-page{
		padding: 50px 0;
	}

	.error-page-image img{
		max-width: 80%;
	}
}

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

	.section-row{
		margin-bottom: 30px;
	}

	.section-title{
		margin-bottom: 30px;
	}

	.section-title h1{
		font-size: 28px;
	}

	.section-title h2{
		font-size: 26px;
	}

	.hero-content .section-title p{
		font-size: 18px;
	}

	.hero-content .btn-default{
		margin-right: 40px;
		margin-bottom: 10px;
	}

	.hero-content .btn-default.btn-highlighted{
		margin: 0;
	}

	.about-us-images{
		background-position: left 10px bottom 10px;
		background-size: 20% auto;
		padding:  0;
	}

	.feedback-counter{
		transform: rotate(-180deg) translate(0, 0);
	}

	.feedback-counter p{
        font-size: 12px;
        height: 38px;
        width: 38px;
        margin: 0 0 6px 0;
    }

	.feedback-counter h3{
		font-size: 12px;
        width: calc(100% - 40px);
	}

	.about-img-2{
		max-width: 240px;
	}

	.experience-counter{
        height: 102px;
        width: 102px;
    }

	.experience-counter h3{
        font-size: 22px;
    }

	.experience-counter p{
		font-size: 12px;
		line-height: 1.1em;
	}

	.about-us-content-body{
		gap: 0px;
	}

	.about-us-content-body::before{
		display: none;
	}

	.about-us-content-info{
		width: 100%;
		/* border-bottom: 1px solid var(--divider-color); */
		padding-bottom: 0px;
		margin-bottom: 0px;
	}
	.our-testimonial-content {
        padding:  0;
    }
	.our-testimonials {
		 
		padding: 20px 0 50px;
	}

	.about-us-content-list{
        margin-bottom: 20px;
    }

	.section-title h4 { 
		font-size: 18px; 
	}


	.hero-slide {
		text-align: center;
		padding: 60px 20px;
	  }
	
	  .hero-slider-image img {
		width: 100%;
		height: auto;
		object-fit: cover;
	  }
	  .about-uss1 {
		padding: 15px 0;
	}
	
	.responsive-menu, .navbar-toggle { 
        margin-top: -22px;
    }
	  .hero-content {
		margin-top: 20px;
	  }
	
	  .section-title h1 {
		font-size: 28px;
		line-height: 1.3;
	  }

	.about-us-contact-list{
		width: 100%;
		margin-top: -13px;
	}

	.about-us-content-list ul li{
		margin-bottom: 10px;
	}

	.about-us-content-list ul li::before{
		font-size: 18px;
		top: 3px;
	}

	.about-contact-item{
		margin-bottom: 20px;
	}

	.about-contact-content h3{
		font-size: 10px;
	}

	.why-choose-item-content h3{
		font-size: 18px;
		margin-bottom: 5px;
	}

	.why-choose-img-2 img{
		aspect-ratio: 1 / 1.02;
	}

	.why-choose-img-4 img{
		aspect-ratio: 1 / 1.588;
	}

	.service-content h3{
		font-size: 18px;
	}

	.intro-video-image img{
		aspect-ratio: 1 / 0.7;
	}

	.project-btn a{
        width: 60px;
        height: 60px;
    }

	.project-btn img{
		max-width: 20px;
	}

	.project-content h2{
		font-size: 18px;
	}

	.how-we-work-item{
		width: 100%;
	}

	.how-we-work-item .icon-box img{
		max-width: 50px;
	}

	.how-we-work-content h3{
		font-size: 18px;
	}

	.how-work-company-slider{
		margin-top: 30px;
		padding-top: 30px;
	}

	.our-skill-image{
		padding-bottom: 83px;
	}

	.our-skill-img-1{
		width: 200px;
		padding: 20px 0 0 20px;
	}

	.our-skill-img-2{
		width: 130px;
		top: 20px;
	}

	.our-skill-img-3{
		width: 200px;
	}

	.testimonial-rating{
		margin-bottom: 10px;
	}

	.testimonial-rating i{
		font-size: 16px;
	}

	.testimonial-content{
		margin-bottom: 20px;
	}

	.testimonial-content p{
        font-size: 16px;
    }

	.testimonial-body .author-content h3{
		font-size: 18px;
	}

	.testimonial-rating-counter .rating-counter h2{
        font-size: 38px;
    }

	.post-featured-image{
		margin-bottom: 15px;
	}

	.post-item-content{
		margin-bottom: 10px;
	}

	.post-item-content h3{
		font-size: 18px;
	}

	.footer-logo{
		margin-bottom: 20px;
	}

	.footer-social-links{
		justify-content: start;
		gap: 20px;
	}

	.footer-social-link-title h3{
		font-size: 18px;
	}

	.footer-links h3{
		margin-bottom: 15px;
	}

	.footer-links ul li{
		margin-bottom: 5px;
	}
	
	.footer-copyright{
		padding: 15px 0;
	}

	.page-header-box h1{
		font-size: 28px;
		margin-bottom: 5px;
	}

	.page-header-box ol li.breadcrumb-item{
        font-size: 16px;
    }

	.page-header-box ol .breadcrumb-item+.breadcrumb-item::before{
		font-size: 14px;
	}

	.about-facility-item{
        width: 100%;
    }

	.vision-mission{
		background: linear-gradient(180deg, var(--primary-color) 40%, var(--white-color) 40%);
	}

	.vision-mission-box{
        padding: 20px;
        gap: 40px;
    }

	.vision-mission-item{
		width: 100%;
	}

	.vision-mission-item::before{
		height: 1px;
		width: 100%;
		top: auto;
		right: 0;
		bottom: -20px;
	}

	.vision-mission-item:nth-child(2n + 2)::before{
		display: block;
	}

	.vision-mission-item:last-child::before{
		display: none;
	}
	
	.vision-mission-content h3{
		font-size: 18px;
	}

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

	.faq-accordion .accordion-header .accordion-button{
		font-size: 18px;
		padding-right: 30px;
	}

	.faq-accordion .accordion-item .accordion-button::after, 
	.faq-accordion .accordion-item .accordion-button.collapsed::after{
		top: 2px;
	}

	.faq-accordion .accordion-body{
		padding-right: 0;
	}

	.our-faqs-image img{
		aspect-ratio: 1 / 1.26;
	}

	.service-catagery-list h3{
		font-size: 18px;
	}

	.sidebar-cta-content h3{
		font-size: 18px;
	}

	.service-entry p{
		margin-bottom: 15px;
	}

	.service-feature-image{
        margin-bottom: 20px;
    }

	.service-feature-image img{
        aspect-ratio: 1 / 0.7;
    }

	.service-entry-list-image{
		gap: 20px;
	}

	.service-entry-image,
	.service-entry-list{
		width: 100%;
	}

	.post-image figure,
	.post-image img{
		aspect-ratio: 1 / 0.70;
	}

	.post-entry blockquote{
		background-position: 20px 20px;
        padding: 70px 20px 20px 20px;
	}
	
	.post-entry h2{
		font-size: 26px;
	}

	.project-single-image{
        margin-bottom: 20px;
    }

	.project-single-image img{
		aspect-ratio: 1 / 0.7;
	}

	.project-info,
	.project-design-highlight{
		margin-bottom: 20px;
	}

	.project-entry h2{
		font-size: 26px;
		margin-bottom: 15px;
	}

	.project-entry p{
		margin-bottom: 15px;
	}

	.project-entry ul li{
        margin-bottom: 10px;
    }

	.project-entry ul li::before{
        font-size: 18px;
        top: 5px;
    }

	.project-gallery-images{
		gap: 20px;
	}

	.project-gallery-img{
		width: calc(50% - 10px);
	}

	.contact-us-image img{
        aspect-ratio: 1 / 0.75;
    }

	.google-map-iframe,
	.google-map-iframe iframe{
        height: 350px;
    }

	.contact-info-item{
		width: 100%;
	}

	.error-page-image img{
        max-width: 100%;
    }
	.footer-copyright-text {
		text-align: center;
		display: block;  
	}
	.footer-copyright-text ul li a {
		color: #fff;
		font-size: 11px;
	}
	.main-footer .footer-header {
        margin-bottom: 0px; 
    }
	.footer-copyright-text p {
		color: var(--white-color);
		margin: 0;
		font-size: 15px;
	}
	.contact-info-box { 
        margin-top: 0px;
    }
	.testimonial-slider { 
        margin-bottom: 0; 
    }
	.desktop{
		display: none;
	}
	.mobile{
		display: block;
	}
	.our-testimonials{
		background-image: none;
	}
	.maell {
		display: block;
		 
	}
	.bhkk { 
		margin-bottom: 10px;
	}
	.mobilee   {
		display: block;
	  }
 

	.mobilee   .header-btn{
		display: block;
	  }



	  .rerer a { 
		font-size: 8px;
	}
	.cele{
		margin-bottom: 0px;
	}
	.pssii img {
		width: 50px;
	}
	.hero {
        min-height: auto;
        padding: 180px 0 140px;
        margin-top: 0px;
    }

	.rera-logo {
		width: 31px;  
	}

	.qr-code {
		width: 36px; 
	}
	.navbar-brand {
		width: 20%;
	}

	.rera-url { 
		font-size: 8px;
		 font-weight: 600px;
	}
	.rera-number {
		 
		font-size: 8px;
		font-weight: 600;
		color: #002e6e;
	}



	.banner-desktop {
		display: none;
	  }
	
	  .banner-mobile {
		display: block;
	  }
	
	   
	   
	  .section-title11 h1 {
        font-size: 26px;
        line-height: 1.3;
    }


}

	
 .celeste-banner {
    width: 100%;
}

.celeste-banner-desktop {
    display: block;
    width: 100%;
    height: auto;
}

.celeste-banner-mobile {
    display: none;
    width: 100%;
    height: auto;
}

@media only screen and (max-width: 991px) {
    .celeste-banner-desktop {
        display: none;
    }
    .celeste-banner-mobile {
        display: block;
    }
}