* { margin: 0; padding: 0; box-sizing: border-box; } @font-face { font-family: "Miller"; src: url("../fonts/Miller-TextBold.eot"); src: url("../fonts/Miller-TextBold.eot?#iefix") format("embedded-opentype"), url("../fonts/Miller-TextBold.woff2") format("woff2"), url("../fonts/Miller-TextBold.woff") format("woff"), url("../fonts/Miller-TextBold.ttf") format("truetype"), url("../fonts/Miller-TextBold.svg#Miller-TextBold") format("svg"); font-weight: bold; font-style: normal; font-display: swap; } body { position: relative; } .row { display: flex; flex-wrap: wrap; margin: 0 -15px; } .col { padding: 0 15px; -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; width: 100%; position: relative; } .col-2 { padding: 0 15px; -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; width: 100%; position: relative; } .no-gutters { margin-right: 0; margin-left: 0; } .no-gutters>.col, .no-gutters>.col-2, .no-gutters>[class*="col-"] { padding-right: 0; padding-left: 0; } .container { max-width: 1170px; margin: 0 auto; padding: 0 15px; width: 100%; } .list-unstyled { margin: 0; padding: 0; list-style: none; } a { text-decoration: none; } img { max-width: 100%; } .text-center { text-align: center; } .blue-title-text { color: #2AD5BD; font-family: "Quicksand"; font-size: 20px; line-height: 30px; font-weight: 600; margin-bottom: 24px; } .section-title { color: #505153; font-family: "proxima-nova"; font-size: 48px; line-height: 60px; text-align: left; font-weight: 400; } /* common css end */ /* Stylesheet start */ .header-main-wrap { padding: 0 35px; } .header-wrap { display: flex; justify-content: space-between; align-items: center; padding: 45px 0; position: relative; } .header-container { max-width: 100%; } .navigation { display: none; } .header-open .navigation { display: block; padding-right: 50px; } .header-open .menu-btn span { -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; margin-bottom: -2px; } .header-open .menu-btn span:nth-child(2) { opacity: 0; } .header-open .menu-btn span:first-child { transform: rotate(46deg); -webkit-transform: rotate(46deg); -o-transform: rotate(46deg); } .header-open .menu-btn span:nth-child(3) { transform: rotate(-45deg); } .header-links-ul { display: flex; } .header-links-ul li { padding: 0 25px; } .menu-btn { display: block; background: none; border: none; min-width: 40px; padding: 5px; min-height: auto; height: 30px; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); /* WebKit */ -moz-transform: translateY(-50%); /* Mozilla */ -o-transform: translateY(-50%); /* Opera */ -ms-transform: translateY(-50%); /* Internet Explorer */ right: 15px; z-index: 9; } .menu-btn span { max-width: 32px; width: 100%; height: 2px; background-color: #2AD5BD; margin-bottom: 5px; cursor: pointer; display: block; } .header-btn { background-color: #ECEFF1; border-radius: 5px; width: 130px; height: 46px; display: flex; align-items: center; justify-content: center; } .header-btn a { color: #2AD5BD; font-family: "Quicksand"; font-size: 18px; text-align: left; font-weight: 600; } header { /* position: fixed; top: 0; */ background-color: #fff; /* left: 0; width: 100%; */ z-index: 99; } .header-links-url { color: #4a4a4a; font-family: "Quicksand"; font-size: 18px; line-height: 22px; text-align: left; font-weight: 600; padding: 20px; } .logo-title, .logo-title-a { color: #4a4a4a; font-family: Miller; font-size: 44px; line-height: 1; font-weight: 400; text-align: left; text-decoration: none; } /* header section end */ .best-insurance-wrap { background-image: url("../images/home-banner-bg.png"); background-size: 100%; background-position: center bottom; background-repeat: no-repeat; height: calc(100vh - 136px); display: flex; flex-direction: column; justify-content: space-between; min-height: 900px; } .best-insurance-middle-content { padding-top: 75px; } .client-logo-wrap { /* padding: 10px 0 70px; */ /* background-color: #ECEFF1; */ padding-bottom: 60px; } .client-logo-wrap .container { display: flex; justify-content: space-between; align-items: center; } .client-logo { padding: 0 33px; } .client-logo img { max-height: 50px; display: block; } .client-logo-4 img { max-height: 35px; } .client-logo-2 img, .client-logo-3 img, .client-logo-5 img { max-height: 40px; } .main-insurance-links { display: flex; justify-content: center; } .insurance-li { padding: 0 12.5px; } .best-insurance-title { color: #505153; font-family: Merriweather; font-size: 65px; line-height: 76px; text-align: center; font-weight: 400; margin-bottom: 28px; } .best-insurance-text { color: #4a4a4a; font-family: "Quicksand"; font-size: 24px; line-height: 30px; text-align: center; font-weight: 500; margin-bottom: 52px; } .get-quote-link { background-color: #2AD5BD; border-radius: 5px; max-width: 207px; width: 100%; height: 70px; display: inline-flex; color: #ffffff; font-family: "Quicksand"; font-size: 20px; line-height: 22px; text-align: center; font-weight: 600; align-items: center; justify-content: center; } .main-insurance-links-wrap { padding: 60px 0; } .insurance-li-content { border: 1px solid rgba(74, 74, 74, 0.5); border-radius: 5px; width: 16vw; height: 122px; display: flex; align-items: center; justify-content: center; background-color: #fff; position: relative; } .stretched-link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .insurance-li-content-title { font-size: 24px; margin-left: 30px; text-align: left; color: #00032f; font-family: "Quicksand"; font-weight: 500; } /* best insurance wrap end */ .slider-left-content-wrap { padding-right: 30px; text-align: center; } .testimonial-slider { background-color: #ECEFF1; padding: 100px 0; font-family: "proxima-nova"; } .slider-item { background-color: #ffffff; border-radius: 12px; box-shadow: 0 4px 12px 0 rgba(58, 64, 95, 0.13); padding: 44px; } .slick-track { display: flex; align-items: center; /* margin: 0 -17px; */ } .slick-slide img { border-radius: 50%; } .slick-slide { padding: 0 17px 10px; max-width: 505px; width: 100%; } .slick-slide.slick-current { opacity: 1; } .slider-image-wrap { display: flex; align-items: center; margin-bottom: 26px; } .slider-description-text { color: #4a4a4a; font-family: "Quicksand"; font-size: 14.4px; line-height: 21.6px; max-width: 406px; text-align: left; font-weight: 500; min-height: 140px; } .slick-dots { display: flex; justify-content: center; align-items: center; width: 100%; margin-top: 20px; } .slick-dots li { list-style: none; margin-right: 10px; } .slick-dots button { border-color: transparent; background-color: #808080; text-indent: -99999px; display: block; width: 10px; height: 10px; padding: 0; border-radius: 50%; } .slick-dots .slick-active button { background-color: #fff; width: 22px; border-radius: 5px; } .slick-slide.slick-current .slider-description-text { /* color: #4a4a4a; font-family: "Quicksand"; font-size: 16px; line-height: 24px; text-align: left; font-weight: 500; */ } .slider-title { color: #2AD5BD; font-family: "Quicksand"; font-size: 19.8px; line-height: 28.8px; text-align: left; font-weight: 600; } .slick-slide.slick-current .slider-title { /* font-size: 22px; line-height: 32px; */ } .client-post { color: #4a4a4a; font-family: "Quicksand"; font-size: 12.6px; line-height: 21.6px; opacity: 0.800000011920929; text-align: left; font-weight: 500; } .slick-slide.slick-current .slider-title { /* font-size: 14px; line-height: 24px; */ } .slider-image { border: 5.4px solid #ECEFF1; border-radius: 100%; width: 86px; flex: 0 0 86px; height: 86px; overflow: hidden; margin-right: 30px; text-align: center; font-size: 30px; line-height: 70px; background: #eceff1; display: flex; align-items: center; justify-content: center; } .slider-buttons .slick-arrow { border: 1px solid #4a4a4a; border-radius: 100%; width: 56px; height: 56px; margin: 0 5px; } .client-slider { padding-top: 50px; } .slider-blue-title { margin-bottom: 24px; } .slider-section-title { margin-bottom: 21px; text-align: center; } .slider-left-text { color: #4a4a4a; font-family: "Quicksand"; font-size: 24px; line-height: 32px; text-align: left; font-weight: 500; margin-bottom: 52px; text-align: center; } .slider-buttons { margin-top: 50px; display: flex; align-items: center; } .slick-arrow { position: relative; cursor: pointer; } .slick-arrow:after { content: ""; background-image: url("../images/right-arrow.png"); position: absolute; top: 50%; left: 50%; height: 20px; width: 20px; background-repeat: no-repeat; background-position: center center; background-size: contain; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); /* WebKit */ -moz-transform: translate(-50%, -50%); /* Mozilla */ -o-transform: translate(-50%, -50%); /* Opera */ -ms-transform: translate(-50%, -50%); /* Internet Explorer */ } .slick-arrow.prev:after { background-image: url("../images/left-arrow.png"); } /* client slider content end */ .footer-main-wrap { background-color: #282828; padding: 50px; overflow: hidden; } footer a, footer .logo-title a, footer h3, .copyright-wrap p { color: #fff; } .social-links-ul { display: flex; margin: 0 -25px; padding-top: 8px; } .social-links-col li { padding: 0 25px; } .footer-links-li { padding: 0 0 1px; } .footer-links-title { color: #ffffff; font-family: "Quicksand"; font-size: 24px; line-height: 32px; text-align: left; font-weight: 600; margin-bottom: 16px; } .footer-links-url { color: #ffffff; font-family: "Quicksand"; font-weight: 600; font-size: 18px; line-height: 2; opacity: 0.800000011920929; text-align: left; } .copyright-wrap { background-color: #000000; height: 100px; display: flex; align-items: center; justify-content: flex-start; } .copyright-text { color: #ffffff; font-family: "Quicksand"; font-size: 16px; line-height: 36px; font-weight: 600; opacity: 0.800000011920929; text-align: left; float: left; } /* Footer end */ .start-saving-col { max-width: 50%; flex: 0 0 50%; } .start-saving-wrap { padding: 98px 0 100px; } .start-saving-title { text-align: center; padding-bottom: 80px; } .start-saving-image-box { text-align: center; margin: 0 auto; background-color: #F5F5F7; padding: 100px 55px; height: 100%; } .start-saving-wrap .row { margin: 0 15px; } .start-saving-sec-title { color: #4a4a4a; font-family: "Quicksand"; font-size: 30px; line-height: 32px; text-align: center; font-weight: 600; margin-bottom: 21px; margin-top: 25px; } .start-saving-sec-text { color: #4a4a4a; font-family: "Quicksand"; font-size: 16px; line-height: 24px; text-align: center; font-weight: 500; margin-bottom: 30px; min-height: 65px; } .read-more { display: block; margin-top: 20px; color: #2AD5BD; text-decoration: underline; } .start-comparing-btn { background-color: #2AD5BD; border-radius: 5px; width: 221px; min-height: 57px; display: inline-flex; align-items: center; justify-content: center; color: #ffffff; font-family: "Quicksand"; font-size: 18px; line-height: 22px; text-align: center; font-weight: 600; } .start-saving-phone-link { color: #ffffff; font-family: "Quicksand"; font-size: 30px; line-height: 32px; text-align: center; font-weight: 500; display: inline-flex; align-items: center; background-color: #2AD5BD; padding: 12px 35px; border-radius: 5.5px; font-family: "Quicksand"; min-height: 57px; } .start-saving-phone-text { padding-left: 20px; } .or-circle { position: absolute; top: 50%; right: -35.5px; transform: translateY(-50%); -webkit-transform: translateY(-50%); /* WebKit */ -moz-transform: translateY(-50%); /* Mozilla */ -o-transform: translateY(-50%); /* Opera */ -ms-transform: translateY(-50%); /* Internet Explorer */ background-color: #4a4a4a; border-radius: 100%; width: 71px; height: 71px; color: #ffffff; font-family: "Quicksand"; font-size: 20px; line-height: 22px; text-align: center; font-weight: 600; display: inline-flex; align-items: center; justify-content: center; z-index: 1; } .start-saving-first-col { position: relative; } /* start saving end end*/ /* faq section start */ .faq-tabs-wrap { padding: 100px 0; } .faq-left-content { max-width: 30%; flex: 0 0 30%; } .faq-btn { color: #4a4a4a; font-family: "Quicksand"; font-size: 24px; line-height: 32px; text-align: left; width: 100%; border: none; box-shadow: none; background-color: transparent; padding: 30px 60px 30px 50px; position: relative; cursor: pointer; } .accordion .faq-card:first-child .faq-btn { padding-top: 0; } .faq-btn:after { content: ""; background-image: url("../images/plus.svg"); position: absolute; top: 50%; right: 30px; height: 24px; width: 24px; background-size: contain; background-position: center center; background-repeat: no-repeat; display: block; transform: translateY(-50%); -webkit-transform: translateY(-50%); /* WebKit */ -moz-transform: translateY(-50%); /* Mozilla */ -o-transform: translateY(-50%); /* Opera */ -ms-transform: translateY(-50%); /* Internet Explorer */ } .faq-btn-active::after { background-image: url("../images/cross.svg"); background-size: 30px 30px; } .faq-btn-active { padding-bottom: 0; } .faq-content { display: none; padding: 19px 50px 30px; } .faq-content.show { display: block; } .faq-text { color: #4a4a4a; font-family: "Quicksand"; font-size: 16px; font-weight: 500; text-align: left; max-width: 100%; } .faq-text p{ color: #4a4a4a; font-family: "Quicksand"; font-size: 16px; font-weight: 500; text-align: left; max-width: 100%; margin-bottom: 20px; } .faq-card { border-bottom: 1px solid #979797; } .nav-link { color: #4a4a4a; font-family: "Quicksand"; font-size: 22px; line-height: 32px; text-align: left; font-weight: 600; padding: 12px 23px; } .nav-link.active { background-color: #2AD5BD; border-radius: 26px; color: #fff; } .nav-item { padding: 15px 0; } .faq-title { padding-bottom: 57px; } .faq-title .section-title { text-align: center; } /* .faq-container { max-width: 1600px; } */ #Home-Insurance, #LifeInsurance, #auto-insurance, .tab-pane#other { display: none; } /* faq section end */ /* quick-estimate-wrap start */ .quick-estimate-wrap { background-color: #f4f7f8; padding: 95px 0 100px; } .quick-estimate-title { color: #505153; font-family: "proxima-nova"; font-size: 48px; line-height: 60px; text-align: center; font-weight: 400; margin-bottom: 12px; } .estimate-text { color: #4a4a4a; font-family: "Quicksand"; font-size: 24px; line-height: 36px; max-width: 890px; font-weight: 600; margin: 0 auto 50px; text-align: center; } .checkbox-wrap { background-color: #ffffff; border: 0.83px solid rgba(74, 74, 74, 0.3); border-radius: 5px; max-width: 317px; min-height: 91px; padding: 0 10px; display: flex; align-items: center; margin-bottom: 22px; position: relative; min-width: 260px; } .checkbox-wrap-img { max-width: 49px; max-height: 48px; } .checkbox-label { color: #00032f; font-family: "Quicksand"; font-size: 19px; line-height: 24px; text-align: left; font-weight: 600; padding-left: 25px; } .checkbox-input-label { border: 1px solid rgba(74, 74, 74, 0.3); border-radius: 100%; width: 25px; height: 25px; margin-right: 20px; flex: 0 0 25px; position: relative; } .checkbox-input-label:after { content: ""; position: absolute; left: 50%; width: 4px; height: 10px; border: solid white; border-width: 0 4px 4px 0; top: 5px; transform: translateX(-50%) rotate(45deg); } .estimate-checkbox { position: absolute; top: 0; left: 0; height: 100%; width: 100%; opacity: 0; } input[type="checkbox"]:checked+label { background-color: #2AD5BD; border-color: #2AD5BD; } .form-group { margin-bottom: 40px; /* border-bottom: 1px solid #979797; */ } .form-filed-title { color: #4a4a4a; font-family: "proxima-nova"; font-size: 17px; line-height: 1.6; text-align: left; font-weight: 400; margin-bottom: 15px; } .form-input-field { color: #4a4a4a; font-family: "proxima-nova"; font-size: 17px; line-height: 2; font-weight: 400; width: 100%; border: none; outline: none; min-height: 50px; border: 1px solid rgba(74, 74, 74, 0.3); border-radius: 5px; padding-left: 20px; } .set-rates-right { padding-top: 40px; } .date-field { position: relative; border-radius: 5px; } .date-field:after { content: ""; background-image: url("../images/calendar.png"); background-size: contain; background-position: center; background-repeat: no-repeat; width: 24px; height: 24px; position: absolute; right: 20px; top: 50%; margin-top: -12px; } .estimate-submit-btn { background-color: #2AD5BD; border-radius: 5px; min-width: 221px; height: 82px; color: #ffffff; font-family: "Quicksand"; font-size: 20px; line-height: 22px; text-align: center; border-color: transparent; display: block; margin: 22px auto 0; width: 100%; } .estimate-left-content { max-width: 40%; margin-right: 5%; } .estimate-input-fields { background-color: #fff; border-radius: 24px; box-shadow: 0 4px 12px 0 rgba(58, 64, 95, 0.13); padding: 50px; } /* quick-estimate-wrap end*/ .about-us-wrap { /* background-image: url("../images/about-us-full-image.png"); background-size: 1010px auto; background-position: center bottom; background-repeat: no-repeat; /* padding-bottom: 350px; min-height: 82vh; max-height: 1040px;*/ } .about-us-content-img { display: flex; justify-content: space-between; max-width: 1195px; margin: 0 auto; background-image: url("../images/Untitled_Artwork.jpg"); background-size: 100% auto; background-position: center bottom; min-height: 690px; background-repeat: no-repeat; } .about-us-content-images { max-width: 50%; flex: 0 0 50%; min-height: 600px; background-size: 650px auto; background-repeat: no-repeat; max-height: 1040px; position: relative; } .about-us-content-img .right-image{ /* background-image: url("../images/about-us-right-image.png"); */ background-position: right bottom; } .about-us-content-img .left-image { /* background-image: url("../images/background-6.png"); */ background-position: center bottom; margin-bottom: -10px; } .about-us-title { text-align: center; margin-bottom: 5px; } .about-us-sec-title { text-align: center; margin: 0 auto 50px; } .about-us-text { color: #4a4a4a; font-family: "Quicksand"; font-size: 20px; line-height: 30px; max-width: 700px; text-align: justify; font-weight: 500; margin: 0 auto 25px; } .about-us-content .container { max-width: 1000px; } .about-us-content { padding-top: 100px; } /* about-us-wrap end */ .how-it-works-wrap { padding: 100px 0; } .how-it-work-title { text-align: center; margin-bottom: 0px; } .how-it-work-sec-title { color: #505153; font-family: "proxima-nova"; font-size: 48px; line-height: 60px; text-align: center; font-weight: 400; max-width: 530px; margin: 0 auto 21px; } .how-it-works-info { color: #4a4a4a; font-family: "Quicksand"; font-size: 24px; line-height: 30px; text-align: center; font-weight: 500; } .step-heading { color: #505153; font-family: "proxima-nova"; font-size: 36px; line-height: 42px; max-width: 441px; text-align: left; margin-bottom: 16px; font-weight: 400; } .step-para { color: #4a4a4a; font-family: "Quicksand"; font-size: 18px; line-height: 25px; max-width: 423px; width: 100%; text-align: left; } .step-wrapper { list-style: none; padding-top: 60px; } .step { display: flex; justify-content: space-between; align-items: stretch; position: relative; } .step-image { max-width: 80%; display: block; margin: 0 auto; max-height: 300px; } .step-image-2 { width: 70%; display: block; margin-left: 40px; } /* Change Autocomplete styles in Chrome*/ input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus { border: 1px solid transparent; -webkit-text-fill-color: transparent; -webkit-box-shadow: 0 0 0px 1000px transparent inset; transition: background-color 5000s ease-in-out 0s; } .span-block { display: inline; } .step-content-wrap { display: flex; align-items: center; } .step-content-wrap.left { padding-left: 57px; border-left: 1px dotted #4a4a4a; border-bottom: 1px dotted #4a4a4a; border-radius: 0 0 0 50px; padding-top: 20px; } .step-content-wrap.left { min-width: 50%; } .image-left { position: relative; } .image-left { z-index: -1; background: transparent; border: none; border-top: 1px dotted #4a4a4a; border-right: 1px dotted #4a4a4a; border-bottom: 1px dotted #4a4a4a; min-width: 50%; border-radius: 0 50px 50px 0; right: 0; content: ""; padding: 58px 0 54px; } .step:nth-child(2) { margin-top: -1px; margin-left: 1.25px; position: relative; z-index: 2; } .step:nth-child(2):before { content: ""; width: 42px; height: 30px; position: absolute; background-color: #fff; left: -1px; top: -0px; } .step:nth-child(2) .image-left:after { content: ""; width: 42px; height: 10px; position: absolute; background-color: #fff; right: -5px; top: -9px; } .step-content-wrap.right { min-width: 50%; padding-left: 80px; position: relative; padding-top: 18px; } .step:nth-child(3) { margin-left: 0.25px; position: relative; z-index: 2; } .step:nth-child(3) .step-content-wrap.right { padding-left: 57px; border-top: 1px dotted #4a4a4a; border-left: 1px dotted #4a4a4a; border-radius: 50px 0 0 0px; margin-top: -1px; margin-left: 1.25px; position: relative; z-index: 2; min-width: 50%; padding-top: 130px; margin-left: 1px; } .step:nth-child(3):before { content: ""; width: 61px; height: 30px; position: absolute; background-color: #fff; left: 0px; top: -29px; } .step:nth-child(3) .step-content-wrap:after { content: ""; width: 52px; height: 30px; position: absolute; background-color: #fff; right: -16px; top: -2px; } .first-step { padding-bottom: 92px; } .step-number { color: #2AD5BD; font-family: "Quicksand"; font-size: 24px; line-height: 25px; text-align: left; font-weight: 600; } .step-count-one { position: absolute; left: -30px; top: 0; background-color: #fff; width: 55px; height: 50px; line-height: 30px; color: #2AD5BD; z-index: 1; display: flex; align-items: center; justify-content: center; } .step-count-two { position: absolute; left: -30px; top: 114px; background-color: #fff; width: 55px; height: 70px; line-height: 30px; color: #2AD5BD; z-index: 1; display: flex; align-items: center; justify-content: center; } .step-count-three { position: absolute; left: -30px; top: 88px; background-color: #fff; width: 55px; height: 70px; line-height: 30px; color: #2AD5BD; z-index: 1; display: flex; align-items: center; justify-content: center; } .step-img-wrap-3 { padding-top: 91px; min-width: 50%; } .step-content-wrap.first-step { padding-top: 50px; } .step-img-wrap-1 { padding-bottom: 30px; min-width: 50%; } .step-img-wrap-1 img { height: auto; width: 205px; margin-left: 80px; max-height: 400px; } .image-left.image-left-2 { padding: 28px 30px 40px 0; } .mobile { display: none !important; } .desktop { display: block !important; } .policy { font-family: "Quicksand"; line-height:1.4; } .policy p{ margin-bottom: 30px; } .policy small{ margin-bottom: 50px; border-bottom: 2px solid #e1e1e1; padding-bottom: 10px; display: block; } .policy h2 { color: #2AD5BD; } .policy h5{ margin-bottom:10px; } .policy a { color: #2AD5BD; } .policy ul { margin-bottom: 30px; margin-left: 30px; } footer .list-unstyled { display: flex; justify-content:space-between; } .footer-logo-col { max-width: 450px; } .foot-address { margin-top: 20px; text-align: center; font-size: 12px; color: #3e4563; float: right; margin-top: 8px; font-family: "Quicksand"; } .foot-address a{ line-height: 20px; font-size: 13px; } /* responsive css start */ @media screen and (min-width: 1800px) { .about-us-content-img { max-width: 1355px; } .about-us-content-images { min-height: 650px; background-size: 675px auto; } .about-us-content-img .right-image { background-size: 670px auto; } .about-us-content-images { max-width: 50%; flex: 0 0 50%; min-height: 650px; background-size: 700px auto; background-repeat: no-repeat; max-height: 1040px; position: relative; } } @media screen and (min-width: 1600px) { .container { max-width: 1470px; } } @media screen and (max-width: 1600px) { .best-insurance-wrap { min-height: 750px; } .blue-title-text { font-size: 17px; line-height: 27px; } .section-title { font-size: 45px; line-height: 57px; } .header-btn a, .header-links-url { font-size: 16px; } .logo-title, .logo-title-a { font-size: 41px; } .best-insurance-middle-content { padding-top: 12vh; } .best-insurance-title { font-size: 50px; line-height: 50px; } .main-insurance-links-wrap { padding: 30px 0; } .best-insurance-text { font-size: 19px; line-height: 27px; margin-bottom: 40px; } .get-quote-link { font-size: 18px; line-height: 20px; } .insurance-li-content-title { font-size: 21px; margin-left: 25px; } .insurance-li-content { width: 15vw; height: 92px; } .insurance-image-top { max-width: 40px; } .client-logo { padding: 0 50px; } .client-logo-wrap { padding-bottom: 4vw; } .get-quote-link { max-width: 180px; height: 55px; } /* best insurance end */ .footer-main-wrap { padding: 40px; } .social-links-ul { display: flex; margin: 0 -20px; } .social-links-col li { padding: 0 20px; } .footer-links-title { font-size: 21px; line-height: 1.3; } .footer-links-url { font-size: 16px; } .copyright-wrap { height: 90px; } .copyright-text { font-size: 14px; } /* Footer end */ .start-saving-wrap { padding: 80px 0; } .start-saving-title { padding-bottom: 60px; } .start-saving-sec-title { font-size: 27px; line-height: 1.2; } .start-saving-sec-text { font-size: 15px; line-height: 1.5; margin-bottom: 25px; } .start-comparing-btn { width: 200px; font-size: 16px; line-height: 1.3; } .start-saving-phone-link { font-size: 27px; line-height: 1.2; } .start-saving-phone-text { padding-left: 20px; } .or-circle { width: 60px; height: 60px; font-size: 18px; line-height: 1.2; right: -30px; } /* start saving end end*/ .how-it-works-wrap { padding: 80px 0; } .how-it-work-sec-title { font-size: 45px; line-height: 1.2; } .how-it-works-info { font-size: 21px; line-height: 1.3; } .step-heading { font-size: 33px; line-height: 1.2; } .step-para { font-size: 16px; line-height: 1.2; } .step-wrapper { padding-top: 40px; } .image-left { padding: 45px 0; } .step:nth-child(3) .step-content-wrap.right { padding-left: 50px; padding-top: 110px; } .first-step { padding-bottom: 80px; } .step-number { font-size: 21px; line-height: 1.2; } .step-img-wrap-3 { padding-top: 80px; } .step-content-wrap.first-step { padding-top: 40px; } /* how it works end */ /* faq section start */ .faq-tabs-wrap { padding: 80px 0; } .faq-btn { font-size: 21px; line-height: 1.3; padding: 25px 60px 25px 40px; position: relative; } .faq-content { padding: 10px 40px 30px; } .faq-text { font-size: 14px; max-width: 100%; } .nav-link { font-size: 18px; line-height: 1.4; padding: 12px 15px; } .nav-item { padding: 12px 0; } .faq-title { padding-bottom: 45px; } .faq-btn:after { height: 20px; width: 20px; } /* faq section end */ /* quick-estimate-wrap start */ .quick-estimate-wrap { padding: 80px 0; } .quick-estimate-title { font-size: 43px; line-height: 1.2; } .estimate-text { font-size: 20px; line-height: 1.4; max-width: 700px; margin: 0 auto 40px; } .checkbox-wrap { max-width: 350px; min-height: 91px; padding: 0 17px; min-width: 260px; } .checkbox-label { font-size: 20px; line-height: 24px; padding-left: 15px; } .checkbox-input-label { width: 25px; height: 25px; margin-right: 20px; flex: 0 0 25px; } .checkbox-wrap-img { max-width: 40px; } .form-group { margin-bottom: 40px; } .form-filed-title { font-size: 17px; line-height: 1.6; margin-bottom: 15px; } .estimate-text br { display: none; } .form-input-field { font-size: 14px; line-height: 2; } .checkbox-input-label:after { height: 9px; width: 3px; border-width: 0 3px 3px 0; top: 4px; } .date-field:after { width: 20px; height: 20px; } .estimate-submit-btn { min-width: 200px; height: 60px; font-size: 18px; line-height: 1.2; } /* quick-estimate-wrap end*/ .about-us-text { font-size: 17px; line-height: 1.5; } .about-us-content { padding-top: 80px; } /* about-us-wrap end */ .testimonial-slider { background-color: #ECEFF1; padding: 80px 0; } .testimonial-container { max-width: 1170px; } .slider-image-wrap { margin-bottom: 20px; } .slider-description-text { font-size: 14px; line-height: 1.4; } .slick-slide.slick-current .slider-description-text { /* font-size: 14px; line-height: 1.5; */ } .slider-title { font-size: 17px; line-height: 1.4; } .slick-slide.slick-current .slider-title { /* font-size: 20px; line-height: 1.5; */ } .client-post { font-size: 12px; line-height: 1.5; } .slider-image { width: 70px; flex: 0 0 70px; height: 70px; margin-right: 20px; font-size: 30px; line-height: 70px; } .slider-buttons .slick-arrow { width: 45px; height: 45px; } .client-slider { padding-top: 40px; } .slider-blue-title { margin-bottom: 20px; } .slider-section-title { margin-bottom: 15px; } .slider-left-text { font-size: 21px; line-height: 1.4; margin-bottom: 40px; } .slider-buttons { margin-top: 40px; } /* client slider content end */ .header-wrap { padding: 25px 0; } } /* 1600 end */ @media screen and (max-width: 1500px) { } @media screen and (min-width: 1200px) { .about-us-content-img .right-image{ background-size: 600px auto; } } /* 1500 end */ @media screen and (min-width: 1400px) { .about-us-content-img .right-image { background-size: 710px auto; } .about-us-content-img { max-width: 1400px; } } @media screen and (max-width: 1400px) { .blue-title-text { font-size: 15px; line-height: 1.4; } .section-title { font-size: 41px; line-height: 1.2; } .best-insurance-title { font-size: 55px; line-height: 65px; } .best-insurance-text { font-size: 18px; line-height: 1.2; margin-bottom: 35px; } .get-quote-link { font-size: 16px; line-height: 1.1; height: 60px; max-width: 200px; } .insurance-li-content-title { font-size: 18px; margin-left: 20px; } /* best insurance end */ .footer-main-wrap { padding: 30px; } .footer-links-title { font-size: 18px; } .footer-links-url { font-size: 14px; } .copyright-wrap { height: 80px; } .social-links-ul img { max-width: 25px; max-height: 25px; } /* Footer end */ .start-saving-wrap { padding: 60px 0; } .start-saving-title { padding-bottom: 40px; } .start-saving-sec-title { font-size: 24px; } .start-saving-sec-text { font-size: 14px; margin-bottom: 20px; } .start-comparing-btn { width: 180px; } .start-saving-phone-link { font-size: 24px; } /* start saving end end*/ .how-it-works-wrap { padding: 70px 0; } .how-it-work-sec-title { font-size: 42px; } .how-it-works-info { font-size: 18px; } .step-heading { font-size: 30px; } .step-para { font-size: 15px; } .image-left { padding: 40px 0; } .step:nth-child(3) .step-content-wrap.right { padding-left: 40px; padding-top: 80px; } .first-step { padding-bottom: 70px; } .step-number { font-size: 18px; } .step-img-wrap-3 { padding-top: 70px; } /* how it works end */ /* faq section start */ .faq-tabs-wrap { padding: 60px 0; } .faq-title {} .faq-btn { font-size: 18px; padding: 15px 50px 15px 30px; position: relative; } .faq-content { padding: 10px 30px 30px; } .faq-text { font-size: 14px; max-width: 660px; } .nav-link { font-size: 18px; line-height: 1.4; padding: 8px 15px; } .nav-item { padding: 12px 0; } .faq-title { padding-bottom: 45px; } .faq-btn:after { height: 20px; width: 20px; } /* faq section end */ /* quick-estimate-wrap start */ .quick-estimate-wrap { padding: 70px 0; } .quick-estimate-title { font-size: 38px; } .estimate-text { font-size: 18px; } .checkbox-wrap { max-width: 100%; min-height: 80px; padding: 15px; } .checkbox-label { font-size: 18px; padding-left: 20px; } .checkbox-wrap-img { max-width: 40px; } .form-group { margin-bottom: 30px; } .form-filed-title { font-size: 16px; margin-bottom: 10px; } .estimate-submit-btn { min-width: 180px; font-size: 16px; } /* quick-estimate-wrap end*/ .testimonial-slider { padding: 60px 0; } .slider-item { padding: 25px; } .slick-slide.slick-current .slider-item { /* padding: 30px; */ } .slider-image-wrap { margin-bottom: 15px; } .slider-description-text { font-size: 12px; } .slick-slide.slick-current .slider-description-text { /* font-size: 13px; */ } .slider-title { font-size: 16px; } .slick-slide.slick-current .slider-title { /* font-size: 18px; */ } .slider-image { width: 60px; flex: 0 0 60px; height: 60px; font-size: 25px; line-height: 50px; margin-right: 15px; } .slider-buttons .slick-arrow { width: 40px; height: 40px; } .client-slider { padding-top: 30px; } .slider-blue-title { margin-bottom: 10px; } .slider-section-title { margin-bottom: 10px; } .slider-left-text { font-size: 18px; margin-bottom: 25px; } .slider-buttons { margin-top: 30px; } .slick-slide { max-width: 407px; } /* .slick-slide.slick-current { max-width: 501px; } */ .shopper-approved-img { max-width: 250px; } /* client slider content end */ } /* 1400 end */ @media screen and (max-width: 1340px) { .set-rates-right { padding-top: 34px; } } @media screen and (max-width: 1200px) { .about-us-content-img { min-height: 580px; } .about-us-content-images { min-height: 450px; background-size: 510px auto; } .estimate-left-content { max-width: 40%; margin: auto; padding-right: 5%; } .estimate-input-fields { padding: 40px; } .span-block { display: inline-block; } .best-insurance-wrap { min-height: 600px; } .best-insurance-middle-content { padding-top: 8vh; } .insurance-li-content { height: 72px; } .container { max-width: 940px; } .client-logo img { max-width: 60%; } .section-title { font-size: 38px; } .best-insurance-title { font-size: 40px; line-height: 1.2; } .get-quote-link { height: 50px; max-width: 160px; } .best-insurance-text { font-size: 16px; margin-bottom: 30px; } .insurance-li-content-title { font-size: 12px; margin-left: 10px; } .client-logo { padding: 0 20px; display: flex; align-items: center; } /* best insurance end */ .start-saving-wrap { padding: 40px 0; } .start-saving-title { padding-bottom: 30px; } .start-saving-sec-title { font-size: 20px; } .start-saving-phone-link { font-size: 20px; } /* start saving end end*/ .how-it-works-wrap { padding: 60px 0; } .how-it-work-sec-title { font-size: 38px; } .how-it-works-info { font-size: 16px; } .step-heading { font-size: 27px; } .step-para { font-size: 14px; line-height: 20px; } .step:nth-child(3) .step-content-wrap.right { padding-top: 60px; } .first-step { padding-bottom: 50px; } .step-number { font-size: 16px; } .step-img-wrap-3 { padding-top: 50px; } .how-it-works-container { max-width: 90%; } /* how it works end */ .faq-btn { font-size: 16px; padding: 15px 40px 15px 20px; position: relative; } .faq-content { padding: 10px 20px 30px; padding-right: 0; } .faq-text { font-size: 13px; } .nav-link { font-size: 16px; } .faq-btn:after { height: 16px; width: 16px; } /* faq section end */ /* quick-estimate-wrap start */ .quick-estimate-wrap { padding: 60px 0; } .quick-estimate-title { font-size: 33px; } .estimate-text { font-size: 16px; } .checkbox-label { font-size: 16px; padding-left: 15px; } .checkbox-wrap-img { max-width: 35px; } .form-group { margin-bottom: 25px; } /* quick-estimate-wrap end*/ /* .about-us-wrap { min-height: 60vh; padding-bottom: 400px; } */ .about-us-text { font-size: 16px; max-width: 72.1%; } .about-us-content { padding-top: 70px; } .about-us-content .container { max-width: 800px; } /* about-us-wrap end */ .start-saving-image-box { padding: 70px 35px; } .start-saving-sec-text { min-height: 84px; } } /* 1200 end */ @media screen and (max-width: 1024px) { .section-title { font-size: 35px; } .best-insurance-title { font-size: 45px; } .insurance-li-content { width: 180px; height: 80px; } .estimate-left-content { max-width: 40%; margin: auto; } /* best insurance end */ .about-us-text { max-width: 68%; } } /* 1024 end */ @media screen and (max-width: 991px) { .about-us-content-img { min-height: 350px; } .client-logo-wrap { padding-bottom: 9vw; } .step-img-wrap-1 img, .step-image-2 { margin: 0 auto; max-width: 350px; } .estimate-text { margin-bottom: 0px; } .about-us-sec-title { margin: 0 auto 29px; } .col { -ms-flex-preferred-size: unset; flex-basis: unset; -ms-flex-positive: unset; flex-grow: unset; width: 100%; position: relative; } .estimate-input-fields { max-width: 650px; margin: auto; } .step-content-wrap { justify-content: center; } .header-wrap { padding: 25px 0; } .header-main-wrap { padding: 0 20px; } .best-insurance-wrap { height: calc(100vh - 96px); max-height: 470px; min-height: 420px; } .about-us-wrap { /* padding-bottom: 300px; height: auto; min-height: 400px; background-size: 100% auto; */ } .about-us-content-images { background-size: 300px auto; min-height: 290px; } .about-us-content-img .right-image { background-position: center bottom; } .about-us-content-img { max-width: 610px; } .about-us-text { max-width: 537px; } .best-insurance-middle-content { padding-top: 20px; } .best-insurance-title { font-size: 40px; margin-bottom: 20px; } .get-quote-link { font-size: 14px; height: 50px; max-width: 180px; } .main-insurance-links-wrap { padding: 40px 0; } .insurance-li-content { width: 150px; height: 50px; } .start-saving-image-box { padding: 20px; } .insurance-li-content img { max-width: 25px; } .client-logo { padding: 0 10px; } /* best-insurance-wrap end */ .copyright-wrap { height: 70px; } .how-it-work-sec-title { font-size: 34px; } .how-it-works-info { font-size: 14px; } .step-heading { font-size: 23px; } .step:nth-child(3) .step-content-wrap.right { padding-top: 40px; } .first-step { padding-bottom: 40px; } .step-number { font-size: 14px; } .step-img-wrap-3 { padding-top: 40px; } .step-content-wrap.left { padding-left: 25px; } .step-content-wrap.right { min-width: auto; padding-left: 40px; } .step:nth-child(3) .step-content-wrap:after { top: -1px; } .step:nth-child(3) .step-content-wrap.right { margin-top: 0; } /* how it works end */ .checkbox-wrap { min-height: 70px; padding: 12px; } .slick-slide { padding: 0 10px 10px; } .slider-left-content-wrap { padding-right: 20px; } .slider-section-title { font-size: 32px; } .slider-left-text { font-size: 16px; margin-bottom: 15px; } .shopper-approved-img { max-width: 210px; } .slider-buttons { margin-top: 15px; } .slick-slide.slick-current .slider-item { /* padding: 25px; */ } .slick-slide.slick-current { /* max-width: 341px; */ } .slick-slide.slick-current .slider-title { /* font-size: 16px; */ } .client-post { font-size: 11px; } .slick-slide.slick-current .slider-description-text { /* font-size: 12px; */ } .slider-description-text { font-size: 11px; min-height: 55px; } .slider-title { font-size: 14px; } .client-post { font-size: 10px; } .slider-image { width: 40px; flex: 0 0 40px; height: 40px; margin-right: 10px; font-size: 20px; line-height: 30px; } .slider-buttons .slick-arrow { width: 35px; height: 35px; } .slick-arrow:after { height: 16px; width: 16px; } .testimonial-slider { padding: 50px 0; } /* slider end */ .footer-links-col { max-width: 50%; flex: 0 0 50%; margin-top: 10px; } } /* 991 end */ @media screen and (max-width: 767px) { .about-us-content-img { background: none; min-height: 320px; } .foot-address { float: left; margin-bottom: 10px; } footer .list-unstyled { flex-direction: column; } .step-content-wrap.left { padding: 0; min-width: auto; } .step:nth-child(2) .step-content-wrap { order: 0; } .step:nth-child(2) .image-left.image-left-2 { order: 1; padding-right: 0; padding-top: 0; } .step-content-wrap.right { padding: 0; } .step:nth-child(3) .step-content-wrap.right { padding: 0; } .step { flex-direction: column; border-bottom: 1px sllid transparent; padding-bottom: 10px; margin-bottom: 20px; } .step-content-wrap.left, .image-left, .step:nth-child(3) .step-content-wrap.right { border: none; } .mobile-hide { display: none !important; } .start-saving-sec-text { min-height: inherit; } .comingSoon { padding-top: 50px; } .comingSoon .best-insurance-title { margin-bottom: 40px; } .step-content-wrap{ display: block; } .client-logo img{ max-width: 100%; } .step-heading { display: flex; align-items: center; justify-content:center; width: 100%; max-width: 100%; position: static; } .step-heading span{ width: auto; position: static; height: auto; font-size: 18px; margin-right: 4px; font-weight: normal; } .step-para { max-width: 100%; text-align: center; } .mobile { display: block !important; } .desktop { display: none !important; } .header-wrap { padding: 10px 0; } .form-group { margin-bottom: 15px; } .col-2 { max-width: 100%; flex: 0 0 100%; } .set-rates-right { padding-top: 10PX; } .menu-btn { top: 12px; right: 0; transform: translateY(0); -webkit-transform: translateY(0); /* WebKit */ -moz-transform: translateY(0); /* Mozilla */ -o-transform: translateY(0); /* Opera */ -ms-transform: translateY(0); /* Internet Explorer */ } .header-open .navigation { padding-right: 0; position: absolute; top: 52px; background: #fff; z-index: 999; width: 100%; } .header-btn a, .header-links-url { font-size: 14px; padding: 10px 0; } .header-links-ul li { padding: 7px 0; } .header-main-wrap { padding: 0; } .header-wrap, .header-links-ul { flex-direction: column; justify-content: flex-start; align-items: self-start; } .header-links-ul { padding-bottom: 15px; } .logo-title, .logo-title-a { font-size: 35px; } .best-insurance-wrap { height: calc(100vh - 55px); background-position: right bottom; background-image: url(../images/home-banner-mobile-bg.png); min-height: 750px; } .best-insurance-title { font-size: 30px; } .get-quote-link { max-width: 160px; } .best-insurance-text { font-size: 14px; } .best-insurance-text br { display: none; } /* best-insurance-wrap end */ .footer-main-wrap { padding: 15px; } .footer-links-title { font-size: 16px; margin-bottom: 10px; } .footer-links-url { font-size: 13px; } .copyright-text { font-size: 13px; text-align: center; } .copyright-wrap { height: auto; padding: 4px; } /* footer end */ .start-comparing-btn { width: 160px; font-size: 14px; } .section-title { font-size: 30px; } .start-saving-image-box img { max-width: 60px; } .start-saving-sec-title { font-size: 18px; margin: 16px 0; } .or-circle { width: 46px; height: 46px; font-size: 14px; right: -23px; } .start-saving-phone-link { font-size: 18px; } .start-saving-phone-link img { max-width: 20px; } .start-saving-phone-text { padding-left: 10px; } .start-comparing-btn { height: 40px; } /* start-saving end */ .how-it-work-sec-title { font-size: 18px; line-height: 30px; margin-bottom: 5px; } .step-para { margin-bottom: 40px; } .step-heading { font-size: 18px; color: #2AD5BD; text-align: center; } .step-count-one, .step-count-two, .step-count-three { text-align: center; display: block; } .step:nth-child(3) .step-content-wrap.right { padding-top: 30px; } .first-step { padding-bottom: 30px; } .step-img-wrap-3 { padding-top: 0px; } .step-content-wrap.first-step { padding-top: 30px; } .step-number { display: inline-flex; justify-content: center; align-items: center; } .step-heading .span-block { display: inline; } /* how-it-work end*/ .nav-link { font-size: 14px; } .faq-tabs-wrap { padding: 40px 0; } .faq-title { padding-bottom: 25px; } .faq-btn { font-size: 14px; padding: 12px 30px 12px 0; } .faq-btn:after { right: 15px; } .faq-content { padding: 10px 0 20px; padding-right: 0; } /* faq end */ .quick-estimate-wrap { padding: 50px 10px; } .about-us-content { padding-top: 40px; } .about-us-text { font-size: 14px; } .about-us-col { max-width: 100%; flex: 0 0 100%; padding-bottom: 15px; } /* .about-us-wrap { padding-bottom: 400px; min-height: 400px; height: auto; background-image: url(../images/background-6.png); background-position: -20px bottom; background-size: auto 400px; } */ .about-us-content-images { max-width: 100%; flex: 0 0 100%; } .about-us-content-img .right-image { display: none; } .about-us-content-img .left-image { background-image: url(../images/background-6-mobile.png); margin-bottom: 0; background-position: center center; background-size: auto 400px; min-height: 380px; } /* about end */ .slick-slide.slick-current .slider-item { /* padding: 20px; */ } .slider-item { padding: 15px; } .slick-slide.slick-current { /* max-width: 300px; */ } .slick-slide { /* max-width: 280px; */ } .slider-left-text { font-size: 14px; } /* slider end */ .start-saving-wrap .row { margin: 0; max-width: 100%; } .start-saving-col { max-width: 100%; } .client-logo-wrap .container { justify-content: center; } } /* 767 end */ @media (orientation: landscape) and (max-width: 767px) { .best-insurance-wrap { /* min-height: 1050px; */ } .footer-main-wrap .footer-links-col { max-width: 50%; margin-top: 15px; } } @media screen and (min-width: 425px) and (max-width: 767px) { .best-insurance-wrap { min-height: 1080px; } } @media screen and (max-width: 600px) { .checkbox-input-label:after { height: 7px; } .section-title { font-size: 26px; } .main-insurance-links { flex-direction: column; align-items: center; } .insurance-li { padding: 0 12.5px 20px; } .insurance-li-content { height: 50px; } .insurance-li-content-title { font-size: 12px; margin-left: 10px; } .insurance-li-content img { max-width: 35px; } .main-insurance-links-wrap { padding: 30px 0; } .best-insurance-wrap { height: 100%; } .footer-links-col { max-width: 50%; flex: 0 0 50%; padding: 0; } .footer-main-wrap { position: relative; padding-top: 60px; } .footer-logo-col { position: absolute; top: 10px; left: 0; right: 0; text-align: center; z-index: 2; } .social-links-col { padding: 10px 0 0; } .social-links-ul img { max-width: 20px; max-height: 20px; } /* footer end */ .start-saving-col { max-width: 100%; flex: 0 0 100%; padding-bottom: 0; margin-bottom: 0px; padding-left: 0; padding-right: 0; } .start-saving-first-col { border: none; } .or-circle { width: 40px; height: 40px; font-size: 13px; right: 0; left: 0; bottom: -20px; margin: 0 auto; top: auto; transform: translateY(0); -webkit-transform: translateY(0); /* WebKit */ -moz-transform: translateY(0); /* Mozilla */ -o-transform: translateY(0); /* Opera */ -ms-transform: translateY(0); /* Internet Explorer */ } .start-saving-wrap { padding: 40px 0 0; } /* start-saving-wrap end */ .how-it-works-container { max-width: 100%; } .faq-left-content { max-width: 100%; flex: 0 0 100%; padding-bottom: 30px; } .faq-title { max-width: 100%; } .faq-btn:after { height: 12px; width: 12px; right: 10px; } /* faq end */ .estimate-left-content, .estimate-input-fields { max-width: 100%; flex: 0 0 100%; padding: 35px; } .checkbox-wrap { min-height: 60px; margin: 0 auto 15px; } .estimate-left-content { padding-bottom: 20px; margin: 0; } .checkbox-input-label { width: 20px; height: 20px; margin-right: 20px; flex: 0 0 20px; } .estimate-text { font-size: 14px; margin-bottom: 25px; } .slick-slide { max-width: 100%; } .slider-left-content, .slider-right-content { max-width: 100%; flex: 0 0 100%; } .slider-buttons .slick-arrow { width: 30px; height: 30px; } .slick-arrow:after { height: 13px; width: 13px; } .shopper-approved-img { max-width: 180px; } /* slider end */ .how-it-works-wrap { padding: 50px 0; } .about-us-content-img .left-image { background-size: auto 350px; min-height: 350px; } .step-heading, .step-para { margin: 0 auto 5px; text-align: center; } .step-para { margin-bottom: 40px; } .faq-tabs-wrap + .start-saving-wrap { padding-bottom: 50px; } } /* 600 end */ @media screen and (max-width:450px) { .estimate-left-content { max-width: 100%; flex: 0 0 100%; padding: 0px 10px; } .estimate-input-fields { max-width: 100%; flex: 0 0 100%; padding: 20px; } @media screen and (max-width: 375px) { .col-2 { padding: 0 10px; } .about-us-content-img .left-image { background-size: auto 300px; min-height: 280px; } } /* 375 end */