@media only screen and (max-width:1699px) {
	.slider-image {
		height: 800px
	}

	.mask1 img {
		height: 100%
	}

	.sub-banner-inner .mask1 img {
		height: 700px
	}

	.mask1 {
		-webkit-mask-size: 100%;
		mask-size: 100%;
		left: 20%
	}

	.sub-banner-inner .mask1 {
		-webkit-mask-size: 100%;
		mask-size: 100%;
		left: 33%;
		width: 90%
	}
	
}

@media only screen and (max-width:1399px) {
	.slider-center-left-content h1 {
		font-size: 50px
	}

	.slider-center-left-content {
		max-width: 400px
	}

	.slider-image {
		height: 750px
	}

	.mask1 img {
		height: 650px
	}
}

@media only screen and (max-width:1199px) {
	.contact-us-text.address {
		padding-right: 0
	}

	.slider-image {
		height: 700px
	}

	.mask1 img {
		height: 600px
	}
}

@media only screen and (max-width:1150px) {
	.flip-card-inner {
		width: 300px
	}

	.top-header-space {
		top: 85px
	}

	.menu>ul>li>ul {
		top: 85px
	}
}

@media only screen and (min-width:992px) {
	header .dropdown:hover .dropdown-menu {
		display: block
	}
}

@media (max-width:991.98px) {
	.offcanvas-collapse {
		position: fixed;
		top: 63px;
		bottom: 0;
		width: 100%;
		padding-right: 1rem;
		padding-left: 1rem;
		overflow-y: auto;
		transition: -webkit-transform .3s ease-in-out;
		transition: transform .3s ease-in-out;
		transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
		padding-right: 0;
		padding-left: 0;
		background: #3d3d3d;
		z-index: 1
	}

	.offcanvas-collapse.open {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}

	.navbar-nav .nav-link:focus,
	.navbar-nav .nav-link:hover {
		color: #117d57 !important
	}
}

.bg-dark {
	background-color: #2a5781 !important
}

.nav-scroller {
	position: relative;
	z-index: 2;
	height: 2.75rem;
	overflow-y: hidden
}

.nav-scroller .nav {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	padding-bottom: 1rem;
	margin-top: -1px;
	overflow-x: auto;
	color: rgba(255, 255, 255, .75);
	text-align: center;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch
}

.nav-underline .nav-link {
	padding-top: .75rem;
	padding-bottom: .75rem;
	font-size: .875rem;
	color: var(--secondary)
}

.nav-underline .nav-link:hover {
	color: var(--blue)
}

.nav-underline .active {
	font-weight: 500;
	color: var(--gray-dark)
}

.text-white-50 {
	color: rgba(255, 255, 255, .5)
}

.bg-purple {
	background-color: var(--purple)
}

.border-bottom {
	border-bottom: 1px solid #e5e5e5
}

.box-shadow {
	box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05)
}

.lh-100 {
	line-height: 1
}

.lh-125 {
	line-height: 1.25
}

.lh-150 {
	line-height: 1.5
}

@media only screen and (max-width:991px) {
	.container {
		padding: 0 15px
	}

	.r-container {
		padding: 0
	}

	.navbar-brand img {
		margin-left: 5px;
		max-height: 35px
	}

	.navbar-toggler {
		margin-right: 5px
	}

	.dropdown-toggle::after {
		height: 8px;
		width: 8px;
		position: absolute;
		right: 10px;
		top: 12px
	}

	.nav-link {
		padding-left: 0 !important
	}

	.navbar-expand-md .navbar-toggler {
		display: block !important;
		margin-left: auto !important
	}

	.navbar-expand-md .navbar-collapse {
		display: unset !important;
		display: unset !important;
		display: unset !important;
		-ms-flex-preferred-size: unset;
		flex-basis: unset
	}

	.navbar-expand-md .navbar-nav {
		-webkit-box-orient: vertical !important;
		-webkit-box-direction: normal;
		-ms-flex-direction: column !important;
		flex-direction: column !important
	}

	.navbar-expand-md .navbar-nav .dropdown-menu {
		position: unset
	}

	.navbar-nav .nav-link {
		color: #fff
	}

	.dropdown-toggle::after {
		border-color: #fff
	}

	.nav-item {
		margin-left: 5px
	}

	.nav-item.dropdown .dropdown-menu {
		margin-left: -5px
	}

	.dropdown-item {
		padding: .25rem .5rem
	}

	.video-product .banner-content p {
		max-width: 100%
	}
}

@media only screen and (max-width:991px) {
	.navbar {
		padding: 10px 0
	}

	.social-icon-and-searchbar {
		display: none
	}

	.des-relative {
		top: 0
	}

	.nav-link {
		pointer-events: unset
	}

	.dropdown-menu {
		padding: 10px 0;
		min-width: unset;
		min-height: unset
	}

	.f-logo img {
		max-height: 35px
	}

	.news-letter-inner {
		flex-direction: column
	}

	.news-letter-left h4 {
		text-align: center
	}

	.news-letter-right {
		margin-top: 15px
	}

	.news-letter-left h4 {
		font-size: 30px
	}

	.news-letter-left {
		max-width: 100%
	}

	.news-letter-right {
		max-width: 100%;
		display: flex;
		justify-content: center
	}

	.news-letter-right form {
		display: flex;
		width: 100%;
		justify-content: center
	}

	.news-leteer-main {
		padding: 50px 0
	}

	.latest-news-section {
		padding: 50px 0
	}

	.latest-news-top p {
		font-size: 18px;
		margin: 30px 0 30px 0
	}

	.call-out-box h2 {
		font-size: 26px
	}

	.call-out-box p {
		font-size: 16px
	}

	.call-out-btn {
		width: 40px;
		height: 40px
	}

	.flip-card {
		display: flex;
		justify-content: center
	}

	.counter-count {
		font-size: 40px
	}

	.count-up h3 {
		font-size: 24px
	}

	.slider-w-img {
		padding-top: 100px;
		background: #fff;
		background: linear-gradient(0deg, #fff 0, #d4dbd8 0);
		padding-bottom: 50px
	}

	.imgslider-img img {
		object-fit: cover;
		height: 450px
	}

	.imgslider-description {
		padding: 20px
	}

	.slider-w-img-option-two .right-image {
		position: unset;
		display: block
	}

	.right-image img {
		height: 450px
	}

	.slider-w-img-option-two .owl-dots {
		display: none
	}

	.imgslider-description h2 {
		font-size: 24px
	}

	.imgslider-description p {
		font-size: 14px;
		line-height: 20px;
		margin: 15px 0 20px 0;
		-webkit-line-clamp: 5
	}

	.imgslider-description a {
		font-size: 24px
	}

	.imgslider-description a img {
		margin-left: 15px;
		max-width: 30px
	}

	.slider-w-img {
		padding-top: 50px;
		padding-bottom: 0
	}

	.c-t-a-option-2 .banner-content {
		max-width: 100%
	}

	.contact-us-left {
		padding: 50px
	}

	.contact-us-right {
		padding: 50px 20px
	}

	.news-details {
		padding: 50px 0
	}

	.new-d-details h2 {
		font-size: 30px
	}

	.new-d-details h3 {
		font-size: 24px;
		line-height: 24px;
		margin: 30px 0 20px 0
	}

	.new-d-details p {
		font-size: 16px;
		line-height: 20px;
		margin-bottom: 15px
	}

	.need-solution-inner {
		flex-direction: column;
		align-items: center
	}

	.need-solution-inner .fps-white-btn {
		margin-left: 0
	}

	.f-logo {
		text-align: center;
		margin: 0 auto;
		max-width: 50%;
		margin-bottom: 40px
	}

	.f-contact-detail {
		border-left: 0;
		padding-left: 0;
		min-height: unset;
		margin-top: 40px
	}

	.f-contact-detail address {
		max-width: 100%;
		margin: 20px 0 0 0
	}

	.footer-bottom {
		margin-top: 30px
	}

	.need-solution-inner h2 {
		font-size: 26px;
		margin-bottom: 20px
	}

	.counter-top h2 {
		font-size: 30px;
		margin-bottom: 0
	}

	.counter {
		padding: 40px 0
	}

	.top-header-space {
		top: 81px
	}

	.slider-center-left-content h1 {
		font-size: 40px
	}

	.slider-image {
		height: 525px
	}

	.mask1 img {
		height: 450px
	}

	.sub-banner-inner {
		height: 400px
	}

	.sub-banner-inner .mask1 img {
		height: 450px
	}

	.sub-banner-inner .mask1 {
		left: 27%
	}
}

@media only screen and (max-width:767px) {
	.news-letter-left h4 {
		font-size: 28px
	}

	.count-up h3 {
		font-size: 20px
	}

	.counter-count {
		font-size: 30px
	}

	.map-box {
		flex-direction: column
	}

	.map-box-left,
	.map-box-right {
		width: 100%
	}

	.map-miles {
		margin: 0 30px 0 0
	}

	.news-details {
		padding: 40px 0
	}

	.new-d-details h2 {
		font-size: 28px
	}

	.new-d-details h3 {
		font-size: 22px;
		line-height: 22px;
		margin: 20px 0 15px 0
	}

	.footer-link {
		min-height: unset;
		margin-bottom: 30px
	}

	.see-all-location-details {
		padding: 30px;
		text-align: center
	}

	.see-all-location-details .fps-white-btn {
		margin: 0 auto
	}

	.see-all-location-details p {
		margin: 15px 0 25px 0
	}

	.slider-center-left-content h1 {
		font-size: 33px
	}

	.slider-center-left-content p {
		font-size: 16px;
		line-height: 20px
	}

	.mask1 {
		mask-size: 650px;
		-webkit-mask-size: 650px
	}

	.map-option-two .map-box-left,
	.map-option-two .map-box-right {
		width: 100%
	}

	.sub-banner-inner .mask1 {
		mask-size: 700px;
		-webkit-mask-size: 700px;
		opacity: .25
	}
}

@media only screen and (max-width:575px) {
	.f-contact-detail {
		justify-content: center;
		margin-top: 0;
		align-items: center
	}

	.footer-content {
		flex-direction: column
	}

	.left-footer-part {
		flex-direction: column;
		width: 100%
	}

	.menu-link {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		width: 100%
	}

	.menu-link li {
		margin: 0 10px
	}

	.f-social-icon li {
		margin: 0 10px
	}

	.f-social-icon {
		justify-content: center;
		margin: 15px 0 15px 0
	}

	.f-bottom-links {
		justify-content: center
	}

	.f-bottom-links li {
		margin: 0 20px
	}

	.news-letter-left h4 {
		font-size: 24px
	}

	.latest-news-top h3 {
		font-size: 26px
	}

	.latest-news-top p {
		font-size: 14px;
		margin: 20px 0
	}

	.latest-news-box {
		padding: 20px;
		margin-bottom: 30px
	}

	.latest-news-box p {
		font-size: 14px
	}

	.latest-news-section {
		padding: 30px 0 10px 0
	}

	.l-news-title h5 {
		font-size: 14px;
		margin-left: 10px
	}

	.counter {
		text-align: center
	}

	.count-up h3 {
		font-size: 16x
	}

	.counter-count {
		margin: 0
	}

	.count-up {
		margin-bottom: 10px
	}

	.video-product .item {
		height: 450px
	}

	.video-product .banner-content h3 {
		font-size: 26px
	}

	.video-product .banner-content p {
		font-size: 14px;
		margin: 20px auto 20px auto
	}

	.video-product .banner-content a {
		height: 40px;
		width: 40px
	}

	.video-product .banner-content a img {
		max-width: 12px
	}

	.slider-w-img {
		padding-top: 30px
	}

	.call-to-action-model-inner {
		padding: 30px;
		text-align: center
	}

	.call-to-action-model-top {
		max-width: 100%
	}

	.call-to-action-model-bottom form {
		display: flex;
		justify-content: center;
		flex-direction: column
	}

	.call-to-action-model-bottom .green-btn {
		margin-left: 0;
		margin-top: 15px
	}

	.contact-us-left {
		padding: 30px
	}

	.contact-us-right {
		padding: 30px 20px
	}

	.contact-us-left h3,
	.contact-us-right h3 {
		font-size: 21px
	}

	.contact-us-left-inner-details a,
	.contact-us-left-inner-details p {
		font-size: 16px
	}

	.contact-us-left-inner-details img {
		max-width: 15px
	}

	.contact-us-left h4 {
		font-size: 16px;
		margin: 20px 0
	}

	.contact-us-right .form-control {
		height: 35px
	}

	.map-box h3 {
		font-size: 17px;
		margin-bottom: 5px
	}

	.map-miles h6 {
		font-size: 14px
	}

	.map-product p {
		font-size: 14px
	}

	.map-contact-inner a {
		font-size: 14px
	}

	.news-details {
		padding: 30px 0
	}

	.new-d-details h2 {
		font-size: 26px
	}

	.new-d-details h3 {
		font-size: 20px;
		line-height: 20px
	}

	.new-d-details p {
		font-size: 14px;
		line-height: 17px;
		margin-bottom: 10px
	}

	.new-d-details {
		margin-top: 30px
	}

	.new-d-details .btn-green-btn {
		margin: 30px 0 0 0
	}

	.footer-link {
		border: 0;
		padding: 0;
		text-align: center
	}

	.f-contact-detail address {
		margin: 10px 0 0 0
	}

	.footer-bottom {
		margin-top: 15px
	}

	.footer-link {
		margin-bottom: 20px
	}

	.f-logo {
		max-width: 100%;
		margin-bottom: 20px
	}

	.f-bottom-links {
		margin-left: 0
	}

	.footer-bottom {
		flex-wrap: wrap;
		justify-content: center
	}

	.count-up {
		justify-content: center
	}

	.counter {
		padding: 30px 0
	}

	.counter-top span {
		font-size: 14px;
		line-height: 20px
	}

	.counter-top h2 {
		font-size: 26px;
		line-height: unset;
		margin-bottom: 0
	}

	.counter-top {
		margin-bottom: 20px
	}

	.need-solution-inner h2 {
		font-size: 23px
	}

	.fps-white-btn {
		height: 40px
	}

	.slider-green-btn {
		height: 40px
	}

	.slider-center-left-content h1 {
		font-size: 28px
	}

	.slider-center-left-content p {
		font-size: 14px;
		line-height: 18px
	}

	.slider-center-left-content {
		max-width: 100%;
		padding: 10px
	}

	.latest-news-two {
		padding: 20px 0
	}

	.featured-products-box .flip-card-back {
		transform: unset
	}

	.flip-card.featured-products-box:hover .flip-card-inner {
		transform: unset
	}

	.featured-products-box .flip-card-back,
	.featured-products-box .flip-card-front {
		position: unset;
		width: unset;
		height: unset
	}

	.featured-products-box .flip-card-back {
		background: unset;
		transform: unset
	}

	.featured-products-box .flip-card-inner {
		height: unset
	}

	.featured-products-box .flip-card-back {
		padding: 0
	}

	.featured-products-box .flip-card-front-link {
		display: none
	}

	.sub-banner-inner {
		height: 300px
	}
}

@media only screen and (max-width:399px) {
	.f-logo img {
		max-height: 35px
	}

	.map-box-right {
		flex-direction: column
	}

	.map-product {
		max-width: 100%;
		margin-top: 10px
	}

	.map-contact {
		max-width: 100%
	}
}