@media (max-width: 970px) and (min-width: 320px) {
    .app-side-bar {
        width: 0;
        display: none;
    }

    .app-side-body {
        width: 100%;
        padding: 0;
    }

    .p-text {
        text-align: center;
        font: normal normal normal 14px/24px Open Sans;
        letter-spacing: 0px;
        color: #666666;
        opacity: 1;
    }

    .p-header-text {
        text-align: center;
        font: normal normal 600 18px/24px Open Sans;
        letter-spacing: 0px;
        color: #7DB5D8;
        opacity: 1;
    }

    .app-card-body {
        padding: 0px 3px 0 3px;
        box-shadow: 0px 3px 6px #00000029;
        padding: 10px 20px 10px 10px;
        margin-bottom: 30px;
        margin-top: 15px;
    }

    .mission-person-info {
        padding: 10px;
    }

    .app-col-body {
        width: 100%;
        padding: 5px 10px;
    }

    .app-row-flex-body {
        display: block !important;
    }

    .app-page-label {
        text-align: center;
        font: normal normal 600 18px/24px Open Sans;
        letter-spacing: 0px;
        color: #374D59;
        text-transform: uppercase;
        opacity: 1;
    }

    .review-title {
        justify-content: center !important;
        padding-left: 0px !important;
    }


    .form-text-input-responsive {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        margin-bottom: 20px !important;
    }

    .form-component-responsive {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }

    .no-margin-top {
        margin-top: 0px !important;
    }

    .no-margin {
        margin: 0px !important;
    }

    .responsive-content-center {
        justify-content: center !important;
    }

    .responsive-visibility {
        display: block !important;
    }

    .responsive-no-visibility {
        display: none;
    }

    .text-centered {
        text-align: center !important;
    }

    .no-floating {
        float: none !important;
    }

    .fix-padding {
        padding: 1.25rem !important;
    }

    .no-padding-right {
        padding-right: 0px !important;
    }

    .responsive-dialog-margin {
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .position-shooping-button {
        position: relative !important;
        bottom: 0px !important;
    }

    .combobox-global-search {
        width: 58.5% !important;
    }

    .width-full {
        width: 100% !important;
    }

    .globalsearch {
        background-color: #f9f9f9 !important;
    }

    .login-window-width {
        width: auto !important;
    }
}


@media (max-width: 379px) {
    #html_captcha, #rc-imageselect {
        -webkit-transform: scale(0.8);
        -moz-transform: scale(0.8);
        -ms-transform: scale(0.8);
        -o-transform: scale(0.8);
        transform: scale(0.8);
        -webkit-transform-origin: 0 0;
        -moz-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        -o-transform-origin: 0 0;
        transform-origin: 0 0;
    }
}

@media (max-width: 1269px) {
    #input-search-1 {
        display: none;
    }

    #input-search-2 {
        display: flex;
    }
}

@media (min-width: 1270px) {
    #input-search-1 {
        display: block;
    }

    #input-search-2 {
        display: none;
    }
}

@media (min-width: 970px) {
    .fit-content-combobox {
        max-width: fit-content;
    }
}

@media(min-width: 1348px) {
    .set-covered-img {
        background-size: cover;
    }
}

@media(min-width: 960px) and (max-width: 1000px ) {
    .set-quantity-buttons-width {
        padding-right: 0px;
        padding-left: 0px;
    }    
}

@media(min-width: 1001px) and (max-width: 1180px ) {
    .set-quantity-buttons-width {
        /*max-width: 16%;*/
        padding-right: 0px;
        padding-left: 0px;
    }

    .set-save-margin {
        margin-right: -8px;
    }
}

@media(min-width: 1081px) {
    .set-quantity-buttons-width {
        /*max-width: 15%;*/
        padding-right: 0px;        
    }
}