@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,700|Roboto:300,400,700');


h1, h2, h3, h4 {
	/* font-family: 'Roboto', sans-serif; */
	font-family: 'Open Sans', sans-serif;
}

h5, h6, p, a {
	font-family: 'Open Sans', sans-serif;
}

a {
	color: #0384b1;
}

a:hover {
	text-decoration: none;
}

body {
	color: #fff;
	overflow-x: hidden;
}

form input:focus,
form textarea:focus {
	border-color: #0384b1 !important;
	box-shadow: none !important;
}

.ec-main {
	padding: 0 !important;
}

.ec-head-title {
	margin: 2rem auto;
}

.navbar-brand h2 {
	margin: auto auto;
	color: #fff;
}

.ec-link {
	margin: auto 20px;
}

.ec-link a {
	color: #333 !important;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: .9rem;
}

.ec-link a:hover {
	color: #f7941d !important;
}

.ec-link:last-child {
	margin-right: 0;
}

.ec-nav-btn {
	font-size: 14px;
	color: #fff !important;
	background: transparent;
	border: 1px solid #fff;
	position: relative;
	z-index: 10;
	cursor: pointer;
}

.ec-nav-btn option {
	background-color: #0384b1 !important;
}

.ec-login-btn {
	background: transparent;
	padding: 7px 30px !important;
	border-radius: 4px;
	font-size: .9rem;
	letter-spacing: 1px;
	text-transform: uppercase;
	border: 1px solid #999999;
	color: #333 !important;
}

.ec-login-btn:hover {
	cursor: pointer;
	color: #f7941d !important;
}

.navbar-padding {
	/* padding-top: 20px; */
	padding-bottom: 10px;
	background-color: #FBFBFB;
}

/* Hide Humburger icon border */
.navbar-light .navbar-toggler {
	border-color: rgba(0,0,0,0);
}

/* Customize Humburger icon */
/* .navbar-toggler-icon {
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGhlaWdodD0iMzJweCIgaWQ9IkxheWVyXzEiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDMyIDMyOyIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMzIgMzIiIHdpZHRoPSIzMnB4IiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48cGF0aCBmaWxsPSIjZmZmZmZmIiBkPSJNNCwxMGgyNGMxLjEwNCwwLDItMC44OTYsMi0ycy0wLjg5Ni0yLTItMkg0QzIuODk2LDYsMiw2Ljg5NiwyLDhTMi44OTYsMTAsNCwxMHogTTI4LDE0SDRjLTEuMTA0LDAtMiwwLjg5Ni0yLDIgIHMwLjg5NiwyLDIsMmgyNGMxLjEwNCwwLDItMC44OTYsMi0yUzI5LjEwNCwxNCwyOCwxNHogTTI4LDIySDRjLTEuMTA0LDAtMiwwLjg5Ni0yLDJzMC44OTYsMiwyLDJoMjRjMS4xMDQsMCwyLTAuODk2LDItMiAgUzI5LjEwNCwyMiwyOCwyMnoiLz48L3N2Zz4=) !important;
} */

.breadcrumb {
	background: none !important;
}

.breadcrumb-item a {
	color: #6c757d;
}

.breadcrumb-item.active {
	color: #0384b1 !important;
}

/* ======== HERO SECTION ======== */

.ecmaid-logo-official {
	width: 70%;
}

.ec-margin-top {
	margin: 3rem auto;
	height: 27rem;
}

.hero-title,
.hero-images {
	padding: 0;
}

.hero-images {
	padding-left: 3rem;
}

.hero-title {
	margin: auto;
}

.hero-title h1 {
	margin-bottom: 25px;
	color: #333;
	font-weight: bold;
}

.hero-title p {
	color: #555;
	letter-spacing: 1px;
}

.ec-hero-btn {
	background: #f7941d;
	color: #fff;
	padding: 10px 30px;
	border-radius: 4px;
	margin-top: 25px;
	margin-right: 5px;
}
.ec-hero-btn:hover {
	background: #de851a;
}

.ec-hero-btn-2 {
	border: 1px solid #999999;
	color: #555;
	padding: 10px 27px;
	border-radius: 4px;
	border-radius: 4px;
	margin-top: 25px;
	margin-left: 5px;
}
.ec-hero-btn-2:hover {
	color: #f7941d !important;
}

.hero-ex-img {
	box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.15);
}

.hero-img-1 {
	position: relative;
	top: 3rem;
}

.hero-img-2 {
	position: absolute;
	top: 6rem;
	left: 20rem;
}

.hero-img-label-1 {
	color: #0384b1;
	font-size: 1rem;
	letter-spacing: 1px;
	margin-left: 7rem;
}

.hero-img-label-2 {
	color: #0384b1;
	font-size: 1rem;
	letter-spacing: 1px;
	text-align: center;
	background: #fff;
}

/* ======== CONTENT SECTION ======== */

.ec-content {
	margin: 40px auto 0 auto;
}

.feature-expand {
	background-color: #fafafa;
}

.ec-feature {
	margin-bottom: 30px;
	/* margin-top: 80px; */
}

.ec-feature-maintext {
	color: #333;
	letter-spacing: 1px;
	margin-top: 4rem;
}

.feature-each {
	display: flex;
	align-items: center;
	margin-bottom: 4rem;
}

/* .ec-feature-section {
	margin-bottom: 80px;
} */

.ec-feature-section h6 {
	color: #333 !important;
	font-size: 1rem;
	font-weight: bold;
	letter-spacing: 1px;
	/* margin-bottom: 20px; */
	text-align: left;
}

.ec-feature-subtext {
	color: #a7a7a7;
	font-size: 1rem;
	letter-spacing: 1px;
	width: 70%;
	margin: auto;
}

.ec-feature-text {
	color: #a7a7a7;
	font-size: .8rem;
	letter-spacing: 1px;
	margin-bottom: 0;
	text-align: left !important;
}

.ec-content-img {
	width: 100px;
	/* display: block; */
	margin: auto;
	/* margin-bottom: 15px; */
}

/* ======== SOFTWARE ======== */

.ec-software {
	background: #fafafa;
	padding: 1rem 0 5rem 0;
	height: 31rem;
}

.ec-softwares {
	width: 80%;
	margin: auto;
}

.ec-software-title {
	margin-bottom: 50px;
}

.software-img {
	border: 4px solid #fff;
	border-radius: 1rem;
	position: absolute;
}

.software-left-items {
	display: flex;
	justify-content: flex-start;
}

.software-right-items {
	display: flex;
	justify-content: flex-end;
}

.software-2 {
	top: 4rem;
	left: 6rem;
}

.software-3 {
	left: 12rem;
}

.software-4 {
	top: 4rem;
	left: 17rem;
}

.software-5 {
	top: 4rem;
	right: 17rem;
}

.software-6 {
	right: 12rem;
}

.software-7 {
	top: 4rem;
	right: 6rem;
}

/* ======== 3 MAJOR FEATURE ======== */

/* .ec-feature-mobile-responsive {
	background: url('../images/ecmaid_bg_new_1.jpg');
	-webkit-clip-path: polygon(0 0, 35% 0, 49% 80%, 0 100%);
clip-path: polygon(0 0, 35% 0, 49% 80%, 0 100%);
} */

.section-col {
	padding: 0;
}

.feature-ex-img {
	box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.15);
}

.feature-img-1 {
	position: absolute;
	top: 0;
	/* right: 3rem; */
}

.feature-img-2 {
	position: relative;
	display: block;
	margin-left: auto;
	z-index: 10;
	top: 5rem;
	right: 5rem;
}

.feature-img-3 {
	display: block;
	margin-left: auto;
}

.ec-feature-responsive .ec-feature-title {
	display: flex;
	align-items: center;
}

.ec-feature-title h3 {
	color: #333;
	font-weight: 800;
	margin-bottom: 20px;
}

/* .ec-feature-title-mobile-opt,
.facebook-audience-lg,
.ec-feature-title-design {
	padding: 50px;
} */

.ec-feature-title .ec-feature-main-text {
	color: #555;
	letter-spacing: 1px;
}

.ec-mobile-responsive,
.ec-seo-ready {
	padding-top: 50px;
	padding-bottom: 50px;
}

.facebook-audience-sm {
	display: none !important;
}

.facebook-audience-margin {
	margin-left: auto;
}

.ec-facebook-audience {
	padding: 4rem;
	margin: 10rem auto 4rem auto;
	background: #fafafa;
}

/* ======== TESTIMONIAL ======== */

.ec-testimonial-avatar {
	display: flex;
	justify-content: center;
	align-items: center;
}

.ec-testimonial-avatar img {
	width: 100px;
}

.ec-testimonial-text p {
	color: #a7a7a7;
	font-style: italic;
}

p.ec-testimonial-author,
p.ec-testimonial-business {
	margin-bottom: 0;
	color: #0384b1;
}

#carouselExampleControls .fas {
	color: #a7a7a7;
}

/* ======== FOOTER ======== */

.ec-footer-header {
	display: flex;
	justify-content: flex-end;
	position: relative;
	top: 44px;
	z-index: 2;
}

.ec-footer-bg {
	background: #e8e8e8;
	position: relative;
	z-index: 1;
	/* margin-top: 80px; */
}

.ec-footer-padding {
	padding: 50px 0 50px 0;
}

.ec-footer-nav h4 {
	font-size: 1.2rem;
	margin-bottom: 10px;
	/* font-weight: bold; */
	color: rgb(65, 65, 65);
}

.ec-footer-nav li {
	background: transparent;
	border: none;
	padding-left: 0;
}

.ec-footer-nav a,
.ec-footer-nav p {
	text-decoration: none;
	color: rgb(65, 65, 65);
}

.ec-footer-nav li .fa {
	padding-right: 15px;
	color: rgb(65, 65, 65);
}

.ec-footer-btn {
	background: rgb(65, 65, 65);
	color: #fff;
}

.ec-footer-social a {
	padding: 0 5px;
}

/* ======== BOTTOM FOOTER ======== */

.ec-bottom-footer {
	background: rgb(65, 65, 65);
}

.ec-bottom-footer p {
	margin: 20px auto;
}

/* ======== PRICING ======== */
.ec-pricing-card-body {
	padding: 1.25rem 0;
}

.ec-price .card {
	height: 100%;
}

.ec-pricing-maintext,
.ec-career-maintext,
.ec-contact-maintext {
	color: #333;
	letter-spacing: 1px;
	margin-top: 1rem;
}

.ec-pricing-subtext,
.ec-career-subtext,
.ec-contact-subtext {
	text-align: center !important;
	color: #a7a7a7;
	margin: auto;
	letter-spacing: 1px;
	font-size: 1rem;
}

.ec-price .card-body {
	padding-bottom: 40px;
}

.ec-pricing-card-body > .card-text {
	text-align: left;
}

.ec-pricing-card-body > .card-text-negative {
	text-align: left;
	text-decoration: line-through;
	color: #ccc;
}

.ec-pricing-card-body > .card-text-positive > i {
	margin-right: 10px;
	margin-left: 20px;
	color: #50B83C;
}

.ec-pricing-card-body > .card-text-negative > i {
	margin-right: 10px;
	margin-left: 20px;
	color: rgba(0,0,0,0);
}

.text-muted {
	color: #999999 !important;
}

.ec-price h1.card-title {
    color: #0384b1;
    font-size: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    position: relative;
    z-index: 10;
    line-height: 2em
}


/* .ec-price h1.card-title-text {
	font-size: 3rem;
} */

.ec-price .card-title sup {
	font-size: 1.2rem;
	font-weight: normal;
	opacity: 0.8;
	/* top: -1.1em; */
}

.ec-price .card-title sub {
	font-size: 1.2rem;
	bottom: -0.7em;
	font-weight: normal;
}

.ec-price-title-original-price {
	text-decoration: line-through;
	margin-top: -40px;
	color: #999 !important;
}

.ec-price .card-subtitle {
	/* font-weight: bold; */
	text-align: center;
}

.ec-price h5 {
	font-size: 1.5rem;
	margin: 0px auto 15px auto;
}

.ec-price h6 {
	font-weight: bold;
	margin: 15px auto;
}

.ec-price-btn {
	display: block;
	margin: 25px auto;
	font-size: 14px;
	background-color: #0384b1;
	border: 1px solid #0384b1;
	padding: 10px 35px;
	border-radius: 0;
}

.ec-pricing-card-body p {
	color: #666;
	text-align: center;
	margin-bottom: 5px;
	margin-bottom: 20px;
	font-weight: 300;
    margin-left: 8px;
    margin-right: 8px
}

.ec-price .ec-price-contact-btn {
	margin: auto 20px;
	padding: 15px 60px;
	color: #666 !important;
	background-color: transparent;
	border: 1px solid #ccc;
}

/* ======== FAQS ======== */

.ec-subhero {
	background: transparent;
	padding: 0;
	/* background-size: cover;
	background-repeat: no-repeat; */
}

.ec-faqs {
	background-color: #2584b1;
	padding-top: 20px;
	padding-bottom: 20px;
}

.ec-faqs-card {
	height: 100%;
	margin-bottom: 20px;
	/* border: 1px solid #0a66a7; */
	border: 0px solid #fff;
}

.ec-faqs-card h5 {
	/* color: #0a66a7; */
	color: #333333;
	line-height: 1.4;
	letter-spacing: 1px;
}

.ec-faqs-card p {
	color: #999;
	font-size: 15px;
	line-height: 1.4;
	letter-spacing: 1px;
}

/* ======== CONTACT US ======== */

.ec-contact {
	margin-bottom: 80px;
}

.ec-contact-form label {
	color: #0384b1;
	font-weight: bold;
}

.ec-contact-form input {
	border: 1px solid #c7c7c7;
	color: #c7c7c7;
}

.ec-contact-form textarea::placeholder {
	font-size: 14px;
	color: #a7a7a7 !important;
}

.ec-contact-form button {
	border: 1px solid #0384b1;
	color: #fff;
	background-color: #0384b1;
	margin-top: 30px;
	padding: 15px;
	width: 200px
}

.ec-contact-form button:hover {
	background-color: #069acf;
	border: 1px solid #069acf;
}

.ec-contact-details {
	display: flex;
	flex-direction: column;
	margin-left: 20px;
}

.ec-contact-details img {
	width: 100%;
	margin: auto;
	margin-top: 0;
	margin-bottom: 40px;
}

.ec-contact-details h4 {
	color: #a7a7a7;
}

.ec-contact-details hr {
	width: 100%;
	margin-top: 0;
}

.ec-contact-info i,
.ec-contact-info p {
	color: #a7a7a7;
	margin: auto 0;
}

.ec-contact-info p {
	padding-left: 20px;
	letter-spacing: 1px;
}

.ec-info-location {
	display: flex;
	align-items: center;
	margin-bottom: 20px;
}

.ec-info-location a {
	color: #0384b1;
}

/* ======== JOBS ======== */

.ec-job-search {
	display: flex;
	align-items: center;
	justify-content: center;
}

.job-search-input {
	width: 100%;
	margin: 0;
	margin-right: 5px;
}

.job-search-input input {
	height: calc(2.25rem + 10px) !important;
}

.job-search-btn {
	width: 200px;
	margin: 0 0 0 5px !important;
	height: calc(2.25rem + 10px) !important;
}

.ec-jobs {
	margin-bottom: 80px;
}

.ec-job-lists {
	display: flex;
	flex-wrap: wrap;
}

.ec-job-lists .card {
	width: 15rem !important;
	margin: 10px;
	min-height: 12rem !important;
}

.ec-job-specific {
	height: 100%;
	display: flex;
	text-decoration: none;
}

.ec-job-specific:hover {
	outline: none;
	border: 1px solid #0384b1;
	text-decoration: none;
}

.ec-job-lists .card .card-job {
	display: flex;
	flex-direction: column;
}

.ec-job-lists .card .card-text {
	color: #999;
	font-size: 14px;
}

.card-job .card-subtitle {
	padding-top: 10px;
}

.card-job .card-subtitle .ec-job-title {
	color: #0384b1 !important;
	font-weight: 800;
}

.card-job .card-subtitle .ec-job-company {
	color: #000 !important;
	font-size: 14px;
}

.card-job i.fas {
	padding-right: 5px !important;
}

.card-job-location {
	margin: 10px 0px;
}

.card-text > i {
	margin-right: 10px;
	width: 12px;
    text-align: center;
}

/* .card-job-time {
	margin-top: auto;
} */

/* ======== JOBS DETAIL ======== */

.ec-apply-detail h1 {
	color: #0384b1;
	font-weight: 800;
}

.ec-apply-detail p,
.ec-apply-detail li,
.ec-apply-detail label {
	color: #999;
	line-height: 2;
}

.ec-apply-detail p i.fas {
	padding-right: 5px;
}

.apply-job-time-place {
	display: flex;
}

.apply-job-time-place > p > i {
	margin-right: 8px;
}

.ec-apply-detail h6 {
	color: #000;
	font-weight: 800;
}

.apply-job-time-place .apply-clock {
	margin-left: 20px;
}

.ec-job-summary h5 {
	letter-spacing: 1px;
}

.ec-job-form {
	padding-left: 50px;
}

.job-apply-form {
	margin-top: 20px;
}

.job-apply-form label {
	margin-bottom: 0 !important;
}

.apply-form-file {
	display: flex;
	margin-top: 23px;
}

.apply-form-file label {
	margin-right: 10px;
}

.apply-job-btn {
	display: block;
	width: 100%;
	padding: 10px 0;
	background-color: #0384b1;
	color: #fff;
	margin-top: 30px;
}

/* ======== DEVELOPERS ======== */

.ec-developers h5 {
	color: #0384b1;
	font-weight: bold;
	margin-top: 30px;
	margin-bottom: 20px;
}

.ec-developers p {
	color: #999;
	letter-spacing: 1px;
}

.ec-developer-row {
	display: flex;
}

.ec-developer-col-1 {
	width: 250px;
	margin: 0 auto;
}

.ec-developer-col-1 a {
	color: #0384b1;
}

.ec-developer-col-2 {
	flex: 1;
	padding-top: .5rem;
	margin: 0 auto;
}

.ec-developer-col-2 h5:first-child  {
	margin-top: 0;
}

/* ======== JOBS DETAIL ======== */

.ec-terms-conditions .ec-content {
	margin-top: 20px !important;
}

.ec-terms-conditions .ec-content:last-child {
	margin-bottom: 80px !important;
}

.ec-terms-conditions p {
	color: #999;
	font-size: 15px;
	line-height: 1.4;
	letter-spacing: 1px;
}

.ec-terms-conditions h5 {
	color: #0384b1;
	font-weight: bold;
	margin-bottom: 20px;
}

.blog-post-list-item-title {
	color: #333333;
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 4px;
}

.blog-post-list-item-date {
	margin-top: 20px;
	color: #555555;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 2px;
}

.blog-post-list-item-description {
	color: #666666;
	font-size: 15px;
	margin-bottom: 0px;
}

.blog-post-content {
	margin-top: 30px;
	color: #555555;
	font-size: 15px;
	padding-left: 20px;
	padding-right: 20px;
}

.blog-post-content > p {
	text-align: justify;
}

@media only screen  and (max-width : 1366px) and (min-width : 769px) {
	/* ======== HERO SECTION ======== */
	.ec-margin-top {
		margin: 3rem auto auto;
	}

	/* .hero-ex-img-primary {
		position: relative;
		left: 0;
	} */

	.hero-img-2 {
		position: absolute;
		top: 6rem;
		left: 20rem;
	}

	.ec-softwares {
		width: 90%;
	}
}

@media only screen  and (max-width : 991px) {

	.ec-margin-top {
		margin: 3rem auto auto;
		height: 19rem;
	}

	.ec-link {
		margin: auto 5px;
	}

	.navbar-nav .nav-link {
		text-align: center;
		padding: 10px 0;
	}

	.ec-link:last-child {
		margin: auto !important;
		padding: 10px 0;
	}

	.hero-img-1 {
		/* position: relative; */
		left: 0;
		top: 0;
		width: 80%
	}

	.hero-img-2 {
		position: absolute;
		top: 6rem;
		left: 7rem;
		width: 75%
	}

	.hero-img-label-1 {
		text-align: center;
		margin-left: auto;
	}

	/* .hero-img-label-2 {
		top: 7rem;
		left: 5rem;
	} */

	.feature-each {
		flex-direction: column;
	}

	.ec-content-img {
		margin: 0 auto;
	}

	.ec-feature-section h6 {
		text-align: center;
	}

	.ec-feature-text {
		text-align: center !important;
	}

	.ec-feature-title-mobile-opt,
	.facebook-audience-lg,
	.ec-feature-title-design {
		padding: 30px;
	}

	.ec-facebook-audience {
		padding: 2rem;
		margin: 5rem auto 0 auto;
	}

	/* ======== PRICING ======== */

	.ec-price .card-subtitle {
		font-size: 20px;
	}

	.ec-price .card {
		height: auto;
	}

	/* ======== JOBS ======== */

	.ec-job-lists .card {
		margin: 10px auto;
	}

	.ec-feature-subtext {
		width: 100%;
	}

	.ec-software {
		height: 40rem;
	}

	.ec-softwares {
		width: 100%;
	}

	.software-4 {
		top: 10rem;
		left: 12rem;
	}

	.software-5 {
		top: 10rem;
		right: 12rem;
	}

}

@media only screen  and (max-width : 768px) {
	/* ======== HERO SECTION ======== */

	.ec-margin-top {
		margin: 3rem auto 11rem auto;
		height: auto;
	}

	.ec-margin-top h1,
	.ec-margin-top p {
		text-align: center;
	}

	.ec-margin-top img {
		display: block;
		margin-top: 30px;
	}

	.ec-hero-btn {
		margin-top: 30px;
		text-align: center;
		display: block;
		margin-right: 0;
	}

	.ec-hero-btn-2 {
		margin-top: 15px;
		text-align: center;
		display: block;
		margin-left: 0;
	}

	/* .ec-hero {
		clip-path: polygon(100% 0, 100% 74%, 70% 88%, 0 74%, 0 0);
		-webkit-clip-path: polygon(100% 0, 100% 74%, 70% 88%, 0 74%, 0 0);
		margin-bottom: -80px;
	} */

	.hero-img-label-1 {
		position: relative;
		top: 1.5rem;
	}

	.hero-img-label-2 {
		position: relative;
		top: 1.5rem;
	}

	.feature-each {
		margin: auto;
		margin-bottom: 3.5rem;
	}

	.feature-img-4 {
		width: 100%;
		display: block;
		margin: auto;
	}

	.software-3 {
		top: 10rem;
		left: 1rem;
	}

	.software-5 {
		top: 10rem;
		right: 1rem;
	}

	/* ======== CLIENT SECTION ======== */

	.ec-client-says {
		max-width: 100%;
	}

	#carouselExampleControls .carousel-item {
		width: 80% !important;
		margin: auto;
	}

	.ec-testimonial-text {
		display: block;
		margin: auto;
	}

	.ec-testimonial-text p {
		text-align: center;
	}

	/* ======== PRICING ======== */

	.ec-price .card {
		margin-bottom: 20px;
	}

	/* ======== CONTACT ======== */

	.ec-contact-details {
		margin-left: 0;
		margin-top: 50px;
	}

	/* ======== FOOTER ======== */

	.ec-footer-nav {
		height: 290px;
	}

	/* ======== JOB DETAILS ======== */

	.ec-job-form {
		padding-left: 0;
		margin-top: 50px;
	}

	/* ======== 3 MAJOR FEATURE ======== */

	.ec-feature-responsive .ec-feature-title {
		justify-content: center;
		margin-top: 50px;
	}

	.ec-feature-responsive .ec-feature-title h3,
	.ec-feature-responsive .ec-feature-title p {
		text-align: center;
	}

	.ec-facebook-audience {
		padding: 2rem;
		margin: 0 auto;
	}

	.facebook-audience-lg {
		display: none !important;
	}

	.facebook-audience-sm {
		display: block !important;
	}
}

@media only screen and (max-width: 575px) and (min-height: 320px) {

	.ec-faqs-btn {
		display: block;
		width: 400px;
		margin-top: 10px;
	}

	/* ======== HERO SECTION ======== */

	.ec-hero {
		clip-path: polygon(0 0, 100% 0%, 100% 81%, 74% 85%, 0 80%);
		-webkit-clip-path: polygon(0 0, 100% 0%, 100% 81%, 74% 85%, 0 80%);
		margin-bottom: -120px;
	}

	.feature-each {
		margin: auto;
		margin-bottom: 1rem;
	}

	.feature-each:last-child {
		margin: auto;
		margin-bottom: 3.5rem;
	}

	.feature-img-1 {
		width: 85%;
	}

	.feature-img-2 {
		width: 33%;
	}

	.feature-img-4 {
		width: 90%;
		display: block;
		margin: auto;
	}

	/* ======== FOOTER ======== */

	.ec-footer-nav {
		height: 260px;
	}

	.ec-footer-nav:last-child {
		margin-top: 30px;
		height: auto;
	}

}

@media only screen and (max-width: 535px) {

	.ec-margin-top {
		margin: 3rem auto 9rem auto;
	}

	.hero-images {
		padding-left: 0;
	}

	.hero-img-2 {
		left: 5rem;
	}

	.ec-mobile-responsive,
	.ec-seo-ready {
		padding-top: 0;
		padding-bottom: 0;
	}

	.feature-img-1 {
		margin: auto;
		top: 0;
		left: 0;
		right: 2rem;
	}

	.feature-img-2 {
		top: 3rem;
		right: 1rem;
	}

	.ec-software {
		height: 53rem;
	}

	.software-2 {
		top: 4rem;
		left: 7rem;
	}

	.software-4 {
		left: 13rem;
	}

	.software-5 {
		top: 15rem;
		right: 7rem;
	}

	.software-6 {
		top: 20rem;
		right: 13rem;
	}

	.software-7 {
		top: 20rem;
		right: 1rem;
	}

}