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

	.main-slider-three .social-box {
		top: 0px;
	}

}

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

	.main-slider-three .social-box {
		top: 100px;
	}

}

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

	.page-wrapper {
		overflow: hidden;
	}

	.main-slider .slide .pattern-layer-two {
		display: none;
	}

}

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

	.main-header {
		margin: 0px !important;
	}

	.page-wrapper {
		overflow: hidden;
	}

	.main-menu .navigation>li {
		margin-left: 0px;
	}

	.main-header .info-box strong {
		font-size: 13px;
	}

	.main-slider {
		padding: 0px 0px;
	}

	.main-header .info-box {
		margin-left: 5px;
		margin-right: 20px;
		padding-left: 60px;
	}

	.main-header .info-box:last-child {
		margin-right: 0px;
	}

	.main-header .header-lower {
		position: relative;
		bottom: 0px;
		min-height: 70px;
	}

	.vertical-lines-wrapper {
		display: none;
	}

	.sidebar-page-container .sidebar-side .padding-left,
	.about-section .content-column .inner-column {
		padding-left: var(--padding-zero);
	}

	.about-section .image-column .inner-column {
		padding-left: var(--padding-zero);
		padding-right: var(--padding-zero);
	}

	.sec-title .big-text {
		left: 0px;
		font-size: var(--font-50);
	}

	.service-block-two .inner-box .overlay-box-two .overlay-inner {
		padding: 10px 20px;
	}

	.service-block-two .inner-box .overlay-box-two .icon-two {
		width: 60px;
		height: 60px;
		line-height: 60px;
		font-size: var(--font-34);
	}

	.service-block-two .inner-box .overlay-box-two::before {
		right: 0px;
	}

	.news-block .inner-box .overlay-box-two .overlay-inner {
		padding: 10px 20px;
	}

	.news-block .inner-box .overlay-box-two .post-date {
		opacity: 0;
	}

	.news-block .inner-box .overlay-box-two .image-layer {
		right: 0px;
	}

	.team-block .inner-box .image .social-box {
		left: 15px;
		top: 15px;
	}

	.main-header.header-style-two .header-lower {
		position: absolute;
		left: 0px;
		right: 0px;
		bottom: -32px;
	}

	.main-slider-two .social-box {
		display: none;
	}

	.main-slider-two .owl-nav {
		right: 10px;
	}

	.about-section-two .content-column .inner-column .sec-title-two h2 {
		font-size: var(--font-38);
	}

	.cta-section-one h2 br {
		display: none;
	}

	.cta-section-one .button-box {
		border: none;
		padding-left: var(--padding-zero);
		margin-left: var(--margin-left-10);
	}

	.cta-section-one .play-box strong {
		font-size: var(--font-18);
	}

	.service-block-three .inner-box {
		padding-left: var(--padding-left-15);
		padding-right: var(--padding-right-15);
	}

	h2 {
		font-size: var(--font-40);
	}

	.header-style-three .main-menu .navigation>li {
		margin-right: var(--margin-right-15);
	}

	.main-slider-three .image-column .image {
		margin-right: var(--margin-zero);
	}

	.main-slider-three h1 {
		font-size: var(--font-44);
		line-height: 50px;
	}

	.main-slider-three .content-column .inner-column {
		padding-top: var(--padding-top-30);
	}

	.counter-section .counter-column .counter-text {
		font-size: var(--font-16);
	}

	.welcome-section .image-column .image {
		width: auto;
		height: auto;
	}

	.news-section-three .sec-title-three .text,
	.service-section-four .sec-title-three .text {
		max-width: 440px;
	}

	.news-section-three .sec-title-three .text br,
	.service-section-four .sec-title-three .text br {
		display: none;
	}

	.cta-section-two .play-box strong {
		font-size: var(--font-18);
	}

	.location-block .inner-box strong {
		font-size: var(--font-20);
	}

	.cta-section-two .button-box {
		margin-right: var(--margin-right-10);
	}

	.cta-section-two .inner-container {
		padding-left: var(--padding-left-15);
		padding-right: var(--padding-right-15);
	}

	.skill-section .image-layer {
		height: 100%;
	}

	.team-section-three {
		padding-top: var(--padding-top-110);
	}

	.clients-section .owl-nav {
		left: 10px;
		right: 10px;
	}

	.location-block .inner-box {
		padding: 20px 20px;
	}

	.main-slider-three .pattern-layer {
		display: none;
	}

	.main-slider-three .client-thumb-outer {
		left: 0px;
	}

	.main-header .header-upper .upper-right {
		padding-top: var(--padding-top-35);
	}

}

@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: 1023px) {

	.main-header .main-box .logo-box {
		position: relative;
		left: 0px;
		top: 0px;
		right: 0px;
		bottom: 0px;
		margin: 0px;
		text-align: left;
	}

	.main-header .header-lower .inner-container:after {
		display: block;
	}

	.main-slider .slide {
		padding: 150px 0px 200px;
	}

	.main-header .info-box {
		margin-top: 5px
	}

	.main-header .outer-box {
		display: block;
	}

	.main-menu .navigation>li>a {
		font-size: 14px;
	}

	.main-header .options-box {
		margin-top: 0px;
		position: absolute;
		left: 0px;
		top: 25px;
		z-index: 12;
		display: none;
		right: auto;
	}

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

	.main-header .header-upper .logo-box {
		margin: 0px;
		/* width: 100%; */
		padding-bottom: 0px;
		text-align: center;
	}

	.main-header {
		position: relative;
	}

	.main-header .nav-outer {
		width: 100%;
		padding-top: 0px;
	}

	.main-menu .navigation>li>a {
		text-transform: capitalize;
	}

	.sticky-header .main-menu .navigation>li {
		margin-left: 0px;
		margin-right: 20px;
	}

	.banner-section .slide {
		padding: 120px 0px 150px;
	}

	.main-header .header-upper .upper-right {
		/* width: 100%; */
		text-align: center;
	}

	.main-header .info-box {
		float: none;
		display: inline-block;
	}

	.main-header .header-upper .upper-right {
		padding-top: 25px;
	}

	.main-header .header-lower {
		position: relative;
	}

	.main-header .header-lower .inner-container {
		padding: 0px 0px;
	}

	.banner-section {
		padding-top: 120px;
	}

	.main-header .main-menu {
		margin-left: var(--margin-zero);
	}

	.main-header .nav-outer::before {
		transform: skew(0deg);
	}

	.main-header .main-menu .navigation>li {
		margin-right: var(--margin-right-25);
	}

	.main-header .main-menu .navigation>li>a {
		font-size: var(--font-16);
	}

	.service-section .inner-container {
		margin-top: var(--margin-zero);
	}

	.main-header .sticky-header .main-menu .navigation>li {
		margin-left: var(--margin-left-20);
	}

	.main-slider .slide {
		padding: 150px 0px 150px;
	}

	.service-section {
		padding: 110px 0px 0px;
	}

	.service-section-two .owl-nav {
		max-width: 170px;
	}

	.project-section .tabs-content {
		padding-right: var(--padding-zero);
	}

	.project-section .btns-outer {
		position: relative;
		padding: 60px 0px 45px;
	}

	.project-section .tabs-content .image {
		margin-left: var(--margin-zero);
	}

	.project-section .btns-outer {
		max-width: 100%;
	}

	.project-section .btns-outer .tab-buttons {
		max-width: inherit;
		text-align: center;
		padding-left: var(--padding-left-25);
	}

	.project-section .tab-btns .tab-btn {
		/* border-radius: 4px; */
		padding: 10px 24px;
		margin: 0px 5px 15px;
		display: inline-block;
		font-size: var(--font-18);
		border: 2px solid var(--white-color);
	}

	.project-section .tab-btns .tab-btn:before,
	.project-section .tab-btns .tab-btn:after {
		display: none;
	}

	.project-section .tab-btns .tab-btn:hover,
	.project-section .tab-btns .tab-btn.active-btn {
		transform: translateX(0px);
	}

	.project-section .btns-outer .title-box {
		text-align: center;
	}

	.project-section .btns-outer .title-box {
		margin-bottom: var(--margin-bottom-30);
	}

	.products-section .owl-nav {
		max-width: 220px;
	}

	.news-section .owl-dots,
	.team-section .owl-dots {
		position: relative;
		right: 0px;
		top: 0px;
		margin-top: var(--margin-zero);
	}

	.news-section .owl-dots .owl-dot span::after,
	.team-section .owl-dots .owl-dot span::after {
		display: none;
	}

	.news-section .owl-nav,
	.team-section .owl-nav {
		display: none;
	}

	.project-section .tabs-content .image {
		padding-top: var(--padding-top-30);
	}

	.main-header.header-style-two .header-lower {
		position: relative;
		bottom: 0px;
		background-color: var(--color-twentyfour);
	}

	.header-style-two .nav-outer {
		padding-right: var(--padding-zero);
	}

	.header-style-two .outer-box .btn-box .theme-btn {
		padding: 13px 14px;
		font-size: var(--font-14);
	}

	.main-slider-two .slide {
		padding: 120px 0px 130px;
	}

	h1 {
		font-size: var(--font-60);
		line-height: 66px;
	}

	.about-section-two .content-column {
		order: 1;
	}

	.about-section-two .image-column {
		order: 2;
	}

	.cta-section-one .inner-container {
		text-align: center;
	}

	.cta-section-one h2 {
		margin-bottom: var(--margin-bottom-20);
	}

	.cta-section-one .play-box {
		display: block;
		width: 100%;
		padding: var(--padding-zero);
	}

	.cta-section-one .play-box .play-button {
		position: relative;
		margin: 0 auto;
		display: block;
		margin-bottom: var(--margin-bottom-30);
	}

	.cta-section-one .button-box {
		width: 100%;
		margin-left: var(--margin-zero);
		margin-top: var(--margin-top-25);
	}

	.cta-section-one .button-box .theme-btn {
		display: inline-block;
	}

	.project-section-two::before {
		top: 200px;
		bottom: 0px;
		height: auto;
	}

	.faq-section .accordion-column .upper-text {
		margin-top: var(--margin-zero);
	}

	.header-style-three .logo-box {
		padding: 15px 0px;
	}

	.header-style-three .nav-outer {
		width: auto;
		float: left;
	}

	.header-style-three .outer-box {
		padding: 6px 0px;
	}

	.main-slider-three .content-column {
		margin-bottom: var(--margin-bottom-30);
	}

	.welcome-section .content-column {
		order: 1;
	}

	.welcome-section .image-column {
		order: 2;
	}

	.welcome-section .image-column .image {
		border-radius: 0px;
		border: 0px;
		text-align: center;
	}

	.team-section-three .sec-title-three .pull-right,
	.service-section-four .sec-title-three .pull-right {
		width: 100%;
	}

	.team-section-three .sec-title-three .text,
	.service-section-four .sec-title-three .text {
		max-width: 100%;
		margin-top: var(--margin-top-20);
	}

	.team-section-three .sec-title-three .text br {
		display: none;
	}

	.cta-section-two .inner-container {
		text-align: center;
	}

	.cta-section-two .button-box {
		display: block;
		width: 100%;
		margin-right: var(--margin-zero);
	}

	.cta-section-two .button-box .theme-btn {
		display: inline-block;
	}

	.cta-section-two .play-box {
		width: 100%;
		padding: var(--padding-zero);
	}

	.cta-section-two .play-box .play-button {
		position: relative;
		margin: 0 auto;
		display: block;
		margin-bottom: var(--margin-bottom-30);
	}

	.cta-section-two .side-image {
		display: none;
	}

	.cta-section-two h2 {
		padding: var(--padding-zero);
	}

	.cta-section-two .inner-container {
		padding: 50px 15px;
	}

	.project-section-three .inner-container {
		padding: var(--padding-zero);
	}

	.project-section-three .project-tab .tab-btns-box {
		position: relative;
		width: 100%;
	}

	.skill-section .skill-column {
		order: 1;
		margin-bottom: var(--margin-bottom-50);
	}

	.skill-section .video-column {
		order: 2;
	}

	.news-section-three .sec-title-three .pull-right {
		width: 100%;
	}

	.news-section-three .sec-title-three .text {
		max-width: 100%;
		margin-top: var(--margin-top-20);
	}

	.page-title {
		padding: 100px 0px;
	}

	.team-page-section .sec-title-three .text {
		max-width: 100%;
		margin-top: var(--margin-top-20);
	}

	.team-page-section .sec-title-three .text br {
		display: none;
	}

	.skills.style-two {
		max-width: 100%;
	}

	.process-section .images-column .image-two {
		position: relative;
		top: 0px;
	}

	.sidebar-page-container .sidebar-side.left-sidebar {
		order: 2;
	}

	.sidebar-page-container .sidebar-side.right-sidebar {
		order: 1;
	}

	.project-detail-section .upper-box {
		padding: var(--padding-zero);
	}

	.project-detail-section .upper-box .info-box {
		position: relative;
		top: 0px;
		max-width: 100%;
		margin-top: var(--margin-top-30);
	}

	.project-detail-section .more-posts .pull-left {
		width: 100%;
	}

	.project-detail-section .more-posts .prev-post {
		text-align: center;
		padding: var(--padding-zero);
		margin-bottom: var(--margin-bottom-25);
	}

	.project-detail-section .more-posts .prev-post .thumb-image {
		position: relative;
		display: inline-block;
		margin-bottom: var(--margin-bottom-15);
	}

	.project-detail-section .more-posts .pull-right {
		width: 100%;
	}

	.project-detail-section .more-posts .next-post {
		text-align: center;
		padding: var(--padding-zero);
	}

	.project-detail-section .more-posts .next-post .thumb-image {
		position: relative;
		display: inline-block;
		margin-bottom: var(--margin-bottom-15);
	}

	.header-style-three .outer-box {
		display: none;
	}

	.main-header.header-style-two .header-upper .logo-box {
		padding: 15px 0px 15px;
	}

	.quality-block .inner-box{
		height: max-content;
	}

	.w-75{
		width: 100% !important;
	}

	.stan-csr-div{
		width: 100%;
	}

	.custom-bullet-list1 li{
		text-align: left;
	}

	.contact-info-section1 .contact-box{
		display: flex;
		flex-direction: column;
	}

	/* .form-column{
		padding-bottom: 50px;
	} */

	.product-hero-section , .weave-section1 , .design-guarantees-section , .sieve-product-section{
		padding: 50px 0px;
	}

	.industries-serve-section , .home-counter{
		padding: 80px 0px;
	}

	.product-hero-section1{
		padding: 50px 0 50px;
	}

	.sieve-description-text p{
		text-align: left;
	}

	.medium-padding-0{
		padding: 0px;
	}
	
	.medium-padding-bottom-0{
		padding-bottom: 0px;
	}

	.medium-margin-0{
		margin: 0px;
	}

	.medium-padding-20{
		padding-bottom: 20px;
	}

	.width-66{
		width: 100%;
	}

	.stan-clean-energy-section{
		padding: 80px 0px 50px;
	}

	.stan-csr-section{
		padding: 50px 0px 10px;
	}

	.contact-info-section1 .contact-box{
		padding: 20px 10px;
	}

	.md-padding-top-30{
		padding-top: 30px;
	}
}

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

	.header-upper .logo-outer {
		position: relative;
		left: 0px;
		top: 0px;
		right: 0px;
		bottom: 0px;
		width: 100%;
		margin: 0px;
	}

	.main-header .sticky-header .outer-box {
		display: block;
		right: 15px;
		left: auto;
		top: 0px;
	}

	.main-header .sticky-header .pull-right {
		width: auto;
	}

	.main-menu {
		width: 100%;
		display: none;
	}

	.service-detail .lower-content .gallery-images .image {
		margin-bottom: var(--margin-bottom-30);
	}

	.sidebar-page-container .comments-area .comment-box.reply-comment {
		margin-left: 0px;
	}

	.main-header .info-box {
		padding-left: 0px;
		text-align: center;
		width: 100%;
		margin-left: 0px;
		margin-right: 0px;
		margin-top: 0px;
		margin-bottom: 20px;
	}

	.main-header .info-box:last-child {
		margin-bottom: 0px;
	}

	.main-header .info-box .icon-box {
		position: relative;
		margin: 0 auto;
		margin-bottom: 15px;
	}

	.main-header .header-lower .outer-box {
		position: absolute;
		left: 0px;
		z-index: 12;
		display: block;
		padding-left: 0px;
		border: 0px;
		padding: 16px 0px 16px 0px;
	}

	.main-header .nav-outer::before {
		left: -10%;
	}

	.main-menu .navbar-header .navbar-toggler {
		display: inline-block;
		z-index: 12;
		width: 50px;
		height: 40px;
		float: none;
		padding: 0px;
		text-align: center;
		border-radius: 0px;
		background: none;
		border: 1px solid #ffffff;
	}

	.main-menu .navbar-header .navbar-toggler .icon-bar {
		position: relative;
		background: #ffffff;
		height: 2px;
		width: 26px;
		display: block;
		margin: 0 auto;
		margin: 5px 11px;
	}

	.main-header .nav-outer {
		width: 100%;
	}

	.main-header .nav-outer .mobile-nav-toggler {
		display: block;
		margin: 0px;
		padding: 3px 0px;
	}

	#navbarSupportedContent {
		display: block;
	}

	.mCSB_inside>.mCSB_container {
		margin-right: 0px;
	}

	.page-title h2,
	h2 {
		font-size: 30px;
		line-height: 36px;
	}

	.main-header .info-box:last-child {
		top: 0px;
	}

	.main-header .btn-box {
		float: none;
		margin-left: 0px;
	}

	.main-header .info-box:last-child {
		margin-left: 0px;
	}

	.main-header .sticky-header .mobile-nav-toggler {
		display: block;
	}

	.sec-title .text br,
	.header-top .top-right .clock {
		display: none;
	}

	h1 {
		font-size: var(--font-50);
	}

	.main-slider .slide {
		padding: 120px 0px 120px;
	}

	.main-slider .owl-nav {
		right: 10px;
	}

	.about-section {
		padding-top: var(--padding-top-80);
	}

	.main-header .header-upper {
		padding: var(--padding-zero);
	}

	.service-section-two .pattern-layer-one,
	.main-header .header-upper .upper-right,
	.products-section .owl-dots .owl-dot span::after,
	.service-section-two .owl-dots .owl-dot span::after,
	.service-section-two .owl-nav {
		display: none;
	}

	.main-header .header-upper .logo-box {
		padding: 5px 0px;
	}

	.about-section {
		padding-bottom: var(--padding-bottom-70);
	}

	.products-section,
	.service-section-two {
		padding: 100px 0px 100px;
	}

	.project-section {
		padding-bottom: var(--padding-bottom-100);
	}

	.cta-section h2 {
		line-height: 54px;
		font-size: var(--font-40);
	}

	.main-header.header-style-two .header-lower .outer-box {
		padding: 8px 0px;
	}

	.main-header.header-style-two .nav-outer .mobile-nav-toggler {
		padding: 11px 0px;
	}

	.sec-title-two h2 br,
	.sec-title-two .text br {
		display: none;
	}

	.main-slider-two .title {
		font-size: var(--font-22);
	}

	.sec-title-two h2 {
		line-height: 46px;
	}

	.project-section-two::before {
		top: 150px;
	}

	.footer-style-two .footer-bottom .pull-left,
	.footer-style-two .footer-bottom .pull-right {
		width: 100%;
		text-align: center;
	}

	.footer-style-two .footer-bottom .copyright {
		margin-bottom: var(--margin-bottom-15);
	}

	.header-style-three .header-lower .outer-box {
		display: none;
	}

	.header-style-three .nav-outer {
		margin-top: -95px;
	}

	.header-style-three .logo-box {
		padding: 15px 0px;
	}

	.main-slider-three .title {
		font-size: 18px;
	}

	.sec-title-three h2 {
		line-height: 42px;
	}

	.sec-title-three .text br {
		display: none;
	}

	.testimonial-block-two .inner-box {
		padding-left: var(--padding-left-15);
		padding-right: var(--padding-right-15);
	}

	.process-section .images-column .image {
		margin-bottom: var(--margin-zero);
	}

	.project-detail-section .gallery-box .image {
		position: relative;
		margin-bottom: var(--margin-bottom-20);
	}

	.project-detail-section .gallery-box .image img {
		position: relative;
		width: 100%;
	}

	.news-block-four .inner-box .lower-content {
		padding-top: var(--padding-top-40);
	}

	.news-block-four .inner-box .post-info li {
		margin-bottom: var(--margin-bottom-15);
	}

	.news-detail .inner-box .lower-content {
		padding-top: var(--padding-top-30);
	}

	.news-detail .inner-box .post-info li {
		margin-bottom: var(--margin-bottom-15);
	}

	.news-detail .inner-box .gallery-box .carousel-column {
		margin-bottom: var(--margin-bottom-30);
	}

	.news-detail .post-share-options .social-box {
		width: 100%;
		padding-top: var(--padding-top-15);
	}

	.project-detail-section .more-posts {
		display: none;
	}

	.project-detail-section {
		padding-bottom: var(--padding-bottom-90);
	}

	.main-header .header-lower {
		min-height: auto;
	}

	.main-slider-two .owl-nav {
		bottom: -15px;
		top: auto;
		right: -10px;
		transform: translateY(0%);
	}

	.main-slider-two .owl-nav .owl-prev {
		position: relative;
		width: 40px;
		height: 40px;
		right: 63px;
		top: 0px;
		line-height: 38px;
		text-align: center;
		/* border-radius: 50%; */
		display: inline-block;
		font-size: var(--font-18);
		color: var(--white-color);
		background-color: var(--main-color) !important;
		border: 2px solid var(--main-color);
		margin-bottom: var(--margin-bottom-15);
		-webkit-transition: all 500ms ease;
		-moz-transition: all 500ms ease;
		-ms-transition: all 500ms ease;
		-o-transition: all 500ms ease;
		transition: all 500ms ease;
		font-family: "Flaticon";
		background-color: rgba(var(--black-color-rgb), 0.1);
	}

	.main-slider-two .owl-nav .owl-next {
		position: relative;
		width: 50px;
		height: 50px;
		top: -13px;
		left: -20px;
		line-height: 44px;
		text-align: center;
		/* border-radius: 50%; */
		display: inline-block;
		font-size: var(--font-24);
		color: var(--white-color);
		background-color: var(--color-fourtytwo) !important;
		border: 2px solid var(--color-fourtytwo);
		margin-bottom: var(--margin-bottom-15);
		-webkit-transition: all 500ms ease;
		-moz-transition: all 500ms ease;
		-ms-transition: all 500ms ease;
		-o-transition: all 500ms ease;
		transition: all 500ms ease;
		font-family: "Flaticon";
		background-color: rgba(var(--black-color-rgb), 0.1);
	}

	.main-slider .owl-nav {
		bottom: 0px;
		right: 5px;
		top: auto;
		transform: translateY(0%);
	}

	.main-slider-two .content-column .inner-column .pull-left,
	.main-slider-two .content-column .inner-column .pull-right {
		width: 100%;
	}

}

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

	.cta-section h2 br,
	.main-slider-three .social-box,
	.sec-title .text br {
		display: none;
	}

	h1 {
		font-size: var(--font-40);
		line-height: 48px;
	}

	.feature-block .inner-box {
		min-height: 56px;
	}

	.about-section .content-column .lower-box {
		margin-right: var(--margin-zero);
	}

	.cta-section h2 {
		font-size: var(--font-34);
		line-height: 40px;
	}

	.project-section .tab-btns .tab-btn {
		/* border-radius: 4px; */
		padding: 8px 24px;
		margin: 0px 3px 10px;
		display: inline-block;
		font-size: var(--font-16);
		border: 2px solid var(--white-color);
	}

	.main-slider-two .phone-box {
		margin-left: var(--margin-zero);
		margin-top: var(--margin-top-25);
	}

	.about-section-two .content-column .inner-column .sec-title-two h2 {
		font-size: var(--font-30);
		line-height: 40px;
	}

	.testimonial-block .inner-box .text {
		padding-right: var(--padding-zero);
	}

	.testimonial-block .inner-box .author-image {
		position: relative;
		right: 0px;
		margin-top: var(--margin-top-35);
		margin-bottom: var(--margin-bottom-25);
	}

	.news-section-two .owl-nav {
		position: relative;
		top: 0px;
		right: 0px;
	}

	.project-block .inner-box .content-box {
		/* margin: 30px 0px 0px; */
		box-shadow: inherit;
		/* padding: 0px 0px 0px 25px; */
	}

	.project-block .inner-box .content-box h3 {
		margin-top: 10px !important;
	}

	.project-block .inner-box .content-box h3 a br,
	.sec-title-three h2 br {
		display: none;
	}

	.cta-section-two h2 {
		line-height: 40px;
	}

	.news-block-four .inner-box .lower-content {
		padding: 25px 20px;
	}

	.news-detail .inner-box .lower-content {
		padding: 20px 20px;
	}

	.sidebar-page-container .comments-area .comment-box {
		padding: 20px 20px;
	}

	.sidebar-page-container .comments-area .comment {
		padding-left: var(--padding-zero);
	}

	.sidebar-page-container .comments-area .comment-box .author-thumb {
		position: relative;
		margin-bottom: var(--margin-bottom-25);
	}

	.main-slider-three .slide {
		padding-bottom: var(--padding-bottom-200);
	}

	.about-section .content-column .button-box {
		width: 100%;
	}

	.about-section .content-column .phone-box {
		margin-left: var(--margin-zero);
		margin-top: var(--margin-top-25);
	}

}

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

	.sec-title h2 br,
	.cta-section .pattern-layer-two,
	.products-section .pattern-layer-two,
	.products-section .pattern-layer,
	.news-block .inner-box .overlay-box-two .text,
	.service-block-two .inner-box .overlay-box-two .text,
	.about-section .image-column .image .gear-icon-two,
	.service-block .inner-box .shape-two,
	.header-top .top-right .social-box:before,
	.header-top .top-left {
		display: none;
	}

	.blog-heading{
		font-size: 26px !important;
		line-height: 33.8px;
	}

	.header-top .top-right .social-box {
		padding-left: var(--padding-zero);
	}

	.header-top .top-right,
	.header-top .top-right .social-box {
		width: 100%;
		text-align: center;
	}

	h1 {
		line-height: 1.3em;
		font-size: var(--font-30);
	}

	.service-block .inner-box {
		padding: 50px 20px 50px;
	}

	.sec-title .big-text {
		left: 0px;
		font-size: var(--font-40);
	}

	.about-section .content-column .phone-box {
		margin-left: var(--margin-zero);
		margin-top: var(--margin-top-25);
	}

	.service-block-two .inner-box .overlay-box-two h5 {
		margin-bottom: var(--margin-bottom-20);
	}

	.service-block-two .inner-box .overlay-box {
		right: 0px;
	}

	.project-section .content {
		position: relative;
		padding: 25px 25px;
	}

	.project-section .content .arrow {
		height: 55px;
		line-height: 55px;
	}

	.cta-section h2 {
		font-size: var(--font-28);
		line-height: 38px;
	}

	.news-block .inner-box .overlay-box-two h5 {
		margin-bottom: var(--margin-bottom-20);
	}

	.news-block .inner-box .overlay-box .content {
		padding: 25px 15px 25px;
	}

	.main-slider-two .title {
		font-size: var(--font-18);
	}

	.main-slider-two .phone-box strong {
		font-size: var(--font-20);
	}

	.project-detail-section .middle-box h3,
	h3 {
		font-size: var(--font-28);
	}

	h4 {
		font-size: var(--font-20);
	}

	.sec-title-two h2,
	.about-section-two .content-column .inner-column .sec-title-two h2 {
		font-size: var(--font-26);
		line-height: 36px;
	}

	.cta-section-one h2 {
		line-height: 40px;
	}

	.project-section-two::before {
		top: 200px;
	}

	.sec-title-two .title {
		font-size: var(--font-20);
		padding-right: var(--padding-right-20);
	}

	.testimonial-block .inner-box .pull-right {
		width: 100%;
		margin-top: var(--margin-top-10);
	}

	.main-slider-three h1 {
		font-size: var(--font-30);
		line-height: 40px;
	}

	.main-slider-three .title {
		font-size: var(--font-16);
	}

	.main-slider-three .client-thumb-outer {
		left: 0px;
		max-width: 300px;
	}

	.project-section-three .project-tab .tab-btns-box .p-tab-btn {
		font-size: var(--font-14);
	}

	.project-section-three .lower-box {
		margin-top: var(--margin-top-30);
	}

	.approach-block .inner-box {
		padding: 10px 10px 25px;
	}

	.accordion-box .block .icon-outer {
		right: 0px;
	}

	.process-block .inner-box {
		padding-left: var(--padding-zero);
	}

	.process-block .inner-box .number {
		position: relative;
		top: 0px;
		line-height: 1em;
		margin-bottom: var(--margin-bottom-15);
	}

	.sidebar-widget .widget-content {
		padding: 20px 20px 25px;
	}

	.download-list li a {
		font-size: var(--font-16);
	}

	.project-block-two .inner-box .content {
		left: 20px;
		bottom: 20px;
	}

	.project-block-two .inner-box .content h4 {
		line-height: 30px;
	}

	.project-detail-section .upper-box .info-list {
		padding: 20px 20px;
	}

	.project-detail-section .value-box {
		padding: 20px 20px;
	}

	.feature-block-three .block-content {
		padding-left: var(--padding-zero);
	}

	.feature-block-three .block-content .icon {
		position: relative;
		top: 0px;
		display: inline-block;
		margin-bottom: var(--margin-bottom-20);
	}

	.sidebar-page-container .comments-area .comment-info .comment-time {
		display: block;
		margin-left: var(--margin-zero);
		margin-top: var(--margin-top-10);
	}

	.comment-form {
		padding: 25px 15px 15px;
	}

	.project-section .btns-outer .title-box h2 {
		font-size: var(--font-28);
	}

	.page-title h2,
	h2 {
		font-size: 26px;
		line-height: 30px;
	}

	.about-section-two {
		padding-top: var(--padding-top-90);
	}

	.cta-section-one .inner-container {
		padding-left: var(--padding-left-15);
		padding-right: var(--padding-right-15);
	}

	.box-squares.squares1 {
		top: 0;
		right: 3px;
		width: 100px;
		height: 73px;
	}

	.box-squares.squares2 {
		bottom: 0;
		left: 11px;
		width: 175px;
		height: 155px;
	}

	/* .home-counter {
		margin: 50px 0 20px;
	} */

	.why-choose-section , .contact-info-section {
		padding: 0;
	}

	.contact-info-section:before {
		display: none;
	}

	.quality-marquee-section .marquee-track span{
		font-size: 100px;
	}

	.service-section-five{
		padding: 0px;
	}

	.professional-text , .personal-side , .philosophy-text-detail , .philosophy-text-lead , .quality-block .quality-list li{
		text-align: justify;
	}
	
	.text-1{
		width: 100%;
	}

	.mobile-gap{
		gap: 30px;
	}

	.mission-values-section{
		padding: 50px 0 20px;
	}

	.news-section-about{
		padding: 30px 0;
	}

	.team-philosophy-section{
		padding: 30px 0 40px;
	}

	.career-section{
		padding: 50px 0;
	}

	.stan-clean-energy-section , .stan-csr-section , .weave-section-type , .materials-section-icons{
		padding: 30px 0;
	}

	.stan-energy-grid{
		gap: 30px;
	}

	.width-95{
		width: 100%;
	}
	
	.images-outer{
		padding: 0 15px;
	}

	.inner-gallery-box{
		padding-bottom: 30px;
	}

	.sticky-left-btn{
		padding: 8px 5px;
	}

	.industries-serve-section, .home-counter{
		padding: 50px 0;
	}
	
	.industries-serve-section p{
		width: 95%;
	}

	.industries-serve-section .content-column{
		margin-bottom: 0 !important;
	}

	.sm-margin-bottom-0{
		margin-bottom: 0px !important;
	}

	.product-demister-hero-section , .benefits-stats-section , .design-guarantees-section ,
	.product-hero-section , .material-section , .product-test-sieve-hero-section , .sieve-product-section , .quality-hero-redesign ,.products-section1{
		padding: 30px 0;
	}

	.sm-padding-top-0{
		padding-top: 0px;
	}

	.sm-padding-bottom-0{
		padding-bottom: 0px;
	}

	.sec-title.alternate h2, .sec-title .title , .sec-title.alternate h3{
		text-align: left !important;
	}

	.sec-title.alternate h3{
		font-size: 26px;
	}

	.content-box-heading{
		font-size: 30px;
	}

	.sm-align-left{
		text-align: left !important;
	}

	.sm-padding-bottom-40{
		padding-bottom: 40px !important;
	}

	.industries-serve-section{
		padding-bottom: 0px;
	}

	.list-style-two li{
		padding-left: 0;
	}

	.news-detail .inner-box .image img{
		width: 100%;
	}

	.contact-map-section{
		padding-bottom: 30px;
	}

	.contact-info-section1{
		padding: 30px 0;
	}

	.about-section-two{
		padding-top: 0 !important;
	}

	.mobile-margin{
		margin-left: 15px;
		margin-right: 15px;
	}

	.project-block .inner-box .content-box{
		padding: 30px 0;
	}

	.news-section-two{
		padding: 60px 0 30px;
	}

	.contact-title{
		margin-bottom: 20px;
	}

	.quality-process-section{
		padding: 50px 0 30px;
	}

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

	.stan-csr-div{
		text-align: left;
	}

	.industries-serve-section1{
		padding: 40px 0 30px;
	}

	.about-section-two .image-column{
		margin-bottom: 50px;
	}

	.about-image-wrapper{
		margin-bottom: 20px;
	}

	.about-timeline-section{
		padding: 50px 0;
	}

	.philosophy-title-area{
		padding-bottom: 0;
	}

	.team-img1{
		object-fit: contain;
		height: auto;
	}
	
	.career-section1{
		padding: 50px 0;
	}

	.home-counter1{
		padding: 40px 0;
	}

	.sidebar-page-container{
		padding: 50px 0 30px;
	}

	.sidebar-page-container.custom-blog-layout{
		padding: 50px 0;
	}

	.news-detail .inner-box h3{
		font-size: 26px;
		padding-top: 20px;
	}

	.blog-bottom-navigation{
		margin-top: 0;
	}

	.width-67{
		width: 100%;
	}

	.main-footer .widgets-section{
		padding-bottom: 0;
	}
	
}

/*  */

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

	/* --- 1. General Layout Fixes --- */
	.auto-container,
	.inner-container {
		width: 100% !important;
		padding-left: 15px !important;
		padding-right: 15px !important;
		max-width: 100% !important;
	}


	h1 {
		font-size: 32px !important;
		line-height: 1.2em !important;
	}

	h2 {
		font-size: 26px !important;
		line-height: 1.3em !important;
	}

	.sec-title h2,
	.sec-title-three h2 {
		margin-bottom: 20px !important;
		text-align: left;
	}

	/* .sec-title.alternate h2,
	.sec-title .title {
		text-align: center !important;
	} */

	/* Reduce massive paddings on sections */
	.project-section-three,
	.skill-section,
	.service-section,
	.news-section-three,
	.counter-section,
	.team-page-section,
	.contact-page-section {
		padding: 50px 0 0 !important;
		margin: 0 !important;
	}

	.about-section-two{
		padding: 50px 0 0;
		margin: 0;
	}

	.project-section-three,
	.news-section-three {
		padding-bottom: 50px !important;
	}

	/* --- 2. Header Fixes --- */
	.header-top {
		display: none;
		/* Hide top bar on mobile to save space */
	}

	.main-header .header-lower {
		background-color: #ffffff !important;
		padding: 10px 0;
	}

	.main-header .logo img {
		max-width: 175px;
	}

	.why-choose-section {
		padding: 40px 0;
	}

	.contact-info-section:before {
		display: none;
	}

	.mobile-nav-toggler {
		display: block !important;
		color: var(--main-color);
		font-size: 24px;
		margin-top: 5px;
		cursor: pointer;
	}

	/* Fix Mobile Menu Background */
	.mobile-menu .menu-backdrop {
		background: rgba(0, 0, 0, 0.8);
	}

	.mobile-menu .menu-box {
		background-color: #fff;
		width: 300px;
	}

	/* --- 3. Main Slider (Hero) Fixes --- */
	.main-slider-two .slide {
		height: auto !important;
		min-height: auto !important;
		padding: 100px 0 60px !important;
		/* Give space for header */
		display: block !important;
	}

	.main-slider-two .image-layer {
		position: absolute;
		/* Keep background absolute */
		height: 100% !important;
	}

	.main-slider-two .content-column .inner-column {
		text-align: center;
	}

	.main-slider-two .button-box,
	.main-slider-two .phone-box {
		float: none !important;
		display: inline-block;
		margin: 10px 0;
	}

	.main-slider-two .phone-box {
		margin-left: 0;
		display: block;
	}

	/* --- 4. About Section Images (The complex overlap) --- */
	.about-section-two .image-column .year-box {
		position: relative;
		top: 70px;
		right: -130px;
		margin: 0 auto 20px;
		display: table;
		height: 100px;
		width: 100px;
	}

	.counter-column .icon-box img {
		margin-top: 0px;
		width: 60px;
		margin-right: 10px;
	}

	.about-section-two .image-column .inner-column {
		position: relative;
		padding: 0;
	}

	.about-section-two .image-column .image img {
		/* border-radius: 10px; */
		/* width="409" height="443" */
		width: 379px;
		height: 443px;
		/* Remove complex border radius */
	}

	.about-section-two .image-column .image-two {
		position: relative;
		/* Stop absolute positioning */
		right: auto;
		bottom: auto;
		width: 100%;
		margin-top: 20px;
		display: none;
		/* Often better to hide the 2nd decorative image on mobile */
	}

	/* If you want to keep the 2nd image, use this instead of display:none above */

	.about-section-two .image-column .image-two {
		display: block;
		width: 80%;
		margin: -50px auto 0;
		z-index: 5;
	}


	/* --- 5. Project Tabs --- */
	.project-section-three .inner-container {
		padding-left: 0 !important;
		/* Remove the massive padding for desktop tabs */
	}

	.project-section-three .project-tab .tab-btns-box {
		position: relative;
		width: 100%;
		left: 0;
		top: 0;
		margin-bottom: 30px;
	}

	.project-section-three .project-tab .tab-btns-box .p-tab-btn {
		margin-bottom: 10px;
		padding: 10px 15px;
	}

	/* Fix the Project Block content overlapping */
	.project-block .inner-box .content-box {
		margin-left: 0;
		margin-top: 0;
		/* Stop pulling it up */
		max-width: 100%;
		box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1);
	}

	.project-block .inner-box .image img {
		height: auto;
	}

	/* --- 6. Skills Section --- */
	.skill-section .video-column {
		margin-bottom: 40px;
	}

	.video-box .video-image img {
		height: 250px;
	}

	.service-block .inner-box {
		height: 400px;
		margin-bottom: 30px;
	}

	.counter-section .counter-column {
		margin-bottom: 40px;
	}

	.counter-section .counter-column .inner-column {
		padding: 30px 20px;
		text-align: center;
	}

	.counter-section .counter-column .inner-column .icon-box {
		position: relative;
		left: 0;
		top: 0;
		margin: 0 auto 20px;
		width: 80px;
		height: 80px;
		line-height: 80px;
		font-size: 30px;
	}

	.counter-section .counter-column .inner-column .icon-box .icon {
		line-height: 80px;
		padding-right: 0;
		font-size: 40px;
		left: -18px;
	}

	.counter-section .counter-column .icon-box:before {
		display: none;
	}

	.main-footer .footer-widget {
		margin-bottom: 40px;
	}

	.main-footer .footer-widget.menu-widget {
		display: block;
	}

	.footer-widget .footer-list {
		width: 100%;
		padding-right: 0;
	}

	.footer-bottom {
		flex-direction: column;
		text-align: center;
		gap: 10px;
	}

	.quality-block2 .inner-box , .quality-block .inner-box{
		height: 100%;
	}

	.width-54{
		width: 100%;
	}

	p{
		text-align: left;
	}
}

/* ====================================================== */
/* TABLET RESPONSIVE PATCH (768px - 1024px)    */
/* ====================================================== */

@media only screen and (min-width: 768px) and (max-width: 1024px) {

	.about-section-two,
	.project-section-three,
	.skill-section,
	.service-section,
	.news-section-three,
	.counter-section,
	.team-page-section,
	.contact-page-section,
	.service-section-five {
		padding: 50px 30px 0 !important;
		margin: 0 !important;
	}

	.sec-title.alternate h3 , .title , h2{
		/* text-align: left; */
	}

	.why-choose-section , .contact-info-section {
		padding: 0;
	}

	.contact-info-section:before {
		display: none;
	}

	.box-squares.squares2 {
		bottom: 0;
		left: -25px;
		width: 175px;
		height: 195px;
	}

	.new-counter-block .counter-title {
		font-size: 16px;
	}

	.sticky-logo {
		width: 200px;
	}
	
	.new-counter-block .count-outer{
		font-size: 38px;
	}

	.counter-column .icon-box img {
		margin-top: 40px;
		width: 110px;
		margin-right: 5px;
	}

	.about-section-two .content-column,
	.project-section-three,
	.news-section-three,
	.service-section {
		margin-bottom: 50px !important;
	}

	.skill-section {
		padding-bottom: 50px !important;
	}

	.counter-section .counter-column h3 {
		font-size: 30px;
	}

	.counter-section .counter-column .inner-column {
		position: relative;
		padding: 23px 10px 30px 115px;
		box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.10);
	}

	.counter-section .counter-column .inner-column .icon-box {
		left: -116px;
	}

	.counter-section .counter-column .icon-box:before {
		left: 0px;
	}

	.industries-serve-section1 {
		padding: 50px 0;
	}

	.industries-serve-section1 h2 {
		font-size: 34px;
	}

	.industries-serve-section1 .icon-block {
		margin-bottom: 30px;
	}

	.industries-serve-section1 i {
		font-size: 45px;
	}

	.width-54{
		width: 100%;
	}

	p{
		text-align: left;
	}

	.form-column {
		padding-bottom: 30px;
	}

	.home-counter1{
		padding: 60px 0 40px;
	}
	
	.box-squares.squares1{
		right: -15px;
	}

	.about-section-two .image-column .inner-column{
		padding-right: 0;
		padding-bottom: 80px;
	}

	.news-detail-content h3{
		padding-top: 30px;
	}

	.sidebar-page-container.custom-blog-layout{
		padding: 50px 0 30px;
	}

	.blog-bottom-navigation{
		margin-top: 0;
	}

	.width-67{
		width: 100%;
	}

	.packol-img{
		width: 100%;
	}
}

/* Tablet View Customization for Contact Boxes */
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .contact-info-section .contact-box {
        display: flex;
        flex-direction: column; /* Stacks items vertically */
        align-items: center;    /* Centers items horizontally */
        text-align: center;     /* Centers the text */
        padding: 30px 15px;     /* Adds spacing inside the box */
    }

    /* Add spacing between the icon and the text */
    .contact-info-section .contact-box .icon {
        margin-right: 0;       /* Remove default right margin if present */
        margin-bottom: 0px;   /* Add space below the icon */
    }
    
    .contact-info-section .contact-box .content {
        width: 100%;
    }
}

/* Tablet Responsive - Ensure 3 columns in the same row */
@media only screen and (max-width: 991px) and (min-width: 768px) {
    .why-choose-section .row {
        display: flex;
        flex-wrap: nowrap; /* Prevents wrapping to next row */
        justify-content: center;
    }

    .why-choose-section .col-md-4 {
        flex: 0 0 33.333% !important; /* Force 3 columns */
        max-width: 33.333% !important;
        padding-left: 10px;
        padding-right: 10px;
    }

    /* Adjust box padding so content fits in narrower columns */
    .why-box {
        padding: 30px 15px !important; 
        min-height: 400px; /* Ensures equal height for boxes */
    }

    .why-box h4 {
        font-size: 18px !important; /* Slightly smaller text for fit */
    }

    .why-box p {
        font-size: 14px !important;
    }
}

@media only screen and (max-width: 1023px) {
    
    /* 1. HIDE THE DESKTOP CONTENT AREA COMPLETELY */
    .p-tabs-content {
        display: none !important;
    }

    /* 2. STYLE THE BUTTON LIST */
    .project-tab-btns {
        display: flex;
        flex-direction: column;
        gap: 15px; /* Spacing between accordions */
        padding: 0;
    }

    .project-tab-btns li.p-tab-btn {
        display: block !important;
        position: relative;
        width: 100% !important;
        background: #fff;
        border: 1px solid #ddd;
        padding: 15px 50px 15px 20px !important; /* Space for arrow icon */
        margin-bottom: 0 !important;
        cursor: pointer;
        text-align: left;
        box-shadow: 0 2px 5px rgba(0,0,0,0.05);
    }

    /* 3. ACTIVE STATE COLORS */
    .project-tab-btns li.active-btn {
        background: var(--main-color) !important; /* Your Dark Blue */
        color: #fff !important;
        border-color: var(--main-color);
    }

    /* Invert icon color when active */
    .project-tab-btns li.active-btn .icon img {
        filter: brightness(0) invert(1);
    }

    /* 4. PLUS (+) and MINUS (-) ICONS */
    .project-tab-btns li.p-tab-btn::after {
        content: '+';
        position: absolute;
        right: 20px;
        top: 25px;
        font-size: 24px;
        font-weight: bold;
        color: var(--main-color);
    }

    .project-tab-btns li.active-btn::after {
        content: '-';
        color: #fff;
        top: 25px;
    }

    /* 5. STYLE THE COPIED CONTENT */
    .mobile-content-fix {
        padding-top: 20px;
        margin-top: 15px;
        border-top: 1px solid rgba(0,0,0,0.1);
        color: #333; /* Reset text color for content */
        cursor: auto;
    }
    
    /* Ensure content background is white even if tab is blue */
    .project-tab-btns li.active-btn .mobile-content-fix {
        background: #fff; 
        margin-left: -20px; /* Counteract padding */
        margin-right: -50px;
        margin-bottom: -15px;
        padding: 20px;
    }

    /* Fix Images */
    .mobile-content-fix img {
        width: 100%;
        height: auto;
        margin-bottom: 15px;
    }
    
    /* Fix Text */
    .mobile-content-fix .text {
        font-size: 14px;
        line-height: 1.6;
        color: #666;
        margin-bottom: 15px;
    }
    
    /* Fix Button */
    .mobile-content-fix .btn-link {
        color: var(--white-color);
        font-weight: 700;
    }

	.md-flex-col{
		flex-direction: row !important;
		margin-bottom: 40px;
	}
}

@media (max-width: 991px) {
    .content-side { order: 1; }
    .sidebar-side { order: 2; }
    .cta-section-product { order: 3; }
}