@charset "utf-8";
/* CSS Document */

@media only screen and (min-width:280px) and (max-width:1224px) {
    html{
        margin-top: 51px;
    }
    .container-fluid{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .MainWrapper,.StickyBtns .MainWrapper,.cta-wrapper .container,.login-wrapper .container, .get-a-quote-wrapper .container, .the-quote-process-wrapper .container, .saved-quote-wrapper .container,
    .container, .container-lg, .container-md, .container-sm, .container-xl,.container-xxl {
        padding: 50px 0px;
        max-width: 94% !important;
        margin: 0 auto;
    }
    img ,.EditorText img {
    	max-width:100%;	
    }    
    .slidebar-menu{
        position: fixed;
        width: 100%;
        top: 0;
        z-index: 99;
    }
    .slidebar-menu .phone,
    .slidebar-menu .navbar .navbar-toggler{
        color: #fff;
    }
    .slidebar-menu .phone img{
        -webkit-filter: brightness(0) invert();
        filter: brightness(0) invert();
    }
    .fixed-top,.slidebar-menu,
    .normal-menu .navbar {
        background: var(--sc-1) !important;
        background-color: var(--sc-1) !important;
        padding: 0;
    }
    .navbar-expand-lg .navbar-toggler {
        display: block;
    }
    .resources-wrapper h4.title br,
    .slidebar-menu .logo,.hero-slider-wrapper .ImgWrap::before,.inner-header-wrapper::after,
    .normal-menu .logo-col,.collapse:not(.show) {
        display: none !important;
    }
    .navbar>.logo-container .col-3 {
        justify-content: space-between;
        width: 100%;
    }
    .navbar-expand-lg .navbar-collapse {
        display: block !important;
        position: absolute;
        width: 100%;
        top: 51px;
        left: 0;
        background-color: #fff;
        overflow: hidden;
		max-height: 0;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
    }
    
    .normal-menu .menu-col{
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .nav-phone i {
        color: #fff;
        border: 2px solid #fff;
    }
    .offcanvas-body .nav-phone i {
        color: var(--sc-2);
        border: 2px solid var(--sc-2);
    }
    .nav-phone {
        margin-top: 0;
        margin-right: 0px;
    }
    .slidebar-menu .phone a{
        color: #fff;
    }
    .phone.mb-2,
    .normal-menu .nav-phone {
        margin: 0 !important;
        justify-content: flex-start !important;
    }
    .normal-menu .phone{
        float: right;
        margin: 8px 0px !important;
    }
    .normal-menu .menu{
        float: left;
    }
    .navbar>.logo-container{
        justify-content: flex-end !important;
        padding: 10px 15px;
        max-width: 100% !important;
    } 
    .normal-menu .navbar>.logo-container > div{
        width: 100%;
        text-align: left !important;
        display: block;
    }
    .normal-menu .navbar-toggler-icon {
        width: 38px;
        height: 38px;
    }
    .normal-menu .navbar .navbar-nav {
        justify-content: flex-start;
        flex-direction: column;
        text-align: left;
        gap: 0;
        margin: 0 !important;
    }
    .normal-menu .navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-item,
    .normal-menu .navbar .navbar-nav .nav-link, .normal-menu .navbar .navbar-nav a {
        color: #000;
        padding: 12px 15px;
        border-bottom: 1px solid #ddd;
    }
    .normal-menu .navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-item{
        padding-left: 40px;
    }
    .normal-menu .dropdown-toggle::after {
        position: absolute;
        top: 16px;
        right: 15px;
    }
    .normal-menu .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: relative;
        overflow: hidden;
		max-height: 0;
        margin: 0;
    }
    .normal-menu .navbar-expand-lg .navbar-nav .dropdown-menu.show,
    .normal-menu .navbar-expand-lg .navbar-collapse.show{
        max-height: 880px;
    }
    .idxheader-wrapper .carousel-caption{
        position: relative;
        top: inherit;
        right: inherit;
        bottom: inherit;
        left: inherit;
    }
    .idxheader-wrapper .carousel-caption .container,
    .hero-slider-wrapper .container, .hero-video-wrapper .container{
        padding: 30px 0px 35px;
    }
    .carousel-caption .btn,
    .hero-caption h1, .carousel-caption h1{
        color: var(--sc-1) !important;
    }
    .carousel-caption .btn:hover{
        color: #fff !important;
    }
    .header-text {
        position: inherit;
        width: 100%;
        left: inherit;
        bottom: inherit;
        z-index: 1;
        text-align: center;
        background-color: var(--sc-2);
        padding: 10px 0px;
    }
    .modal-dialog{
        max-width: 94% !important;
    }
    .g-recaptcha {
	    -moz-transform: scale(0.80);
	    -ms-transform: scale(0.80);
	    -o-transform: scale(0.80);
	    -moz-transform-origin: 0;
	    -ms-transform-origin: 0;
	    -o-transform-origin: 0;
	    -webkit-transform: scale(0.80);
	    transform: scale(0.80);
	    -webkit-transform-origin: 0 0;
	    transform-origin: 0;
	    filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.80,M12=0,M21=0,M22=0.80,SizingMethod='auto expand');
	}
    .copyright,.service-tab-containe-wrapper .right .col{
        text-align: center;
    } 
    .JcarouselSlider {
        position: relative;
        width: 96%;
        margin: 0 auto;
    }
    .btn-group-vertical>.btn, .btn-group>.btn {
        position: relative;
        flex: 0 0 auto;
    }
    .footer-wrapper .btn-group{
        flex-wrap: wrap;
        justify-content: center;
    }
    .the-confirmation-wrapper .ImgWrap,
    .contact-wrapper .left .col,.contact-wrapper .left .icon-col{
        margin: 0 auto;
    }
    .contact-wrapper .left .icon-col{
        margin:  0 auto 10px; 
    }
    .contact-wrapper .left .d-flex{
        display: block !important;
        text-align: center;
        padding:10px 5px !important;
    }
    .contact-wrapper .left .col .phone {
        position: relative;
        width: 95px;
        height: 18px;
        margin: 0 auto;
    }
    .contact-wrapper .left .text-col, .contact-wrapper .left .text-col a {
        font-size: 14px;
    }
    .the-rates-wrapper .left,.the-rates-wrapper .right,
    .resources-list-wrapper ul li {
        min-width: inherit;
        max-width: 100%;
        width: 100%;
    }
    .the-rates-wrapper .right{
        text-align: center;
    }
    .insurance-tab-wrapper .faq-col .accordion-button {
        padding: 15px 10px 15px 30px;
    }
    .insurance-tab-wrapper .faq-col .accordion-button::before {
        top: 14px;
        left: 8px;
    }
    .accordion-item {
        margin-bottom: 15px;
    }
    .accordion-body {
        padding: 12px 10px 12px 35px;
    }
    .accordion-body::before {
        top: 15px;
        left: 10px;
    }
    .service-tab-wrapper .nav-tabs {
        gap: 30px 40px;
    }
    .service-tab-containe-wrapper .right .ImgWrap {
        max-width: 100%;
        margin: 0 auto 20px;
    }
    .affiliate-program-wrapper .left {
        display: inline-block;
        max-width: 450px;
        padding: 0 !important;
    }
    .table-row{
        overflow: auto;
    }
    .table-row table{
        min-width: 900px;
    }
    .check-box .form-check {
        padding: 10px 10px 10px 35px !important;
        width: 100%;
    }
    .the-rates-wrapper .white-box .text {
        width: 40.5%;
    }
    .the-rates-wrapper .left{
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        gap: 15px;
    }
    .the-rates-wrapper .white-box{
        flex-wrap: wrap;
        justify-content: center;
        flex-direction: column;
        text-align: center;
        padding: 10px;
        margin: 0;
        width: 31%;
        gap: 15px;
    }
    .the-rates-wrapper .white-box .ImgWrap,.the-rates-wrapper .white-box .text,.the-rates-wrapper .white-box h5{
        width: 100%;
        min-width: 100%;
        max-width: 100%;
    }
    .round-tab-col ul{
        flex-wrap: wrap;
        gap:25px 15px;
        list-style-type: none;
        counter-reset: css-counters 0;
    }
    .round-tab-col li {
        width: 30%;
        position: relative;
    }
    .round-tab-col li::after{
        counter-increment: css-counters;
        content: counters(css-counters, ".") " ";
        position: absolute;
        top: -12px;
        left: 50%;
        font-size: 15px;
        line-height: 1;
        margin-left: -12.5px;
        width: 25px;
        height: 25px;
        background-color: var(--sc-2);
        color: #fff;
        font-weight: 700;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 100%;
        transition: all 0.3s ease-in-out;
    }
    .round-tab-col li .col::after,.round-tab-col li .col .round,
    .round-tab-col li a.active .col::before, .round-tab-col li a:hover .col::before{
        display: none;
    }
    .round-tab-col li .col {
        padding: 20px 10px;
        border: 1px solid #ced4da;
    } 
    .round-tab-col li a.active .col{
        border: 1px solid var(--sc-2);
    }
    .round-tab-col li .col .text {
        font-size: 15px;
    }
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .page-title,.hero-caption h1, .carousel-caption h1 {
        font-size: 30px;
    }
    .JcarouselSlider {
        width: 92%;
    }
    h2 {
        font-size: 30px;
    }
    h5 {
        font-size: 20px;
    }
}
@media only screen and (min-width:481px) and (max-width:575px) {
    .modal-dialog{
        max-width: 97% !important;
    }
    .submit-btn{
        text-align: center !important;
    }
    .page-title,.hero-caption h1, .carousel-caption h1 {
        font-size: 30px;
    }
    .JcarouselSlider {
        width: 92%;
    }
    h2 {
        font-size: 30px;
    }
    .the-rates-wrapper .white-box{
        width: 48%;
    }
}
@media only screen and (min-width:280px) and (max-width:480px) {
    .hero-caption h1, .carousel-caption h1 {
        font-size: 25px;
        margin-bottom: 15px;
    }
    .page-title{
        font-size: 25px;
    }
    h2 {
        font-size: 28px;
    }
    h3 {
        font-size: 25px;
    }
    h4 {
        font-size: 22px;
    }
    h5 {
        font-size: 20px;
    }
    .mb-5{
        margin-bottom: 30px !important;
    }
    .default-two-part-desc-wrapper .row {
        gap: 30px;
    }
    .JcarouselSlider {
        width: 84%;
    }
    
    .modal-dialog{
        max-width: 98% !important;
    }
    .submit-btn{
        text-align: center !important;
    }
    .modal-title {
        font-size: 20px;
    }
    .footer-wrapper .row.gap-5{
        gap: 40px 15px !important;
    }
    .footer-wrapper .row .col-5{
        padding: 0px !important;
        width: 47%;
    }
    .footer-wrapper h6 {
        margin-bottom: 15px !important;
    }
    .resources-list-wrapper ul li .col {
        padding: 12px;
    }
    .service-tab-wrapper .nav-tabs {
        gap: 25px;
    }
    .service-tab-wrapper .nav-tabs .nav-link h4 {
        font-size: 18px;
    }
    .service-tab-wrapper .nav-tabs .nav-link .icon {
        width: 120px;
        height: 120px;
    }
    .the-rates-wrapper .white-box{
        width: 100%;
    }
    .round-tab-col ul {
        gap: 25px 10px;
    }
    .round-tab-col li {
        width: 48%;
    }
}
@media only screen and (min-width:280px) and (max-width:374px) {
    h2 {
        font-size: 28px;
    }
	.modal-dialog{
        max-width: 98% !important;
    }
    .submit-btn{
        text-align: center !important;
    }
    .modal-title {
        font-size: 20px;
    }
}