@media(min-width:2100px) {
	.animated-projects-outer {
		overflow: unset;
	}

	section.about-officials {
		min-width: 2200px;
	}

	.inner-banner-img {
		width: 2300px;
		background-size: cover;
	}

	.contact-main-outer {
		max-width: 2000px;
	}

	.contact-map {
		width: 100%;
	}

	.page-template-template-contact .inner-banner-img {
		background-position: 238px -390.983px;
	}

	.page-template-template-contact .banner.inner-banner:hover .inner-banner-img {
		background-position: 63px -536.493px;
	}
}


@media only screen and (max-width: 1920px) {
	.animated-project {
		width: calc(100% + 200px);
		margin-right: -100px;
	}
}

@media (max-width: 1800px) {

	.inner-banner-img h1,
	.inner-banner-img p {
		font-size: 40px;
	}

	.banner.inner-banner {
		height: 392px;
	}



	.abc-img {
		width: 546px;
		height: 427px;
	}


	.abc-shadow {
		height: 490px;
		top: 50%;
		transform: translateY(-50%);
	}


	.abc-row .img-col {
		width: 600px;
	}

	.abc-img-wrap {
		height: 480px;
	}


	.abc-img-wrap .banner-icons {
		margin-right: 24px;
	}


	.banner-icon:hover::before {
		width: 337px;
	}


	.about-officials h2 {
		padding-top: 80px;
		padding-bottom: 85px;
	}

	.about-officials h3 {
		font-size: 37px;
	}

	.about-officials h4 {
		font-size: 28px;
	}


	.about-officials {
		max-width: 1692px;
		height: 645px;
		margin-top: 70px;
		margin-bottom: 250px;
	}

	.inner-banner-img h1,
	.inner-banner-img p {
		max-width: 1200px;
	}


	.contact-map {
		height: 484px;
	}

	.case-study-outer .sr-content-col h3,
	.power-description h2 {
		font-size: 30px;
		line-height: 40px;
	}


	.power-description p {
		line-height: 28px;
		max-width: 1060px;
	}

	.power-description {
		margin-bottom: 75px;
	}

	.power-outer .sr-content-col h3 {
		font-size: 29px;
		line-height: 39px;
	}

	.sr-img {
		max-width: 696.977px;
		height: 392.156px;
	}

	.case-study-style .sr-shadow,
	.sr-shadow {
		width: 62.029%;
	}

	.sr-img-wrap {
		height: 419px;
	}

	.sr-img-wrap:hover .sr-shadow {
		width: 150px;
	}

	.case-study-outer .sr-img {
		height: 334.52px;
	}


	.services-row {
		margin-bottom: 68px;
	}


	.case-study-outer .sr-content-col h3:after {
		width: calc(1710px - 1150px);
	}

	.page-template-template-case-study .inner-banner-img {
		background-position: 260px -602.983px;
	}

	.case-study-style .sr-img-wrap:hover .sr-shadow {
		transform: translateX(180%);
	}


	.case-study-style .services-row.services-row-reverse .sr-img-wrap:hover .sr-shadow {
		transform: translateX(-180%);
	}

	.case-study-outer .sr-img {
		max-width: 666.916px;
		margin-right: 82px;
	}

	/*.case-study-outer .services-row.services-row-reverse .sr-img {*/
	/*margin-left: 82px;*/
	/*}*/

	.page-template-template-services .banner.inner-banner .inner-banner-img h1 {
		left: -13%;
	}
}

@media (max-width: 1700px) {
	.case-study-outer .sr-content-col h3:after {
		width: 100%;
	}

	.case-study-outer .services-row.services-row-reverse h3:after {
		width: 100%;
	}

	.ap-content {
		left: 3%;
	}

	/* .animated-project {
		background-size: auto;
	} */

	.animated-projects-inner {
		height: 547px;
	}

	.services-outer.power-outer .container-custom {
		max-width: 1450px;
	}

	.case-study-outer .sr-content-col h3:after {
		width: calc(1710px - 1020px);
	}

	.case-study-style .services-row-reverse .sr-content-col {
		max-width: 580px !important;
	}

	.services-outer.case-study-outer .services-row.services-row-reverse h3:after {
		right: auto;
		left: -27%;
		transform: rotate(180deg);
		width: calc(1710px - 1120px);
	}
}

@media (max-width: 1600px) {
	.services-outer.case-study-outer .container-custom {
		max-width: 1410px;
		overflow: hidden;
	}

	.abc-row{
		align-items: center;
	}
	.abc-row.abc-row-reverse{
		margin-top: 60px;
	}

	.page-template-template-about .banner.inner-banner .inner-banner-img p {
		max-width: 1414px;
	}

	.page-template-template-about .banner.inner-banner .inner-banner-img{
		width: 110%;
	}

	.page-template-template-contact .inner-banner-img h1{
		max-width: 1470px;
	}

	.services-outer .container-custom {
		max-width: 1350px;
	}

	.services-outer.power-outer .container-custom {
		max-width: 1300px;
	}

	.page-template-template-contact .contact-main-inner .left-col {
		left: 50%;
	}

	.services-outer.case-study-outer .sr-content-col {
		margin-left: 0;
	}

	.services-outer.case-study-outer .services-row-reverse .sr-content-col {
		margin-right: 0;
	}

	.services-outer.case-study-outer .services-row.services-row-reverse h3:after {
		left: -10%;
	}

	.banner.inner-banner {
		height: 365px;
	}

	.abc-img {
		width: 516px;
		height: 397px;
	}

	.abc-shadow {
		height: 460px;
	}


	.about-cotnent-outer .container-custom {
		max-width: 1410px;
	}


	.about-officials {
		max-width: 1462px;
		height: 600px;
		margin-top: 70px;
		margin-bottom: 200px;
		overflow-x: clip;
	}

	.ao-inner-content .officials-container {
		gap: 80px;
	}

	.ao-inner-content {
		padding-left: 20px;
		padding-right: 20px;
	}


	.about-officials .officials-container {
		max-width: 1300px;
	}

	.about-officials h3 {
		font-size: 30px;
	}

	.about-officials h4 {
		font-size: 25px;
	}


	.about-officials h3,
	.about-officials h4 {
		line-height: 45.639px;
	}


	.about-officials h2 {
		padding-top: 60px;
	}

	.inner-banner-img h1,
	.inner-banner-img p {
		max-width: 950px;
	}

	.case-study-outer .sr-content-col h3,
	.power-description h2 {
		font-size: 27px;
		line-height: 35px;
	}

	.power-description {
		margin-bottom: 65px;
	}

	.power-outer .sr-content-col h3 {
		font-size: 26px;
		line-height: 36px;
	}

	.power-outer .sr-content-col p {
		max-width: 500px;
	}

	.sr-img {
		max-width: 565.977px;
		height: 342.156px;
	}

	.sr-img-wrap {
		height: 385px;
		max-width: 637px;
	}


	.sr-img-col {
		width: 640px;
	}


	.case-study-style .sr-img-wrap:hover .sr-shadow {
		transform: translateX(100%);
	}

	.case-study-style .services-row.services-row-reverse .sr-img-wrap:hover .sr-shadow {
		transform: translateX(-100%);
	}


	.inner-banner-img {
		right: 0;
	}


	.case-study-outer .sr-img {
		max-width: 566.916px;
		margin-left: 38px;
	}

	.case-study-outer .services-row.services-row-reverse .sr-img {
		margin-right: 38px;
	}

	.banner.inner-banner .inner-banner-img h1 {
		text-align: left;
		padding-left: 50px;
	}

	.power-outer .sr-img-col {
		width: 640px;
	}

	.power-outer .services-row.services-row-reverse .sr-img {
		margin-right: 0;
	}

	.case-study-outer .sr-content-col h3:after {
		width: calc(1710px - 1000px);
	}

	.services-outer.case-study-outer .services-row.services-row-reverse h3:after {
		left: auto;
		right: 28%;
		width: calc(1710px - 1145px);
	}

	.page-template-template-contact .banner.inner-banner:hover .inner-banner-img {
		background-position: 183px -796.493px;
	}
}

@media (max-width: 1500px) {
	.banner h1 {
		font-size: 50px;
		line-height: 63px;
	}

	.inner-banner-img h1,
	.inner-banner-img p {
		font-size: 40px;
	}


	.animated-project {
		width: 100%;
		margin-right: 0;
	}

	.case-study-outer .sr-content-col h3:after {
		width: calc(1720px - 1000px);
	}

	.footer-bottom .container-custom {
		max-width: 1384px;
	}
}

@media (max-width:1440px) {
	.case-study-outer .sr-content-col h3:after {
		width: 100%;
	}

	.services-outer.case-study-outer .services-row.services-row-reverse h3:after {
		left: auto;
		right: 22%;
		width: 100%;
	}

	.animated-project {
		background-size: cover;
		background-position: center;
	}

	.services-outer.power-outer .container-custom {
		max-width: 1270px;
	}

	.ap-content {
		width: 540px;
	}

}

@media (max-width: 1400px) {
	.home-banner .banner-inner {
		height: 560px;
	}

	.page-template-template-about .banner.inner-banner .inner-banner-img p {
		max-width: 1200px;
	}

	.page-template-template-contact .inner-banner-img h1, .page-template-template-contact .inner-banner-img p {
		max-width: 1480px;
	}

	.about-officials h2 {
		right: 0;
	}

	.contact-main-outer .form-heading h3 {
		font-size: 28px;
	}

	.animated-img {
		width: 726px;
	}

	h1,
	h2 {
		font-size: 45px;
		line-height: normal;
	}

	.renewable-energies .content-heading h2,
	.ap-content .apc-inner .content-heading h2,
	h3 {
		font-size: 35px;
		line-height: 40px;
	}

	.ppcbc p {
		font-size: 20px;
		line-height: 28px;
	}

	body {
		font-size: 20px;
	}

	.animated-projects-inner {
		height: 567px;
	}

	.ap-content {
		height: 538px;
		width: 500px;
		padding-right: 24px;
		padding-left: 24px;
	}

	.footer-bottom .container-custom,
	footer .container-custom,
	.container-custom {
		max-width: 1179px;
	}

	.contact-form {
		width: 482px;
	}

	.contact-form h2 {
		font-size: 35px;
	}

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

	input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]):not([type="button"]) {
		width: 100%;
	}

	.services-outer.case-study-outer .services-row-reverse .sr-content-col {
		margin-left: auto;
		margin-right: 0;
		max-width: 480px !important;
	}


	.power .inner-banner-img {
		background-position: 385px 35%;
		background-size: cover;
	}

	.power.inner-banner:hover .inner-banner-img {
		background-position: 385px 58% !important;
		background-size: cover !important;
	}

	.page-template-template-services .banner.inner-banner .inner-banner-img h1 {
		left: -7%;
	}

}

@media (max-width: 1300px) {
	.animated-img {
		width: 666px;
	}

	.page-template-template-about .banner.inner-banner .inner-banner-img p {
		max-width: 1100px;
	}

	.page-template-template-contact .inner-banner-img h1 {
		max-width: 1160px;
	}

	.services-outer .container-custom {
		max-width: 1200px;
	}

	.animated-img .anim-img {
		width: 600px;
	}

	.footer-bottom .container-custom,
	footer .container-custom,
	.container-custom {
		max-width: 1079px;
	}

	.animated-img:hover .anim-shadow {
		left: calc(100% - 515px);
	}
}

@media(max-width:1280px) {
	.services-outer.case-study-outer .sr-content-col {
		max-width: 540px;
	}

	.services-outer.case-study-outer .services-row-reverse .sr-content-col {
		margin-left: auto;
		margin-right: 0;
		max-width: 400px !important;
	}

	.services-outer.case-study-outer .services-row.services-row-reverse h3:after {
		left: auto;
		right: 4%;
		width: 530px;
	}

	.page-template-template-services .banner.inner-banner .inner-banner-img h1 {
		left: -4%;
	}
}

@media (max-width: 1200px) {
	.page-template-template-contact .inner-banner-img h1 {
		max-width: 1060px;
	}
	.page-template-template-about .banner.inner-banner .inner-banner-img p {
		max-width: 1000px;
	}

	h1,
	h2 {
		font-size: 40px;
		line-height: normal;
	}

	.renewable-energies .content-heading h2,
	.ap-content .apc-inner .content-heading h2,
	h3 {
		font-size: 30px;
		line-height: 35px;
	}

	.ppcbc p {
		font-size: 18px;
		line-height: 26px;
	}

	body {
		font-size: 18px;
	}

	.animated-img {
		width: 590px;
	}

	.animated-img .anim-img {
		width: 550px;
	}

	.footer-bottom .container-custom,
	footer .container-custom,
	.container-custom {
		max-width: 979px;
	}

	.page-template-template-contact .contact-main-inner .left-col,
	.contact-main-inner .left-col {
		left: 55%;
	}

	.pp-inner {
		width: 100%;
	}

	.contact-map {
		margin-left: 20px;
	}

	.about-officials h2 {
		padding-bottom: 65px;
	}

	.ao-inner-content {
		padding-top: 0;
	}

	.services-outer.case-study-outer .services-row.services-row-reverse h3:after {
		left: auto;
		right: 13%;
		width: 430px;
	}
}

@media (max-width: 1100px) {

	h1,
	h2 {
		font-size: 35px;
		line-height: normal;
	}

	.contact-main-outer .contact-main-inner .right-col {
		padding-left: 60px;
	}

	.renewable-energies .content-heading h2,
	.ap-content .apc-inner .content-heading h2,
	h3 {
		font-size: 25px;
		line-height: 25px;
	}

	.animated-img {
		width: 550px;
	}

	.animated-img .anim-img {
		width: 500px;
	}

	.h-logo img {
		width: 100%;
		height: 100%;
	}

	.h-logo a {
		height: 41.14px;
	}

	footer .logo-col img {
		width: 100%;
	}

	.banner h1 {
		font-size: 40px;
		line-height: 53px;
	}
}

@media (max-width: 1040px) {
	.renewable-energies .left-col {
		width: 62.273%;
	}

	.page-template-template-about .banner.inner-banner .inner-banner-img p {
		max-width: 100%;
		text-align: left;
		left: 20px;
		padding-left: 100px;
	}

	.page-template-template-contact .inner-banner-img{
		width: 100%;
	}
	.page-template-template-contact .inner-banner-img {
		background-position: -41px -640.983px;
	}
	.page-template-template-contact .banner.inner-banner:hover .inner-banner-img {
		background-position: -37px -796.493px;
	}

	.hc-nav-trigger.hc-nav-1 {
		right: 20px;
	}

	.hc-offcanvas-nav a.nav-next {
		border: unset;
	}

	ul.sub-menu li.current-menu-item a {
		font-weight: bold;
	}

	.services-outer.case-study-outer .sr-content-col {
		margin-right: 0;
	}

	.banner.inner-banner {
		margin-top: -118px;
	}

	.contact-details ul {
		margin: 0px auto;
	}

	.services-outer.case-study-outer .services-row.services-row-reverse h3:after {
		left: 0;
		transform: rotate(0deg);
	}

	.power .inner-banner-img {
		background-size: cover;
	}

	.power-outer .sr-img-col {
		width: 100%;
	}

	.hc-offcanvas-nav li.current_page_item .nav-item-wrapper>a {
		font-weight: bold;
	}

	.hc-offcanvas-nav li.current_page_item ul li .nav-item-wrapper>a {
		font-weight: normal;
	}

	.hc-offcanvas-nav li.menu-item-has-children ul li a {
		font-size: 16px;
	}

	.abc-row.abc-row-reverse .ct-col {
		padding-left: 0;
	}

	.about-officials {
		margin-top: 30px;
	}

	.about-officials h3 {
		font-size: 25px;
	}

	.about-officials h4 {
		font-size: 22px;
	}

	.abc-row.abc-row-reverse {
		margin-top: 0;
	}

	.page-template-template-about .content-heading.text-center {
		margin-bottom: 0;
	}

	.apc-links {
		gap: 60px;
	}

	.pp-content-box {
		width: 100%;
	}

	.h-meta {
		padding-right: 50px;
	}

	.home .hc-nav-trigger span {
		bottom: 49.1px;
		top: 40px;
	}

	.hc-nav-trigger span {
		bottom: 49.1px;
		top: 55px;
	}


	/* .animated-img .anim-shadow {
		width: 445px;
		height: 391px;
	}

	.animated-img .anim-img {
		width: 400px;
		height: 350px;
	} */


	footer {
		font-size: 16px;
		line-height: 48px;
	}


	footer h3 {
		font-size: 16px;
	}

	footer .logo-col img {
		width: 85%;
	}

	.contact-form .form-heading h2 {
		position: relative;
		right: 0;
		font-size: 25px;
	}


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

	.abc-row {
		flex-direction: column-reverse;
	}

	.abc-row .ct-col {
		width: 100%;
		max-width: 100%;
		margin-top: 20px;
	}

	.abc-ct {
		max-width: 80%;
		margin: 0 auto;
	}

	body {
		font-size: 16px;
		line-height: normal;
	}


	.about-cotnent-outer .abc-ct p br {
		display: none;
	}

	.abc-shadow {
		height: 360px;
		width: 120px;
	}


	.abc-img {
		width: 416px;
		height: 297px;
		margin-left: 45px;
	}


	.abc-img-wrap {
		height: 400px;
	}


	.abc-row .img-col {
		width: 500px;
	}


	.abc-img-wrap .banner-icons {
		margin-left: auto;
		flex-direction: column;
		align-items: flex-end;
		justify-content: start;
		right: 0;
		transform: translateX(0);
		margin: auto;
		margin-right: 0;
		gap: 20px;
	}


	.ao-inner-content {
		padding: 0;
		padding-bottom: 40px;
	}


	.abc-row.abc-row-reverse {
		flex-direction: column-reverse;
	}

	.banner.inner-banner .inner-banner-img h1,
	.inner-banner-img h1,
	.inner-banner-img p {
		max-width: 100%;
		font-size: 25px;
		margin: auto;
		margin-left: 0;
		text-align: left;
		padding-left: 100px;
		position: relative;
		top: 30px;
	}

	.about-officials .officials-container {
		max-width: 1000px;
		padding-right: 20px;
		display: grid;
		grid-template-columns: 1fr 1fr;
		row-gap: 40px;
	}

	.services-row {
		margin-bottom: 90px;
		flex-direction: column;
	}

	.services-row.services-row-reverse {
		flex-direction: column;
	}

	.case-study-outer .sr-content-col h3,
	.power-description h2 {
		font-size: 22px;
		line-height: 30px;
	}

	.power-description p {
		line-height: 26px;
		max-width: 60%;
	}

	.power-outer .sr-content-col h3 {
		font-size: 22px;
		line-height: 30px;
	}


	.power-description {
		margin-bottom: 60px;
		display: block;
	}

	.services-outer h2 {
		margin-bottom: 50px;
	}

	.case-study-outer .sr-img-wrap {
		height: 380px;
	}

	.hc-offcanvas-nav .nav-close-button span::before {
		margin-right: -11px;
		transform: rotate(135deg);
		width: 10px;
		height: 10px;
	}

	.hc-offcanvas-nav .nav-close-button span::after {
		transform: rotate(-45deg);
		width: 10px;
		height: 10px;
	}


	.hc-offcanvas-nav {
		font-family: "Assistant", sans-serif;
	}


	.hc-offcanvas-nav .nav-container,
	.hc-offcanvas-nav .nav-wrapper,
	.hc-offcanvas-nav ul {
		background: rgba(78, 183, 152);
	}

	.hc-offcanvas-nav .nav-content>.nav-close:first-child a,
	.hc-offcanvas-nav .nav-title+.nav-close a.has-label,
	.hc-offcanvas-nav li.nav-close a,
	.hc-offcanvas-nav .nav-back a {
		background: rgba(78, 183, 152);
		border-top: 1px solid rgba(78, 183, 152);
		border-bottom: 1px solid rgba(78, 183, 152);
	}

	.hc-offcanvas-nav .nav-content>.nav-close:first-child a:hover,
	.hc-offcanvas-nav .nav-title+.nav-close a.has-label:hover,
	.hc-offcanvas-nav li.nav-close a:hover,
	.hc-offcanvas-nav .nav-back a:hover {
		background: rgba(78, 183, 152);
	}


	.hc-offcanvas-nav .nav-item-link,
	.hc-offcanvas-nav li.nav-close a,
	.hc-offcanvas-nav .nav-back a {
		border-bottom: unset;
	}

	.hc-offcanvas-nav.rtl a.nav-next {
		border-right: none;
		border-left: unset;
	}

	.hc-offcanvas-nav .nav-wrapper>.nav-content>ul:first-of-type>li:first-child:not(.nav-back):not(.nav-close)>.nav-item-wrapper>.nav-item-link,
	.hc-offcanvas-nav .nav-wrapper>.nav-content>ul:first-of-type>li:first-child:not(.nav-back):not(.nav-close)>.nav-item-wrapper>.nav-item-link,
	.hc-offcanvas-nav .nav-wrapper>.nav-content>ul:first-of-type>li:first-child:not(.nav-back):not(.nav-close)>.nav-item-wrapper>.nav-item-link,
	.hc-offcanvas-nav a.nav-next {
		border-bottom: unset;
	}

	.hc-offcanvas-nav .nav-wrapper>.nav-content>ul:first-of-type>li:first-child:not(.nav-back):not(.nav-close)>.nav-item-wrapper>.nav-item-link {
		border-top: unset;
	}

	.hc-offcanvas-nav .nav-item-link,
	.hc-offcanvas-nav li.nav-close a,
	.hc-offcanvas-nav .nav-back a {
		font-size: 18px;
		border-bottom: unset;
	}


	.hc-offcanvas-nav .nav-content>h2,
	.hc-offcanvas-nav .nav-content>h3,
	.hc-offcanvas-nav .nav-content>h4,
	.hc-offcanvas-nav .nav-content>h5,
	.hc-offcanvas-nav .nav-content>h6 {
		font-size: 22px;
		color: #fff;
	}

	:root {
		scroll-behavior: unset !important;
	}

	.contact-outer {
		height: 100%;
		margin-bottom: 80px;
		margin-top: -170px;
		padding-top: 10px;
	}

	.contact-main-inner {
		flex-direction: column;
	}

	.contact-main-inner .right-col {
		width: 100%;
	}

	.contact-form {
		width: 482px;
		margin: 0 auto;
	}

	.contact-main-inner .left-col {
		width: 100%;
		position: unset;
	}

	.contact-main-inner .left-col .video-wrap {
		width: 100%;
		height: 400px;
		margin-top: 59px;
	}

	.contact-main-inner {
		height: 100%;
	}

	.contact-main-outer {
		margin-bottom: 97px;
		padding-bottom: 40px;
		margin-top: 40px;
	}

	.contact-main-outer:before {
		height: 100%;
	}

	.contact-details {
		padding-left: 32px;
		padding-bottom: 20px;
		padding-top: 20px;
		margin: auto;
		padding-left: 0;
	}

	section.services-outer.power-outer .sr-img-wrap {
		margin: 0px auto;
	}

	.services-outer.case-study-outer .services-row-reverse .sr-content-col {
		margin-left: auto;
		margin-right: auto;
		max-width: 540px !important;
	}

	.hc-nav-trigger.hc-nav-1::after {
		content: '';
		width: 100%;
		height: 100%;
		position: absolute;
		right: 0;
		top: 0;
		display: block;
		cursor: pointer;
	}

	.home .hc-nav-trigger span,
	.hc-nav-trigger span {
		bottom: 49.1px;
		top: 12px;
	}

	.hc-nav-trigger span::before {
		top: -10px;
	}

	.hc-nav-trigger {
		top: 48px;
	}

	.page-template-template-services .banner.inner-banner .inner-banner-img h1 {
		left: 23%;
		margin: auto;
		max-width: 600px;
		width: fit-content;
	}
}

@media (min-width:1000px) and (max-width:1024px) {

	.home .header-inner,
	.inner-page-header .header-inner {
		height: 110px;
		align-items: center;
		padding-bottom: 0;
	}

	.home .hc-nav-trigger span,
	.hc-nav-trigger span {
		bottom: auto;
		top: 8px;
	}
}

@media(max-width:1020px) {
	.hc-nav-trigger {
		top: 65px;
	}
}

@media (max-width: 992px) {
	.flx-center {
		flex-direction: column;
	}

	ul#menu-main-menu-english {
		display: none !important;
	}

	.home-banner .banner-inner {
		height: 500px;
	}

	.animated-projects-inner {
		height: 510px;
	}

	.animated-project {
		background-size: cover;
		background-position: center;
	}

	.ap-content {
		height: 500px;
		padding: 40px 0 32px 51px;
		transform: translateX(50%);
		left: auto;
		right: 50%;
	}

	.footer-bottom .container-custom {
		padding: 10.5px 40px;
	}

	.renewable-energies .left-col {
		width: 82.273%;
	}

	.animated-img:hover .anim-img {
		right: calc(100% - 578px);
		z-index: 0;
	}

	.animated-img .anim-img {
		width: 500px;
	}

	.animated-img:hover .anim-shadow {
		left: calc(100% - 455px);
	}

	.contact-main-inner .left-col .bg-video {
		border-radius: 49px;
	}

	.contact-main-outer:before {
		height: 100%;
	}


	.contact-main-outer {
		margin-bottom: 97px;
		padding-bottom: 40px;
		margin-top: 40px;
	}

	.contact-details {
		padding-left: 32px;
		padding-bottom: 20px;
		padding-top: 20px;
		margin: auto;
		padding-left: 0;
	}

	.contact-details ul {
		margin: auto;
	}


	.contact-map {
		width: 100%;
		height: 374px;
		border-radius: 0 125px 125px 0;
	}

	.contact-main-outer .contact-main-inner .right-col {
		padding-right: 20px;
		padding-left: 20px;
	}


}

@media (max-width: 850px) {
	.animated-img .anim-img {
		width: 300px;
		height: 300px;
	}

	.animated-img .anim-shadow {
		width: 345px;
		height: 291px;
	}

	.animated-img:hover .anim-shadow {
		right: calc(100% - 255px);
	}

	.animated-img .anim-shadow {
		width: 345px;
		height: 345px;
	}

	.animated-img .anim-shadow {
		top: 50%;
		transform: translateY(-50%);
	}


	.aoc-content {
		max-width: 328px;
	}

}

@media (max-width: 768px) {
	.footer-top {
		flex-direction: column-reverse;
	}

	.services-outer.case-study-outer .sr-content-col {
		max-width: 70%;
	}

	.power-description h2 {
		margin-bottom: 20px;
	}

	.services-outer.power-outer {
		margin-top: 30px;
	}

	.page-template-template-contact .inner-banner-img h1,
	.page-template-template-contact .inner-banner-img p {
		max-width: 80%;
	}

	.page-template-template-contact .contact-main-outer {
		margin-bottom: 30px;
	}

	.about-officials {
		background-position: right;
	}

	.page-template-template-contact .contact-main-outer .form-heading h3 {
		font-size: 25px;
		line-height: 25px;
	}

	.pt-75 {
		padding-top: 45px;
	}

	.renewable-energies .content-heading {
		margin-bottom: 14px;
	}

	.renewable-energies .animated-link {
		margin-top: 20px;
	}

	footer .logo-col img {
		width: 50%;
		margin: 0 auto;
		margin-bottom: 20px;
	}

	.animated-img {
		margin: 0px auto;
	}

	.renewable-energies .left-col {
		width: 100%;
		margin: 0 auto;
		text-align: center;
	}

	.widgets-col {
		width: 100%;
	}

	.header-inner {
		height: 100px;
		transition: all 1s;
	}

	.sticky .header-inner {
		transition: all 1s;
		height: 80px;
	}

	.home .sticky .hc-nav-trigger span {
		top: 20px;
	}

	.sticky .hc-nav-trigger span {
		top: 30px;
	}

	.contact-outer {
		margin-bottom: 50px;
	}


	.animated-img:hover .anim-shadow {
		left: calc(100% - 325px);
	}

	.animated-img:hover .anim-img {
		right: calc(100% - 510px);
		z-index: 0;
	}

	.about-officials .officials-container {
		grid-template-columns: 1fr;
		row-gap: 20px;
	}

	.about-officials {
		height: auto;
	}

	.inner-banner-img h1,
	.inner-banner-img p {
		padding-left: 40px;
	}

	.sr-img {
		max-width: 465.977px;
		height: 272.156px;
	}

	.sr-shadow {
		width: 40.029%;
	}

	.sr-img-wrap:hover .sr-shadow {
		width: 100px;
	}

	.sr-img-col {
		width: 570px;
	}


	.sr-img-wrap {
		height: 340px;
		max-width: 637px;
	}

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

	.services-inner {
		padding-bottom: 60px;
	}

	.home .hc-nav-trigger span {
		bottom: 39px;
		top: 30px;
	}

	.hc-nav-trigger span {
		bottom: auto;
		top: 12px;
	}

	.page-template-template-contact .wpcf7-not-valid-tip {
		position: absolute;
		top: 90%;
	}

	.sr-content-col h3 {
		font-size: 25px;
	}

	.sr-content-col ol li,
	.sr-content-col ul li {
		padding-bottom: 5px;
	}

	.page-template-template-services .services-row .sr-img-wrap .banner-icons {
		left: auto;
		right: 0;
		align-items: baseline;
	}

	.page-template-template-services .services-row.services-row-reverse .sr-img-wrap .banner-icons {
		align-items: end !important;
	}


	.hc-nav-trigger {
		top: 67px;
	}

	.home .hc-nav-trigger span {
		bottom: 39px;
		top: 13px;
	}


	.sticky .hc-nav-trigger {
		top: 48px;
	}

	.sticky .hc-nav-trigger span {
		top: 3px;
	}

	.page-template-template-services .banner.inner-banner .inner-banner-img h1 {
		left: 30%;
	}

}

@media (min-width:767px) and (max-width:800px) {
	.animated-img:hover .anim-shadow {
		left: calc(100% - 445px);
	}

	.animated-img .anim-img,
	.animated-img:hover .anim-img {
		right: 30%;
	}

	.pt-69 {
		padding-top: 20px;
	}

	.sticky .header-inner,
	.home .header-inner,
	.inner-page-header .header-inner {
		height: 100px;
		align-items: center;
		padding-bottom: 0;
	}

	.home .hc-nav-trigger span,
	.hc-nav-trigger span {
		bottom: 49.1px;
		top: 12px;
	}

	.hc-nav-trigger span::before {
		top: -10px;
	}

	.hc-nav-trigger {
		top: 38px;
	}

	.power-description p {
		max-width: 70%;
	}

	.power-outer .sr-img-wrap:first-child:hover .sr-shadow {
		left: 90%;
	}

}

@media (max-width: 680px) {
	.home-banner .banner-inner:hover h1 {
		transform: translateY(-78%);
	}

	.page-template-template-about .banner.inner-banner .inner-banner-img p {
		max-width: 100%;
		text-align: left;
		left: 0;
		padding-left: 80px;
	}

	.note label.privacy {
		font-size: 14px;
	}

	.power-description p {
		max-width: 90%;
	}

	.page-template-template-power .sr-img-wrap {
		margin: 0px auto;
	}

	.abc-ct {
		max-width: 80%;
		margin: 0 auto;
	}

	.apc-links .hover-link {
		min-height: 109px;
	}

	.animated-img .anim-shadow {
		left: -20px;
	}

	.header-inner,
	.inner-page-header .header-inner {
		height: 90px;
		align-items: center;
		padding-bottom: 0;
	}

	.home .hc-nav-trigger span,
	.hc-nav-trigger span {
		bottom: 39px;
		top: 8px;
	}

	.home .sticky .hc-nav-trigger span,
	.sticky .hc-nav-trigger span {
		top: 8px;
	}

	.page-template-template-services .sr-shadow {
		height: 100%;
	}

	.power .inner-banner-img {
		background-position: center !important;
		background-size: cover !important;
	}

	.page-template-template-power .power.inner-banner:hover .inner-banner-img {
		background-position: 10px 50.017px !important;
		background-size: cover !important;
	}

	.sticky .header-inner {
		transition: all 1s;
		height: 90px;
	}

	.power-outer .sr-img-wrap {
		margin: 0 auto !important;
	}

	.power-outer .sr-img-wrap:first-child:hover .sr-shadow {
		left: 95%;
	}

	.page-template-template-case-study .services-row {
		margin-bottom: 30px;
	}

	.page-template-template-case-study .services-row:last-child {
		margin-bottom: 70px;
	}

	.services-outer.case-study-outer .services-row.services-row-reverse h3:after {
		transform: rotate(0deg);
	}

	.services-outer.case-study-outer {
		padding-bottom: 60px;
	}

	.power-outer .sr-img-wrap:first-child .sr-img {
		margin-right: auto;
		margin-left: auto;
	}

	.footer-widget.home-widget,
	.footer-widget.contact-widget {
		width: 100% !important;
	}

	.pp-inner h2 {
		padding-top: 60px;
		padding-bottom: 32px;
	}

	.pp-content-box {
		background-position: center;
		background-size: cover;
	}

	.pp-content-box:hover {
		background-position: right;
		background-size: cover;
	}

	.banner h1 {
		font-size: 35px;
		line-height: 50px;
	}

	h1,
	h2 {
		font-size: 25px;
		line-height: normal;
	}

	.renewable-energies .content-heading h2,
	.ap-content .apc-inner .content-heading h2,
	h3 {
		font-size: 22px;
		line-height: 35px;
	}

	.ppcbc p {
		font-size: 16px;
		line-height: 26px;
	}

	body {
		font-size: 16px;
	}

	.footer-bottom .container-custom {
		flex-direction: column;
	}

	.widgets-col {
		flex-wrap: wrap;
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
	}

	.footer-widget.contact-widget {
		width: 45%;
	}

	.footer-widget.home-widget {
		width: 45%;
	}

	.footer-widget.social-widget {
		width: 100%;
		margin-top: 0;
	}

	.banner-icons {
		gap: 8px;
		position: absolute;
		bottom: 35px;
		right: 50px;
		transform: translateX(50%);
		flex-direction: column;
		justify-content: right;
		align-items: self-start;
		left: auto;
	}

	.banner-icon {
		width: 58px;
		height: 58px;
	}

	.banner-icon::before {
		width: 58px;
	}

	.main-icon {
		width: 60%;
		height: 60%;
	}


	.animated-img .anim-img {
		width: 260px;
		height: 260px;
	}

	.animated-img .anim-shadow {
		width: 305px;
		height: 305px;
	}

	.animated-img:hover .anim-shadow {
		left: calc(100% - 360px);
	}

	.animated-img:hover .anim-img {
		right: calc(100% - 480px);
		z-index: 0;
	}



	.h-logo a {
		height: 41.14px;
		width: 160.469px;
	}

	.home-banner .banner-img img,
	.home-banner .banner-img video,
	.home-banner .banner-content {
		border-radius: 54px;
	}

	.widgets-col {
		grid-template-columns: 1fr 1fr;
	}


	footer {
		font-size: 15px;
	}


	.pp-inner {
		padding: 0 20px;
		padding-bottom: 205px;
	}

	.sr-img-wrap {
		height: 240px;
		max-width: 370px;
		margin: auto;
	}

	.sr-img {
		max-width: 285.977px;
		height: 212.156px;
	}

	.sr-img-col {
		width: 100%;
	}


	.page-template-template-services .sr-img-wrap .banner-icons {
		justify-content: end;
		bottom: 6px;
		right: 30px;
		left: auto;
		align-items: end;
		gap: 5px;
	}


	.page-template-template-services .inner-banner-img h1,
	.page-template-template-services .inner-banner-img p {
		max-width: 350px;
	}


	.case-study-outer .sr-img {
		height: 284.52px;
		width: 260px;
	}


	.case-study-outer .sr-img-wrap:hover .sr-shadow {
		width: 80px;
	}

	.sr-img-wrap:hover .cover-center {
		object-position: center right;
		transform: scale(1.3) translateX(15px);
	}

	.animated-projects-outer.pt-69 {
		padding-top: 40px;
	}

	.animated-img {
		height: 330px;
	}


	.hc-nav-trigger {
		top: 37px;
	}

	.sticky .hc-nav-trigger {
		top: 37px;
	}
}

@media (max-width:580px) {
	.animated-img {
		width: 330px;
	}

	.services-outer.case-study-outer .sr-content-col {
		max-width: 90%;
	}

	.animated-img:hover .anim-img {
		right: calc(100% - 280px);
		z-index: 3;
	}


	.animated-img:hover .anim-shadow {
		left: calc(100% - 270px);
	}

	.ap-content {
		height: 500px;
		padding: 40px 20px 32px 20px;
		transform: translateX(-50%);
		right: 50%;
		left: auto;
		width: 90%;
	}


	.contact-form {
		width: 100%;
		padding: 20px;
		margin: 0 auto;
	}

	.banner-icon:hover::before {
		width: 290px;
	}

	.banner.inner-banner .inner-banner-img h1,
	.inner-banner-img h1,
	.inner-banner-img p {
		padding-left: 0;
		max-width: 360px;
		margin: auto;
		position: relative;
		right: 10px;
		line-height: normal;
	}

	.inner-banner-img {
		width: 121%;
	}

	.abc-img {
		width: 300px;
		height: 255px;
		margin-left: 35px;
	}

	.abc-row .img-col {
		width: 370px;
	}

	.abc-img-wrap {
		height: 350px;
	}

	.abc-shadow {
		height: 320px;
		width: 100px;
	}


	.icon-text {
		width: 210px;
	}

	.case-study-outer .sr-content-col h3:after {
		width: 100%;
	}

	.page-template-template-case-study .inner-banner-img {
		background-position: 0 -602.983px;
	}

	.page-template-template-contact .inner-banner-img {
		background-position: 59px -529.983px;
	}

	.page-template-template-contact .banner.inner-banner:hover .inner-banner-img {
		background-position: 63px -636.493px;
	}

	.page-template-template-case-study .inner-banner-img {
		background-position: 0 -602.983px !important;
	}


	.banner.inner-banner:hover .inner-banner-img {
		background-position: 0px -725.493px !important;
	}

	.page-template-template-services .banner.inner-banner .inner-banner-img h1 {
		left: 0;
		max-width: 401px;
		margin: auto;
		margin-right: 50px;
	}
}

@media (max-width:480px) {
	.animated-img {
		width: 270px;
	}

	.home .banner h1 {
		font-size: 32px;
		line-height: 48px;
	}

	.animated-img .anim-shadow {
		width: 275px;
		height: 285px;
	}


	.animated-img:hover .anim-shadow {
		left: calc(100% - 240px);
	}

	.contact-form .form-heading {
		flex-direction: column;
		align-items: start;
	}


	.abc-shadow {
		height: 300px;
		width: 80px;
		margin-left: 10px;
	}


	.abc-img-wrap .banner-icons {
		right: 10px;
		bottom: 50px;
	}


	.abc-row.abc-row-reverse .abc-img {
		margin-right: 28px;
		margin-left: 30px;
	}

	.abc-row.abc-row-reverse .abc-shadow {
		right: 10px;
		left: auto;
		margin: auto;
	}


	.page-template-template-services .banner.inner-banner .inner-banner-img h1 {
		max-width: 300px;
		width: 100%;
		right: 0;
		left: auto;
	}
}