@media only screen and (min-width: 100px) and (max-width: 1399px) {
	p {
		font-size: 17px;
	}
	.head-logo a img {
		width: 90px;
		margin-top: -20px;
	}
	.head-logo a {
		top: -80px;
		width: 150px;
		height: 150px;
	}
	.top-header {
		padding: 25px 0px 55px 0px;
	}
	.banner-title div {
		font-size: 18px;
	}
	.banner-title h1 {
		font-size: 46px;
	}
	.banner-title p {
		font-size: 18px;
	}
	.banner-img img {
		height: 800px;
	}
	.web-title .sub-head {
		font-size: 18px;
	}
	.web-title h2 {
		font-size: 52px;
	}
	.about-content ul li {
		font-size: 17px;
	}
	.spacing {
		padding: 80px 0px;
	}
	.zigzag-content h3 {
		font-size: 34px;
	}
	.tit-gap {
		margin-bottom: 50px;
	}
	.map-item iframe, .map-item #map {
		height: 500px;
	}
	.news-box form h3 {
		font-size: 20px;
	}
	.news-input-box button {
		font-size: 15px;
	}
	.news-box form input[type="email"] {
		font-size: 15px;
	}
	.inner-header .inner-header-title h1 {
		font-size: 44px;
	}
	.inner-header {
		padding: 280px 0px 130px 0px;
	}
	.inner-about-content h2 {
		font-size: 34px !important;
	}
	.inner-about-img {
		margin-right: 30px;
	}
	.inner-about-zigzag .container .row:nth-child(2) .inner-about-img {
		margin-left: 30px;
	}
	.inner-about-zigzag .container .row {
		margin-bottom: 50px;
	}
	.inner-about-content ul li, .inner-about-content ol li, .curr-about-us-content ul li, .curr-about-us-content ol li {
		font-size: 17px;
	}
	.curr-about-us-img-main {
		margin: 0px 0px 0px 0px;
	}
	.curr-about-us-img-one {
		margin-right: 80px;
	}
	.curr-about-us-img-two img {
		width: 250px;
		height: 250px;
	}
	.curr-about-us-img-two {
		margin: -140px 0px 0px auto;
	}
	.projects-arrow, .team-arrow {
		z-index: 2;
	}
	.team-button-next {
		right: -25px;
	}
	.team-button-prev{
		left: -25px;
	}
	.team-item-img img {
		height: 240px;
	}
	.team-item-content h3 {
		font-size: 20px;
	}
	.team-item-content span {
		font-size: 14px;
	}
	.serv-p-item-content h3 {
		font-size: 24px;
	}
	.inner-about.swaping .container .row .inner-about-img{
		margin-left: 30px;
	}
	.cust-choose-item-content h3 {
		font-size: 22px;
	}
	.cust-choose-item-icon {
		width: 80px;
		height: 80px;
	}
	.single-content-img img {
		height: 480px;
	}
	.single-content-main p {
		font-size: 17px;
	}
	.single-content ul li, .single-content ol li {
		font-size: 17px;
	}
	.material-item-content h3 {
        font-size: 22px;
    }
	.head-right {
		gap: 20px;
	}
	.testi-content p {
		font-size: 16px;
	}
}

@media only screen and (min-width: 100px) and (max-width: 1199px) {
	.nav-bar nav ul li a {
		font-size: 15px;
	}
	.web-btn {
		padding: 12px 25px;
		font-size: 15px;
	}
	p {
        font-size: 16px;
    }
	.top-head-list ul li a {
		font-size: 15px;
	}
	.request-btn-box a {
		padding: 30px 10px;
		font-size: 15px;
	}
	.nav-bar nav ul {
		gap: 20px;
	}
	.banner-title h1 {
        font-size: 38px;
    }
	.banner-title div {
        font-size: 16px;
    }
	.banner-title p {
        font-size: 17px;
    }
	.spacing {
        padding: 70px 0px;
    }
	.about-counter p {
		font-size: 14px;
	}
	.about-counter span {
		font-size: 44px;
	}
	.web-title .sub-head {
        font-size: 16px;
    }
	.web-title h2 {
        font-size: 46px;
    }
	.about-content ul li {
        font-size: 16px;
    }
	.zigzag-content {
		padding-left: 20px;
	}
	.zigzag-main .row:nth-child(even) .zigzag-content {
		padding-right: 20px;
	}
	.zigzag-content h3 {
        font-size: 30px;
    }
	.testi-content {
		padding: 20px;
	}
	.testi-content h3 {
		font-size: 20px;
	}
	.testi-content span {
		font-size: 13px;
	}
	.testi-content ul li {
		font-size: 14px;
	}
	.contact-item {
		padding-right: 20px;
	}
	.map-item iframe, .map-item #map {
        height: 400px;
    }
	.head-logo a {
        top: -70px;
        width: 120px;
        height: 120px;
        left: -20px;
    }
	.bottom-head-bg {
		padding: 8px 8px 8px 25px;
	}
	.head-logo a img {
        width: 75px;
    }
	.newsletter-item {
		padding-right: 20px;
	}
	.news-box {
		padding: 20px;
	}
	.news-box form {
    	padding: 20px;
	}
	.foot-links ul li a {
		font-size: 15px;
	}
	.foot-logo-box p {
		font-size: 15px;
	}
	.foot-botom-links ul li a {
		font-size: 15px;
	}
	.foot-contact ul li a, .foot-contact ul li {
		font-size: 15px;
	}
	.foot-logo a {
		width: 100px;
	}
	.copyrights p {
		font-size: 15px;
	}
	.footer-bottom {
		padding: 20px 25px;
	}
	.footer-top {
		padding: 60px 0px 40px 0px;
	}
	.banner-img img {
        height: 700px;
    }
	.inner-about-img {
        margin-right: 10px;
    }
	.inner-about-zigzag .container .row:nth-child(2) .inner-about-img {
        margin-left: 10px;
    }
	.inner-about-zigzag .container .row {
        margin-bottom: 40px;
    }
	.inner-about-content h2 {
        font-size: 30px !important;
    }
	.inner-header .inner-header-title h1 {
        font-size: 38px;
    }
	.inner-header {
        padding: 250px 0px 120px 0px;
    }
	.team-item-img img {
        height: 200px;
    }
	.team-item {
		padding: 20px;
	}
	.inner-about-content ul li, .inner-about-content ol li, .curr-about-us-content ul li, .curr-about-us-content ol li {
        font-size: 16px;
    }
	.web-btn-two {
		padding: 12px 25px;
		font-size: 15px;
	}
	.curr-about-us-img-one img {
		height: 500px;
	}
	.curr-about-us-img-two img {
        width: 240px;
        height: 240px;
    }
	.contact-form-main h2 {
		font-size: 38px !important;
	}
	.contact-info-content a, .contact-info-content span {
		font-size: 15px;
	}
	.contact-input-item .wpcf7-checkbox span.wpcf7-list-item span.wpcf7-list-item-label {
		font-size: 15px;
	}
	.contact-btn input {
		padding: 12px 25px;
		font-size: 15px;
	}
	.serv-faqs .accordion-item .accordion-button {
		font-size: 17px;
		padding: 25px 20px;
	}
	.serv-faqs .accordion-item .accordion-body {
		padding: 20px 20px;
	}
	.inner-about.swaping .container .row .inner-about-img {
        margin-left: 10px;
    }
	.cust-choose-item {
		padding: 30px 20px 30px 20px;
	}
	.cust-choose-item-content h3{
		 font-size: 20px;
	}
	.serv-p-item {
		padding: 20px;
	}
	.blogs-grid-sec .serv-p-item-img img {
		height: 200px;
	}
	.cust-gallery-content h3 {
		font-size: 24px;
	}
	.gallery-tab-btns ul li button {
		padding: 8px 25px;
		font-size: 15px;
	}
	.cust-privacy-cont h2 {
		font-size: 36px;
	}
	.cust-privacy-cont h3 {
		font-size: 24px;
	}
	.single-content-img img {
        height: 400px;
    }
	.single-content h2 {
		font-size: 30px;
	}
	.single-content-main p {
        font-size: 16px;
    }
	.single-content ul li, .single-content ol li {
        font-size: 16px;
    }
    .material-item-content h3 {
        font-size: 20px;
    }
	.nav-bar nav ul li ul li a {
		padding: 8px 15px;
		font-size: 14px;
	}
	.nav-bar nav ul li ul {
		width: 260px;
	}
	.foot-botom-links ul {
		gap: 24px;
	}
	.foot-botom-links ul li a::before {
		left: -12px;
	}
}

@media only screen and (min-width: 100px) and (max-width: 991px){
	.bottom-head-bg {
        margin-top: 0px;
        padding: 15px 0px;
        border-radius: 0px;
    }
	.head-logo a {
        position: unset;
        width: 80px;
        height: auto;
    }
	.head-logo a img {
        width: 100%;
		margin-top: 0px;
    }
	.header {
		background-color: var(--c2);
	}
	.head-logo {
		position: absolute;
		top: -40px;
		left: -40px;
		width: 200px;
		height: 180px;
		background-color: var(--c2);
		border-radius: 50%;
		padding: 60px 0px 0px 65px;
	}
	.head-right {
		gap: 25px;
	}
	.banner-title a.web-btn {
		margin-top: 20px;
	}
	.about-img-main {
        margin: 30px 0px 0px 0px;
    }
	.about-us > .container > .row {
		flex-direction: column-reverse;
	}
	.web-title h2 {
        font-size: 40px;
    }
	.spacing {
        padding: 60px 0px;
    }
	.tit-gap {
        margin-bottom: 40px;
    }
	.zigzag-content {
        padding-left: 0px;
    }
	.zigzag-img img {
		height: 320px;
	}
	.zigzag-main .row {
		margin-bottom: 30px;
		row-gap: 20px;
	}
	.testi-content::before {
		visibility: hidden;
	}
	.contact-item {
        padding-right: 0px;
    }
	.newsletter-item {
        padding-right: 0px;
    }
	.footer-top {
        padding: 50px 0px 40px 0px;
    }
	.copyrights {
		text-align: center;
		margin-bottom: 10px;
	}
	.foot-botom-links ul {
		justify-content: center;
	}
	.inner-about-zigzag .container .row {
		flex-direction: column-reverse;
	}
	.inner-about-zigzag .container .row:nth-child(even) {
		flex-direction: column-reverse;
	}
	.inner-about-zigzag .container .row:nth-child(2) .inner-about-img {
        margin-left: 0px;
    }
	.inner-about-img {
        margin-right: 0px;
    }
	.inner-header {
        padding: 180px 0px 100px 0px;
    }
	.inner-header .inner-header-title h1 {
        font-size: 34px;
    }
	.inner-about-img img {
		height: 350px;
	}
	.inner-about-zigzag .container .row {
        margin-bottom: 30px;
    }
	.inner-about-content {
		margin-bottom: 20px;
	}
	.curr-about-us .container .row {
		flex-direction: column-reverse;
	}
	.small-banner-title h3 {
		font-size: 30px;
	}
	.footer-bottom {
        border-radius: 10px;
    }
	.contact-form-main {
		padding-left: 0px;
		padding-top: 10px;
	}
	.loc-map-main iframe {
		height: 250px;
	}
	.testi-content {
        height: 100%;
    }
	.inner-about.swaping .container .row .inner-about-img {
        margin-left: 0px;
    }
	.cust-choose-item-content h3 {
        font-size: 18px;
    }
	.inner-about.swaping .container .row {
		flex-direction: column-reverse;
	}
	.inner-about .container .row {
		flex-direction: column-reverse;
	}
	.single-content-img img {
        height: 350px;
    }
	.inner-about-content img.warranty-img {
		top: -100px;
		left: unset;
		right: -10px;
	}
	.projects-arrow, .team-arrow {
        width: 40px;
        height: 40px;
        font-size: 14px;
    }
}

@media only screen and (min-width: 100px) and (max-width: 767px){
    .web-btn, .web-btn-two {
        padding: 12px 20px;
        font-size: 14px;
    }
	.inner-header .inner-header-title h1 {
        font-size: 30px;
    }
	.small-banner-bg {
		border-radius: 10px;
		padding: 40px 25px;
	}
	
}

@media only screen and (min-width: 100px) and (max-width: 575px){
    .head-logo {
        width: 170px;
        height: 160px;
        padding: 55px 0px 0px 60px;
    }
	.head-logo a {
        width: 70px;
    }
	.bottom-head-bg {
        padding: 10px 0px;
    }
	.banner-title h1 {
        font-size: 32px;
    }
	.banner-title div {
        font-size: 14px;
    }
	.banner-title p {
        font-size: 16px;
    }
	.banner-img img {
        height: 600px;
    }
	.request-btn-box a {
        font-size: 14px;
    }
	.spacing {
        padding: 50px 0px;
    }
	.web-title h2 {
        font-size: 30px;
    }
	.web-title .sub-head {
        font-size: 14px;
    }
	p {
        font-size: 15px;
    }
	.about-content ul li {
        font-size: 15px;
    }
	.about-content p {
		margin-top: 20px !important;
	}
	.about-content a.web-btn {
		margin-top: 20px;
	}
	.about-img-large img {
		height: 330px;
	}
	.about-img-small img {
		height: 250px;
	}
	.about-counter span {
        font-size: 32px;
    }
	.about-counter p {
        font-size: 12px;
    }
	.our-services .web-title {
		text-align: center;
	}
	.tit-gap {
        margin-bottom: 30px;
    }
	.zigzag-img img {
        height: 200px;
    }
	.zigzag-img {
		border-radius: 40px 10px 10px 10px;
	}
	.zigzag-content h3 {
        font-size: 24px;
    }
	.zigzag-main .row:nth-child(even) .zigzag-img {
		border-radius: 10px 40px 10px 10px;
	}
	.myTesti .swiper-pagination {
		margin-top: 10px;
	}
	.myTesti {
		padding-bottom: 20px;
	}
	.testi-content {
        margin: 0px 15px;
    }
	.contact-item a.web-btn {
		margin-top: 20px;
	}
	.contact-item h2 {
		margin-bottom: 20px !important;
	}
	.contact-img img {
		height: 200px;
	}
	.tit-gap:has(p) h2 {
		margin-bottom: 15px !important;
	}
	.map-item iframe, .map-item #map {
        height: 250px;
    }
	.newsletter-item h2 {
		margin-bottom: 15px !important;
	}
	.news-box form h3 {
        font-size: 18px;
        text-align: center;
    }
	.news-box {
        padding: 0px;
    }
	.news-box form input[type="email"] {
        font-size: 14px;
		height: 50px;
    }
	.news-input-box button {
        font-size: 13px;
    }
	.footer-top {
        padding: 40px 0px 30px 0px;
    }
	.footer-bottom {
        padding: 20px 20px;
        border-radius: 10px;
        margin-bottom: 20px;
    }
	.foot-botom-links ul {
        flex-wrap: wrap;
        row-gap: 10px;
    }
	.foot-title span {
		margin-bottom: 15px;
	}
	.cust-gap {
		row-gap: 20px;
	}
	.foot-logo a {
        width: 80px;
    }
	.inner-header .inner-header-title h1 {
        font-size: 26px;
    }
	.inner-header {
        padding: 140px 0px 70px 0px;
    }
	.inner-about-content h2 {
        font-size: 26px !important;
    }
	.inner-about-img img {
        height: 250px;
    }
	.inner-about-content ul li, .inner-about-content ol li, .curr-about-us-content ul li, .curr-about-us-content ol li{
        font-size: 15px;
    }
	.curr-about-us-img-one img {
        height: 300px;
    }
	.curr-about-us-img-two img {
        width: 180px;
        height: 180px;
    }
	.curr-about-us-img-two {
        margin: -110px 0px 0px auto;
    }
	.small-banner-title h3 {
        font-size: 26px;
    }
	.small-banner-bg {
        padding: 30px 25px;
    }
	.curr-about-us-content p {
		margin-bottom: 15px !important;
	}
	.contact-btn input {
        padding: 12px 20px;
        font-size: 14px;
    }
	.contact-form-main h2 {
        font-size: 30px !important;
    }
	.contact-input-item textarea {
		height: 150px;
	}
	.loc-map-main iframe {
        height: 220px;
    }
	.serv-p-item {
		padding: 20px;
	}
	.serv-p-item-img img {
		height: 200px;
	}
	.serv-p-item-content p {
		font-size: 15px;
	}
	.serv-p-item-content h3 {
		font-size: 20px;
	}
	.page-id-91 .testi-content {
		margin: 0px;
	}
	.testi-img{
		margin-bottom: 20px;
		height: auto;
	}
	.serv-faqs .accordion-item .accordion-button {
        font-size: 16px;
        padding: 15px 15px;
    }
	.serv-faqs .accordion-item .accordion-body {
        padding: 20px 15px;
    }
	.serv-faqs .accordion-item .accordion-body ul li {
		font-size: 15px;
	}
	.serv-faqs .accordion-item .accordion-body p {
		font-size: 15px;
	}
	.gallery-tab-btns ul li button {
        padding: 8px 20px;
        font-size: 14px;
    }
	.gallery-tab-btns ul {
		gap: 10px;
	}
	.gallery-tab-btns {
		margin: 30px 0px;
	}
	.cust-gallery-content h3 {
        font-size: 22px;
    }
	.cust-gallery-img img {
		height: 260px;
	}
	.cust-privacy-cont h2 {
        font-size: 30px;
    }
	.cust-privacy-cont h3 {
        font-size: 20px;
    }
	.cust-privacy-cont ul li, .cust-privacy-cont ol li {
		font-size: 15px;
	}
	.single-content-img img {
        height: 250px;
    }
	.single-content-main p {
        font-size: 15px;
    }
	.single-content-main h3 {
		font-size: 20px;
	}
	.single-content ul li, .single-content ol li {
        font-size: 15px;
    }
	.single-content h2 {
        font-size: 28px;
    }
	.inner-about-content img.warranty-img {
        top: -80px;
        right: 0px;
        width: 100px;
    }
    .bord-box-about .inner-about-img {
        padding: 20px;
    }
    .material-items-main {
        margin-top: 30px;
        padding-right: 0px;
    }
    .material-item-content h3 {
        font-size: 18px;
    }
    .material-item-icon {
        width: 15%;
    }
    .responsive-menu-inner {
        width: 90%;
        padding: 20px;
    }
    .responsive-links ul li a {
        font-size: 16px;
    }
    .responsive-links {
        margin-top: 30px;
    }
    .responsive-socials ul li a {
        font-size: 16px;
    }
	.responsive-links ul li ul li a {
		padding-left: 20px;
		font-size: 15px;
	}
}