@media screen and (max-width: 1399px) {
    .card-uploadimages{
        max-width: 100px;
        object-fit: contain;
    }
}

@media screen and (max-width: 1366px) {
    .upload-typeDiv{
        gap: 10px;
    }
    .custom-card{
        padding: 30px;
    }

    .back-buttonDiv {
        padding-bottom: 10px;
    }

    .applyimg-cardDiv{
        padding-top: 10px !important;
    }

    .mainDiv {
        padding: 20px 0 25px 0;
    }

    .back-button{
        font-size: 20px;
    }
    .back-button svg{
        width: 18px;
        height: 18px;
    }

    .continue-btn,
    .back-adjustbtn{
        padding: 8px 20px;
        font-size: 14px;
    }

    .upload-title{
        font-size: 17px;
    padding-bottom: 15px;
    }
    .upload-contentDiv{
        padding: 12px 20px;
        gap: 10px;
    }
    .blue-button{
        padding: 8px 25px;
        font-size: 16px;
    }
    .upload-para{
        padding-top: 15px;
        padding-bottom: 10px !important;
        font-size: 14px;
    }
    .image-upload-wrap{
        padding: 25px;
    }
    .upload-contentDiv img{
            width: 18px;
    height: 18px;
    }
    .upload-type-title{
        font-size: 16px;
    }

    .card-main-title{
        font-size: 20px;
    }
    .main-contentdroDiv{
        padding-bottom: 20px;
    }

    .multiple-uploadpara{
        font-size: 18px;
    }

    .multiple-uploadpara{
        padding-top: 20px;
    }

    .remove-button,
    .duplicate-button{
        padding: 5px 5px;
        font-size: 14px;
    }

    .remove-button img,
    .duplicate-button img{
        width: 18px;
        height: 18px;
    }

    body,
    .form-inputdropDiv{
        font-size: 14px;
    }
    
    .apply-uploadimages{
        max-height: 200px;
        max-width: 200px;
    }
    .apply-titleDiv {
        padding-bottom: 15px;
        margin-bottom: 15px;
    }
    .apply-listDiv li{
        padding-bottom: 10px;
    }
    .apply-listDiv {
        padding-bottom: 15px;
    }

    .apply-listDiv li svg {
        min-width: 22px;
        min-height: 22px;
        width: 22px;
        height: 22px;
    }
}

@media screen and (max-width: 1199px) {
    
    .apply-contentDiv {
        padding: 15px;
    }

    .apply-titleDiv{
        padding-bottom: 12px;
        margin-bottom: 12px;
    }

    .apply-listDiv li svg {
        min-width: 20px;
        min-height: 20px;
        width: 20px;
        height: 20px;
    }
    .apply-listDiv li {
        padding-bottom: 8px;
    }
    .apply-listDiv {
        padding-bottom: 12px;
    }
    .add-removeimgDiv{
        padding-top: 15px;
    }
    body{
        font-size: 14px;
    }
    .appy-title{
        font-size: 16px;
    }
    .dropdown-quality .form-select {
        padding: 0.275rem 2.25rem 0.275rem 0.5rem;
    }

    /* .card-uploadimages{
        max-width: 100%;
    } */

    .upladed-imgdescription{
        justify-content: flex-start;
    }
}

@media screen and (max-width: 991px) {
    .apply-imgDiv{
        padding: 0;
        height: 100 !important
    }
    .multiuploaded-radio label{
        display: block;
    }
    .multiuploaded-radio label h5{
        margin-bottom: 10px;
    }
    .upload-typeDiv{
        position: unset;
        margin-top: 20px;
    }
    .multiuploaded-radio .sticky-backcontiDiv{
        padding: 0;
        margin-top: 40px;
        position: unset;
        display: flex;
        align-items: center;
        gap: 15px;
    }
    .multiuploaded-radio .back-adjustbtn{
        margin-bottom: 0;
    }
    .image-upload-wrap, .multiuploaded-radio{
        min-height: auto;
    }
    .multiuploaded-card .custom-card{
        min-height: auto;
        margin-top: 30px;
    }
    .apply-uploadimages {
        max-height: 240px;
    }

    .continue-btn,
    .blue-button,
    .back-adjustbtn{
        padding: 8px 20px
    }
    .upload-title {
        font-size: 18px;
    }


    .upload-type-title {
        font-size: 14px;
    }
    .upload-contentDiv img {
        margin-right: 5px;
    }
    .card-main-title {
        font-size: 18px;
    }
    .main-contentdroDiv{
        padding-bottom: 15px;
    }
    .multiple-uploadpara{
        font-size: 16px;
        padding-top: 10px;
    }

    .uploaded-card{
        padding: 18px;
    }
}

@media screen and (max-width: 768px) {
    .apply-uploadimages {
        max-height: 280px;
    }
    .main-contentdroDiv{
        flex-wrap: wrap;
        gap: 10px;
    }

    .check-list-card .form-check{
        max-width: 185px;
    }
}

@media screen and (max-width: 575px) {
    .continue-btn, .blue-button, .back-adjustbtn {
        padding: 8px 16px;
    }
    .image-upload-wrap, .multiuploaded-radio{
        padding: 20px 15px;
    }
    .multiuploaded-card .custom-card{
        margin-top: 15px;
    }
    .multiuploaded-card .card-main-title{
        margin-bottom: 10px;
    }
    .custom-card{
        padding: 20px;
    }

    .image-upload-wrap {
        padding: 15px;
    }
    .upload-typeDiv{
        padding: 0;
    }
}

@media screen and (max-width: 490px) {
    .apply-cardcontent{
        flex-wrap: wrap;
    }

    .apply-imgDiv{
        width: 100%;
        height: 100% !important;
        padding: 0
    }

    .apply-uploadimages{
        max-width: 100%;
    }
    .apply-uploadimages {
        max-height: 210px;
    }

    .incdescrse-count button{
        padding: 0;
    }
}

@media screen and (max-width: 443px) {
    .check-list-card .form-check {
        max-width: 100%;
    }
    
    .upladed-imgdescription{
        flex-wrap: wrap;
    }
}

@media screen and (max-width: 426px) {
    .card-uploadimages {
        max-width: 100px;
    }
}

@media screen and (max-width: 390px) {
    .add-removeimgDiv {
        padding-top: 5px;
    }
    .card-uploadimages {
        max-width: 100%;
        width: 100%;
        height: 100%;
    }
}


@media screen and (max-width: 350px) {
    .upload-typeDiv{
        flex-wrap: wrap;
    }
}

@media screen and (max-width: 335px) {
    .apply-contentDiv {
        padding: 15px 14px;
    }
    .add-removeimgDiv{
        gap: 8px;
        padding-top: 8px;
    }
}

@media screen and (max-width: 323px) {
    .upload-typeDiv .upload-contentDiv:first-child {
        border-right: 0px solid;
        padding-bottom: 5px;
        margin-bottom: 5px;
        border-bottom: 1px solid;
        border-image-source: linear-gradient(44deg, #FFFFFF 0%, #939393 49%, #FFFFFF 100%);
    }

    .duplicate-button,
    .remove-button{
        padding: 5px 5px;
    }
}