@media only screen and (max-width:1700px) {
	.main-header .header-lower .outer-box .ui-btn-outer {
		border-right: 0;
		margin-right: 0;
		padding-right: 0
	}

	.header-style-one .header-lower .logo-box {
		margin-right: 30px
	}

	.main-menu .navigation>li {
		margin-right: 44px
	}
}

@media only screen and (max-width:1439px) {
	.main-header .header-lower .logo-box {
		min-width: 230px;
		margin-right: 20px;
		padding: 24px 0 24px 20px
	}

	.header-top {
		margin-left: 220px;
		padding-right: 30px
	}

	.header-style-one .header-lower {
		padding-right: 30px
	}

	.main-menu .navigation>li {
		margin-right: 11px
	}

	.about-section .image-column .inner-column {
		margin-left: 0
	}

	.header-style-two .header-lower .logo-box {
		padding: 15px 0
	}

	.project-section-one {
		padding: 120px 0 110px
	}

	.latest-blog-section-one {
		margin: -335px 0 0 0
	}

	.banner-section-charity::before {
		left: 0
	}
}

@media only screen and (max-width:1199px) {
	.header-top {
		margin-left: 0;
		padding: 0
	}

	.main-header .main-box {
		align-items: center
	}

	.main-header .header-lower .logo-box {
		margin-top: 0;
		min-height: auto
	}

	.about-section .image-column .image-1:before,
	.about-section .image-column .image-2,
	.about-section:before,
	.header-top .outer-box,
	.main-header .header-lower .outer-box .theme-btn {
		display: none
	}

	.banner-section .content-box .title,
	.banner-section-two .content-box .title {
		font-size: 76px
	}

	.sec-title h2 {
		font-size: 42px
	}

	.about-section .image-column .image-1 {
		max-width: 100%
	}

	.about-section .image-column .inner-column {
		padding-right: 0
	}

	.about-section .experience {
		left: 60px
	}

	.about-section-two .image-column .experience {
		left: 40px
	}

	.about-section-two .image-column .image-1 img {
		min-width: auto
	}

	.about-section-two .image-column .inner-column {
		padding-right: 0
	}

	.contact-section .image-column .inner-column {
		padding-left: 0
	}

	.banner-section .slide-item {
		min-height: auto
	}

	.banner-section .content-box {
		padding: 180px 0
	}

	.banner-section-two .content-box {
		padding: 250px 0 150px
	}

	.why-choose-us-two .image-column .image-box {
		padding-left: 0
	}

	.why-choose-us-two .image-column .image-box img {
		min-height: 520px;
		object-fit: cover
	}

	.contact-section-two .info-column .inner-column {
		margin-left: 0;
		padding-left: 50px;
		padding-right: 20px
	}

	.contact-section-two .info-column .inner-column .image {
		display: none
	}

	.main-header .header-lower .logo-box {
		min-width: 180px
	}

	.pricing-section .content-column .inner-column {
		padding-right: 0
	}

	.header-style-two .header-lower .logo-box {
		margin-right: 30px
	}

	.header-style-one .header-lower .main-box {
		align-items: center
	}
}

@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:1024px) {
	.main-header .main-menu {
		display: block
	}

	.main-header .logo {
		min-width: auto
	}

	.main-header .logo img,
	.sticky-header .logo img {
		width: auto;
		max-width: none;
		max-height: 45px
	}

	/* .sticky-header .mobile-nav-toggler {
		display: block;
		margin-left: 20px;
		width: 40px;
		height: 40px;
		background: var(--theme-color2);
		text-align: center;
		line-height: 40px;
		border-radius: 5px;
		color: var(--theme-color-white);
		position: absolute;
		top: 15px;
		right: -60px
	} */

	/* .mobile-nav-toggler {
		display: block;
		margin-left: 20px;
		width: 40px;
		height: 40px;
		background: var(--theme-color2);
		text-align: center;
		line-height: 40px;
		border-radius: 5px;
		color: var(--theme-color-white)
	} */

	.main-header .ui-btn {
		font-size: 24px;
		line-height: 35px;
		margin-left: 15px
	}

	.main-header .main-box .nav-outer {
		gap: 0
	}

	.main-header .main-box .nav-outer {
		width: auto
	}

	.main-header .main-box {
		justify-content: space-between
	}

	.main-header .header-lower .outer-box .menubars-text a {
		display: none
	}

	.main-header .header-lower .outer-box .menubars {
		display: none
	}

	.header-style-one .header-lower {
		padding-right: 20px
	}

	.sticky-header .inner-container {
		align-items: center;
		justify-content: space-around
	}

	.sticky-header .mobile-nav-toggler {
		color: var(--theme-color-white)
	}

	.banner-section-one .banner-content-wrap .banner-info-box .banner-btn a {
		padding: 15px 20px
	}

	.banner-section-one .banner-content-wrap {
		padding: 38px 30px 68px;
		border-radius: 0
	}

	.banner-section-one .banner-content-wrap .banner-info-box .banner-btn a::before {
		left: 160px;
		top: 22px
	}

	.banner-section-one .banner-content-wrap .banner-botton-since {
		grid-gap: 70px;
		display: block
	}

	.banner-section-one .banner-content-wrap .banner-shape5 {
		display: none
	}

	.banner-section-one .banner-content-wrap .banner-shape6 {
		display: none
	}

	.banner-section-one {
		border-radius: 0;
		margin-top: 0;
		padding: 0 0 28px 0
	}

	.banner-section-one .banner-wrapper {
		border-radius: 0;
		padding: 0 0 268px
	}

	.banner-section-one .banner-wrapper .banner-shape2 {
		display: none
	}

	.banner-section-one .banner-wrapper .banner-shape3 {
		display: none
	}

	.banner-section-one .banner-wrapper .banner-shape1 {
		display: none
	}

	.about-section-one {
		border-radius: 0
	}

	.about-section-one .single-about-box {
		background-size: inherit
	}

	.about-section-one .single-about-box::before {
		background-size: inherit
	}

	.services-section-one .single-service-box {
		background-position: inherit
	}

	.services-section-one .single-service-box::before {
		background-position: inherit
	}

	.why-choose-section-one .why-choose-box .single-choose-box {
		border-top: 0;
		display: block
	}

	.why-choose-section-one .why-choose-box .single-choose-box .choose-icon {
		float: inherit;
		margin-bottom: 20px
	}

	.why-choose-section-one .why-choose-box .single-choose-box:last-child {
		border-bottom: 0
	}

	.about-section-solar {
		border-radius: 0;
		margin: 0
	}

	.about-section-solar .about-counter-wrapper .about-counter {
		padding: 32px 10px 10px 10px
	}

	.about-section-solar .about-counter-wrapper .about-counter.two {
		padding: 32px 10px 10px 10px
	}

	.about-section-solar .about-item-box .single-about-box {
		display: block
	}

	.about-section-solar .about-item-box .single-about-box .about-wrap .about-icon {
		float: inherit
	}

	.about-section-solar .about-item-box .single-about-box {
		border-bottom: 0
	}

	.about-section-solar .about-item-box .single-about-box .about-desc p {
		float: left
	}

	.about-section-solar .about-item-box .about-info-box {
		display: block
	}

	.service-section-solar .section-desc P {
		margin: 0;
		width: 100%
	}

	.why-choose-section-solar .choose-box {
		margin: 0 auto 20px
	}

	.why-choose-section-solar .choose-box-wrapper {
		margin-top: 37px;
		text-align: center
	}

	.why-choose-section-solar .why-choose-thumb {
		position: relative;
		bottom: 0;
		margin-left: 0;
		text-align: center
	}

	.project-section-solar .project-box::before {
		display: none
	}

	.project-section-solar .project-box .project-content .project-title h3 {
		font-size: 25px
	}

	.work-process-section-solar .working-process-box .process-content p {
		width: 100%
	}

	.testimonial-section-solar .testi-solar-active {
		margin: 30px 20px 0
	}

	.latest-blog-section-solar .single-blog-box .blog-content .blog-title a {
		font-size: 30px
	}

	.main-footer-solar .main-footer-section .footer-widget-content.social {
		margin-bottom: 25px
	}

	.banner-section-charity::before {
		left: 0;
		border-radius: 0
	}

	.banner-section-charity .banner-thumb-wrapper .banner-thumb {
		right: 0;
		bottom: -60px;
		text-align: center
	}

	.about-section-charity .sec-title .section-title .title {
		font-size: 35px;
		line-height: 48px
	}

	.about-section-charity .about-item-box .single-about-box {
		border-bottom: 0;
		display: block
	}

	.about-section-charity .about-item-box .single-about-box .about-wrap .about-icon {
		float: inherit
	}

	.about-section-charity .about-item-box .single-about-box .about-desc p {
		width: 86%;
		float: left
	}

	.about-section-charity .about-item-box .about-info-box {
		display: block
	}

	.project-section-charity .project-box .project-content {
		padding: 37px 0 0
	}

	.main-footer-charity .main-footer-section .footer-widget-content.social {
		padding-right: 0;
		margin-bottom: 30px
	}
	.main-menu .navigation > li {
    margin-right: 8px !important;
    padding: 31px 14px 31px 0px !important;
}
.main-menu .navigation > li a {
    font-size: 16px;
}
.sticky-header .outer-box{
	gap:5px !important;
}
}

@media only screen and (max-width:992px) {
	.sticky-header .mobile-nav-toggler {
		color: var(--theme-color-white);
		top: 25px;
		right: -30px
	}

	.blog-list-area .single-blog-box .blog-content .blog-title {
		font-size: 20px
	}
}


 @media (min-width: 512px) and (max-width: 768px) {
        /* Styles applied to viewports between 768px and 1024px (e.g., tablets in landscape) */
	.sticky-header .outer-box {
        gap: 6px !important;
        position: absolute;
        left: 190px;
    }
    }


@media only screen and (max-width:768px) {
	.main-header .main-menu {
		display: none
	}

	.btn-theme1{
		display: none !important;
	}

	.sticky-header .mobile-nav-toggler {
		display: block;
		margin-left: 20px;
		width: 40px;
		height: 40px;
		background: var(--theme-color2);
		text-align: center;
		line-height: 40px;
		border-radius: 5px;
		color: var(--theme-color-white);
		position: absolute;
		top: 8px;
		right: 0
	}

	.mobile-nav-toggler {
		display: block;
		margin-left: 20px;
		width: 40px;
		height: 40px;
		background: var(--theme-color2);
		text-align: center;
		line-height: 40px;
		border-radius: 5px;
		color: var(--theme-color-white)
	}

	.sticky-header .inner-container {
		align-items: center;
		justify-content: space-between
	}

	.services-section-one .single-service-box {
		background-position: center center
	}

	.services-section-one .single-service-box::before {
		background-position: center center
	}

	.about-section-one .single-about-box {
		background-size: inherit;
		background-position: inherit
	}

	.about-section-one .single-about-box::before {
		background-size: inherit;
		background-position: inherit
	}

	.services-details-area .services-details-content .services-details-title {
		font-size: 30px
	}

	.contact-section-solar-classic .contact-form-box {
		background: var(--theme-color-white);
		padding: 45px 10px 10px !important;
	}

	.contact-section-solar-classic .contact-banner-mobile {
		display: none !important;
	}
}

@media only screen and (max-width:599px) {
	.main-header .main-menu {
		display: none
	}

	.about-section-solar .about-counter-wrapper .about-counter {
		background-position: inherit
	}

	.blog-details-area .blog-details-thumb {
		margin-bottom: 20px
	}

	.marquee-section-one {
		position: relative;
		padding: 23px 0 4px;
		z-index: 1;
		background-color: var(--theme-color2);
		margin: -15px 30px 0 30px;
		border-radius: 0 0px 20px 20px;
	}

	.marquee-section-one .marquee .marquee-block h3 {
		font-size: 17px;
		text-transform: uppercase;
		color: var(--theme-color-white);
		font-weight: 600;
	}
}


@media only screen and (max-width:425px) {
	.banner-section-one{
		padding: 0px;
	}
	.main-header .main-menu {
		display: none
	}

	.banner-section-one .banner-wrapper {
		border-radius: 0;
		padding: 0 0 0 !important;
		margin-bottom: -16px;
	}

	.banner-section-one .banner-content-wrap .banner-title h1 {
		font-size: 35px;
		line-height: 45px
	}

	.banner-section-one .banner-content-wrap .banner-info-box {
		display: block
	}

	.banner-section-one .banner-content-wrap .banner-info-box .banner-btn a {
		padding: 15px 20px;
		margin-bottom: 30px
	}

	.banner-section-one .banner-content-wrap {
		padding: 80px 30px 41px;
		border-radius: 0
	}

	.since-title{
		display: flex;
		gap: 12px;
	}

	.sec-title .section-title .title {
		font-size: 30px;
		line-height: 40px
	}



	.services-section-one {
		padding: 54px 15px 54px 15px;
		border-radius: 0
	}

	.services-section-one .single-service-box .service-content .service-title{
    font-size: 17px;
    line-height: 20px;
    padding: 9px 0 0 16px;
    margin-bottom: 12px;
	max-width: 150px;   
    white-space: normal;
    word-wrap: break-word;
	}
	
	.sec-title .section-desc p {
		width: 100%
	}

	.about-section-one .single-about-box .about-title h3 {
    display: inline-block;
    color: var(--heading-color);
    font-weight: 500;
    font-size: 17px;
    line-height: 20px;
    margin: 11px 0 0;
}
.banner-call-info{
	margin: 15px 0px;
}
.call-btn {
    bottom: 87px;
}
.mobile-contact{
	display: none !important;
}
.banner-section-one .banner-content-wrap .banner-info-box{
	margin: 15px 0 0px;
}
	.about-section-one .single-about-box{
		padding: 25px;
	}

	.about-section-one{
		padding: 25px 0 25px;
	}

	.about-section-one {
		border-radius: 0
	}

	.why-choose-section-one{
    margin-top: -48px;
    padding: 77px 0 77px;
	}

	.why-choose-section-one .why-choose-shape1 {
		display: none
	}

	.why-choose-section-one .why-choose-wrapper .why-choose-counter {
		left: 130px;
		display: none
	}

	.why-choose-section-one .why-choose-box .single-choose-box .choose-desc p {
		width: 100%;
		float: left
	}

	.why-choose-section-one .why-choose-box .choose-title h1 {
		font-size: 30px
	}


	.work-process-section-one {
    padding: 25px 0px;
}

.work-process-section-one .working-process-box .process-icon {
    width: 97px;
    height: 97px;
    line-height: 99px;
}

.work-process-section-one .working-process-box .process-content h3 {
    color: var(--theme-color-white);
    font-weight: 600;
    font-size: 22px;
    line-height: 16px;
    margin: 15px 0 15px;
}

form .agree-box .desc {
    margin: 0px 0;
    color: #666;
    font-size: 13px;
    line-height: 20px;
}
.contact-form{
	text-align: center;
}

	.work-process-section-one {
		border-radius: 0;
		margin: 0
	}

	.work-process-section-one .working-process-box .process-icon .process-shape {
		display: none
	}

	.marquee-section-one {
		margin: 0;
		border-radius: 0
	}

	.team-section-one .single-team-box.upp {
		transform: translateY(0)
	}

	.team-section-one {
		padding: 120px 20px 80px 20px;
		border-radius: 0
	}

	.testimonial-section-one .single-testi-box {
		padding: 45px 10px 35px 10px
	}

	.latest-blog-section-one {
		margin: -335px 0 0 0
	}

	.latest-blog-section-one .single-blog-box .blog-content .blog-title a {
		font-size: 28px
	}

	.latest-blog-section-one .single-blog-box {
		margin-bottom: 30px
	}

	.latest-blog-section-one .blog-single-box {
		display: block
	}

	.latest-blog-section-one .blog-single-box .blog-thumb {
		width: 100%
	}

	.latest-blog-section-one .blog-single-box .blog-thumb img {
		width: 100%
	}

	.main-footer-one .footer-circle {
		text-align: center
	}

	.main-footer-one .footer-circle .circle-text {
		bottom: 22px;
		right: 112px
	}

	.main-footer-one .footer-bottom .footer-bottom-menu {
		text-align: left
	}

	.main-footer-one .footer-bottom .footer-bottom-menu ul li {
		margin-left: 10px
	}

	.main-footer-one .footer-bottom .footer-bottom-menu ul li:first-child {
		margin-left: 0
	}

	.about-section-one .about-autor-box .about-arrow {
		display: none
	}

	.about-section-one .about-sec .about-shape1 {
		display: none
	}

	.about-section-one .about-autor-box {
		padding: 35px 10px 32px 10px
	}

	.latest-blog-section-one {
		background-position: center
	}

	.brand-area-one .band-active .brand-box {
		margin: 0 auto
	}

	.banner-section-solar {
		margin: -90px 0 0;
		border-radius: 0
	}

	.header-solar-renewable .main-box {
		top: 0;
		padding: 0 10px 0
	}

	.banner-section-solar .banner-content-wrap .banner-title h2 {
		font-size: 30px;
		line-height: 40px
	}

	.banner-section-solar .banner-content-wrap .banner-title h2 img {
		display: none
	}

	.banner-section-solar .banner-content-wrap .banner-autor-info .banner-autor-desc {
		position: inherit;
		bottom: 0;
		left: 0
	}

	.banner-section-solar .banner-content-wrap .banner-autor-info .banner-autor-desc p {
		width: 100%
	}

	.about-section-solar .about-counter-wrapper {
		display: block
	}

	.about-section-solar .about-counter-wrapper .about-counter {
		padding: 32px 10px 10px 10px;
		margin-bottom: 30px
	}

	.service-section-solar .service-solar-active {
		overflow-x: hidden;
		margin-top: 30px
	}

	.why-choose-section-solar {
		border-radius: 0;
		margin: 0
	}

	.project-section-solar .econet-button {
		float: left;
		margin-bottom: 30px
	}

	.work-process-section-solar {
		margin: 0;
		border-radius: 0
	}

	.work-process-section-solar .working-process-box .process-icon .process-shape {
		display: none
	}

	.marquee-section-solar {
		margin: 0;
		border-radius: 0
	}

	.contact-section-solar {
		padding: 0;
		margin: 0
	}

	.testimonial-section-solar .section-desc p {
		width: 100%
	}

	.latest-blog-section-solar {
		border-radius: 0;
		margin: 0
	}

	.latest-blog-section-solar .single-blog-box .blog-content .blog-title a {
		font-size: 25px;
		line-height: 35px
	}

	.latest-blog-section-solar .blog-single-box {
		display: block
	}

	.latest-blog-section-solar .single-blog-box {
		margin-bottom: 30px
	}

	.sign-up-section-solar {
		border-radius: 0;
		margin: 0
	}

	.sign-up-section-solar .sign-up-title h4 {
		font-size: 35px
	}

	.main-footer-solar .footer-bottom .footer-bottom-menu {
		text-align: left
	}

	.main-footer-solar .footer-bottom .footer-bottom-menu ul li {
		margin-left: 5px
	}

	.latest-blog-section-solar .blog-single-box .blog-thumb {
		width: 100%
	}

	.latest-blog-section-solar .blog-single-box .blog-thumb img {
		width: 100%
	}

	.main-header .header-lower .outer-box {
		padding: 10px 10px 10px 0
	}

	.banner-section-charity .banner-content-wrap .banner-title h2 {
		font-size: 30px;
		line-height: 40px
	}

	.banner-section-charity .banner-content-wrap .banner-autor-info .auto-info {
		display: block
	}

	.banner-section-charity .banner-content-wrap .banner-btn a {
		margin-bottom: 30px
	}

	.about-section-charity .about-thumb-wrapper .about-counter {
		display: none
	}

	.about-section-charity .about-item-box .single-about-box {
		padding: 0 0 12px
	}

	.latest-blog-section-charity .single-blog-box .blog-content .blog-title a {
		font-size: 28px
	}

	.latest-blog-section-charity .single-blog-box {
		margin-bottom: 30px
	}

	.latest-blog-section-charity .blog-single-box {
		display: block
	}

	.latest-blog-section-charity .blog-single-box .blog-thumb {
		width: 100%
	}

	.latest-blog-section-charity .blog-single-box .blog-thumb img {
		width: 100%
	}

	.sign-up-section-charity .sign-up-title h4 {
		font-size: 30px
	}

	.main-footer-charity .main-footer-section .footer-widget-content {
		padding-right: 0
	}

	.main-footer-charity .footer-bottom .footer-bottom-menu {
		text-align: left
	}

	.main-footer-charity .footer-bottom .footer-bottom-menu ul li {
		margin-left: 0
	}

	.project-section-charity .project-box .project-content .project-title h3 {
		font-size: 24px
	}

	.brand-area-one {
		padding: 25px 0px;
	}

	.main-footer-one {
    padding: 30px 0 10px;
}

.main-footer-one .main-footer-section .footer-widget-content .footer-desc {
    padding: 15px 0px;
}

.main-footer-one .main-footer-section .footer-widget-content .footer-title {
    font-size: 22px;
    margin: 24px 0 15px;
}

.main-footer-one .main-footer-section .footer-widget-content .footer-menu li a{
	font-size: 16px;
}

.main-footer-one .footer-bottom .footer-bottom-menu ul {
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap-reverse;
}

	.services-details-area .services-details-content .services-details-title {
		font-size: 30px;
		margin-bottom: 0
	}

	.services-details-area .service-details-icon-box {
		padding: 32px 10px 18px
	}

	.services-details-area .service-details-icon-box .service-details-icon-thumb {
		margin-right: 10px
	}

	.services-details-area .services-details-text {
		padding: 32px 10px;
		display: block
	}

	.services-details-area .services-details-text .service-details-text-icon {
		margin-bottom: 10px
	}

	.project-details-area .project-details-content h4 {
		font-size: 26px
	}

	.project-details-area .project-details-content .project-details-text {
		font-size: 20px;
		line-height: 30px
	}

	.project-details-area .project-details-right {
		padding: 29px 10px 30px
	}

	.team-details-area .team-details-right .contact-info-box {
		margin-bottom: 20px
	}

	.blog-details-area .blog-details-content {
		padding: 27px 10px 20px
	}

	.blog-details-area .blog-details-content .blog-details-quote {
		margin-bottom: 10px
	}

	.blog-details-area .blog-details-content .blog-details-list-item ul li {
		display: flex
	}

	.blog-details-area .blog-details-thumb {
		margin-bottom: 10px
	}
}

@media only screen and (max-width:320px) {
	.banner-section-one .banner-wrapper {
		border-radius: 0;
		padding: 0 0 0 !important;
	}

	.banner-section-one .banner-content-wrap .banner-title h1 {
		font-size: 30px;
		line-height: 35px
	}

	.banner-section-one .banner-content-wrap .banner-info-box {
		display: block
	}

	.banner-section-one .banner-content-wrap .banner-info-box .banner-btn a {
		padding: 15px 10px;
		margin-bottom: 30px
	}

	.banner-section-one .banner-content-wrap {
		padding: 80px 20px 90px;
		border-radius: 0
	}

	.sec-title .section-title .title {
		font-size: 25px;
		line-height: 35px
	}

	.services-section-one {
		padding: 120px 20px 100px 20px;
		border-radius: 0
	}

	.sec-title .section-desc p {
		width: 100%
	}

	.about-section-one {
		border-radius: 0
	}

	.why-choose-section-one .why-choose-shape1 {
		display: none
	}

	.why-choose-section-one .why-choose-wrapper .why-choose-counter {
		left: 130px;
		display: none
	}

	.why-choose-section-one .why-choose-box .single-choose-box .choose-desc p {
		width: 100%;
		float: left
	}

	.why-choose-section-one .why-choose-box .choose-title h1 {
		font-size: 25px
	}

	.project-section-one {
		border-radius: 0;
		margin: -245px 0 30px 0
	}

	.project-section-one .project-box .project-box-item .project-thumb .project-box {
		display: none
	}

	.project-section-one .project-box .project-box-item .project-thumb figure {
		width: 100%
	}

	.work-process-section-one {
		border-radius: 0;
		margin: 0
	}

	.work-process-section-one .working-process-box .process-icon .process-shape {
		display: none
	}

	.marquee-section-one {
		margin: 0;
		border-radius: 0
	}

	.team-section-one .single-team-box.upp {
		transform: translateY(0)
	}

	.team-section-one {
		padding: 120px 20px 80px 20px;
		border-radius: 0
	}

	.testimonial-section-one .single-testi-box {
		padding: 45px 10px 35px 10px
	}

	.latest-blog-section-one {
		margin: -335px 0 0 0
	}

	.latest-blog-section-one .single-blog-box .blog-content .blog-title a {
		font-size: 25px
	}

	.latest-blog-section-one .single-blog-box {
		margin-bottom: 30px
	}

	.latest-blog-section-one .blog-single-box {
		display: block
	}

	.latest-blog-section-one .blog-single-box .blog-thumb {
		width: 100%
	}

	.latest-blog-section-one .blog-single-box .blog-thumb img {
		width: 100%
	}

	.main-footer-one .footer-circle {
		text-align: center
	}

	.main-footer-one .footer-circle .circle-text {
		bottom: 22px;
		right: 112px
	}

	.main-footer-one .footer-bottom .footer-bottom-menu {
		text-align: left
	}

	.main-footer-one .footer-bottom .footer-bottom-menu ul li {
		margin-left: 10px
	}

	.main-footer-one .footer-bottom .footer-bottom-menu ul li:first-child {
		margin-left: 0
	}

	.about-section-one .about-autor-box .about-arrow {
		display: none
	}

	.about-section-one .about-sec .about-shape1 {
		display: none
	}

	.about-section-one .about-autor-box {
		padding: 35px 10px 32px 10px
	}

	.latest-blog-section-one {
		background-position: center
	}

	.brand-area-one .band-active .brand-box {
		margin: 0 auto
	}

	.banner-section-solar {
		margin: -90px 0 0;
		border-radius: 0
	}

	.header-solar-renewable .main-box {
		top: 0;
		padding: 0 10px 0
	}

	.banner-section-solar .banner-content-wrap .banner-title h2 {
		font-size: 25px;
		line-height: 35px
	}

	.banner-section-solar .banner-content-wrap .banner-title h2 img {
		display: none
	}

	.banner-section-solar .banner-content-wrap .banner-autor-info .banner-autor-desc {
		position: inherit;
		bottom: 0;
		left: 0
	}

	.banner-section-solar .banner-content-wrap .banner-autor-info .banner-autor-desc p {
		width: 100%
	}

	.about-section-solar .about-counter-wrapper {
		display: block
	}

	.about-section-solar .about-counter-wrapper .about-counter {
		padding: 32px 10px 10px 10px;
		margin-bottom: 30px
	}

	.service-section-solar .service-solar-active {
		overflow-x: hidden;
		margin-top: 30px
	}

	.why-choose-section-solar {
		border-radius: 0;
		margin: 0
	}

	.project-section-solar .econet-button {
		float: left;
		margin-bottom: 30px
	}

	.work-process-section-solar {
		margin: 0;
		border-radius: 0
	}

	.work-process-section-solar .working-process-box .process-icon .process-shape {
		display: none
	}

	.marquee-section-solar {
		margin: 0;
		border-radius: 0
	}

	.contact-section-solar {
		padding: 0;
		margin: 0
	}

	.testimonial-section-solar .section-desc p {
		width: 100%
	}

	.latest-blog-section-solar {
		border-radius: 0;
		margin: 0
	}

	.latest-blog-section-solar .single-blog-box .blog-content .blog-title a {
		font-size: 22px;
		line-height: 32px
	}

	.latest-blog-section-solar .blog-single-box {
		display: block
	}

	.latest-blog-section-solar .single-blog-box {
		margin-bottom: 30px
	}

	.sign-up-section-solar {
		border-radius: 0;
		margin: 0
	}

	.sign-up-section-solar .sign-up-title h4 {
		font-size: 35px
	}

	.main-footer-solar .footer-bottom .footer-bottom-menu {
		text-align: left
	}

	.main-footer-solar .footer-bottom .footer-bottom-menu ul li {
		margin-left: 5px
	}

	.latest-blog-section-solar .blog-single-box .blog-thumb {
		width: 100%
	}

	.latest-blog-section-solar .blog-single-box .blog-thumb img {
		width: 100%
	}

	.main-header .header-lower .outer-box {
		padding: 10px 10px 10px 0
	}

	.banner-section-charity .banner-content-wrap .banner-title h2 {
		font-size: 25px;
		line-height: 35px
	}

	.banner-section-charity .banner-content-wrap .banner-autor-info .auto-info {
		display: block
	}

	.banner-section-charity .banner-content-wrap .banner-btn a {
		margin-bottom: 30px
	}

	.about-section-charity .about-thumb-wrapper .about-counter {
		display: none
	}

	.about-section-charity .about-item-box .single-about-box {
		padding: 0 0 12px
	}

	.latest-blog-section-charity .single-blog-box .blog-content .blog-title a {
		font-size: 25px
	}

	.latest-blog-section-charity .single-blog-box {
		margin-bottom: 30px
	}

	.latest-blog-section-charity .blog-single-box {
		display: block
	}

	.latest-blog-section-charity .blog-single-box .blog-thumb {
		width: 100%
	}

	.latest-blog-section-charity .blog-single-box .blog-thumb img {
		width: 100%
	}

	.sign-up-section-charity .sign-up-title h4 {
		font-size: 25px
	}

	.main-footer-charity .main-footer-section .footer-widget-content {
		padding-right: 0
	}

	.main-footer-charity .footer-bottom .footer-bottom-menu {
		text-align: left
	}

	.main-footer-charity .footer-bottom .footer-bottom-menu ul li {
		margin-left: 0
	}

	.project-section-charity .project-box .project-content .project-title h3 {
		font-size: 22px
	}

	.brand-area-one {
		padding: 80px 0 80px
	}

	.services-details-area .services-details-content .services-details-title {
		font-size: 25px;
		margin-bottom: 0
	}

	.services-details-area .service-details-icon-box {
		padding: 32px 10px 18px
	}

	.services-details-area .service-details-icon-box .service-details-icon-thumb {
		margin-right: 10px
	}

	.services-details-area .services-details-text {
		padding: 32px 10px;
		display: block
	}

	.services-details-area .services-details-text .service-details-text-icon {
		margin-bottom: 10px
	}

	.project-details-area .project-details-content h4 {
		font-size: 22px
	}

	.project-details-area .project-details-content .project-details-text {
		font-size: 18px;
		line-height: 30px
	}

	.project-details-area .project-details-right {
		padding: 29px 10px 30px
	}

	.team-details-area .team-details-right .contact-info-box {
		margin-bottom: 20px
	}

	.blog-details-area .blog-details-content {
		padding: 27px 10px 20px
	}

	.blog-details-area .blog-details-content .blog-details-quote {
		margin-bottom: 10px
	}

	.blog-details-area .blog-details-content .blog-details-list-item ul li {
		display: flex
	}

	.blog-details-area .blog-details-thumb {
		margin-bottom: 10px
	}

	.services-section-one .single-service-box .service-content .service-title {
		padding: 48px 0 0 10px
	}

	.about-section-one .single-about-box {
		padding: 50px 10px 50px 10px
	}

	.about-section-one .single-about-box .about-title h1 {
		font-size: 25px;
		line-height: 32px
	}

	.testimonial-section-one .single-testi-box .testi-desc p {
		font-size: 20px;
		line-height: 30px
	}

	.testimonial-section-one .single-testi-box .testi-autor-box {
		gap: 5px
	}

	.mobile-nav-toggler {
		display: block;
		margin-left: -15px;
		width: 40px;
		height: 40px;
		background: var(--theme-color2);
		text-align: center;
		line-height: 40px;
		border-radius: 5px;
		color: var(--theme-color-white)
	}

	.header-solar-renewable .header-lower .outer-box .header-src-btn {
		display: none
	}

	.about-section-solar .about-item-box .single-about-box .about-wrap {
		width: 100%
	}

	.service-section-solar .single-service-box {
		padding: 20px 0 20px
	}

	.service-section-solar .single-service-box .service-content {
		padding: 40px 0 20px
	}

	.why-choose-section-solar .choose-box-wrapper {
		text-align: left
	}

	.project-section-solar .project-box .project-content {
		padding: 37px 10px 0
	}

	.testimonial-section-solar .testi-solar-active .swiper-slide {
		width: 100% !important
	}

	.testimonial-section-solar .single-testi-box {
		padding: 40px 5px 30px
	}

	.header-charity .header-lower .outer-box .header-src-btn {
		display: none
	}

	.about-section-charity .sec-title .section-title .title {
		font-size: 26px;
		line-height: 35px
	}

	.about-section-charity .about-item-box .single-about-box .about-wrap .title h2 {
		font-size: 20px
	}

	.about-section-charity .about-item-box .single-about-box .about-desc p {
		width: 100%;
		float: left
	}

	.testimonial-section-charity .testi-charity-active .swiper-slide {
		width: 100% !important
	}

	.testimonial-section-charity .single-testi-box {
		padding: 40px 10px 30px
	}

	.brand-area-one {
		padding: 80px 0 80px
	}

	.main-footer-one .footer-circle .circle-text {
		bottom: 22px;
		right: 60px
	}

	.team-details-area .team-details-right .contact-info-box {
		padding: 29px 5px 27px
	}

	.team-details-area .team-details-right .team-details-social-icon ul li {
		font-size: 13px
	}

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

@media (prefers-reduced-motion: reduce) {
	* {
		animation: none !important;
		transition: none !important;
	}
}