@media only screen and (max-width: 1300px){
	.step-item.step-1 .step-header:after,
	.step-item.step-2 .step-header:after{
		width: 120px;
		transform: translateX(120px);
		height: 24px;
	}
	.why-choose-us-layout2-content{
		padding: 60px;
	}
}
@media only screen and (max-width: 1024px){
	.main-menu ul li a{
		padding: 12px 2px !important;
	}

	

	.overview-counter-box{
		margin-left: 0;
	}	
}
@media only screen and (max-width: 991px){
    #magic-cursor {
        display: none !important;
    }

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

	.header-social-links{
		padding-right: 10px;
	}

    .main-menu ul li{
        margin: 0 10px;
    }

	header.main-header{
		border-radius: 20px;
	}

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

	header.main-header .header-sticky.active .slicknav_menu{
		border-radius: 0;
	}

    .hero{
        padding: 220px 0 60px;
    }

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

	.hero-content .section-title{
		margin-bottom: 20px;
	}

	.hero-content .section-title h1{
		font-size: 56px;
	}

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

	.hero-content-footer{
		margin-top: 30px;
	}

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

	.about-image{
		margin-right: 0;
		margin-bottom: 30px;
	}

	.about-img-1,
	.about-img-2{
		border-radius: 20px;
	}

	.about-image-slider{
		margin-right: 0;
	}

	.about-layout2-content{
		margin-left: 0;
		margin-top: 30px;
	}

	.about-layout3{
		padding: 60px 0;
	}

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

	.about-layout3 .section-title,
	.section-title-row .section-title{
		margin-bottom: 20px;
	}

	.about-layout3 .section-title h2,
	.section-title-row .section-title h2{
		font-size: 38px;
	}

	.section-title-row .section-title h2 br{
		display: none;
	}

	.about-layout3-features ul li{
		margin-right: 20px;
		margin-bottom: 10px;
	}

	.about-layout3 .about-img-video{
		margin-top: 30px;
		border-radius: 20px;
	}

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

	.service-item{
		border-radius: 20px;
	}

	.service-item .service-content{
		border-radius: 20px;
	}

	.service-image .service-icon{
		border-radius: 20px;
	}

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

	.services-layout2{
		padding: 60px 0;
	}

	.services-layout3{
		padding: 60px 0;
	}

	.service-slide3 .service-image{
		border-radius: 20px;
	}

	.service-slide3 .service-content{
		border-radius: 14px;
	}

	.our-process{
		padding: 60px 0 30px;
	}

	.step-item{
		padding-left: 0;
		padding-right: 0;
	}

	.step-item.step-1 .step-header:after,
	.step-item.step-2 .step-header:after{
		display: none;
	}

	.step-header .step-icon{
		width: 80px;
		height: 80px;
		border-radius: 20px;
	}

	.step-header .step-icon figure,
	.step-header .step-icon figure:before{
		border-radius: 20px;
	}

	.step-header .step-icon img{
		max-width: 50%;
	}

	.step-header .step-no{
		width: 38px;
		height: 38px;
		font-size: 18px;
		line-height: 30px;
	}

	.intro-video{
		padding: 30px 0;
	}

	.intro-video-box{
		border-radius: 20px;
	}

	.our-skills{
		padding: 30px 0;
	}

	.our-skills .section-title{
		margin-bottom: 40px;
	}

	.cta-content .phone-icon img{
		max-width: 50%;
	}

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

	.why-choose-item{
		height: calc(100% - 30px);
		margin-bottom: 30px;
	}

	.why-choose-item,
	.why-choose-item:before{
		border-radius: 20px;
	}

	.why-choose-image{
		border-radius: 26px;
	}

	.why-choose-us-layout2-content{
		padding: 60px 15px;
	}

	.stat-counter{
		padding: 60px 0 30px;
	}

	.counter-item{
		margin-bottom: 30px;
	}

	.counter-item .counter-icon{
		border-radius: 20px;
	}

	.solar-calculator{
		padding: 60px 0 30px;
	}

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

	.calculator-box{
		border-radius: 20px;
	}

	.latest-news{
		padding: 30px 0 0;
	}

	.blog-item{
		margin-bottom: 30px;
		border-radius: 20px;
	}

	.blog-item .post-item-body{
		border-radius: 20px;
	}

	.latest-post-layout2{
		padding: 60px 0 30px;
	}

	.post-item2{
		margin-bottom: 30px;
	}

	.footer-links{
		padding-left: 0;
	}

	.footer-social-links{
		margin-bottom: 40px;
	}

	.latest-projects{
		padding: 60px 0 30px;
	}

	.project-item{
		margin-bottom: 30px;
		border-radius: 20px;
	}

	.project-item .project-image:before{
		border-radius: 20px;
	}

	.project-item .project-content{
		border-radius: 20px;
	}

	.project-item .project-link a{
		border-radius: 10px;
	}

	.our-projects-layout2{
		padding: 60px 0;
	}

	.testimonials{
		padding: 60px 0;
	}

	.testimonial-item{
		border-radius: 20px;
	}

	.our-team{
		padding: 60px 0 0;
	}

	.team-item{
		margin-bottom: 30px;
		border-radius: 20px;
	}

	.team-item .team-content{
		border-radius: 20px;
	}

	.footer-ticker{
		padding-top: 15px;
	}

	.service-benefits{
		margin-bottom: 10px;
	}

	.service-features .service-feature-image{
		border-radius: 20px;
	}

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

	.post-featured-image{
		border-radius: 20px;
	}

	.post-entry blockquote{
		border-radius: 20px;
	}

	.post-social-sharing{
		text-align: left;
		margin-top: 20px;
	}

	.related-posts{
		padding: 30px 0;
	}

	.our-projects{
		padding: 60px 0 30px;
	}

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

	.project-sidebar{
		padding-right: 0;
		margin-bottom: 40px;
	}

	.about-project-box{
		border-radius: 20px;
	}

	.project-feature-image{
		border-radius: 20px;
	}

	.project-gallery-items .project-gallery-item img{
		border-radius: 20px;
	}

	.page-team{
		padding: 60px 0 0px;
	}

	.page-team-single{
		padding: 60px 0 30px;
	}

	.team-single-image{
		margin-bottom: 30px;
		border-radius: 20px;
	}

	.team-contact-form-box{
		margin-top: 60px;
		border-radius: 20px;
		padding: 40px;
	}

	.page-404{
		padding: 60px 0;
	}

	.features-item2{
		padding: 30px;
	}

	.features-item2 .features-header .icon-box img{
		max-width: 60%;
		max-height: 60%;
	}

	.overview-counter-box{
		margin-top: 30px;
	}


	.why-renewable-left{
		padding-right: 0;
		margin-bottom: 30px;
	}

	.why-renewable-left .why-renewable-img-1 img,
	.why-renewable-left .why-renewable-img-2 img{
		border-radius: 20px;
	}

	.our-story{
		padding: 60px 0;
	}

	.our-story-content{
		margin-bottom: 40px;
	}

	.our-story-image{
		border-radius: 20px;
	}

	.project-layout3{
		padding: 60px 0;
	}

	.project-slide3{
		border-radius: 20px;
	}

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

	.why-choose-us-layout3{
		padding: 60px 0 30px;
	}

	.why-choose-item3{
		margin-bottom: 30px;
		border-radius: 20px;
	}

	.why-choose-item3:before{
		border-radius: 20px;
	}

	.our-clients-layout3{
		padding: 60px 0;
	}

	.client-logos-layout3 .client-logo-item{
		padding: 30px;
		border-radius: 20px;
	}

	.our-pricing-layout3{
		padding: 60px 0 30px;
	}

	.pricing-item-layout3{
		margin-bottom: 30px;
		border-radius: 20px;
	}

	.testimonial-layout3{
		padding: 60px 0;
	}

	.testimonial-slide3{
		border-radius: 20px;
	}

	.latest-post-layout3{
		padding: 60px 0 30px;
	}

	.post-item3{
		margin-bottom: 30px;
	}

	.post-item3 .post-featured-image{
		border-radius: 20px;
	}
}
@media only screen and (max-width: 767px){
   
    .btn-default{
        padding: 10px 22px;
    }

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

	header.main-header .header-sticky.active{
		padding: 10px 0;
	}

	.header-social-links{
		display: none;
	}

    .hero{
        padding: 220px 0 60px;
    }

	.hero:before{
		background: linear-gradient(90deg, rgba(22, 51, 0, 0.75) 0%, rgba(22, 51, 0, 0.20) 100%);
	}

    .hero-image{
        text-align: center;
    }

	.hero.hero-slider .hero-slider-layout1 .hero-slide:before{
		background: linear-gradient(90deg, rgba(22, 51, 0, 0.75) 0%, rgba(22, 51, 0, 0.20) 100%);
	}

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

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

    .section-title h1,
    .section-title h2,
	.hero-content .section-title h1{
        font-size: 30px;
    }

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

	.hero-layout2-box .section-title h1{
		font-size: 30px;
	}

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

	.about-image{
		padding-bottom: 40px;
	}

	.about-content ul li{
		width: 100%;
		margin-right: 0;
	}

	.about-layout2-content .section-title{
		margin-bottom: 20px;
	}

	.about-layout2-content .about-stats{
		margin-bottom: 10px;
	}

	.about-layout2-content .about-stats-item{
		margin-bottom: 20px;
	}

	.about-layout2-overlay-content{
		position: relative;
		left: 0;
		right: 0;
		bottom: 0;
		margin-top: 20px;
		border-radius: 0;
	}

	.about-overaly-item{
		background-color: var(--secondary-color);
		margin-bottom: 20px;
		border-radius: 20px;
	}

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

	.services-layout2{
		padding: 40px 0;
	}

	.services-layout2-slide{
		border-radius: 20px;
	}

	.services-layout2-slide .service-content{
		padding: 20px;
	}

	.services-layout2-slide .service-content .icon-box{
		width: 50px;
	}

	.services-layout2-slide .service-content .icon-box a{
		width: 50px;
		height: 50px;
		border-radius: 14px;
	}

	.services-layout2-slide .service-content .icon-box a::before{
		border-radius: 14px;
	}

	.services-layout2-slide .service-content .service-info{
		width: calc(100% - 70px);
	}

	.our-process{
		padding: 40px 0 20px;
	}

	.step-item{
		margin-bottom: 30px;
	}

	.our-process .row .col-md-4:last-child .step-item{
		margin-bottom: 0;
	}

	.process-item2 .process-step{
		width: 70px;
		height: 70px;
		font-size: 22px;
		top: 0;
		right: 0;
	}

	.intro-video{
		padding: 20px 0;
	}

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

	.video-play-button a img{
		max-width: 50px;
	}

	.our-skills{
		padding: 20px 0;
	}

	.skillbar{
		margin-bottom: 20px;
	}

	.skillbar .skill-data .title,
	.skillbar .skill-data .count{
		font-size: 18px;
	}

	.why-choose-us-layout2-content{
		padding: 40px 15px;
	}

	.why-choose-us-layout2-features .why-features-item{
		margin-bottom: 30px;
	}

	.why-choose-us-layout2-features .why-features-item .icon-box{
		margin-right: 0;
		margin-bottom: 20px;
		width: 50px;
		height: 50px;
		border-radius: 15px;
	}

	.why-choose-us-layout2-features .why-features-item .why-features-desc{
		width: 100%;
	}

	.stat-counter{
		padding: 40px 0 10px;
	}

	.solar-calculator{
		padding: 40px 0 20px;
	}

	.calculator-box{
		padding: 20px;
	}

	.latest-news{
		padding: 20px 0 0;
	}

	.blog-item .post-item-body{
		left: 15px;
		right: 15px;
		bottom: 15px;
	}

	.latest-post-layout2{
		padding: 40px 0 10px;
	}

	.post-item2 .post-body{
		padding: 20px;
	}

	.footer-contact-box .contact-icon-box{
		width: 60px;
		height: 60px;
		margin-right: 20px;
	}

	.footer-contact-info{
		width: calc(100% - 80px);
	}

	.footer-contact-box .contact-icon-box img{
		max-width: 50%;
		max-height: 50%;
	}

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

	.footer-links h2{
		margin-bottom: 20px;
	}

	.footer-copyright{
		margin-top: 10px;
	}

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

	.page-header-box h1{
		font-size: 30px;
		text-align: center;
		margin-bottom: 4px;
	}

	.page-header-box ol{
		justify-content: center;
	}

	.testimonial-header{
		top: -40px;
		margin-bottom: -40px;
	}

	.testimonial-author-img .icon-quote{
		bottom: 20px;
	}

	.testimonial-header .testimonial-author-img{
		max-width: 100px;
	}

	.testimonial-slider .swiper-pagination{
		margin-top: 20px;
	}

	.testimonial-slider .swiper-pagination .swiper-pagination-bullet{
		width: 14px;
		height: 14px;
	}

	.services-list-box ul li a{
		font-size: 18px;
	}

	.service-whyus h2,
	.service-benefits .service-benefits-title h2,
	.service-features .service-feature-content h2,
	.faq-box h2{
		font-size: 26px;
	}

	.benefits-item{
		padding-right: 0;
	}

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

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

	.post-single-meta{
		text-align: center;
	}

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

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

	.post-entry blockquote{
		padding: 30px;
	}

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

	.post-tags{
		flex-wrap: wrap;
		font-size: 18px;
	}

	.post-tags a{
		font-size: 14px;
		padding: 6px 14px;
	}

	.related-posts{
		padding: 20px 0 0;
	}

	.about-project-box{
		padding: 30px;
	}

	.project-gallery-items .project-gallery-item:nth-of-type(2n + 2){
		margin-right: 0;
	}

	.project-entry h1{
		font-size: 24px;
	}
	
	.project-entry h2{
		font-size: 22px;
	}
	
	.project-entry h3{
		font-size: 20px;
	}
	
	.project-entry h4{
		font-size: 18px;
	}
	
	.project-entry h5{
		font-size: 16px;
	}
	
	.project-entry h6{
		font-size: 14px;
	}

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

	.page-team-single{
		padding: 40px 0 20px;
	}

	.team-single-information .team-single-header h2{
		font-size: 26px;
	}

	.team-single-meta p{
		font-size: 16px;
	}

	.team-single-meta p strong,
	.team-social-links h3{
		font-size: 18px;
	}

	.team-contact-form-box{
		padding: 30px 20px;
	}

	.page-404{
		padding: 40px 0 20px;
	}

	.page-not-found-box h2{
		font-size: 26px;
		margin-top: 20px;
		margin-bottom: 10px;
	}

	.project-layout2-slide{
		border-radius: 20px;
	}

	.project-layout2-slide .project-content{
		padding: 15px 80px 20px 20px;
	}

	.project-layout2-slide .project-content .btn-link-box a{
		width: 50px;
		height: 50px;
	}

	.testimonial-slider2 .testimonial-item2{
		padding: 30px;
		border-radius: 20px;
	}

	.hero-layout3 .hero-content .section-title h1,
	.about-layout3 .section-title h2,
	.section-title-row .section-title h2{
		font-size: 30px;
	}

	.hero-layout3 .hero-content,
	.hero-layout3 .hero-content .section-title{
		text-align: center;
	}

	.hero-layout3 .hero-image{
		text-align: center;
		margin-top: 30px;
	}

	.hero-layout3 .hero-image-box{
		max-width: 240px;
	}

	.about-layout3{
		padding: 40px 0;
	}

	.about-layout3-features ul li{
		font-size: 18px;
		padding: 0 0 0 36px;
	}

	.about-layout3-features ul li:before{
		width: 26px;
		height: 26px;
	}

	.services-layout3{
		padding: 40px 0;
	}

	.service-slide3 .service-content{
		padding: 20px;
		margin-left: 20px;
		margin-right: 20px;
	}

	.why-renewable{
		padding: 40px 0;
	}

	.why-renewable-left .why-renewable-img-2{
		margin-top: 20px;
	}

	.why-renewable-left .why-renewable-img-1 p,
	.why-renewable-left .why-renewable-img-2 p{
		font-size: 16px;
		border-radius: 6px;
	}

	.why-renewable-item{
		margin-bottom: 30px;
	}

	.why-renewable-item h3{
		font-size: 22px;
	}

	.why-renewable-item .stepno{
		font-size: 20px;
	}

	.our-story{
		padding: 40px 0;
	}

	.our-story-body .btn-default{
		margin-top: 20px;
	}

	.our-story-image{
		margin-right: 0;
	}

	.story-counter-box{
		margin-top: 30px;
	}

	.story-counter-item{
		margin-bottom: 30px;
	}

	.project-layout3{
		padding: 40px 0;
	}

	.project-slide3 .project-content h3{
		font-size: 22px;
	}

	.why-choose-us-layout3{
		padding: 40px 0 10px;
	}

	.our-clients-layout3{
		padding: 40px 0 10px;
	}

	.client-logos-layout3{
		justify-content: center;
	}

	.client-logos-layout3 .client-logo-item{
		width: calc(50% - 15px);
		margin-bottom: 30px;
	}

	.client-logos-layout3 .client-logo-item:nth-of-type(5n + 5){
		margin-right: 30px;
	}

	.client-logos-layout3 .client-logo-item:nth-of-type(2n + 2){
		margin-right: 0;
	}

	.our-pricing-layout3{
		padding: 40px 0 10px;
	}

	.testimonial-layout3{
		padding: 40px 0;
	}

	.testimonial-slide3{
		padding: 30px;
	}

	.latest-post-layout3{
		padding: 40px 0 10px;
	}
}


/*****************************************************/

@media only screen and (min-width: 1200px) and (max-width: 1250px){
	.header-data:before{
		width: 995px;
	}
	.header-data:after{
		right: 989px;
	}
}

@media (max-width: 1199px){
	.topbar-contact-info ul li{
		margin-right: 12px;
	}
	.header-data:before{
		width: 75%;
	}
	.header-data:after{
		right: 74%;
	}
	.responsive-menu,
    .navbar-toggle{
        display: block;
    }
    .navbar{
    	justify-content: end;
    }
    .head-social{
    	display: none;
    }
    .topbar{
    	padding: 9px 0;
    }
    header.main-header .header-sticky{
    	padding: 30px 0;
    }
    .highlighted-menu{
    	display: none !important;
    }
    .hero.hero-slider .hero-slider-layout1 .hero-slide,
    .hero-layout2.hero-slider .hero-slider-layout2 .hero-slide{
    	padding: 50px 0;
    }
    .hero.hero-slider .hero-slider-layout1 .hero-button-next,
    .hero-layout2.hero-slider .hero-slider-layout2 .hero-button-next,
    .hero.hero-slider .hero-slider-layout1 .hero-button-prev,
    .hero-layout2.hero-slider .hero-slider-layout2 .hero-button-prev{
    	width: 50px;
	    height: 50px;
	    line-height: 50px;
	    top: 55%;
    }
    .hero.hero-slider .hero-slider-layout1 .hero-button-prev,
    .hero-layout2.hero-slider .hero-slider-layout2 .hero-button-prev{
    	left: auto;
    	right: 20px;
    	top: 41%;
    }
    .features-item2{
    	padding: 25px;
    }
    .features-item2 .features-header .icon-box{
    	width: 60px;
	    height: 60px;
	    font-size: 28px;
	    margin-right: 15px;
    }
    .features-item2 .features-header h3{
    	font-size: 24px;
    }
    .overview-counter-box .overview-counter-item .overview-counter-content {
	    width: calc(100% - 65px);
	}
    .overview-counter-box .overview-counter-item .icon-box{
		width: 55px;
		height: 55px;
		font-size: 26px;
		margin-right: 10px;
	}
	.overview-counter-box .overview-counter-item{
		padding: 10px;
	}
	.overview-counter-box .overview-counter-item .overview-counter-content p{
		font-size: 14px;
	}
	.overview-counter-box .overview-counter-item .overview-counter-content h3{
		font-size: 35px;
    	line-height: 38px;
	}
	.our-process-layout2 .process-item2:after{
		display: none;
	}
	.testimonial-slider2 .testimonial-item2{
		padding: 25px;
	}
	.testimonial-slider2 .testimonial-item2 .testimonial-header .testimonial-author-image{
		width: 60px;
    	height: 60px;
    	margin-right: 10px;
	}
	.testimonial-body{
		height: 220px;
	}
	.faq-accordion .accordion-header button{
		padding: 16px 30px 14px;
	}
	footer.main-footer:before{
		left: 54%;
	}
	footer.main-footer:after{
		width: 57%;
		top: 47%;
	}
	.footer-contact-box .contact-icon-box{
		width: 45px;
    	height: 45px;
    	font-size: 18px;
    	margin-right: 10px;
	}
	.page-header{
		padding: 60px 0;
	}
	.about-left{
		width: 380px;
	}
	.cta-content{
		padding: 0 20px 0 30px;
	}
	.pricing-item2 .price-header h2{
		font-size: 22px;
	}
	.contact-info-item .contact-info-content2 {
    	height: 185px;
	}
}	

@media (max-width: 991px){
	.topbar-contact-info ul li:last-child{
		display: none;
	}
	.header-data:before {
        width: 68%;
    }
    .header-data:after {
        right: 66%;
    }
    .hero.hero-slider .hero-slider-layout1 .hero-slide,
    .hero-layout2.hero-slider .hero-slider-layout2 .hero-slide{
    	padding: 40px 0;
    }
    .hero-layout2-box{
    	width: 380px;
    }
    .hero-layout2-box .section-title h1{
    	font-size: 38px;
    }
    .hero-layout2-box .hero-content p{
    	font-size: 14.6px;
    }
    .hero-layout2-box .hero-button .btn-default{
    	padding: 8px 20px;
    	font-size: 16px;
    }
    .hero-layout2-box .section-title h3{
    	font-size: 16px;
    }
    .hero-layout2-box .section-title{
    	margin-bottom: 5px;
    }
    .hero-layout2-box .hero-button{
    	margin-top: 10px;
    }
    .hero.hero-slider .hero-slider-layout1 .hero-button-next,
    .hero-layout2.hero-slider .hero-slider-layout2 .hero-button-next,
    .hero.hero-slider .hero-slider-layout1 .hero-button-prev,
    .hero-layout2.hero-slider .hero-slider-layout2 .hero-button-prev{
    	width: 45px;
    	height: 45px;
    	line-height: 45px;
    }
    .features-item2 .features-header .icon-box{
    	width: 50px;
        height: 50px;
        font-size: 24px;
        margin-right: 10px;
    }
    .features-item2 .features-header h3 {
    	width: calc(100% - 60px);
        font-size: 20px;
    }
    .features-item2 .features-desc p{
    	font-size: 15px;
    	line-height: 24px;
    }
    .features-item2 {
        padding: 20px;
    }
    .about-order{
    	order: -1;
    }
    .about-image-slider, .about-left{
    	width: 400px;
    	margin: 0 auto;
    	float: none;
    }
    .about-layout2-content, .about-layout2-content .section-title{
    	text-align: center;
    }
    .about-layout2-content .section-title h3, .about-layout2-content .about-footer{
    	justify-content: center;
    }
    .about-layout2-content .section-title h2{
    	font-size: 40px;
    }
    .about-layout2-content h4{
    	font-size: 18px;
    }
    .btn-default{
    	padding: 9px 23px;
    }
    .section-title h1, .section-title h2{
    	font-size: 42px;
    }
    .team-item2 .team-content{
    	padding: 0px 25px 25px;
    	height: 185px;
    }
    .team-item2 .team-content h3{
    	font-size: 20px;
    }
    .team-item2 .team-links{
    	padding: 0 25px;
    }
    .space-top{
    	padding-top: 70px;
    }
    .space-bottom{
    	padding-bottom: 70px;
    }
    .space{
    	padding: 70px 0;
    }
    .testimonial-slider2 .swiper-pagination .swiper-pagination-bullet,
    .team-layout2 .swiper-pagination .swiper-pagination-bullet{
    	width: 12px;
    	height: 12px;
    }
    .company-overview .section-title, .company-overview-content{
    	text-align: center;
    	margin-bottom: 10px;
    }
    .company-overview .section-title h3{
    	justify-content: center;
    }
    .overview-counter-box .overview-counter-item .overview-counter-content p{
    	font-size: 16px;
    }
    .scrolling-content span{
    	font-size: 40px;
    }
    .scrolling-content span:after{
    	margin-left: 25px;
    	font-size: 35px;
    }
    .scrolling-content{
    	gap: 25px;
    }
    .process-item2{
    	max-width: 290px;
    	margin: 0;
    }
    .process-item2 .process-step{
    	width: 70px;
	    height: 70px;	
	    font-size: 32px;
    }
    .page-faqs .faq-img{
    	display: none;
    }
    footer.main-footer:before, footer.main-footer:after{
    	display: none;
    }
    .footer-links ul{
    	column-count: 2;
    	margin-bottom: 30px;
    }
    .footer-right .footer-about{
    	padding-bottom: 0;
    	margin-bottom: 0;
    }
    .footer-contact, .footer-map{
    	margin-top: 30px;
    }
    .cta-content .phone-icon{
    	width: 65px;
    	height: 65px;
    	font-size: 24px;
    	border: 3px solid var(--white-color);
    	left: 8px;
    }
    .cta-content p{
    	font-size: 14px;
        line-height: 22px;
    }
    .cta-content h3{
    	font-size: 26px;
    	line-height: 30px;
    }
    .cta-content .btn-default{
    	padding: 1px 15px;
    	margin-top: 9px;
    	font-size: 15px;
    }
    .service-features .service-feature-content h1{
    	font-size: 32px;
    }
    .service-features .service-feature-content h2{
    	font-size: 24px;
    }
    .service-features .service-feature-content ul li+li {
    	margin-top: 8px;
	}
	.service-sidebar {
	    padding: 0;
	}
	.services-list-box{
		padding: 2px 15px;
    	border-radius: 20px;
	}
	.services-list-box ul li a{
		font-size: 16px;
		line-height: 24px;
		padding: 10px 0;
    	padding-left: 25px;
	}
	.sidebar-cta-box .cta-content{
		padding: 20px;
	}
	.sidebar-cta-box{
		border-radius: 20px;
	}
	.sidebar-cta-box .cta-content .cta-icon{
		width: 65px;
    	height: 65px;
    	border: 2px solid var(--white-color);
    	font-size: 24px;
	}
	.sidebar-cta-box .cta-content p{
		font-size: 26px;
	}
	.pricing-layout2 .attachments-data, .project-gallery-items, .video-area-section{
		grid-template-columns: repeat(2, 1fr);
	}
	.page-header-box h1{
		font-size: 50px;
	}
	.testimonial-slider2 .testimonial-item2 .testimonial-header{
		margin-bottom: 12px;
	}
	.contact-info-item .contact-info-content2{
		height: 210px;
	}
}

@media (max-width: 767px){
	.responsive-menu{
		width: 400px;
		left: -250px;
	}
	.topbar-contact-info ul li.head-loc{
		display: none;
	}
	.header-data:before {
        width: 58%;
    }
    .header-data:after {
        right: 56%;
    }
    .hero-layout2-box{
    	width: 300px;
    }
    .hero-layout2-box .section-title h1 {
        font-size: 30px;
    }
    .hero-layout2-box .hero-content p {
        font-size: 14px;
        line-height: 24px;
    }
    .hero-layout2-box .hero-button .btn-default {
        padding: 3px 14px;
        font-size: 14px;
        margin: 0 1px;
    }
    .hero-layout2-box .section-title h3 {
        font-size: 14px;
        padding: 2px 12px;
        margin-bottom: 8px;
    }
    .hero.hero-slider .hero-slider-layout1 .hero-slide,
    .hero-layout2.hero-slider .hero-slider-layout2 .hero-slide{
    	padding: 30px 0;
    }
    .hero.hero-slider .hero-slider-layout1 .hero-button-next,
    .hero-layout2.hero-slider .hero-slider-layout2 .hero-button-next,
    .hero.hero-slider .hero-slider-layout1 .hero-button-prev,
    .hero-layout2.hero-slider .hero-slider-layout2 .hero-button-prev{
    	width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 18px;
    }
    body{
    	font-size: 15px;
    }
    .btn-default {
        padding: 6px 18px;
        font-size: 16px;
    }
    .section-title h1, .section-title h2 {
        font-size: 38px;
    }
    .team-item2 .team-links{
    	margin-bottom: 10px;
    }
    .team-item2 .team-content{
    	height: 235px;
    }
    .team-item2 .team-links .team-social-links .btn-default {
    	padding: 5px 13px;
	}
	.team-item2 .team-content h3 {
        font-size: 19px;
    }
    .overview-counter-box .overview-counter-item .overview-counter-content p {
        font-size: 14px;
    }
    .process-item2{
    	margin: 0 auto;
    }
    .faq-accordion .accordion-header button{
    	font-size: 20px;
    }
    .footer-map iframe{
    	height: 150px;
    }
    .page-header-box h1 {
        font-size: 40px;
    }
    .page-header-box ol li.breadcrumb-item{
		font-size: 16px;
	}
	.page-header{
		padding: 40px 0;
	}
	.cta-content {
        padding: 25px 25px 20px;
        text-align: center;
    }
    .service-features .service-feature-content h1 {
        font-size: 30px;
    }
    .service-sidebar{
    	margin-top: 40px;
    }
    .pricing-item2{
    	padding: 0 15px 15px;
    }
    .pricing-layout2 .attachments-data{
    	gap: 20px 15px;
    }
    .pricing-item2 .price-buy-button .btn-default{
    	padding: 4px 15px;
    }
    .pricing-item2 .price-buy-button{
    	margin-top: 10px;
    }
    .pricing-item2 .price-header{
    	margin-bottom: 10px;
    }
    .pricing-item2 .package-icon-box{
    	width: 60px;
    	height: 70px;
    	font-size: 26px;
    }
    .testimonial-layout2-2 .testimonial-slider2{
    	grid-template-columns: repeat(1, 1fr);
    	gap: 20px;
    }
    .video-gallery .vd lite-youtube{
    	height: 200px;
    }
    .contact-info-item .contact-info-content2{
    	height: auto;
    }
    .contact-form-box{
    	padding: 30px;
    }
}

@media (max-width: 575px){
	.slicknav_nav .slicknav_row, .slicknav_nav li a{
		font-size: 15px;
		line-height: 24px;
		padding: 6px 15px;
	}
	.navbar-brand img{
		width: 110px;
		margin-top: 46px;
        margin-bottom: 8px;
	}
	.header-data:before{
		width: 100%;
		height: 40px;
	}
	.header-data:after{
		display: none;
	}
	.topbar{
		position: absolute;
		left: 50%;
    	margin-left: -65px;
    	padding: 7px 0;
	}
	header.main-header .header-sticky {
        padding: 64px 0 26px;
    }
    .slicknav_btn{
    	padding-top: 10px;
    	width: 45px;
    	height: 45px;
    }
    .responsive-menu{
    	width: 290px;
        left: -238px;
    }
    .hero-layout2-box {
        width: 280px;
        background: #ffffffb3;
        padding: 10px 15px 5px;
        border-radius: 20px;
    }
    .hero-layout2-box .section-title h1 {
        font-size: 20px;
    }
    .hero-layout2-box .hero-content p{
    	font-size: 12.7px;
        line-height: 21px;
    }
    .hero.hero-slider .hero-slider-layout1 .hero-button-next,
    .hero-layout2.hero-slider .hero-slider-layout2 .hero-button-next,
    .hero.hero-slider .hero-slider-layout1 .hero-button-prev,
    .hero-layout2.hero-slider .hero-slider-layout2 .hero-button-prev{
    	width: 30px;
        height: 30px;
        line-height: 30px;
        font-size: 14px;
    }
    .hero-layout2-box .section-title h3{
    	font-size: 12px;
        padding: 1px 0px;
        margin-bottom: 6px;
        letter-spacing: 0.7px;
    }
    .hero-layout2-box .hero-button .btn-default{
    	font-size: 12px;
        line-height: 20px;
        padding: 2px 8px;
        margin: 0;
    }
    .hero.hero-slider .hero-slider-layout1 .hero-slide,
    .hero-layout2.hero-slider .hero-slider-layout2 .hero-slide{
    	padding: 15px 0;
    }
    .space-top {
        padding-top: 60px;
    }
    .space-bottom {
        padding-bottom: 60px;
    }
    .space {
        padding: 60px 0;
    }
	.about-image-slider, .about-left{
		width: 270px;
	}
	.section-title h3{
		font-size: 15px;
		gap: 5px;
	}
	.section-title h3:before{
		width: 26px;
    	height: 26px;
    	background-size: cover;
	}
	.about-layout2-content .section-title h2 {
        font-size: 32px;
    }
    .about-layout2-content h4 {
        font-size: 16px;
    }
    .about-layout2-content .section-title {
        margin-bottom: 15px;
    }
	.btn-default {
        padding: 4px 11px;
        font-size: 15px;
    }
    .section-title h1, .section-title h2 {
        font-size: 30px;
    }
    .team-item2 .team-content{
    	padding: 0px 20px 20px;
    	height: auto;
    }
    .team-item2 .team-links{
    	padding: 0 20px;
    }
    .team-item2 .team-links .link-icon a{
    	width: 55px;
    	height: 55px;
    	border: 3px solid var(--white-color);
    }
    .team-item2 .team-links .team-social-links .btn-default{
    	padding: 2px 12px;
    }
    .team-item2 .team-links .link-icon{
    	margin-right: 0;
    }
    .team-item2 .team-content h3{
    	font-size: 18px;
    }
    .team-layout2 .swiper-pagination{
    	display: none;
    }
    .overview-counter-box .overview-counter-item .overview-counter-content h3{
    	font-size: 31px;
        line-height: 33px;
    }
    .scrolling-content span {
        font-size: 32px;
    }
    .scrolling-content span:after{
    	font-size: 30px;
    }
    .footer-ticker{
    	padding: 10px 0 8px;
    }
    .process-item2{
    	margin: 10px auto 0;
    }
    .process-item2 .process-step{
    	right: 10px;
    }
    .testimonial-slider2 .testimonial-item2{
    	padding: 20px;
    }
    .testimonial-slider2 .testimonial-item2 .testimonial-header .testimonial-author-image{
    	width: 55px;
        height: 55px;
        margin-right: 6px;
        padding: 3px;
    }
    .testimonial-slider2 .testimonial-item2 .testimonial-header .testimonial-author-info h3{
    	font-size: 20px;
    	margin-bottom: 1px;
    }
    .testimonial-slider2 .testimonial-item2 .testimonial-header .testimonial-author-info p{
    	font-size: 14px;
    }
    .faq-accordion .accordion-header button{
    	border-radius: 20px !important;
    	padding: 12px 20px 10px;
    	font-size: 18px;
    }
    .footer-links h2, .footer-about h2{
    	font-size: 26px;
    	margin-bottom: 15px;
    }
    .footer-links ul{
    	column-count: 1;
    }
    .footer-links ul li a{
    	padding-left: 25px;
    }
    .footer-links ul li{
    	margin-bottom: 6px;
    }
    .footer-contact-box .contact-icon-box{
    	width: 35px;
        height: 35px;
        font-size: 15px;
    }
    .footer-contact-info h3{
    	font-size: 20px;
    }
    .footer-map iframe {
        height: 100px;
    }
    .footer-copyright-text p {
        font-size: 14px;
        line-height: 22px;
    }
    .footer-copyright{
    	padding: 10px;
    }
    footer.main-footer{
    	padding: 50px 0 20px;
    }
    .page-header-box h1 {
        font-size: 30px;
        margin-bottom: 0px;
    }
    .page-header-box ol li.breadcrumb-item {
        font-size: 15px;
    }
    .page-header {
        padding: 30px 0;
    }
    .cta-content{
    	padding: 20px 20px 15px;
    }
    .cta-content h3 {
        font-size: 22px;
        line-height: 25px;
    }
    .service-features .service-feature-content h1 {
        font-size: 26px;
    }
    .service-features .service-feature-content h2 {
        font-size: 20px;
    }
    .service-features .service-feature-content ul li+li {
        margin-top: 6px;
    }
    .service-features .service-feature-content ul li{
    	padding-left: 25px;
    }
    .services-list-box ul li a{
    	font-size: 15px;
    	line-height: 22px;
    }
    .pricing-layout2 .attachments-data, .project-gallery-items, .video-area-section{
    	grid-template-columns: repeat(1, 1fr);
    }
    .pricing-item2 .price-header h2 {
        font-size: 20px;
    }
    .pricing-item2 .package-icon-box{
    	width: 55px;
        height: 60px;
        font-size: 22px;
    }
    .pricing-item2 .package-icon-box{
    	margin: 0 auto 0px;
    }
    .pricing-item2 .price-buy-button .btn-default {
        padding: 2px 13px;
    }
    .video-gallery .vd lite-youtube > .lty-playbtn{
    	width: 51px;
    	height: 36px;	
    	background-size: cover;
    }
    .contact-info-item .contact-info-content{
    	padding: 15px 20px;
    	border-radius: 25px;
    }
    .contact-info-item .contact-icon{
    	width: 55px;
    	height: 55px;
    	right: 30px;
    	top: -25px;
    }
    .contact-information .row{
    	gap: 30px 0;
    }
    .contact-info-item .contact-info-content h3{
    	font-size: 22px;
    }
    .contact-form-box{
    	padding: 22px;
    }
    .contact-form-box .section-title {
    	margin-bottom: 25px;
	}
	.contact-form .form-control{
		padding: 12px 18px;
		font-size: 14px;
	}
	.contact-form .form-group {
    	margin-bottom: 12px;
	}
	#scroll-button{
		width: 45px;
    	height: 45px;
    	right: 15px;
	}
	#scroll-button::after{
		font-size: 19px;
    	line-height: 45px;
	}
	.btn-whatsapp-pulse{
		padding: 22px;
		font-size: 30px;
		bottom: 35px;
		left: 10px;
	}
	.btn-whatsapp-pulse2{
		font-size: 24px;
    	bottom: 90px;
	}
	.btn-whatsapp-pulse3{
		font-size: 27px;
		bottom: 145px;
	}
}