/*------------------------------------------
Responsive Grid Media Queries - 1280, 1024, 768, 480 for "Alethea"
1280-1024   - desktop (default grid)
1024-768    - tablet landscape
768-480     - tablet 
480-less    - phone landscape & smaller
--------------------------------------------*/

/* --------------------------------------------
RESPONSIVE CSS STARTS
-------------------------------------------- */


@media screen and (max-width: 1800px) and (min-width: 1530px) {
.action-count-wrap {
	right: -470px;
	width: 160%;
}
.container, .container-lg, .container-md, .container-sm, .container-xl {
	max-width: 1440px;
}
}

@media screen and (max-width: 1900px) and (min-width: 1801px) {
.action-count-wrap {
	right: -510px;
	width: 180%;
}
.container, .container-lg, .container-md, .container-sm, .container-xl {
	max-width: 1440px;
}
}

@media screen and (max-width: 2000px) and (min-width: 1901px) {
.action-count-wrap {
	right: -620px;
	width: 180%;
}
.container, .container-lg, .container-md, .container-sm, .container-xl {
	max-width: 1440px;
}
}

@media all and (min-width:2001px) {
.action-count-wrap {
	position: relative;
	right: 0;
	width: 100%;
}
.container, .container-lg, .container-md, .container-sm, .container-xl {
	max-width: 1920px;
}
}

@media all and (min-width:1700px) {
.banner-content h1, .features-content h2, .work-content h2, .why-content h2, .faq-heading h2, .contact-form-wrap h2 {
	font-size: 68px;
}
.banner-content p {
	font-size: 26px;
	line-height: 38px;
}
.get-btn a, .submit-btn {
	font-size: 24px;
}
.overpay-content h2, .result-content h2, .steps-content h2, .saving-content h2 {
	font-size: 54px;
}
.overpay-list-wrap h4, .why-content h4 {
	font-size: 32px;
	line-height: 40px;
}
.overpay-list-wrap p, .result-list-content p, .step-list-content p, .case-study-wrap p, .feature-info p, .action-content p, .how-info-content p, .count-list p, .why-content p, .why-list-info p, .faq-subtext p, .faq-list-wrap .card-body p {
	font-size: 22px;
	line-height: 32px;
}
.result-list-content h5, .faq-title {
	font-size: 28px;
}
.step-list-content h3, .feature-info h3, .feature-info h5 {
	font-size: 40px;
	line-height: 40px;
}
.blue-wrap h6, .purple-wrap h6 {
	font-size: 26px;
}
.how-info-content h2, .why-list-info h3 {
	font-size: 44px;
}
.contact-field-wrap input, .contact-field-wrap textarea {
	font-size: 22px;
}
.quote-content h6 {
	font-size: 20px;
}
}

@media all and (max-width:1200px) {
.page-bg {
	background-repeat: repeat-y !important;
	background-position: center top;
	background-size: 130%;
}
.nav-item {
	margin-left: 0px;
	padding: 15px 0;
}
.nav-item:hover::after, .nav-item.active:after {
	width: 0;
}
.navbar-nav {
	align-items: center;
	padding: 0 !important;
	margin-top: -30px;
	height: 100vh;
	justify-content: center;
}
.nav-link:hover {
	color: #42b9f1 !important;
}
.banner-content {
	margin: 20px 0 20px 0;
}
.overpay-content h2, .result-content h2 {
	max-width: 80%;
}
.result-list-content h5 {
	max-width: 80%;
}
.contact-wrap {
	max-width: 90%;
}
.contact-page, .home-page {
	background-image: none;
}
.features-content h2, .why-content h2, .work-content h2 {
	font-size: 48px;
}
.features-image-wrap, .why-image-wrap {
	padding-bottom: 20px;
}
.features-content h2 span.icon-tick {
	width: 40px;
	height: 40px;
	font-size: 20px;
}
}

@media all and (max-width:992px) {
.overpay-list-wrap h4, .result-list-content h5 {
	min-height: 100%;
}
.feature-info {
	max-width: 100%;
}
.features-image-wrap {
	padding-top: 0;
}
.banner-wrapper {
	padding: 110px 0 0px 0;
}
.contact-wrapper, .faq-wrapper, .features-wrapper, .why-wrapper {
	padding: 110px 0 50px 0;
}
.work-wrapper {
	padding: 110px 0 30px 0;
}
.work-content h2 {
	padding-top: 0;
}
.overpay-content h2, .result-content h2 {
	max-width: 100%;
}
.result-list-wrap {
	max-width: 70%;
	width: 100%;
	margin: 0 auto;
}
.steps-wrapper {
	padding: 40px 0px 20px 0;
}
.steps-list {
	padding: 10px 0px;
}
.steps-img {
	max-width: 70%;
	width: 100%;
	margin: 20px auto;
}
.steps-list-wrap {
	padding: 15px 0;
}
.step-two .step-list-content {
	margin-left: 0;
}
.saving-slider {
	max-width: 100%;
}
.savingcarousel .flickity-prev-next-button.next {
	right: 10px;
}
.savingcarousel .flickity-prev-next-button.previous {
	left: -10px;
}
.case-study-wrap {
	padding: 30px 0 0 0;
}
.pile-content, .feature-pile .pile-content {
	max-width: 80%;
}
.contact-wrapper {
	background-image: none;
}
.contact-wrap-image {
	display: block;
	padding-top: 30px;
}
.faq-image-wrap {
	max-width: 80%;
	width: 100%;
	margin: 0 auto;
}
.action-count-wrap {
	position: relative;
	right: 0;
	width: 100%;
}
.features-image-wrap, .why-image-wrap {
	max-width: 80%;
	padding-bottom: 20px;
	width: 100%;
	margin: 0 auto;
}
.work-image-wrap {
	max-width: 60%;
	width: 100%;
	margin: 0 auto 40px auto;
}
.feature-list-wrap, .why-list-wrap {
	padding: 30px 0;
}
.feature-info-image {
	max-width: 75%;
	width: 100%;
	margin: 0px auto 30px;
}
.why-list-image {
	max-width: 35%;
	padding: 0px 0 30px 0;
}
.pile-content h3 {
	font-size: 46px;
	line-height: 50px;
}
.features-content {
	padding-top: 0;
}
.how-list-wrapper {
	padding: 30px 0;
}
.list-connect-1 .how-connect-image img {
	margin-left: 0;
	display: none;
}
.info-2 {
	top: 0;
}
.list-connect-2 .how-connect-image img {
	margin-top: 0;
	margin-left: 0;
	display: none;
}
.how-list-wrap {
	padding-bottom: 50px;
}
.how-list-image {
	max-width: 70%;
	width: 100%;
	margin: 0 auto 20px auto;
}
.banner-image {
	margin-bottom: 30px;
	max-width: 80%;
	margin-left: auto;
	margin-right: auto;
}
}

@media all and (max-width:767px) {
.page-bg {
	background-image: url(../images/banner-bg-mobile.png);
	background-repeat: repeat-y !important;
	background-position: center top;
	background-size: 130%;
}
.navbar-brand {
	max-width: 180px;
}
.banner-content h1, .contact-form-wrap h2, .faq-heading h2 {
	font-size: 42px;
}
.overpay-content h2, .result-content h2, .steps-content h2, .saving-content h2, .pile-content h3 {
	font-size: 38px;
	line-height: 48px;
}
.overpay-area {
	padding: 60px 0 30px 0;
}
.overpay-list-wrap p {
	padding: 10px 0 0 0;
}
.overpay-list-wrap {
	padding: 15px 0;
}
.overpay-list {
	padding: 20px 0 0 0;
}
.result-list-wrap {
	max-width: 80%;
}
.result-list-content h5 {
	max-width: 100%;
	padding: 10px 10px;
}
.step-list-content {
	max-width: 100%;
}
.saving-wrapper {
	padding: 30px 0;
}
.saving-map-wrap {
	max-width: 100%;
	margin: 20px auto 20px auto;
}
.saving-slide-content {
	padding: 30px 20px;
	width: 100%;
}
.savingcarousel .flickity-button {
	display: none;
}
.quote-image {
	margin-right: 15px;
}
.case-study-wrap {
	max-width: 100%;
}
.pile-content, .feature-pile .pile-content {
	max-width: 100%;
}
.pile-wrapper {
	padding: 50px 0;
}
.contact-wrap {
	max-width: 100%;
}
.faq-subtext {
	max-width: 100%;
}
.faq-title {
	font-size: 24px;
	max-width: 80%;
}
.features-content h2, .why-content h2, .work-content h2 {
	font-size: 44px;
}
.action-content h3 {
	padding-left: 0;
	padding-right: 0;
}
.action-content .action-subtext {
	padding: 0;
}
.count-list h2 {
	font-size: 44px;
}
.how-count h2 {
	font-size: 120px;
}
.how-count {
	margin-right: 20px;
}
}

@media all and (max-width:480px) {
.feature-list-wrap, .why-list-wrap {
	padding: 20px 0;
}
.banner-image {
	max-width: 100%;
}
.banner-content h1, .contact-form-wrap h2, .faq-heading h2 {
	font-size: 34px;
}
.banner-content p {
	font-size: 18px;
	line-height: 28px;
	padding: 16px 0;
}
.get-btn {
	margin: 10px 0;
}
.overpay-content h2, .result-content h2, .steps-content h2, .saving-content h2, .pile-content h3 {
	font-size: 30px;
	line-height: 38px;
}
.result-list-wrap {
	max-width: 100%;
}
.result-list-icon {
	max-width: 20%;
}
.result-list-content h5 {
	font-size: 24px;
	line-height: 30px;
}
.step-list-content p {
	font-size: 18px;
	line-height: 28px;
}
.steps-img {
	max-width: 90%;
}
.quote-content h4 {
	font-size: 20px;
	line-height: 28px;
	margin-bottom: 30px;
}
.pile-content p {
	font-size: 18px;
	line-height: 28px;
}
.social-icons ul {
	text-align: center;
}
.footer-content p {
	padding-bottom: 10px;
	text-align: center;
}
.submit-btn {
	font-size: 18px;
}
.banner-area, .steps-area, .saving-area, .pile-area, .footer-area, .contact-area, .faq-area,  .feature-area, .feature-list-area, .action-area, .why-area, .why-list-area, .work-area, .how-list-area {
	padding: 0 8px;
}
.navigation-wrap {
	padding: 14px 8px;
}
.faq-list-wrap {
	padding: 30px 0;
}
.faq-list-heading h3 {
	font-size: 32px;
}
.faq-title {
	font-size: 21px;
	max-width: 90%;
}
.ac-icon {
	right: 5px;
	font-size: 17px;
	margin-top: 12px;
}
.features-content h2, .why-content h2, .work-content h2 {
	font-size: 34px;
}
.features-content h2 span.icon-tick {
	width: 30px;
	height: 30px;
	font-size: 15px;
}
.features-image-wrap, .feature-info, .feature-info-image, .why-image-wrap, .work-image-wrap, .how-list-image {
	max-width: 100%;
}
.feature-list, .action-wrap, .why-list {
	max-width: 100%;
}
.features-wrapper {
	padding: 110px 0 10px 0;
}
.feature-info h3 {
	font-size: 32px;
}
.feature-info h5 {
	font-size: 26px;
}
.action-wrapper {
	padding: 20px 0 60px 0;
}
.count-list h2 {
	line-height: 46px;
	font-size: 40px;
}
.count-list {
	padding: 20px 20px;
}
.action-content h3 {
	font-size: 32px;
}
.why-content h4 {
	font-size: 24px;
}
.why-wrapper {
	padding: 110px 0 30px 0;
}
.why-list-info h3 {
	font-size: 32px;
}
.why-list-info .highlight-txt {
	font-size: 20px;
}
.why-list-image {
	max-width: 50%;
}
.feature-list-wrap, .why-list-wrap {
	padding: 24px 0;
}
.banner-content {
	margin: 0px 0 20px 0;
}
.step-list-content h3 {
	font-size: 28px;
}
.how-count h2 {
	font-size: 100px;
}
.how-count {
	margin-right: 10px;
}
.how-info-content h2 {
	font-size: 32px;
	padding-top: 6px;
}
.how-list-wrapper {
	padding: 30px 0 0 0;
}
}

@media all and (max-width:330px) {
.features-content h2, .why-content h2, .work-content h2 {
	font-size: 28px;
}
}

/* --------------------------------------------
RESPONSIVE CSS ENDS
-------------------------------------------- */