@media  screen and (max-width: 1280px) { 
.cs-img {
    margin-top: -10%;
  }

}
@media  screen and (max-width: 1440px) { 
.cs-img {
    margin-top: -10%;
  }

}
@media  screen and (max-width: 1536px) { 
.cs-img {
    margin-top: -10%;
  }

}
@media  screen and (max-width: 1600px) { 
.cs-img {
    margin-top: -10%;
  }

}
@media only screen and (min-width: 300px) and (max-width: 768px) {

	.header__logo {
		flex-basis: 30%;
		padding: 7px 0 5px;
	}
	.header-area .is-sticky .header__logo {
		flex-basis: 25%;
		padding: 10px;
	}
	.mobile-menu-overlay__header, .page-oppen-off-sidebar__header {
		background-color: transparent;
		padding: 0px 0 5px;
	}
	.logo {
		width: 60%;
	}
	.mobile-menu-overlay__body, .page-oppen-off-sidebar__body {
		padding: 20px 20px 0;
	}
	.mobile-menu-overlay__inner, .page-oppen-off-sidebar__inner {
		background: #107a86;
	}
	.mobile-menu-overlay__header .mobile-navigation-close-icon:before, .page-oppen-off-sidebar__header .mobile-navigation-close-icon:before {
		background: #ffffff;
	}
	.mobile-menu-overlay__header .mobile-navigation-close-icon:after, .page-oppen-off-sidebar__header .mobile-navigation-close-icon:after {
		background: #ffffff;
	}

	.processing-hero-text h1 {
		font-size: 30px;
		width: auto;
	}
	.hero-button {
		justify-content: left;
	}
	.w-icon {
		position: fixed;
		width: 16%;
		z-index: 9999999;
		right: 2%;
		bottom: 10%;
	}
	.vc_row-separator svg {
		height: 40px;
	}
	.cta-bg-image {
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.footer-widget-wrapper{
		text-align: center;
	}

	.footer-area {
		background-position-y: bottom;
	}
	.mobile-menu-overlay__body .offcanvas-navigation > ul > li.has-children .sub-menu, .page-oppen-off-sidebar__body .offcanvas-navigation > ul > li.has-children .sub-menu {
		text-transform: capitalize;
	}

	.page-title-content  {
		text-align: center;
	}
	.faq-custom-col {
		margin-top: 15%;
	}
	.accordion-wrapper {
		text-align: center;
		padding-bottom: 0;
	}

	.brand-logo-slider-area {
		text-align: center;
	}
	.ht-box-images.style-01 .image-box-wrap {
		margin-top: 20px;
	}
	.team-member-wrapper {
		text-align: center;
	}
	.blog-pages-wrapper {
		text-align: center;
	}
	.single-blog-item .post-info .post-meta {
		display: contents;
	}
	.single-blog-item.blog-grid .post-info .btn-text {
		margin-bottom: 15px;
	}
	.about-hero-bg h2 {
		font-size: 30px;
	}
	.cs-img {
		width: 100%;
		margin-top: 0%;
		margin-left: -10%;
	}
	.inner-headings-black {
		font-size: 20px;
	}
	.image-box-wrap {
		text-align: center;
	}
	.quote-div h3 {
		font-size: 35px;
	}
	.quote-div img {
		width: 25%;
		left: 5%;
		margin-top: -5%;
	}
.faq-wrapper .card-body {
    padding: 23px 14px 29px;
}
.contact-info {
    margin-bottom: 0;
    border-radius: 5px;
}
.contact-form {
    padding: 6% 4% 10% 0;
}
.cta-bg-image h3 {
    font-size: 30px;
    margin-left: 0;
}
.breadcrumb-list li {
    display: inline-block;
    font-size: 12px;
  }
.accordion-wrapper p {
	text-align: left;
}



















}