/* #Media Queries
================================================== */

@media (min-width: 1820px) {
	.color-palette-groups-wrapper {
		justify-content: center;
	}
}

@media (min-width: 640px) {
	.gform-theme--foundation .gform_fields {
		-moz-column-gap: 20px !important;
		column-gap: 20px !important;
	}
}

@media only screen and (max-width: 1399px) and (min-width: 993px) {
	.material .large-text-light {
		font-size: 180px;
		font-weight: 400;
		line-height: 0.9;
		margin-bottom: 50px;
	}
}

@media (max-width : 1399px) {
	.industries .industry-list .img-wrap img {
		height: 100%;
		margin-top: 0;
		margin-bottom: 0;
	}

	.featured-post h1.large-text-light {
		line-height: normal;
		font-size: 150px;
	}
}

/* Large Devices, Wide Screens */

@media (max-width : 1199px) {

	.contact-banner .col-md-3,
	.contact-banner .col-md-9 {
		width: 100%;
		margin-bottom: 30px;
	}

	.contact-banner .home-banner-content .cta-wrap {
		justify-content: center;
	}

	.contact-banner .home-banner-content {
		text-align: center;
	}

	.industries_profiles {
		gap: 0;
	}

	.industries_profiles .col-md-4 {
		width: 50%;
	}
}

@media (max-width : 1024px) {
	.clients .row .col-md-3 img {
		width: 100%;
	}

	.pg404-content .menu-pg404 {
		column-count: 2;
	}
}

@media(min-width: 993px) and (max-width: 1199px) {
	.ft-location {
		gap: 20px;
	}
}

@media all and (min-width: 992px) {

	/* .dropdown-menu {
		display: block;
		opacity: 0;
		visibility: hidden;
		margin-top: 0;
	} */

	/* 	
	body.nav-trigger {
    	overflow: hidden;
	} */

}

@media only screen and (max-width : 1400px) {
	.col-md-2.quick-links {
		margin-left: 0;
	}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {

	.mobile {
		display: block;
	}

	.desktop {
		display: none !important;
	}

	.blog-single-page h1 {
		font-size: 60px;
		margin: 0 20px;
		line-height: normal;
	}

	.blog-cta {
		padding: 30px 20px 27px 28px;
		gap: 20px;
		justify-content: center;
		align-items: flex-start;
		flex-direction: column;
	}

	.featured-post {
		flex-direction: column;
	}

	.banner-content-img .home-banner-content {
		padding-top: 150px;
		text-align: center;
	}

	.our-mission .omimg {
		margin-top: -120px;
	}

	.job-listing {
		margin-top: 0;
	}

	.service-wrap ul li a {
		color: var(--Black);
		margin-right: 15px;
	}

	.service-wrap ul li a:before {
		opacity: 1;
	}

	.service-areas .container {
		transform: none !important;
	}

	.service-areas h2 {
		font-size: 56px;
		background: transparent;
	}

	.service-areas {
		padding: 65px 10px;
	}

	.services {
		padding: 16px 0 56px 0;
	}

	.blog-grid .cta {
		margin-top: -30px !important;
		margin-bottom: 3rem;
	}

	.material .material-box a.btn {
		width: auto;
	}

	.home h1 {
		font-size: 100px;
		line-height: 90px;
	}

	.header {
		/* position: fixed; */
		padding: 7px 0;
	}

	.header .container {
		padding-top: 0;
		align-items: center;
		justify-content: space-between;
		max-width: 100%;
	}

	.header .navbar-collapse {
		position: fixed;
		left: 0px;
		top: 51px;
		width: 100%;
		background: rgb(0, 0, 0);
		padding: 12px 20px 20px 23px;
	}

	.navbar-expand-lg .navbar-nav {
		padding: 57px 0 0 30px;
	}

	.navbar-expand-lg .navbar-nav {
		gap: 25px;
	}

	.header .navbar-collapse .navbar-brand {
		/* display: none; */
	}

	#menu-nav-menu {
		padding-top: 30px;
	}

	.navbar .mega-menu .dropdown-menu,
	.navbar .dropdown-menu {
		display: none;
		background: #333;
		padding: 10px;
		margin-top: 0;
		transition: none;
		width: auto;
		margin-right: 50px;
	}

	.navbar .mega-menu .sub-header {
		width: 100%;
		padding: 0 15px;
		text-align: left;
	}

	.navbar .navbar-nav li ul li a span {
		font-size: 26px;
		line-height: 1;
	}

	.navbar .dropdown {
		position: relative;
	}

	.navbar .dropdown .nav-toggle {
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		font-size: 20px;
		padding: 18px 20px 20px 20px;
		line-height: 1;
		cursor: pointer;
	}

	.navbar .dropdown .nav-toggle i {
		-webkit-transition: all 0.2s ease;
		/* Safari 3.2+, Chrome */
		-moz-transition: all 0.2s ease;
		/* Firefox 4-15 */
		-o-transition: all 0.2s ease;
		/* Opera 10.5-12.00 */
		transition: all 0.2s ease;
		/* Firefox 16+, Opera 12.50+ */
	}

	.navbar .dropdown .nav-toggle.active i {
		transform: rotate(180deg);
	}

	.navbar-light .navbar-toggler {
		border: 0;
		box-shadow: none;
		padding-right: 0;
		border: none;
		background: transparent;
		display: flex;
		flex-direction: column;
		justify-content: space-around;
		width: 50px;
		height: 39px;
		cursor: pointer;
		top: 50%;
		right: 0;
		transform: translateY(-50%);
		position: absolute;
		gap: 0;
		width: 40px;
		height: 30px;
	}

	.navbar .navbar-nav li a span {
		font-size: 30px;
	}

	.navbar .container {
		padding: 0;
	}

	.fixed .header {
		background: #000;
	}

	.header .line {
		width: 100%;
		height: 1.5px;
		background-color: var(--White);
		transition: all 0.3s ease;
	}

	.fixed .header .line {
		background-color: var(--White);
	}

	.header .navbar-toggler[aria-expanded="true"] .line:nth-child(1) {
		transform: rotate(45deg) translate(5px, 5px);
	}

	.header .navbar-toggler[aria-expanded="true"] .line:nth-child(2) {
		opacity: 0;
	}

	.header .navbar-toggler[aria-expanded="true"] .line:nth-child(3) {
		transform: rotate(-45deg) translate(5px, -5px);
	}

	.home-banner .home-banner-content .col-md-7,
	.home-banner .home-banner-content .col-md-5,
	.ft-location,
	.footer .quick-links,
	.footer .ft-2 .col-md-6 {
		width: 100%;
		text-align: center;
	}

	.about-us .about-content-wrap .col-md-6,
	.industry-list .col-md-6,
	.banner-content-img .col-md-8,
	.banner-content-img .col-md-4,
	.featured-post .col-md-6 {
		width: 100%;
	}

	.featured-post h1.large-text-light {
		font-size: 120px;
	}

	.featured-post article.row {
		padding-bottom: 70px;
	}

	.featured-post .post-thumbnail {
		margin-bottom: 30px;
	}

	.banner-content-img h1.large-text-light {
		font-size: 175px;
	}

	.industry-list .img-wrap {
		padding-right: 15px;
	}

	.industry-list .text-wrap {
		padding: 30px 15px 15px 15px;
		border-left: 0;
	}

	.industries .industry-list .img-wrap img {
		height: 300px;
	}

	.about-us .about-content-wrap .heading {
		padding: 0;
	}

	.industries {
		padding-bottom: 10px;
	}

	.about-us .about-content-wrap .content {
		padding: 15px 0 0 0;
		border: 0;
	}

	.about-us .about-content-wrap .content.aos-init.aos-animate,
	.material .product-swatch-content .content.aos-init.aos-animate {
		border: 0;
	}

	.home-banner .home-banner-content .cta-wrap {
		margin-top: 2rem;
		display: block;
	}

	.ft-location,
	.footer .ft-social,
	.footer p.working-hrs {
		justify-content: center;
	}

	.ft-location {
		gap: 34px;
	}

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

	.footer .quick-links {
		margin-top: 60px;
	}

	.footer .quick-links ul {
		column-count: 3;
	}

	.footer .ft-1 {
		order: 2;
	}

	.footer .ft-2 {
		order: 1;
		padding-top: 0;
		padding-bottom: 30px;
	}

	.footer .ft-3 {
		order: 3;
	}

	.clients {
		padding: 60px 15px 60px 15px;
	}

	.parallax-bg {
		background-position: center !important;
	}

	section.clients.dark-bg.section.parallax-bg {
		background-position: left !important;
	}


	.large-text-light,
	.large-text {
		font-size: 150px;
		line-height: 1;
	}

	.home .large-text-light,
	.home .large-text {
		padding-bottom: 50px;
	}

	section.material .large-text-light {
		padding-bottom: 20px;
	}

	.material .product-swatch-content .col-md-6,
	.blog-grid .col-md-4 {
		width: 100%;
	}

	.material .product-swatch-content .subheading {
		padding: 0;
	}

	.material .product-swatch-content .content {
		padding-left: 0;
		border: 0;
		padding-top: 30px;
	}

	.blog-grid .col-md-4 {
		padding: 0 15px 60px 15px;
	}

	.blog-grid h2.large-text-light {
		text-align: center;
	}

	.blog-grid {
		padding: 50px 0 0px 0;
	}

	.blog-loop-pagination {
		margin-bottom: 60px;
	}

	.blog-grid .latest-post .post-description {
		margin-bottom: 18px;
	}

	.color-palette-groups-wrapper {
		display: block;
		overflow-x: scroll;
	}

	.color-palette-group {
		padding-left: 0;
	}

	.color-swatches {
		margin-bottom: 50px;
		overflow-x: auto;
		display: inline-flex;
		flex-wrap: wrap;
		justify-content: center;
	}

	.color-group-title {
		text-align: center;
	}

	.color-palette-group:last-child {
		padding-right: 0;
	}

	.color-swatches::-webkit-scrollbar {
		width: 0px;
	}

	.material .des {
		margin-top: 10px;
	}

	.timeline-item {
		flex-direction: column;
		margin-top: 0;
	}

	.timeline-inner {
		padding-left: 0 !important;
		padding-right: 0 !important;
		width: 80%;
		text-align: left;
	}

	.timeline:after {
		left: 0;
	}

	/* 
	.timeline-item .timeline-image:after{
		width: 12%;
	}

	.timeline-item.left.visible .timeline-image:after {
		margin-left: -12%;
	} */

	.timeline-item.right.visible .timeline-image:before,
	.timeline-item.left.visible .timeline-image:after {
		width: 69px;
		margin-left: -69px;
	}

	.timeline-item.left {
		transform: translateX(100px);
	}

	.timeline-item.left.visible {
		transform: translateX(0);
	}
}

/* end 992 */

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {}

@media(max-width:767px) {

	.timeline-image img {
		height: 350px;
	}

	.sec-timeline .container {
		max-width: 100%;
	}

	.timeline h3 {
		font-size: 72px;
		line-height: normal;
	}

	.timeline h4 {
		font-size: 30px;
		line-height: 32px;
	}

	.timeline p {
		margin-top: 6px;
	}

	.cta2 .mbtn {
		margin-top: 0;
		margin-bottom: 50px;
	}

	.material .product-swatch {
		height: 450px;
		margin-bottom: 60px;
	}

	section.industries .des,
	.general-content p {
		line-height: 32px;
	}

	.material .product-swatch-content .subheading,
	.material .product-swatch-content .content {
		padding-left: 0;
		border-left: 0 !important;
	}

	.home .material .material-sub-title,
	.home .material-description {
		text-align: center;
	}

	.material .material-sub-title,
	.material-description {
		text-align: left;
	}

	.material .material-sub-title {
		font-size: 48px;
		line-height: normal;
	}

	.contact-banner::before {
		opacity: 1;
		background: linear-gradient(0deg, #000 0%, rgb(0 0 0 / 40%) 100%);
		height: 100%;
	}

	.slick-prev {
		left: -60px !important;
	}

	.slick-next {
		right: -60px !important;
	}

	.industries_profiles .col-md-4 {
		width: 100%;
	}

	.industries_profiles {
		gap: 30px;
	}

	.pg404-content .menu-pg404 {
		gap: 30px;
		padding: 20px 0 0;
	}

	.contact-banner .home-banner-content {
		text-align: center;
		top: 100px;
		padding-top: 0;
		height: 100%;
	}

	.contact-banner video {
		min-height: 1500px;
	}

	.our-mission .omimg {
		margin-top: -70px;
	}

	section.our-mission h2.large-text,
	.job-listing h2.large-text-light {
		text-align: center;
	}

	.our-mission blockquote {
		width: 100%;
	}

	.navbar-expand-lg .navbar-nav,
	.navbar-expand-lg .navbar-nav li,
	.navbar-expand-lg .navbar-nav li a,
	.navbar-expand-lg .navbar-nav li a span {
		text-align: start !important;
	}

	.parallax-bg {
		background-attachment: scroll;
	}

	.navbar.show::-webkit-scrollbar {
		width: 0px;
	}

	.material .material-box .material-box-wrap .vid,
	.material .material-box .material-box-wrap::after {
		z-index: 1;
		opacity: 1;
		transform: scale(1.1);
		transition: opacity 1s ease-in-out, transform 1s ease;
	}

	.material .material-box .material-box-wrap .material-title {
		-webkit-text-fill-color: #000000;
		margin-bottom: 30px;
	}

	.material .material-box .material-box-wrap:not(:hover) .vid {
		z-index: 0;
		opacity: 1;
	}

	.material .material-box .material-box-wrap a.btn {
		z-index: 2;
	}

	.large-text-light,
	.large-text,
	.banner-content-img h1.large-text-light {
		font-size: 110px;
		letter-spacing: 5px;
	}

	.about-us .large-text {
		font-size: 124px !important;
		line-height: 1;
	}

	.home h1 {
		font-size: 80px;
		line-height: 70px;
	}

	.material .product-swatch-content {
		text-align: center;
		padding-top: 0;
	}

	.ft-location {
		flex-direction: column;
	}

	.about-us .about-content-wrap {
		padding: 60px 15px;
	}

	.about-us .image-title-wrap .large-text {
		bottom: -32px;
	}

	.clients .row .col-md-3 {
		width: 50%;
	}

	.service-wrap ul li a {
		font-size: 50px;
		line-height: normal;
		padding-right: 0;
	}

	.service-wrap ul li a:before {
		left: 108%;
		width: 15px;
		height: 15px;
		top: 14px;
	}

	.material {
		padding: 74px 15px 74px 15px;
	}

	.material .btn-full {
		margin-top: 30px;
	}

	.timeline-item.right.visible .timeline-image:before,
	.timeline-item.left.visible .timeline-image:after {
		width: 72px;
		margin-left: -72px;
	}

	.timeline-item.visible{
		overflow: hidden;
	}
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 576px) {

	.timeline-image img {
		height: 250px;
	}

	.timeline {
		margin: 60px auto;
	}

	.industries_profiles .dropdown-menu.show .dropdown-item {
		font-size: 30px;
	}

	section.our-mission {
		padding: 45px 0 0 0;
	}

	.footer .quick-links ul {
		column-count: 2;
	}

	.job-listing {
		padding-bottom: 55px;
	}

	.frm-wrap h2 {
		width: 100%;
	}

	.frm-wrap {
		padding: 30px;
	}

	.blog-single-page h1 {
		font-size: 40px;
	}

	.container.pg404 {
		margin-top: 0;
		padding-top: 60px;
	}

	.timeline h3 {
		font-size: 62px;
	}

}

@media only screen and (max-width : 450px) {
	.about-us .image-title-wrap .large-text {
		font-size: 130px !important;
	}

	.navbar {
		width: 100%;
	}

	.navbar-expand-lg .navbar-nav {
		padding: 20px;
	}

	.large-text-light,
	.large-text {
		font-size: 78px;
		letter-spacing: 4px;
	}

	.post-page-wrap .featured-post a {
		width: 100%;
	}

	.pg404-content .menu-pg404 {
		column-count: 1;
	}
}

@media only screen and (max-width : 380px) {
	.about-us .image-title-wrap .large-text {
		font-size: 90px !important;
		bottom: -20px;
	}

	.product-swatches-container .main-product-image {
		max-width: 100;
	}

	.main-product-image img {
		width: 100%;
		height: 100%;
		object-fit: contain;
	}
}