
@media screen and (max-width:1440px) {
	/* testimonial */
	.testimonial-text h2 {
		font-size: 30px;
	}
}
	
@media screen and (max-width:1199px) {
body {font-size: 14px;}
h1 {font-size: 36px;}
h2 {font-size: 30px;}
h3 {font-size: 18px;margin-bottom: 12px;}
p {font-size: 14px; line-height: 22px;}
.banner-caption p {font-size: 16px;}
.start-comparing {margin-top: 20px;margin-bottom: 10px;}
.banner .container {top: 30px;}
.banner-caption {max-width: 420px;}
.banner {height: calc(80vh + 150px); background-size: contain;}
.go-down {font-size: 14px;}
.go-down img {width: 25px; margin-top: 4px;}
.service-item img {margin-bottom: 20px;height: 60px;}
.section-title {max-width: 700px; margin-bottom: 30px;}
.insurance-provider {padding: 20px 0 60px;}
.testimonial-text h2 {font-size: 1.5rem;}
.testimonial .inner {padding: 20px;}
.section-space {padding: 60px 0;}
.save-tile {padding: 20px;}
}	
@media screen and (max-width:991px) {
h2 {font-size: 26px;}
h3 {
    font-size: 16px;
    margin-bottom: 8px;
}
	.banner {background-color: #EDF0FF; background-image: none; height: initial;; min-height: auto;     padding-bottom: 300px;}
	.banner .container {position: relative;}
	.banner-caption {max-width: 100%;}
	.go-down {bottom: 100px	;}
	.form-control {height: 50px; font-size: 14px;}
	.start-comparing .icon {
		width: 30px;
	}
	.start-comparing .form-control {
		padding: 0 200px 0 50px;
	}
	.btn-custom {
		font-size: 14px;
		padding: 0 30px;
		height: 40px;}
		.service-item {
			padding: 20px;}
		.service-item h6 {
			font-size: 14px;
		}
		.service-item img {
			height: 40px;
		}
		.as-seen h3 {
			font-size: 20px;}
	
	.brand-logo img {
		margin: 0 10px;
		max-width: 160px;
	}
	.as-seen {
		padding: 30px 0;}
		.section-space {
			padding: 50px 0;
		}
		.testimonial.section-space {
			padding: 50px 0;
		}
		.save-tile .icon {
			width: 80px;
			height: 80px; margin-bottom: 15px;}
			.save-tile .icon img {
				width: 40px;
			}

			/* stepper */
.stepper {padding: 30px 0;}
.fromSection {
    padding: 40px 0;
}
.formCard .title {font-size: 18px;margin-bottom: 20px;}
select.form-control {height: 42px !important;}
.actionContainer {margin-top: 40px;}
.formCard {padding: 30px 20px;}

}	
@media screen and (max-width:767px) {
	h1 {font-size: 24px}
	.banner {padding-bottom: 130px; }
	.banner-caption p {font-size: 15px;}
	.start-comparing .form-control {
		padding: 0 20px 0 50px;
	}
	.our-service {margin-top: 0px; padding-top: 40px; padding-bottom: 10px;}
	.our-service .row {margin: 0 -5px;}
	.our-service .row [class*="col-"] {padding: 0 5px;}
	.service-item {margin-bottom: 10px; height: calc(100% - 10px);}
	.go-down {bottom: 30px;}
	.go-down span {display: none;}
	.insurance-provider .shape1, .testimonial .shape1, .how-to-save .shape1, .articleSection .shape1 {display: none;}
	.testimonial .testimonial-text{text-align: center;}
	.brand-logo {flex-wrap: nowrap;}
	.brand-logo img { max-width: 100px;}
	.save-tile {margin-bottom: 15px; height: calc(100% - 15px);}
	.companies li {width: 33.33%;}
	.article-tile .icon {margin: 0  0 20px;}
	.start-comparing .icon {top: 22%;}
	.link-button {font-size: 14px;}
	.article-content {flex: 1;}
	.article-tile {padding: 20px; text-align: center;flex-direction: column;height: calc(100% - 15px);margin-bottom: 15px;align-items: center;}
	.start-comparing .btn-custom {position: initial!important;top: inherit;right: inherit;transform: inherit;width: 100%;margin-top: 15px;	}
	.stepper .stepperItem li img {height: 25px;margin-bottom: 5px;}
	.question-ans {margin-bottom: 20px;	}
	.question-ans .question {font-size: 14px;}
	.square-btn{line-height: 66px !important;}
	.recent-insurance-company{max-width: 100% !important;}
    .single-search-result .search-brand-logo .noAd {width: 120px;}
}

@media screen and (max-width: 1199px) {
    .searching-results-left {
        width: calc(100% - 380px);
    }
    .searching-results-right {
        max-width: 350px;
    }
    .change-quote-title {
        font-size: 15px;
    }
}

@media screen and (min-width: 1025px) {
    .membership-plan-modal{
        display: block !important;
        opacity: 1 !important;
        position: relative !important;
        z-index: 1 !important;
    }
    .membership-plan-modal .modal-dialog {
        margin: 0px;
        transform: unset!important;
    }
    .membership-plan-modal .modal-dialog .modal-body {
        padding: 1px;
    }
    .edit-plan{
        display: none;
    }
    .searching-results-left.result-populated {
        width: calc(100% - 430px) !important;
        margin-left: 225px !important;
    }
}

@media screen and (max-width: 1024px) {
    .searching-results-section {
        display: flex;
        flex-direction: column-reverse;
    }
    .searching-results-left {
        width: 100%;
    }
    .searching-results-right {
        max-width: 100%;
        margin-left: 0px;
    }
}
@media screen and (max-width: 991px) {}
@media screen and (max-width: 767px) {
    .searching-results-left{padding: 20px 0px !important;}
    .quotes-edit-section .single-quote:first-child{
        flex: auto;
    }
    .single-quote-content h4 {
        font-size: 18px;
    }
    .single-quote-edit-btn .btn.btn-link {
        padding: 5px;
    }
    .single-quote-edit-btn button img {
        max-width: 20px;
        max-height: 20px;
    }
    .quotes-edit-section .single-quote {
        padding: 15px 10px 15px 20px;
    }
    .single-quote-content h6 {
        font-size: 13px;
    }
    .single-quote-content a {
        font-size: 14px;
    }
    .single-search-result .search-brand-info {
        gap: 15px;
    }
    .single-search-result {
        padding: 25px 15px;
        gap: 15px;
    }
    .single-search-result.best-deal-part {
        padding-top: 40px;
    }
    .search-brand-btns {
        flex: 0 0 110px;
    }
    ul.features-list {
        border-top: solid 1px #ccc9c9;
        border-bottom: solid 1px #ccc9c9;
        margin-top: 30px;
        margin-bottom: 30px;
        padding-bottom: 20px;
    }
    .quotes-modal .modal-dialog {
        margin: 0;
    }
    .cadilac-section{
        padding-bottom: 20px!important;
    }
    .quotes-modal .modal-body .row .col-md-6.border-end{
        border: none!important;
    }
    .plan-features.pt-4 {
        padding-top: 0px!important;
    }
}
@media screen and (max-width: 575px) {
    
    .single-search-result {
        display: block;
    }
    .search-brand-btns {
        margin-top: 30px;
    }
    .single-quote-content h4 {
        font-size: 16px;
    }
    .quotes-edit-section .single-quote {
        padding: 8px;
    }
    .single-quote-edit-btn button img {
        max-width: 16px;
        max-height: 16px;
    }
    .feature-title {
        font-size: 14px;
    }
    .feature-price {
        font-size: 14px;
    }
}

@media screen and (max-width: 480px) {
    .single-quote-content h4 {
        font-size: 14px;
    }
    .single-quote-content h6 {
        font-size: 12px;
    }
    .single-search-result .search-brand-info {
        gap: 5px;
        flex-direction: column;
    }
}

@media screen and (max-width: 420px) {
    .plans-btns {
        flex-direction: column;
    }
    .feature-price {
        font-size: 12px;
    }
    .feature-title {
        font-size: 12px;
    }
    ul.features-list li {
        font-size: 12px;
    }
    ul.features-list li img {
        max-width: 12px;
        max-height: 12px;
        margin-top: 2px;
    }
    .plans-btns button {
        font-size: 12px;
    }
    .quotes-modal .modal-title {
        font-size: 16px;
    }
    .cadilac-section h3 {
        font-size: 16px;
    }
}

@media screen and (max-width: 767px) {
    .footer-sticky-btn {
        display: flex;
        position: fixed;
        bottom: -1px;
        left: 0;
        right: 0;
        z-index: 5;
        box-shadow: 0 0 30px rgba(0, 0, 0, 0.4);
    }
    .footer-sticky-btn .call-agent-btn {
        height: 45px;
        font-weight: 400;
        flex: 1;
        border-radius: 0;
        font-size: 18px !important;
    }
}