@media(max-width: 850px) {
    .btn-toolbar{
        margin: 0 !important;
    }
    .react-form-builder.clearfix > div {
        flex-direction: column !important;
    }

    .form-place-holder{
        margin: 0 !important;
    }

    .react-form-builder .react-form-builder-preview{
        width: 100% !important;
    }
    .react-form-builder  .react-form-builder-toolbar{
        width: 100% !important;
    }
    .profile_container{
        margin-top: 20px;
    }
    .btn{
        font-size: 14px !important;
    }
    .web-view.web-view-filled .builder-previous-button{
        bottom: 16px;
        position: absolute;
    }
    .validation-error {
        width: 89% !important;
        top: 42px !important;
        padding: 10px !important;
        margin: 0px 10px !important;
        display: flex;
        flex-direction: column;
        gap: 8px;
        justify-content: end;
        padding-bottom: 20px !important;
        border: 2px solid #ea5455;
        background-color: #fbdddd !important;
    }
    .validation-error .btn-danger{
        width: 30px;
        height: 25px;
        display: flex;
        justify-content: center;
        margin-left: auto;
        align-items: center;
        background: none !important;
        color: #EA5455 !important;
        font-weight: 700;
        border-color: 2px solid #EA5455 !important;
    }
    .validation-error ul {
        margin: 0px 10px !important;
    }
    .validation-error ul li{
        font-weight: 600 !important;
    }
    .validation-error .fa-exclamation-triangle{
        font-size: 19px;
    }

}

@media(max-width: 767px) {
    .row{
        flex-direction: column !important;
    }
    .map-image-wrapper img{
        height: auto !important;
    }
    .react-form-builder .react-form-builder-toolbar{
        bottom: 0px !important;
        margin: 20px 0px !important;
        padding: 14px 0px;
    }
    .order-cards{
        justify-content: center !important;
    }
    .list-view-order{
        padding: 0px !important;
    }
    .sidebar-close-icon{
        display: none;
    }
    .timeline-block{
        width: 52.3% !important;
    }
    .timeline-content h3{
        font-size: 17px;
    }
    .timeline-content span , p{
        font-size: 11px;
    }
    .container-timeline,.drop-zone-container .images-container .items .dropzone-preview-image{
        width: 100%;
    }

}


@media(max-width: 600px) {
    .validate-form .media{
        text-align: center;
    }

}


@media(max-width: 435px) {
    .btn{
        font-size: 12px !important;
    }
    h1{
        font-size: 20px;
    }
    h4,span{
        font-size: 14px !important;
    }
    .breadcrumb-chevron{
        display: flex;
        justify-content: start;
    }

    .breadcrumb-chevron li{
        font-size: 11px;
        padding: 10px 16px;
        margin: 5px 5px;

    }
    .ul-create-surveys .list-group-item > div{
        flex-direction: column !important;
    }
    .ul-create-surveys .list-group-item  textarea{
       text-align: left;
    }
    .current-orders-cards{
        justify-content: center;
    }


    .builder-previous-button{
        bottom: 0px;
        position: absolute;
        left: 10px;
    }
    .builder-previous-button-2{
        bottom: 42px;
        position: absolute;
        left: 31px;
    }
    .builder-previous-button-3{
        bottom: 21px;
        position: absolute;
        left: 31px;
    }
    .rating-card{
        margin: 0 13px;
    }
    .web-view-filled .builder-previous-button{
        bottom: 17px;
        position: absolute;
        left: 17px;
    }

}
@media(max-width: 360px) {


    .survey-subject{
        flex-direction: column;
    }
    .survey-subject a{
        margin: 5px 0px;
    }
    .breadcrumb{
        padding: 0.3rem 5px !important;
    }
    .card_images{
        height: 112px;
        margin-top: -90px !important;
    }
    .profile_container{
        margin-top: 20px;
    }
    .ul-create-surveys .list-group-item h4{
             width: 100%;
    }

}
@media(max-width: 1439px) {


    .current-orders-cards{
      justify-content: start;
    }

}


@media only screen and (min-device-width: 26.78em) and (max-device-width: 47.64em) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape){}

.header-navbar .navbar-container .show .dropdown-menu {

    max-height: 250px !important;

}