@media only screen and (max-width:1199px)
{
    .custom-navbar li {
        margin-right: 20px;
    }
        .custom-navbar li .nav-link
        {
            font-size:14px;
        }
    .main-content-header-right {
        background-size: contain;
        background-position: center;
    }

    .pricing-plans .card:not(:last-child) {
        margin-right: 25px !important;
    }

    .pricing-plans .card {
        width: 270px;
        padding-left: 0;
        padding-right: 0;
        margin-left: 0;
    }
    .plan-summary {
        margin-left: 0;
        margin-right: 0;
        width: 850px !important;
    }
        .plan-summary .btn {
            width: 115px;
        }

    .checkout-summary .checkout-summary .btn {
        width: 110px;
        font-size: 12px;
    }

}

@media only screen and (max-width:991px) {
    .main-content {
        padding-left: 40px;
        padding-right: 40px;
    }
    .navbar-light .navbar-brand {
        margin-left: 25px !important;
    }

    .navbar .navbar-toggler {
        margin-right: 28px;
        background-color: #3D5A80;
    }
    .custom-navbar {
        padding-left: 28px;
        padding-top: 20px;
        margin-right: 0 !important;
        padding-right: 28px;
        background-color: #D3E7F1;
        border-radius: 10px;
        padding-bottom: 20px;
    }

    .navbar-light .navbar-toggler.collapsed .navbar-toggler-icon {
        background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 7H26ZM4 15H26ZM4 23H26Z' fill='white'/%3E%3Cpath d='M4 7H26M4 15H26M4 23H26' stroke='white' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round'/%3E%3C/svg%3E%0A");
    }
    .navbar-light .navbar-toggler .navbar-toggler-icon {
        background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.3045 6.28166C22.695 5.89114 23.328 5.89114 23.7185 6.28166C24.109 6.67219 24.1091 7.30521 23.7185 7.69573L16.4138 15.0004L23.7185 22.3051C24.1089 22.6956 24.109 23.3287 23.7185 23.7192C23.3281 24.1096 22.695 24.1095 22.3045 23.7192L14.9998 16.4145L7.6951 23.7192L7.6199 23.7875C7.22714 24.1077 6.64709 24.0852 6.28104 23.7192C5.91499 23.3531 5.8925 22.7731 6.21268 22.3803L6.28104 22.3051L13.5857 15.0004L6.28201 7.6967L6.21268 7.62053C5.89242 7.22776 5.91593 6.64872 6.28201 6.28264C6.6481 5.91659 7.22714 5.89305 7.6199 6.2133L7.69608 6.28264L14.9998 13.5864L22.3045 6.28166Z' fill='white'/%3E%3C/svg%3E%0A");
    }

    .navbar-light .navbar-toggler:focus {
        outline: 0;
        box-shadow: none;
    }

    .navbar-light .navbar-toggler
    {
        opacity:0.9;
    }

    .navbar-light .navbar-toggler.collapsed {
        opacity: 1;
    }
    .main-content-header-left
    {
        width:55%;
    }
    .vcd_flex_row {
        max-width: 100%;
        grid-gap: 40px;
    }
    .banner-input-zipcode {
        width: 228px !important;
    }
    .pricing-plans-nav .btn {
        width: auto;
        padding-left: 20px;
        padding-right: 20px;
    }
    .pricing-plans .card {
        width: 260px;
    }
        .pricing-plans .card:not(:last-child) {
            margin-right: 15px !important;
        }

    
    .plan-summary {
        margin-left: 0;
        margin-right: 0;
        width: 668px !important;
        flex-direction: row !important;
        max-width:100%;
    }

    .summary-right {
        width: 100%;
    }
    .summary-left {
        width: 100%;
    }
    .checkout-summary {
        width: 450px;
        flex-direction: column;
    }

        .checkout-summary .input-group-prepend {
            margin-bottom: 20px;
            width:100%;
        }

    .checkout-price-big h4 {
        font-size: 18px !important;
    }

    .checkout-price-big .price-big {
        font-size: 40px !important;
    }

    .checkout-price-medium h4:first-child {
        font-size: 16px;
    }

    .checkout-price-medium #amountDueToday {
        font-size: 25px !important;
    }
    .summary-left {
        border-right: 0px !important;
        padding-right: 0px !important;
        border-bottom: 2px solid #425A7D !important;
        padding-bottom: 20px !important;
    }
    .summary-right {
        border-left: 0px !important;
        padding-left: 0px !important;
        margin-top: 20px !important;
    }
    .checkout-price-medium {
        text-align: right !important;
    }
    .cards_cus_icons {
        bottom: 59px;
    }

}
@media (max-width: 950px) {
    .member-signup-sct .signup-panel-container .plan-summary.wrapper-plan-sct {
        justify-content: flex-start;
    }
    .member-signup-sct .signup-panel-container .plan-summary.wrapper-plan-sct > div {
        margin-left: 0 !important;
    }
    .member-signup-sct .main-content .plan-summary .btn {
        width: 175px;
    }
}

@media only screen and (max-width:900px) {
    .pricing-plans .card:not(:last-child) {
        margin-right: 0 !important;
    }
    .pricing-plans .card {
        margin-right: 0;
    }
    .pricing-plans .card {
        width: 400px !important;
    }
    .pricing-plans {
        flex-direction: column;
        align-items: center;
    }
        .pricing-plans .btn-outline-secondary {
            color: #ffffff;
            border-color: #6c757d;
            background: #3d5a80;
        }

        .pricing-plans .btn-secondary {
            color: #ffffff;
            border-color: #6c757d;
            background: #3d5a80;
            opacity: 0.8;
        }
            .pricing-plans .btn-secondary:focus, .pricing-plans .btn-outline-secondary:focus {
                box-shadow: none;
            }

    .btn-outline-secondary + .mobile-visible
    {
        display:none !important;
    }
    .pricing-plans-heading .description-3 {
        font-size: 30px;
    }
}

    @media only screen and (max-width:767px) {
        .main-content-header-right {
            background-position: left;
            height: 200px;
            margin: 0;
        }

        .vcd_flex_row {
            grid-gap: 0;
            flex-direction: column-reverse;
        }

        .main-content-header-left {
            width: 100%;
            margin: 0;
        }

            .main-content-header-left .description-2 {
                color: #3D5A80;
                margin-top: 40px;
                font-size: 20px;
                font-weight: bold;
                margin-left: 0;
            }

        .btn-main-search {
            width: 140px;
            margin-left: 10px;
            margin-right: 0;
            font-size: 14px !important;
        }

        .banner-input-zipcode {
            width: 300px !important;
            margin-left: 0;
        }

        .pricing-plans-heading .description-3 {
            font-size: 30px;
        }
        .pricing-plans-nav .btn {
            font-size: 12px;
            padding-left: 5px;
            padding-right: 5px;
        }
        .plan-summary {
            flex-direction: column !important;
        }

        .plan-summary > div:last-child
        {
            margin-left:0 !important;
        }

        .cards_cus_icons {
            bottom: 0;
            left: 0;
        }
        div#expay-card-container {
            margin-bottom: 30px;
        }
        .btn-checkout {
            width: 150px;
            height: 45px;
            font-size: 15px;
        }
        .plan-option-select-page {
            padding: 0;
            grid-gap: 20px;
        }
    }

    @media (max-width: 630px) {
        .plan-option-select-page {
            flex-direction: column;
            align-items: center;
        }
        .mobile_flex h4:last-child {
            margin-left: auto !important;
        }
    }

    @media only screen and (max-width:575px) {
        .main-content {
            padding-left: 20px;
            padding-right: 20px;
        }

        .navbar-light .navbar-brand {
            margin-left: 5px !important;
        }

        .navbar .navbar-toggler {
            margin-right: 8px;
            background-color: #3D5A80;
        }

        .main-content h1 {
            font-size: 30px;
            line-height: 35px;
        }

        .description {
            margin-top: 10px;
        }

        .main-content-header-left .description-2 {
            margin-top: 30px;
            font-size: 18px;
            margin-left: 0;
        }

        .banner-input-zipcode {
            margin-left: 0;
        }

        .banner-input-zipcode {
            width: 200px !important;
        }

        .main-content-header-left > div:first-child {
            margin-top: 30px !important;
        }

        .pricing-plans .card {
            width: 400px !important;
            max-width: 100%;
        }
        .footer-bar {
            padding-left: 20px;
            padding-right: 20px;
        }
        .pricing-plans-nav {
            margin-bottom: 30px;
            max-width: 400px;
            margin-left: auto;
            margin-right: auto;
        }
            .pricing-plans-nav .btn {
                width: 47%;
            }
        .pricing-plans-heading .description-3 {
            font-size: 24px;
            text-align: center;
        }

        .person-details .btn-checkout {
            width: 100%;
            height: 45px;
            font-size: 20px;
            max-width: 200px;
            font-size: 15px;
        }
        .mobile_flex {
            grid-gap: 7px;
        }
            

            .mobile_flex h4 {
                
                font-size:20px;
            }

        .plan-summary h6 {
            font-size: 12px !important;
        }
        .mobile_flex #planSummaryPlanType {
            margin-left: 0 !important;
            font-size: 14px;
        }

        .mobile_flex h4:last-child {
            margin-left: auto !important;
        }

        .plan-summary {
            padding: 15px;
        }

        .checkout-price-big h4 {
            font-size: 16px !important;
        }

        .checkout-price-big .price-big {
            font-size: 30px !important;
        }

        .checkout-price-big .price-big span {
            font-size: 16px !important;
        }

        .checkout-price-medium h4:first-child {
            font-size: 14px;
            margin-bottom:0;
        }

        .checkout-price-medium #amountDueToday {
            font-size: 20px !important;

        }

        .plan-details-container button.btn.btn-fill-signup.sign-up {
            max-width: 150px;
        }
       
        
    }