/*
Theme Name: Twenty Nineteen Child
Theme URI: https://wordpress.org/themes/twentynineteen/
Template: twentynineteen
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Our 2019 default theme is designed to show off the power of the block editor. It features custom styles for all the default blocks, and is built so that what you see in the editor looks like what you'll see on your website. Twenty Nineteen is designed to be adaptable to a wide range of websites, whether you’re running a photo blog, launching a new business, or supporting a non-profit. Featuring ample whitespace and modern sans-serif headlines paired with classic serif body text, it's built to be beautiful on all screen sizes.
Tags: one-column,accessibility-ready,custom-colors,custom-menu,custom-logo,editor-style,featured-images,footer-widgets,rtl-language-support,sticky-post,threaded-comments,translation-ready,block-patterns
Version: 3.1.1754043023
Updated: 2025-08-01 10:10:23

*/

:root {
	--blue-1: #0D3C5B;
	--red-1: #E53835;
}

*, ::before, ::after {
	box-sizing: border-box;
}

html {
	scroll-behavior: smooth;
}


h1::before, 
h2::before, 
h3::before, 
h4::before, 
h5::before, 
h6::before {
	display: none !important;
}

*,
::before,
::after {
	box-sizing: border-box;
}

*,
html,
body {
	margin: 0;
	padding: 0;
}

.container {
	max-width: 1480px;
	width: 100%;
	margin: 0 auto;
	padding: 0 20px;
}

.list-style-none {
	list-style: none;
}

.uppercase {
	text-transform: uppercase;
}

.text-font-primary,
.text-font-primary a,
.text-font-primary li,
.text-font-primary span,
.text-font-primary p,
.text-font-primary h1,
.text-font-primary h2,
.text-font-primary h3,
.text-font-primary h4,
.text-font-primary h5,
.text-font-primary h6 {
	font-family: "Manrope", sans-serif;
}

.text-font-secondary,
.text-font-secondary a,
.text-font-secondary li,
.text-font-secondary span,
.text-font-secondary p,
.text-font-secondary h1,
.text-font-secondary h2,
.text-font-secondary h3,
.text-font-secondary h4,
.text-font-secondary h5,
.text-font-secondary h6 {
	font-family: "Roboto", sans-serif;
}

a {
	text-decoration: none;
}

.text-black,
.text-black a,
.text-black li,
.text-black span,
.text-black p,
.text-black h1,
.text-black h2,
.text-black h3,
.text-black h4,
.text-black h5,
.text-black h6 {
	color: var(--black);
}

.text-white,
.text-white a,
.text-white li,
.text-white span,
.text-white p,
.text-white h1,
.text-white h2,
.text-white h3,
.text-white h4,
.text-white h5,
.text-white h6 {
	color: var(--white);
}

.text-lg h4 {
	font-size: 35px;
	line-height: 40px;
}
.text-md p {
	font-size: 24px;
	line-height: 40px;
}

nav a {
	transition: 0.2s;
}

nav a:hover {
	text-decoration: underline;
}

.btn {
	font-family: "Manrope", sans-serif;
	font-size: 16px;
	line-height: 24px;
	text-align: center;
	border-radius: 4px;
	transition: 0.2s;
}

.btn.primary {
	color: var(--white);
	background-color: var(--blue-1);
	padding: 10px 30px;
	border: 2px solid var(--blue-1);
}

.btn.primary:hover {
	color: var(--blue-1);
	background-color: transparent;
}


.btn.secondary {
	color: var(--blue-1);
	background-color: transparent;
	padding: 10px 30px;
	border: 2px solid var(--blue-1);
}

.btn.secondary:hover {
	color: var(--white);
	background-color: var(--blue-1);
}
.wpcf7-response-output {
	color: white!important;
    font-size: 19px!important;
    border: 0!important;
}

form input[type="submit"] {
	font-family: "Manrope", sans-serif;
	font-size: 16px;
	line-height: 24px;
	text-align: center;
	border-radius: 4px;
	transition: 0.2s;

	color: var(--white);
	background-color: transparent;
	padding: 10px 30px;
	border: 2px solid var(--white);
	width: 40%;
	margin: 0 auto;
}

form input[type="submit"]:hover {
	color: var(--blue-1);
	background-color: var(--white);
}

.text-center {
	text-align: center;
}

.text-400,
.text-400 a,
.text-400 li,
.text-400 span,
.text-400 p,
.text-400 h1,
.text-400 h2,
.text-400 h3,
.text-400 h4,
.text-400 h5,
.text-400 h6  {
	font-weight: 400;
}

.text-500,
.text-500 a,
.text-500 li,
.text-500 span,
.text-500 p,
.text-500 h1,
.text-500 h2,
.text-500 h3,
.text-500 h4,
.text-500 h5,
.text-500 h6 {
	font-weight: 500;
}

.text-600,
.text-600 a,
.text-600 li,
.text-600 span,
.text-600 p,
.text-600 h1,
.text-600 h2,
.text-600 h3,
.text-600 h4,
.text-600 h5,
.text-600 h6 {
	font-weight: 600;
}

.text-700,
.text-700 a,
.text-700 li,
.text-700 span,
.text-700 p,
.text-700 h1,
.text-700 h2,
.text-700 h3,
.text-700 h4,
.text-700 h5,
.text-700 h6 {
	font-weight: 700;
}

.text-800,
.text-800 a,
.text-800 li,
.text-800 span,
.text-800 p,
.text-800 h1,
.text-800 h2,
.text-800 h3,
.text-800 h4,
.text-800 h5,
.text-800 h6 {
	font-weight: 800;
}

.text-900,
.text-900 a,
.text-900 li,
.text-900 span,
.text-900 p,
.text-900 h1,
.text-900 h2,
.text-900 h3,
.text-900 h4,
.text-900 h5,
.text-900 h6 {
	font-weight: 900;
}

hr {
	height: 1px;
	width: 100%;
	color: var(--white);
}

.bg-blue-1 {
	background-color: var(--blue-1);
}

p, a, li {
	font-size: 16px;
	line-height: 24px;
}

.text-mb-20 p {
	margin-bottom: 20px;
}

.text-sm p, 
.text-sm a, 
.text-sm li {
	font-size: 14px;
	line-height: 20px;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
}

h1 {
	font-size: 64px;
	line-height: 72px;
}

h2 {
	font-size: 48px;
	line-height: 54px;
}

h3 {
	font-size: 28px;
	line-height: 36px;
}

h5 {
	font-size: 20px;
	line-height: 28px;
}
h6 {
	font-size: 18px;
	line-height: 28px;
}


.feature-item {
	flex-direction: column;
	align-items: center;
	gap: 10px;
}

.feature-item img {
	width: 80px;
	height: 80px;
	object-fit: contain;
}

.product-range,
.why-choose-list li {
	transition: 0.2s;
}

.product-range img {
	height: 300px;
	object-fit: cover;
}

.product-range:hover,
.why-choose-list li:hover {
	transform: scale(1.03);
}

.product-range img {
	border-radius: 30px;
}

.product-range h3 {
	gap: 24px;
}

.product-wrapper {
	border-radius: 30px;
}


.description-wrapper img {
	width: 10.5px;
	height: 10.5px;
}


.why-choose-list {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
}

.box-shadow-default {
    box-shadow: 0 20px 61px -15px #ccc;
}

.why-choose-list li::before {
	content: "";
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADlSURBVHgBvVAxCsJAENw9xcZCf6DWNiKi4Cus7fyBDxD8Q15gZe0PNI2NCKmsbawsrCQRvF13YxKjCRIQHA52925n5hiAfwPjZtdtX3yiemAtB0ToWws3S+DrLL284Z1oMTudJ7pvYiIj1JGZVUyLKIaDzhg5EL8cy2l7IaNBOMqWGyool1GEjPRW1dxcomrL1npcGzhoYARZNKsN6Fy3S++dGP9NSCIxhzyYcMkzqZRYD6cC+wbzeYGJb3FiIacskZ9OYYAFkITDyI6UWolxI7VVmNjfH6ZxXx32OlF6GTBVVvALHubrVk1S/5otAAAAAElFTkSuQmCC');
	background-size: contain;
	background-repeat: no-repeat;
	width: 14px;
	display: inline-block;
	height: 14px;
	position: absolute;
	left: -20px;
	top: 5px;
}

.what-client-say-img {
	width: fit-content;
}

.img-background-card {
	background-color: var(--blue-1); /* Use your custom variable or hex like #0f3c5d */
	border-radius: 30px;
}

.img-background-card img {
	top: 40px;
	left: -20px;
	object-fit: cover;
	border-radius: 30px;
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}



/* .description-wrapper span {
	color: var(--red-1);
} */
/* span {
	color: var(--red-1)!important;	
} */
span.erase {
  text-decoration: line-through;
	
}

.product-wrapper {
	justify-content: center;
}

.br-default {
	border-radius: 30px;
}

#brand-promise::after {
	content: '';
	position: absolute;
	width: 100%;
	height: 10%;
	background: linear-gradient(0deg,rgba(255, 255, 255, 1) 0%, rgba(237, 221, 83, 0) 100%);
	background-size: contain;
	bottom: 0;
}

#brand-promise::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 10%;
	background: linear-gradient(180deg,rgba(255, 255, 255, 1) 0%, rgba(237, 221, 83, 0) 100%);
	background-size: contain;
	top: 0;
}

#why-choose-us::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 50%;
	background: linear-gradient(180deg,rgba(255, 255, 255, 1) 0%, rgba(237, 221, 83, 0) 100%);
	background-size: contain;
	top: 0;
}

#why-choose-us::after {
	content: '';
	position: absolute;
	width: 100%;
	height: 50%;
	background: linear-gradient(0deg,rgba(255, 255, 255, 1) 0%, rgba(237, 221, 83, 0) 100%);
	background-size: contain;
	bottom: 0;
}

/* Products */
#feature .card-item {
	width: 24%;
}

#feature .card-item img {
	width: 100%;
	height: 220px;
	object-fit: cover;
}

/* Header */
#site-header.fixed {
	background-color: var(--white);
}

#site-header .logo-wrapper img {
	width: 200px;
}

#site-header.fixed .logo-wrapper img {
	width: auto;
}

.sub-menu {
	position: absolute;
	list-style: none;
	display: none;
	background-color: var(--blue-1);
	padding: 20px;
	border-radius: 5px;
}

.sub-menu a {
	color: var(--white);
}

.menu-item-has-children:hover .sub-menu {
	display: block;
}

/* Burger Menu */
.burger {
	position: absolute;
	top: -12px;
	right: 0;
	width: 30px;
	height: 30px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	background: none;
	cursor: pointer;
	padding: 0;
	z-index: 1001;
	padding: 5px;
	border-radius: 5px;
}

.burger:hover {
	background-color: var(--green-2);
}

.burger:hover .line {
	background: var(--white);
}
.burger:focus {
	background-color: var(--green-2);
}

.burger:focus .line {
	background-color: var(--white);
}

.burger .line {
	width: 100%;
	height: 3px;
	background: #333;
	transition: all 0.3s ease;
}

/* Transform into X when active */
.burger.active .line:nth-child(1) {
	transform: rotate(45deg) translate(5px, 5px);
}
.burger.active .line:nth-child(2) {
	opacity: 0;
}
.burger.active .line:nth-child(3) {
	transform: rotate(-45deg) translate(5px, -5px);
}

/* Slide Drawer */
.drawer {
	position: fixed;
	top: 0;
	right: -300px;
	height: 100vh;
	width: 300px;
	background: var(--white);
	box-shadow: 0 0 10px 0 #d4d4d4;
	transition: right 0.3s ease;
	z-index: 1000;
	padding: 60px 20px 20px;
}

.drawer.open {
	right: 0;
}

.drawer-menu {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

/* Social */
.social a {
	font-size: 26px;
}

/* Form */
form input, form textarea {
	width: 100%;
	border-radius: 6px !important;
}

form input::placeholder, form textarea {
	font-family: "Manrope", sans-serif;
	font-size: 14px;
}

form p br {
	display: none;
}

form p {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

/* product page */


.description-wrapper ul {
	list-style: none;
}
.description-wrapper li {
	position: relative;
	margin-bottom: 10px;
}

.description-wrapper li::before {
	content: "";
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADlSURBVHgBvVAxCsJAENw9xcZCf6DWNiKi4Cus7fyBDxD8Q15gZe0PNI2NCKmsbawsrCQRvF13YxKjCRIQHA52925n5hiAfwPjZtdtX3yiemAtB0ToWws3S+DrLL284Z1oMTudJ7pvYiIj1JGZVUyLKIaDzhg5EL8cy2l7IaNBOMqWGyool1GEjPRW1dxcomrL1npcGzhoYARZNKsN6Fy3S++dGP9NSCIxhzyYcMkzqZRYD6cC+wbzeYGJb3FiIacskZ9OYYAFkITDyI6UWolxI7VVmNjfH6ZxXx32OlF6GTBVVvALHubrVk1S/5otAAAAAElFTkSuQmCC');
	background-size: contain;
	background-repeat: no-repeat;
	width: 14px;
	height: 14px;
	position: absolute;
	left: -20px;
	top: 5px;
}

.accordion {
	cursor: pointer;
	padding: 18px;
	width: 100%;
	border: none;
	text-align: left;
	outline: none;
	transition: 0.4s;
}

.active, .accordion:hover {
	background-color: var(--red-1);
}

.accordion::after {
	content: '\002B';
	color: #fff;
	font-weight: bold;
	float: right;
	margin-left: 5px;
}

.active:after {
	content: "\2212";
}

.panel {
	padding: 0 18px;
	background-color: white;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.2s ease-out;
}

/* Contact */
.contact-info-item:first-child {
	border: none;
}

.contact-info-item {
	border-left: 2px solid #111;
}


/* Responsive */
@media only screen and (max-width: 1650px) {
	#hero {
		background-size: 500px;
	}
	#hero.home {
		background-size: 40%;
		padding-top: 140px;
		padding-bottom: 50px;
	}


}

@media only screen and (max-width: 1367px) {
	p, a, li, .btn {
		font-size: 14px;
		line-height: 20px;
	}

	h1 {
		font-size: 50px;
		line-height: 55px;
	}

	h2 {
		font-size: 40px;
		line-height: 45px;
	}

	.why-choose-list {
		width: 100%;
	}

	.img-background-card img {
		top: 20px;
	}

	#hero {
		padding: 150px 0;
	}

	#about.home .who-we-are {
		padding: 50px;
	}

	#why-choose-us.home {
		padding: 200px 0 100px 0;
	}

	.container {
		padding: 0 50px;
	}


	#about-1.about,
	#about-2.about{
		padding: 50px 0;
	}

	section.about .content-wrapper {
		padding: 0;
		margin: 0;
	}
}

@media only screen and (max-width: 1150px) {
	h1 {
		font-size: 40px;
		line-height: 45px;
	}

	h2 {
		font-size: 30px;
		line-height: 35px;
	}
}

@media only screen and (max-width: 1200px) {
	.product-range img {
		height: 220px;
	}
}

@media only screen and (max-width: 1100px) {
	#hero {
		background-size: contain;
	}

	#hero .col-1 {
		width: 100%;
		background-color: rgba(255, 255, 255, 0.7);
		padding: 50px;
	}

	.product-wrapper {
		padding: 50px;
		width: 100%;
	}

	#brand-promise.home {
		padding: 240px 0 400px 0 !important;
		margin-bottom: 240px;
	}

	#brand-promise.home .developers-build-wrap {
		margin: 0;
		width: 100%;
	}

	#contact.home .contact-wrapper {
		flex-direction: column;
		gap: 20px;
		padding: 50px;
	}

	#contact.home .contact-wrapper .col-1, #contact.home .contact-wrapper .col-2 {
		width: 100%;
	}

	footer .content-wrapper {
		flex-direction: column;
		gap: 50px;
	}

	footer .content-wrapper .col-1, footer .content-wrapper .col-2 {
		width: 100%;
	}

	footer .content-wrapper .col-2 {
		padding: 0;
	}
}

@media only screen and (max-width: 1024px) {
	h1 {
		font-size: 40px;
		line-height: 45px;
	}

	h2 {
		font-size: 30px;
		line-height: 35px;
	}

	.product-wrapper {
		padding: 20px 0;
	}

	#why-choose-us .product-wrapper {
		padding: 30px;
	}

	#testimonials.home .col-1 {
		gap: 20px;
	}
	
	#advantage .content-wrapper .advantage-wrapper {
		width: 80%;
	}
	
/* 	products */
	#feature .content-wrapper {
		padding: 50px;
	}
	
	#advantage {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	
	
	#application {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	#feature .card-item {
		width: 48%;
	}
	#hero.contact .content-wrapper {
		gap: 20px;
	}
	#hero.contact .col-1 {
		width: 40%;
	}
	
	#hero.contact .col-2 {
		width: 60%;
	}
	
	
}

@media only screen and (max-width: 980px) {
	.product-range img {
		height: 180px;
	} 
}

.mobile-only {
	display: none;
}
@media only screen and (max-width: 800px) {
	#product-sec-1 .content-wrapper {
		flex-direction: column;
		flex-wrap: wrap;
		width: 100%;
		text-align: center;
	}
	
	#section-6 .table-wrapper {
		flex-direction: column;
	}
	#section-6 .table-wrapper .col-1, #section-6 .table-wrapper .col-2 {
		width: 100%;
	}
	
	#product-sec-1 .content-wrapper .col-1, #product-sec-1 .content-wrapper .col-2 {
		width: 100%;
	}
	
	.desktop-only {
		display: none;
	}

	.mobile-only {
		display: block;
	}

	#about.home .feature-bar {
		flex-wrap: wrap;
	}

	#product.home .heading-wrapper {
		margin-bottom: 0;
	}

	#brand-promise.home .developers-build-text {
		padding: 50px;
	}

	.text-lg h4 {
		font-size: 30px;
		line-height: 35px;
	}

	.text-md p {
		font-size: 20px;
		line-height: 25px;
	}

	#contact.home .heading-wrapper {
		margin-bottom: 10px;
	}
	/* 	products */
	
	#feature .content-wrapper {
		flex-direction: column;
		padding: 10px;

	}
	#feature .content-wrapper .col-1, #feature .content-wrapper .col-2 {
		width: 100%;
/* 		padding: 0; */
		margin-top: 0;
	}
	
	
	#feature .content-wrapper .heading-wrapper {
		text-align: center
	}
	
	#feature .content-wrapper .description-wrapper {
		padding: 0;
	}
	
	#advantage .content-wrapper {
		flex-direction: column;
	}
	
	#advantage .content-wrapper .advantage-wrapper {
		width: 100%;
	}
	
	 #application .content-wrapper {
		 flex-direction: column;
		 padding: 10px;
	}
	#application {
		margin: 0;
	}
	#advantage {
		margin: 0;
	}
	#advantage .description-wrapper {
		justify-content: left;
		text-align: left;
	}
	#advantage .heading-wrapper {
		margin: 0;
	}
	
	#advantage .advantage-wrapper {
		gap: 10px;
	}
	
	#advantage .content-wrapper {
		margin: 20px 0;
	}
	
	#application .content-wrapper .col-1 .heading-wrapper {
		text-align: center;
	}
	
	#application .content-wrapper .col-1, #application .content-wrapper .col-2 {
		width: 100%;
	}
	
	#faq .content-wrapper {
		width: 90%;
	}
	#faq .heading-wrapper {
		text-align: center;
	}
	
	
	#advantage .advantage-wrapper {
		gap: 10px;
	}
	#cta .content-wrapper{
		width: 100%;
		margin-left: 0;
	}

	#about-1.about .content-wrapper {
		flex-direction: column;
		gap: 50px;
	}

	#about-1.about .content-wrapper .col-1, #about-1.about .content-wrapper .col-2 {
		width: 100%;
	}
	
	#about-2.about .content-wrapper {
		flex-direction: column;
		gap: 50px;
	}

	#about-2.about .content-wrapper .col-1, #about-2.about .content-wrapper .col-2 {
		width: 100%;
	}
	
	#hero .content-wrapper {
		flex-direction: column;
	}
	#hero.contact .col-1 {
		width: 100%;
		text-align: center;
	}
	
	#hero.contact .col-2 {
		width: 100%;
	}
	
	#hero.contact {
		padding-bottom: 50px;
	}
	
	#contact-info.contact .contact-info-item {
		width: 32%;
	}
	
	
	
}

@media only screen and (max-width: 767px) {
	footer .content-wrapper .col-2 {
		flex-direction: column;
		gap: 50px;
	}

	footer .content-wrapper .col-2 .heading-wrapper {
		margin-bottom: 10px;
	}

	footer .content-wrapper {
		margin-bottom: 30px;
	}

	#testimonials.home .what-client-say-wapper {
		flex-direction: column;
		gap: 50px;
	}

	#testimonials.home .what-client-say-wapper .col-1, #testimonials.home .what-client-say-wapper .col-2 {
		width: 100%;
	}
	/* 	products */
	

	#about-1 {
		padding: 0;
	}
	
	#about-2.about {
		padding-top:  20px!important;
	}
	#about-1.about {
		padding-bottom:  20px!important;
	}
	
	#about-1.about .img-background-card {
		margin: 30px;
	}
}

@media only screen and (max-width: 640px) {
	p, h2, h3 {
		text-align: center;
	}
	
	.product-range img {
		height: auto;
	}

	.product-range {
		width: 75%;
	}

	.container {
		padding: 0 20px;
	}


	#product.home .product-wrapper {
		flex-direction: column;
		align-items: center;
	}	

	.why-choose-list {
		display: flex;
		flex-direction: column;
	}

	h1 {
		font-size: 34px;
		line-height: 38px;
	}

	h2 {
		font-size: 24px;
		line-height: 28px;
	}

	#hero {
		text-align: center;
	}

	#about.home {
		text-align: center;
	}

	#product.home {
		text-align: center;
	}

	#testimonials.home .img-wrapper {
		margin: 0 auto;
	}

	#brand-promise.home .description-wrapper {
		text-align: center;
	}

	#testimonials.home .heading-wrapper {
		justify-content: center;
	}

	.btn-wrapper {
		justify-content: center;
	}

	.why-choose-list li {
		width: 100%;
	}

	#testimonials.home .what-client-say-wapper .col-2 {
		width: 90%;
		margin: 0 auto;
	}

	#contact.home .contact-wrapper  {
		padding: 0;
		margin-bottom: 20px;
	}

	#contact.home .contact-wrapper .col-1 {
		padding: 30px 20px;
	}

	#contact.home .contact-wrapper .col-2 {
		padding: 20px;
	}

	#about.home .who-we-are{
		padding: 30px !important;
	}

	#advantage .advantage-wrapper {
		width: 100%;
		padding: 20px;
		margin-left: 0;
	}
	
	 #about-1.about, #about-2.about {
		 text-align: center;
	}
	#feature .card-item {
		width: 100%;
	}
	
	#contact-info.contact .contact-infor-wrapper {
		flex-direction: column;
		align-items: center;
		gap: 40px;
	}
	
	#contact-info.contact .contact-info-item {
		width: 100%;
		border: none;
		gap: 5px;
	}
	
	
	
}

@media only screen and (max-width: 540px) {
	#hero .col-1 {
		padding: 30px 10px;
	}

	#site-header .logo-wrapper {
		width: 35%;
	}

	#about.home .feature-bar {
		flex-direction: column;
	}

	#why-choose-us.home .description-wrapper {
		padding: 0;
	}

	#brand-promise.home .developers-build-text {
		padding: 20px;
	}

	form input[type="submit"] {
		width: 100%;
	}

/* 	#feature {
		margin-top: -200px;
	} */
}

@media only screen and (max-width: 800px) {
    #brand-promise .text-lg h4 {
        font-size: 22px;
        line-height: 30px;
    }
	#hero.home.bg-contain {
		background-size: cover!important;
		margin-bottom: 20px;
	}

}

@media only screen and (max-width: 440px) {
	.product-range {
		width: 75%;
	}
}