.right-box-contain {
    max-width: 75%;
    margin-left: 10%;
}

.form-size-div {
    display: flex;
    justify-content: space-between;
}

.btn-group-unit {
    display: flex;
    gap: 2px !important;
    margin-top: -2px;
}

.btn-group-unit li label {
    padding: 3px 4px !important;
    min-width: 34px;
    border: none !important;
    border-radius: 0 !important;
}

.btn-group-unit .form-check-input:checked+.form-check-label {
    background-color: var(--theme-color);
    color: #ffffff !important;
}

.w-50{
    width: 50% !important;
}

.qty-box {
    width: 100% !important;
    max-width: 100%;
}

.qty-box .input-group {
    padding: 6px 4px;
    border-radius: 4px;
}

.hide {
    display: none;
}

.right-box-contain .product-title h4 {
    font-size: calc(12px + 1*(100vw - 320px) / 1600);
}

.product-section .right-box-contain .note-box {
    margin-top: 0;
}

.select-package input[type="radio"],
.select-package input[type="checkbox"] {
    position: fixed;
    width: 0;
    height: 0;
    top: 0;
    left: 0;
}

/* .product-section .right-box-contain .product-package .select-package li {
    min-width: 32.7%;
} */

.product-section .right-box-contain .product-package .select-package li label {
    padding: 6px 11px;
    border: 1px solid #ececec;
    border-radius: 4px;
    display: block;
    color: #222222;
    font-size: 14px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    text-align: center;
}

.product-section .right-box-contain .product-package .select-package.product-radio-list .form-check .form-check-label,
label.form-check-label {
    font-size: 14px;
    font-weight: 300;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    line-height: 1;
    margin-top: 1px;
    color: #222222;
    cursor: pointer;
}

.product-section .right-box-contain .note-box .product-qty {
    display: flex;
    gap: 4px;
}

.product-section .right-box-contain .product-package .select-package li label.active {
    border: 1px solid var(--theme-color);
    background: var(--theme-color2);
    color: #fff;
}

/* .product-section .right-box-contain .product-package .carrierParent li {
    min-width: 24.2%;
} */

.product-radio-list.select-package.coatParent {
    background: #effaff;
    padding: 12px;
    border-radius: 4px;
}

.product-section .right-box-contain .product-package .coatParent .form-check {
    min-width: 30.3%;
}

.product-section .right-box-contain .product-package .colorParent .form-check {
    width: 21.8%;
}

.budle-list li {
    min-width: 29.1%;
}

.form-check {
    padding-left: 0;
    margin-bottom: .75rem;
}

.package-addons {
    border-bottom: 1px solid #ececec
}

.package-addons .product-title {
    border-bottom: 1px solid #ececec;
    margin-bottom: 15px;
}

.qq-uploader .qq-upload-button {
    display: none !important;
}

.file-input-button i {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px;
    color: #222222;
    padding: 0 calc(7px + (10 - 7) * ((100vw - 320px) / (1920 - 320)))
}

.file-input-button {
    background: #ffffff;
    color: #222222;
    font-size: 13px;
    justify-content: flex-start;
    padding: 15px 15px 15px 45px;
    background-color: #fff7e6;
}

/* contact section */
.contact-box-section .right-sidebar-box {
    padding: 15px 0;
    background-color: #ffffff;
}

.contact-box-section .right-sidebar-box .custom-form label {
    color: #222222;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: calc(10px + (12 - 10) * ((100vw - 320px) / (1920 - 320)))
}

.contact-box-section .right-sidebar-box .custom-form .custom-input i {
    padding: 0 calc(10px + (10 - 7) * ((100vw - 320px) / (1920 - 320)));
}

.contact-box-section .right-sidebar-box .custom-form .custom-textarea i {
    padding: 14px calc(10px + (10 - 7) * ((100vw - 320px) / (1920 - 320)));
}

.contact-box-section .right-sidebar-box .custom-form .custom-input .form-control {
    padding: calc(8px + (10 - 5) * ((100vw - 320px) / (1920 - 320))) calc(8px + (10 - 5) * ((100vw - 320px) / (1920 - 320))) calc(8px + (10 - 5) * ((100vw - 320px) / (1920 - 320))) calc(30px + (52 - 41) * ((100vw - 320px) / (1920 - 320)));
    border: none;
}

.contact-box-section .right-sidebar-box .custom-form .custom-input i {
    font-size: calc(12px +(16 - 12)*((100vw - 320px) /(1920 - 320)));
}

.custom-form .form-control {
    background-color: #f8f8f8;
}

.product-package .send-quote {
    background-color: #18b743 !important;
}

.btn.btn-md.bg-dark.cart-button.text-white.w-48.design-btn {
    background-color: #39a0d3 !important;
}

/* .product-section .right-box-contain .product-package .select-package li label,
.checkbox_animated:after,
.product-section .right-box-contain .product-package .select-package.product-radio-list .form-check .form-check-input {
    border: 1px solid #cdcdcd !important;
} */

.product-section .right-box-contain .product-package .select-package label,
label.form-check-label,
.product-section .right-box-contain .product-package .product-title h4 {
    color: #222222;
    font-weight: 300;
}

.product-section .right-box-contain .product-package .product-title h4 {
    line-height: 1.3;
}

/* responsive */
@media only screen and (min-width:1201px) and (max-width:1660px) {
    .product-section .right-box-contain .product-package .select-package.product-radio-list {
        gap: 10px;
    }

    .right-box-contain {
        max-width: 90%;
        margin-left: 3%;
    }
}

@media only screen and (min-width: 1201px) {

    .contact-box-section .right-sidebar-box,
    .product-package .send-quote,
    .input-file-upload {
        max-width: 100%;
    }
}

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

    .contact-box-section .right-sidebar-box,
    .product-package .send-quote,
    .input-file-upload {
        max-width: 100%;
    }

    .right-box-contain {
        max-width: 85%;
        margin-left: 7.5%;
    }

    .product-section .right-box-contain .product-package .select-package {
        flex-wrap: nowrap;
        justify-content: space-evenly;
    }

    .product-section .right-box-contain .product-package .select-package.rectangle li {
        width: 100%;
    }

    .product-section .right-box-contain .product-package .select-package.rectangle li .form-check-label span {
        width: 100%;
    }
}

@media only screen and (max-width: 576px) {
    .right-box-contain {
        max-width: 95%;
        margin-left: 2.5%;
    }

    .product-section .right-box-contain .note-box .product-qty {
        width: auto !important;
    }

    .product-section .right-box-contain {
        text-align: left;
    }

    .product-section .right-box-contain .product-package .select-package.product-radio-list .form-check,
    .product-section .right-box-contain .product-package .select-package.product-radio-list {
        gap: 5px;
    }
}

@media only screen and (max-width: 420px) {
    .right-box-contain {
        max-width: 100%;
        margin-left: 0;
    }
}