@media screen and (max-width:991px) {
    .cb-estimate .cb-e-map-content {
        max-width: 100%;
        margin-top: 40px;
    }
    .cb-estimate .cb-e-map-box {
        margin: 10px 0;
    }
    .cb-e-result .row {
        padding: 0;
    }

    .cb-estimate .detail-info-row {
      justify-content: center;
    }

    .cb-estimate .detail-box {
      width: 25%;
    } 

}
@media screen and (max-width:767px) {
    .cb-estimate {
        padding: 20px 0;
    }
    .cb-estimate .cb-e-next-page {
        min-height: inherit;
    }
    .cb-estimate .cb-e-confirm-page {
        min-height: 300px;
    }

    .cb-estimate .btn-link {
        margin-bottom: 40px;
        font-size: 18px;
    }

    .cb-estimate .cbe-divider {
        margin: 40px auto;
    } 

    .cb-estimate .cb-e-c-content {
        padding: 20px 0;
    } 
    .cb-estimate .cb-e-result-head {
        font-size: 26px;
    }
    .cb-estimate .cb-e-divider {
        margin: 40px auto;
    } 

} 
@media screen and (max-width:575px) {
    .cb-estimate .cb-e-head {
        font-size: 16px;
    }
    .cb-estimate .cb-e-para {
        font-size: 11px;
    }
    .cb-estimate .cb-e-confirm-head {
        font-size: 12px;
    }
    .cb-e-confirm-para {
        font-size: 12px;
        line-height: 1;
    }
    .cb-estimate .cb-e-result .cb-e-head {
        padding: 21px 0 15px 0;
    }
    
    .cb-estimate .estimate-range {
        font-size: 30px;
        margin-top: 0;
        line-height: 1;
    }
    .cb-estimate .estimate-range span {
        line-height: 30px;
    }
    .cb-estimate .cb-e-input {
        padding: 21px 14px;
        padding-right: 44px;
    }
    .cb-estimate .back-btn, .cb-estimate .cb-e-btn {
        height: 26px;
        width: 26px;
    }
    .cb-estimate .cb-e-btn {
        top: 14px;
        right: 6px;
    }
    .cb-estimate .cb-e-form-box.form {
        padding: 20px 0 60px 0;
    }
    .cb-estimate .cb-e-input {
        font-size: 11px;
        line-height: 11px;
    }
    .cb-estimate .error {
        padding: 0 14px;
    }
    .cb-estimate .cb-e-confirm-para {
        font-weight: 400;
        font-size: 12px;
        line-height: 1;
    } 
    .cb-estimate .cb-e-result {
        padding-bottom: 20px;
    }   
    .cb-estimate .cb-e-home .house-icon img {
        margin-top: 30px;
        margin-top: 0;
    }
    .cb-estimate .cb-e-home .cb-e-head {
        margin-top: 15px;
        margin-bottom: 20px;
        font-size: 20px;
    }
    .cb-estimate .cb-estimate-mid {
        min-height: 300px;
    }
    .cb-estimate .cb-e-map-status {
        padding: 10px 12px;
    }
    .cb-estimate .cb-e-form .label {
        padding: 21px 14px;
    }

    .cb-estimate .cb-e-form input:focus ~ .label, 
    .cb-estimate .cb-e-form input:not(:placeholder-shown) ~ .label {
        padding: 4px 14px;
    }

    .cb-estimate .back-btn img, .cb-estimate .cb-e-btn img {
        width: 7px;
    }

    .cb-estimate .detail-info-row {
        justify-content: center;
    }

    .cb-estimate .btn-link {
        margin-bottom: 0px; 
        font-size: 12px;                                                                
    }
    .cb-estimate .estimate-h5 {
        font-size: 14px;
    }

    .detail-info-row > * + * {
      margin-left: 0px;
    } 

    .back-btn-text {
        margin-left: 6px;
        font-size: 9px;
    }

    .cb-estimate .property-icon {
        max-width: 30px;
    } 
    
}

@media screen and (max-width:400px){

    .cb-estimate .cb-e-map-address-box {
        max-width: 200px;
        padding: 0 10px;
    }
    .cb-estimate .detail-box, .cb-estimate .detail-box.detail-box-sqft {
        padding: 10px 0;
        width: 45%;
    }

    .cb-estimate .cb-e-confirm-page {
        min-height: 200px;
    }

    .cb-estimate .cb-estimate-content {
        padding: 35px 20px 20px 20px;
        min-height: inherit;
    }

    .cb-estimate .cb-estimate-mid {
      min-height: 200px;
    } 

    .cb-estimate .cb-e-home .cb-e-head {
        font-size: 16px;
    }
    .cb-estimate .cb-e-confirm-page {
        min-height: 200px;
    }
    .cb-estimate .cb-e-divider {
        margin: 20px auto;
    }
    
    .cb-estimate .detail-info-row {
        flex-wrap: wrap;
    }

    .cb-estimate .house-icon img {
        width: 40px;
    }

    .cb-estimate .cb-e-map-content {
        margin-top: 20px;
    } 
    
}