@media screen and (max-width: 1024px) {
    .quote-main-container .quotesPaymentFrom .bank-details .form-quotes label{
        font-size: 12px;
        padding-left: 9%;
    }
}
@media (min-width: 769px) and (max-width: 1024px) {
    .quote-main-container .quote-card .quotes-form-bg-color .quote-teaser .teaser-img-container .teaser-img .notify {
        right: -14px;
    }
    .quote-main-container .quote-card .quotes-form-bg-color .content-description .line-start {
        top: 4.5%;
        left: 9px;
        width: 12%;
    }
    .quote-main-container .quote-card .quotes-form-bg-color .content-description .line-end {
        top: 4.5%;
        width: 10%;
    }
    .quote-main-container .quote-card .quotes-form-bg-color .customer-say .line-start{
        left: 0px;
        width: 6%;
    }
    .quote-main-container .quote-card .quotes-form-bg-color .customer-say .line-end {
        right: 0px;
        width: 5%;
    }

    .quote-main-container .quote-card .quotes-form-bg-color .content-body .pin-2nd-part .line-start {
        top: 5%;
        left: 0px;
        width: 6%;
    }
    
    .quote-main-container .quote-card .quotes-form-bg-color .content-body .pin-2nd-part .line-end{
        top: 5%;
        right: 3px;
        width: 5%;
    }
}
@media (min-width: 426px) and (max-width: 768px) {
    .quote-card-1st{
        filter: blur(2px);
    }
    .background-color {
        background-color: #ffffff !important;
    }

    .quote-main-container .card-botton {
        background-color: #fafafa;
        padding: 15px;
        cursor: pointer;
    }

    .quote-main-container .headline h2 {
        text-align: left;
    }

    .quote-main-container .quote-logo {
        display: none !important;
    }

    .quote-main-container .card-botton {
        display: block !important;
    }

    .quote-main-container .card-botton .content {
        justify-content: center;
    }
    .quote-main-container .step-indicator .caption{
        font-size: 11px;
    }
    .step-indicator .s-2:after {
        background-color: #ccc;
        content: "";
        display: block;
        height: 2px;
        position: absolute;
        width: 50%;
        top: 17px;
    }
    .step-indicator .s-1:after {
        top: 17px;
    }
    .step-indicator .s-2::before {
        top: 17px;
    }
    .step-indicator .s-3::before {
        top: 17px;
    }
    .step-indicator .step {
        height: 35px;
        width: 35px;
        line-height: 38px;
    }
    .quote-main-container h3{
        font-size: 27px;
    }
    .form-headline{
        font-weight: 800;
    }
    .quote-main-container .quotes-form-bg-color{
        padding: 14px;
    }
    .quote-main-container .quotesFrom .form-quotes label {
        width: 33%;
    }
    .quote-main-container .quotesFrom .form-quotes input {
        width: 65%;
    }
    .quote-main-container .form-quotes-check-box label{
        margin: 0px 0px 0px 17px;
    }
    .form-list ul li{
        font-size: 16px;
    }
    .teaser-img{
        display: inline-block;
        position: relative;
    }
    .quote-main-container .quote-card .quotes-form-bg-color .quote-teaser .teaser-img-container .teaser-img .notify{
        right: -8px;
        line-height: 2;
        width: 22px;
    }
    #quote-card-main{
        display: none !important;
    }
    .week-btn-right{
        padding-left: 15px;
    }
    .week-btn-left{
        padding-right: 15px;
    }
    .quotes-form-bg-color .area-headline{
        margin-bottom: 10px;
    }
    .quotes-form-bg-color .area-part p{
        font-size: 18px;
        font-weight: 500;
    }
    .normal-plan .plan {
        margin-bottom: 16px;
    }
    .quote-main-container .normal-plan .pdf-section{
        font-size: 18px;
    }
    .content .text-and-star .star p{
        color: #6a6a6a;
        font-size: 16px;
        line-height: normal;
    }
    #botton-card-mb .price-text p{
        margin-bottom: 0px;
    }
    #payment-page-back-botton{
        display: none;
    }
    .quote-main-container .quotesPaymentFrom .bank-details .form-quotes label {
        font-size: 12px;
        width: 35%;
    }
    .quote-main-container .quotesPaymentFrom .bank-details .form-quotes input {
        width: 59%;
    }
    .quote-main-container .quotesPaymentFrom .logo-container{
        flex-wrap: wrap;
        align-items: center;
    }
    .quote-main-container .quotesPaymentFrom .logo-container .bang-logo img{
        padding: 10px;
    }
    .quote-main-container .quotesPaymentFrom .logo-container .bang-logo{
        max-width: 33%;
    }
    .quote-card .quotes-form-bg-color .customer-say .customer-list .items img{
        width: 5%;
    }
    .quote-main-container .quote-card .quotes-form-bg-color .content-body .pin-2nd-part .line-start {
        width: 29%;
    }

    .quote-main-container .quote-card .quotes-form-bg-color .content-body .pin-2nd-part .line-end{
        width: 29%;
    }
    .quote-main-container .quote-card .quotes-form-bg-color .content-description .line-start {
        top: 7%;
        width: 33%;
    }
    .quote-main-container .quote-card .quotes-form-bg-color .content-description .line-end{
        top: 7%;
        width: 33%;
    }
    .quote-main-container .quote-card .quotes-form-bg-color .customer-say .line-start{
        top: 5%;
        width: 29%;
    }
    .quote-main-container .quote-card .quotes-form-bg-color .customer-say .line-end{
        top: 5%;
        width: 29%;
    }
}
@media screen and (max-width: 480px) {
    .quote-card-1st{
        filter: blur(2px);
    }
    .background-color {
        background-color: #ffffff !important;
    }

    .quote-main-container .card-botton {
        background-color: #fafafa;
        padding: 15px;
        cursor: pointer;
    }

    .quote-main-container .headline h2 {
        text-align: left;
    }

    .quote-main-container .quote-card .quotes-form-bg-color .content-body .pin-2nd-part .line-start {
        top: 5%;
        left: 14px;
        width: 12%;
    }


    .quote-main-container .quote-card .quotes-form-bg-color .content-body .pin-2nd-part .line-end {
            top: 5%;
            right: 14px;
            width: 12%;
    }
    .quote-main-container .quote-logo {
        display: none !important;
    }

    .quote-main-container .card-botton {
        display: block !important;
    }

    .quote-main-container .card-botton .content {
        justify-content: center;
    }
    .quote-main-container .step-indicator .caption{
        font-size: 11px;
    }
    .step-indicator .s-2:after {
        background-color: #ccc;
        content: "";
        display: block;
        height: 2px;
        position: absolute;
        width: 50%;
        top: 17px;
    }
    .step-indicator .s-1:after {
        top: 17px;
    }
    .step-indicator .s-2::before {
        top: 17px;
    }
    .step-indicator .s-3::before {
        top: 17px;
    }
    .step-indicator .step {
        height: 35px;
        width: 35px;
        line-height: 38px;
    }
    .quote-main-container h3{
        font-size: 27px;
    }
    .form-headline{
        font-weight: 800;
    }
    .quote-main-container .quotes-form-bg-color{
        padding: 14px;
    }
    .quote-main-container .quotesFrom .form-quotes label {
        width: 33%;
    }
    .quote-main-container .quotesFrom .form-quotes input {
        width: 65%;
    }
    .quote-main-container .form-quotes-check-box label{
        margin: 0px 0px 0px 17px;
    }
    .form-list ul li{
        font-size: 16px;
    }
    .teaser-img{
        display: inline-block;
        position: relative;
    }
    .quote-main-container .quote-card .quotes-form-bg-color .quote-teaser .teaser-img-container .teaser-img .notify{
        right: -8px;
        line-height: 2;
        width: 22px;
    }
    #quote-card-main{
        display: none !important;
    }
    .week-btn-right{
        padding-left: 15px;
    }
    .week-btn-left{
        padding-right: 15px;
    }
    .quotes-form-bg-color .area-headline{
        margin-bottom: 10px;
    }
    .quotes-form-bg-color .area-part p{
        font-size: 18px;
        font-weight: 500;
    }
    .normal-plan .plan {
        margin-bottom: 16px;
    }
    .quote-main-container .normal-plan .pdf-section{
        font-size: 18px;
    }
    .content .text-and-star .star p{
        color: #6a6a6a;
        font-size: 16px;
        line-height: normal;
    }
    #botton-card-mb .price-text p{
        margin-bottom: 0px;
    }
    #payment-page-back-botton{
        display: none;
    }
    .quote-main-container .quotesPaymentFrom .bank-details .form-quotes label {
        font-size: 12px;
        width: 35%;
        padding-left: 12%;
    }
    .quote-main-container .quotesPaymentFrom .bank-details .form-quotes input {
        width: 60%;
    }
    .quote-main-container .quotesPaymentFrom .logo-container{
        flex-wrap: wrap;
        align-items: center;
    }
    .quote-main-container .quotesPaymentFrom .logo-container .bang-logo img{
        padding: 10px;
    }
    .quote-main-container .quotesPaymentFrom .logo-container .bang-logo{
        max-width: 33%;
    }
    .quote-main-container .quote-card .quotes-form-bg-color .customer-say .line-start {
        top: 5%;
    }
    .quote-main-container .quote-card .quotes-form-bg-color .customer-say .line-end{
        top: 5%;
    }
}
@media screen and (max-width: 375px){
    .quote-main-container .quote-card .quotes-form-bg-color .content-body .pin-2nd-part .line-start{
        top: 5%;
        left: 9px;
        width: 9%;
    }
    .quote-main-container .quote-card .quotes-form-bg-color .content-body .pin-2nd-part .line-end {
        top: 5%;
        right: 1px;
        width: 11%;
    }
    .quote-main-container .quote-card .quotes-form-bg-color .content-description .line-start{
        top: 4.2%;
        left: 7px;
    }
    .quote-main-container .quote-card .quotes-form-bg-color .content-description .line-end {
        top: 4.2%;
        right: 8px;
    }
    .quote-main-container .quote-card .quotes-form-bg-color .customer-say .line-start {
        top: 6%;
        left: 3px;
        width: 10%;
    }
    .quote-main-container .quote-card .quotes-form-bg-color .customer-say .line-end {
        right: 0;
    }
    .quote-main-container .quotesPaymentFrom .bank-details .form-quotes label {
        padding-left: 13%;
    }
    .quote-main-container .quotesPaymentFrom .bank-details .form-quotes input {
        width: 56%;
        margin-left: 5%;
    }
}

@media screen and (max-width: 325px) {
    .quote-main-container .list-items .items{
        font-size: 12px;
    }
    .quote-main-container .quote-card .quotes-form-bg-color .content-description .line-start{
        top: 3.6%;
        width: 9%;
    }
    .quote-main-container .quote-card .quotes-form-bg-color .content-description .line-end {
        top: 4.25%;
        width: 10%;
    }
    .quote-main-container .quote-card .quotes-form-bg-color .content-body .pin-2nd-part .line-start{
        top: 7%;
        left: -13px;
        width: 8%;
    }
    .quote-main-container .quote-card .quotes-form-bg-color .pin-2nd-part .line-start{
        top: 7%;
        left: -13px;
        width: 8%;
    }
    .quote-main-container .quote-card .quotes-form-bg-color .content-body .pin-2nd-part .line-end {
        top: 8%;
        right: -11px;
        width: 8%;
    }
    .quote-main-container .quote-card .quotes-form-bg-color .pin-2nd-part .line-end {
        top: 8%;
        right: -11px;
        width: 8%;
    }
    .quote-main-container .quote-card .quotes-form-bg-color .customer-say .line-start{
        top: 5%;
        left: -16px;
        width: 10%;
    }
    .quote-main-container .quote-card .quotes-form-bg-color .customer-say .line-end{
        top: 6%;
        right: -11px;
        width: 8%;
    }
    .quote-main-container .quotesPaymentFrom .bank-details .form-quotes label {
        padding-left: 16%;
    }
    .quote-main-container .quotesPaymentFrom .bank-details .form-quotes input{
        width: 50%;
        margin-left: 12%;
    }
}