@media only screen and (max-width: 1920px) and (min-width: 1500px) {
	.container {
		max-width: 1470px;
	}

	header .container-fluid {
		padding-left: 3.125rem;
		padding-right: 3.125rem;
	}
}

@media only screen and (max-width: 1600px) {
	.about-text h2 {
		font-size: 4rem;
	}

	.about-text p {
		font-size: 1.25rem;
		font-weight: 500;
	}

	.about-list {
		margin: 2rem 0;
	}

	.about-text {
		margin: 0 auto;
		max-width: 580px;
	}

	.work-section .title {
		font-size: 10rem;
	}

	.homeSlider .control-box {
		left: 9rem;
	}

	.heroText h1 {
		font-size: 5.5rem;
	}

	.main-slider {
		height: 980px;
	}

	.process-content .col-md-3:nth-child(2) .process-item {
		margin-top: 1.5rem;
	}

	.process-content .col-md-3:nth-child(3) .process-item {
		margin-top: 3rem;
	}

	.process-item h4 {
		margin-bottom: 1rem;
	}

	.project-counter h4 {
		font-size: 3rem;
	}

	.work-section h2 {
		font-size: 1.75rem;
	}

	.services-card figure h3 {
		font-size: 3.5rem;
	}

	.services-card figure {
		margin-bottom: 1.5rem;
	}

	.services-card h4 {
		margin-bottom: 0.5rem;
	}

	.project-item-content h4 {
		font-size: 1.25rem;
		font-weight: 500;
	}

	.client-section .title {
		font-size: 10rem;
	}

	.contact-section .title {
		font-size: 20rem;
		top: 8rem;
	}

	.contact-section h2 {
		font-size: 4rem;
		margin-bottom: 6rem;
	}

	.fencecntnt h2 {
		font-size: 3rem;
	}

	h2.serhead {
		font-size: 3.75rem;
		margin: 2rem 0;
	}
}


@media only screen and (max-width: 1445px) {
	.navbar-brand img {
		max-width: 200px;
	}

	.newMenu li a {
		font-size: 1.125rem;
		padding: 0.5rem 1rem;
		text-align: left;
	}

	.newMenu ul {
		margin: 0 auto;
		width: 80%;
	}

	.newMenu {
		max-width: 400px;
	}

	.heroText h1 {
		font-size: 4.5rem;
	}

	.heroText p {
		letter-spacing: 0px;
	}

	.homeSlider .control-box {
		left: 8rem;
	}

	.ctatext-section h5 {
		font-size: 6rem;
	}

	.about-text h2 {
		font-size: 3rem;
	}

	.about-text p {
		font-size: 1.125rem;
		font-weight: 400;
	}

	.about-list {
		gap: 1rem 0;
	}

	.about-list li {
		font-size: 0.875rem;
	}

	.about-section .title {
		font-size: 10rem;
	}

	.process-item span {
		font-size: 5rem;
		margin: 1rem 0 1rem auto;
	}

	.process-content .col-md-3:nth-child(2) .process-item {
		margin-top: 1rem;
	}

	.process-content .col-md-3:nth-child(3) .process-item {
		margin-top: 2rem;
	}

	.process-item h4 {
		margin-bottom: 0.5rem;
	}

	.project-counter h4 {
		font-size: 2.5rem;
	}

	.work-section .title {
		font-size: 8rem;
	}

	.services-card figure h3 {
		font-size: 3rem;
	}

	.services-card .card-content {
		max-width: 550px;
	}

	.services-card {
		padding: 5rem 0 1rem;
	}

	.project-item-content h4 {
		font-size: 1.125rem;
	}

	.client-section .title {
		font-size: 8rem;
	}

	.contact-section .title {
		font-size: 12rem;
		top: 10rem;
	}

	.contact-section h2 {
		font-size: 3rem;
		margin-bottom: 5rem;
	}

	footer h3 {
		font-size: 1.5rem;
	}

	.copyRight p {
		font-size: 1rem;
	}

	.team-section h2 {
		margin-bottom: 1rem;
	}

	h2.serhead {
		font-size: 3.25rem;
	}

	.serwrap h3 {
		font-size: 2rem;
	}

	.servicesSection {
		padding: 7rem 0 4rem;
	}

	.rail-fence {
		margin: 4rem 0;
	}
}

@media only screen and (max-width: 1366px) {
	html {
		font-size: 15px;
	}

	.navbar-brand img {
		max-width: 180px;
	}

	header {
		padding: 1.25rem 0;
	}

	.heroText {
		margin: 0;
	}

	.main-slider {
		height: 880px;
	}

	.heroText h1 {
		font-size: 3.5rem;
	}

	.homeSlider .control-box {
		left: 3rem;
	}

	.ctatext-section {
		padding: 8rem 0 5rem;
	}

	.ctatext-section h3 {
		font-size: 2rem;
	}

	.ctatext-section h5 {
		font-size: 5rem;
	}

	.about-text h2 {
		font-size: 2.5rem;
	}

	.about-text {
		max-width: 500px;
	}

	.about-text p {
		font-size: 1rem;
	}

	.about-list li {
		font-size: 0.935rem;
	}

	.scrolltop.show {
		right: 1.375rem;
	}

	.process-section {
		padding: 7rem 0 0 0;
	}

	.process-content {
		top: 30%;
	}

	.project-counter h4 {
		font-size: 2rem;
	}

	.project-counter p {
		font-size: 0.75rem;
	}

	.work-section .title {
		font-size: 6rem;
		margin-bottom: 3rem;
		text-align: center;
	}

	.project-item-content h4 {
		font-weight: 400;
	}

	.team-section p {
		margin-bottom: 2rem;
	}

	.clientwrap-list div {
		justify-content: center;
	}

	.client-section .title {
		font-size: 6rem;
		top: 4rem;
		opacity: 0.1;
	}

	.contact-section h2 {
		font-size: 2.5rem;
		margin-bottom: 4rem;
	}

	.contact-section .title {
		font-size: 10rem;
		top: 11rem;
		text-align: center;
		width: 100%;
	}

	.copyRight {
		margin-top: 4rem;
	}

	.fencecntnt h2 {
		font-size: 2.75rem;
	}

	.faq1 p {
		width: 75%;
	}

	.faq1 p::before {
		height: 100%;
	}

	h2.serhead {
		font-size: 3rem;
	}

	.gallery--sm {
		height: 300px;
	}

	.gallery--md {
		height: 615px;
	}

	.servicesSection {
		padding: 6rem 0 3rem;
	}

	.serwrap h3 {
		font-size: 1.75rem;
	}

	.serwrap p {
		width: 100%;
		font-size: 1rem;
	}

	.alumni-available ul {
		justify-content: center;
		gap: 2rem 0.5rem;
	}

	.specific-list li span {
		height: 100%;
		padding: 2rem 0.5rem;
	}
}

@media (max-width: 1199.98px) {
	html {
		font-size: 14px;
	}

	.navbar-brand img {
		max-width: 160px;
	}

	header {
		padding: 1rem 0;
	}

	.main-slider {
		height: 780px;
	}

	.homeSlider .slide-inner {
		background-size: cover;
	}

	.heroText h1 {
		font-size: 3rem;
	}

	.ctatext-section h3 {
		font-size: 1.75rem;
		margin-bottom: 0.5rem;
	}

	.ctatext-section h5 {
		font-size: 4rem;
	}

	.ctatext-section {
		padding: 6rem 0 4rem;
	}

	.about-text {
		margin: 0 3rem;
	}

	.about-text h2 {
		font-size: 2rem;
	}

	.themeBtn {
		font-size: 1rem;
	}

	.process-item span {
		font-size: 4rem;
	}

	.process-content {
		top: 25%;
	}

	.process-section {
		padding: 5rem 0 0 0;
	}

	.step-section .steplist-wrap li .step-data {
		padding: 1rem;
	}

	.step-section .steplist-wrap li .step-data h4 {
		margin-bottom: 0.25rem;
	}

	.work-section h2 {
		font-size: 1.5rem;
	}

	.project-card figure img {
		height: 440px;
	}

	.services-card figure h3 {
		font-size: 2.25rem;
	}

	.services-card figure img {
		max-width: 280px;
	}

	.services-card {
		padding: 4rem 0 0.5rem;
	}

	.project-items figure img {
		height: 550px;
	}

	.project-item-content {
		padding: 3rem 5rem 5rem 3rem;
	}

	.team-section {
		padding: 6rem 0 0 0;
	}

	.clientwrap-list figure {
		max-width: 28%;
		height: 200px;
	}


	.client-section {
		padding: 6rem 0 0 0;
	}

	footer {
		padding-top: 4rem;
	}

	footer h3 {
		font-size: 1.375rem;
		margin-bottom: 1rem;
	}

	footer .footer-text {
		margin-bottom: 3rem;
	}

	.contact-section h2 {
		font-size: 2rem;
		margin-bottom: 1.5rem;
	}

	.title {
		display: none;
	}

	.newMenu {
		max-width: 350px;
	}

	.fencecntnt h2 {
		font-size: 2rem;
	}

	.fencecntnt h2 br {
		display: none;
	}

	.feninsection {
		padding: 8rem 0 0;
	}

	.fencecntnt {
		position: static;
		margin-bottom: 2rem;
	}


	.faq1 {
		margin-bottom: 4rem;
	}

	.faq2 p {
		font-size: 1rem;
	}

	.paratext p {
		font-size: 1.125rem;
		max-width: 80%;
		margin: 4rem auto 1rem;
	}

	.paratext p br {
		display: none;
	}

	h2.serhead {
		font-size: 2.75rem;
		margin: 1.5rem 0;
	}

	.gallery--sm {
		height: 200px;
	}

	.gallery--md {
		height: 415px;
	}

	.serwrap h3 {
		font-size: 1.5rem;
	}

	.serwrap p {
		line-height: 1.6;
	}

	.serwrap {
		margin-left: 0 !important;
	}

	.alumni-available ul {
		gap: 2rem 0.75rem;
	}
}

@media (max-width: 991.98px) {
	html {
		font-size: 13px;
	}

	.navbar-brand img {
		max-width: 140px;
	}

	.navbar .container-fluid {
		padding: 0 15px;
	}

	.main-slider {
		height: 680px;
	}

	.heroText h1 {
		font-size: 2.5rem;
	}

	.heroText p {
		font-size: 1rem;
		letter-spacing: 0;
		margin-bottom: 0;
	}

	.ctatext-section h3 {
		font-size: 1.5rem;
	}

	.ctatext-section {
		padding: 5rem 0;
	}

	.about-text h2 {
		font-size: 1.75rem;
	}

	.about-list {
		margin: 1.5rem 0;
		gap: 0.5rem 0;
	}

	.about-section {
		border: 0;
	}

	.services-card figure h3 {
		font-size: 2rem;
	}

	.services-card figure img {
		max-width: 220px;
	}

	.services-card .card-content {
		max-width: 500px;
	}

	.servicesSlider .swiper-slide-active .services-card {
		background: none;
	}

	.project-items figure img {
		height: 420px;
	}

	.project-items figure figcaption {
		padding: 0.75rem 3rem;
	}

	.project-item-content {
		padding: 2rem 4rem 5rem 2rem;
	}

	.project-item-content h4 {
		font-size: 1rem;
	}

	.team-section h2 {
		font-size: 1.75rem;
	}

	.contact-section {
		padding: 8rem 0 0;
	}

	.contact-section h2 {
		font-size: 1.75rem;
		text-align: left;
	}

	footer h3 {
		font-size: 1.25rem;
	}

	.calFoter {
		padding: 0;
	}

	footer .row.justify-content-around.no-gutters {
		justify-content: space-between !important;
	}

	footer {
		padding-top: 3rem;
	}

	footer .footer-text {
		margin-bottom: 2rem;
	}

	.copyRight {
		margin-top: 2.5rem;
	}

	footer .quicklist li+li {
		margin-top: 0.5rem;
	}

	footer .quicklist a {
		font-size: 1rem;
	}

	.clientwrap-list div {
		justify-content: start;
	}

	.project-card figure img {
		height: 380px;
	}

	.project-tabs {
		margin: 1rem 0;
		flex-direction: row;
		gap: 1.5rem;
	}

	.work-section .row {
		gap: 2rem 0;
	}

	.projectSlider .swiper-control .swiper-button-prev,
	.projectSlider .swiper-control .swiper-button-next {
		width: 3.75rem;
		height: 3.75rem;
		background: var(--white);
	}

	.process-content {
		top: 6rem;
	}

	.process-item span {
		writing-mode: rl;
		transform: scale(1);
		margin: 8px 0;
		font-size: 3rem;
	}

	.homeSlider .slide-inner::before {
		content: '';
		position: absolute;
		inset: 0;
		background: rgba(0, 0, 0, 0.5);
	}

	.fencecntnt h2 {
		font-size: 1.75rem;
	}

	.faq1 p {
		width: 90%;
		font-weight: 400;
	}

	.faq1 {
		margin-bottom: 3rem;
	}

	.paratext p {
		max-width: 90%;
	}

	h2.serhead {
		font-size: 2.25rem;
	}

	.gallery--sm {
		height: 160px;
	}

	.gallery--md {
		height: 333px;
	}

	.serwrap h3 {
		font-size: 1.375rem;
	}

	.contactinner-section {
		padding: 6rem 0 2rem;
	}

	.specific-list li>.row {
		gap: 1rem 0;
	}

	.railSlider {
		margin-right: 0;
	}

}

@media (max-width: 767.98px) {
	html {
		font-size: 12px;
	}

	.navbar-brand img {
		max-width: 120px;
	}

	.menubtn {
		font-size: 1rem;
	}

	.heroText h1 {
		font-size: 2rem;
	}

	.main-slider {
		height: 560px;
	}

	.ctatext-section h5 {
		font-size: 3rem;
		text-align: left;
	}

	.ctatext-section h6 {
		justify-content: start;
	}

	.ctatext-section {
		padding: 4rem 0;
	}

	.ctatext-section .row {
		gap: 2rem 0;
	}

	.about-section .row {
		gap: 2rem 0;
	}

	.ctatext-section h3 {
		font-size: 1.375rem;
	}

	.about-text h2 {
		font-size: 1.5rem;
	}

	.about-text p {
		font-size: 1.125rem;
	}

	.ctatext-section p {
		font-size: 1.125rem;
	}

	.about-list li {
		font-size: 1rem;
	}

	.process-content {
		position: static;
	}

	.process-content .row {
		gap: 2rem 0;
	}

	.process-section {
		padding: 3rem 0;
	}

	.process-item {
		max-width: 400px;
	}

	.process-section>img {
		margin-bottom: -10rem;
	}

	.projectSlider {
		margin: 0;
	}

	.services-card {
		padding: 1rem 0;
	}

	.services-card figure h3 {
		font-size: 1.75rem;
	}

	.services-card p {
		font-size: 1.125rem;
	}

	.services-section {
		padding: 4rem 0;
	}

	.project-items figure img {
		height: auto;
	}

	.project-item-content h4 {
		font-size: 1.25rem;
		line-height: normal;
		margin-bottom: 2rem;
	}

	.project-item-content a {
		font-size: 1rem;
		margin-left: 8rem;
	}

	.team-section {
		text-align: left;
	}

	.team-section p {
		margin-bottom: 1.5rem;
		font-size: 1.125rem;
		width: 95%;
	}

	.clientwrap-list .client-item {
		height: auto;
		aspect-ratio: 1;
		max-width: 33.33%;
	}

	.clientwrap-list figure:not(.client-item) {
		max-width: 100%;
		height: auto;
		margin-bottom: 2rem;
	}

	.clientwrap-list div .subtitle {
		margin: 0;
	}

	.contact-section h2 {
		font-size: 1.5rem;
	}

	footer h3 br {
		display: none;
	}

	footer h3 {
		margin-bottom: 0.5rem;
	}

	.calFoter {
		flex-direction: column;
		gap: 1rem;
	}

	footer .row.justify-content-around.no-gutters {
		gap: 2rem 0;
	}

	footer h4 {
		font-size: 1.125rem;
	}

	.project-counter .row {
		gap: 2rem 0;
	}

	.project-counter-content {
		position: static;
	}

	.project-counter>img {
		margin-bottom: -8rem;
	}

	.copyRight p {
		text-align: left;
	}

	.fencecntnt h2 {
		font-size: 1.5rem;
	}

	.feninsection {
		padding: 7rem 0 0;
	}

	.faqssection {
		padding: 4rem 0 0;
	}

	.paratext p {
		max-width: 95%;
		margin: 3rem 0 0;
		text-align: justify;
	}

	.team-section h2 {
		font-size: 1.5rem;
		margin-bottom: 0.5rem;
	}

	.team-section p br {
		display: none;
	}

	h2.serhead {
		font-size: 1.875rem;
		margin: 0 0 1.5rem 0;
	}

	.gallery-img {
		height: auto;
		margin: 0;
	}

	.project-section .row {
		gap: 1.5rem 0;
	}

	.gallery-img+.gallery-img {
		margin-top: 1.5rem;
	}

	.project-section {
		padding: 6rem 0 1rem;
	}

	.serwrap h3 {
		font-size: 1.25rem;
	}

	.servicesSection .row {
		gap: 2rem 0;
	}

	h2.serhead br {
		display: none;
	}

	.contactForm__group {
		border-left: 0;
		border-top: 0;
		border-right: 0;
		border-bottom: 1px solid #343434;
	}

	form.contactForm {
		border: 1px solid #343434;
	}

	form.contactForm button.themeBtn {
		font-size: 1.25rem;
	}

	.contactinner-section {
		padding: 7rem 0 0;
	}

	.colorSlider {
		margin-right: 0;
	}

	.aluminum-page figure img {
		margin-top: 2rem;
	}

	.arrow :is(.swiper-button-prev, .swiper-button-next) {
		width: 60px;
		height: 60px;
	}

	.vinyl-heading {
		font-size: 2.125rem;
	}
}

@media (max-width: 575.98px) {
	.navbar-nav {
		flex-direction: row;
	}

	.main-slider {
		height: 475px;
	}

	.homeSlider .control-box {
		left: 1rem;
	}

	.about-text {
		margin: 0 3rem 0 20px;
	}

	.scrolltop.show {
		right: 1rem;
	}

	.about-list li {
		margin-left: 0.5rem;
	}

	.process-item {
		max-width: 300px;
	}

	.work-section .btnlink {
		font-size: 1rem;
	}

	.project-tabs {
		gap: 0.5rem 1.25rem;
	}

	.services-card .card-content {
		max-width: 300px;
	}

	.project-item-content a::before {
		width: 50px;
	}

	.project-item-content a {
		margin-left: 3rem;
	}

	.clientwrap-list .client-item {
		max-width: 44%;
	}

	.termslink {
		justify-content: start;
		margin-top: 1rem;
	}

	.termslink a {
		font-size: 1rem;
	}

	.copyRight p {
		font-size: 1.125rem;
	}

	.heroText .btn {
		min-width: 120px;
		font-size: 1rem;
		letter-spacing: 0;
	}

	.newMenu {
		max-width: 100%;
	}

	.newMenu ul {
		width: 90%;
	}

	.heroText h1 {
		font-size: 1.75rem;
	}

	.fencecntnt h2 {
		font-size: 1.375rem;
		text-align: left;
	}

	.fencecntnt {
		margin-bottom: 1.5rem;
	}

	.faqssection {
		padding-top: 3rem;
	}

	.faq1 p {
		width: 95%;
		line-height: 1.5;
	}

	.faq1 p::before {
		display: none;
	}

	.faq1 {
		margin-bottom: 1.5rem;
	}

	.faq2 p {
		font-size: 1.125rem;
		line-height: 1.5;
		width: 92%;
		font-weight: 400;
	}

	.paratext p {
		line-height: 1.5;
		margin-top: 2rem;
	}

	.navbar-nav .nav-item:last-child {
		display: none;
	}

	footer .row.justify-content-around.no-gutters {
		gap: 1.5rem 0;
	}

	h2.serhead {
		font-size: 1.5rem;
		margin: 0 0 1.25rem 0;
		text-align: left;
	}

	.project-section .row {
		gap: 1rem 0;
	}

	.gallery-img+.gallery-img {
		margin-top: 1rem;
	}

	.project-section {
		padding: 6rem 0 0;
	}

	.servicesSection .row {
		gap: 1.5rem 0;
	}

	.servicesSection .row:nth-of-type(odd) {
		flex-direction: column-reverse;
	}

	.servicesSection .row:nth-of-type(even) {
		flex-direction: column-reverse !important;
	}

	.servicesSection {
		padding: 6rem 0 0;
	}

	.serwrap p {
		font-size: 1.125rem;
	}

	.contactForm__group {
		padding: 0.75rem;
	}

	.contactForm__group label {
		font-size: 1rem;
		line-height: 1;
	}

	.contactForm__group :is(input, textarea) {
		font-size: 1.25rem;
	}
}

@media (max-width: 420.98px) {
	.specifctn {
		padding: 4rem 3rem;
	}

	:is(.vinyl-heading + p, .vinyl-heading) {
		width: 70% !important;
	}
}

@media (max-width: 320.98px) {
	.navbar-nav {
		gap: 0.25rem;
	}

	.navbar-brand img {
		max-width: 100px;
	}

	.scrolltop {
		display: none;
	}

	.project-item-content {
		padding: 2rem;
	}

	.team-section p {
		width: 100%;
	}

	.about-text {
		margin: 0 15px;
	}

	footer .row.justify-content-around.no-gutters {
		gap: 1rem 0;
	}

	.specifctn {
		padding: 3rem 1rem;
	}

	:is(.vinyl-heading + p, .vinyl-heading) {
		width: 65% !important;
	}
}