@media only screen and (min-width: 320px) and (max-width: 374px) {
    .callon-textarea, .callon-input {
        font-size: 11px !important;
    }
    .w-35 {
        width: 45%;
    }
    .popup-div {
        width: 285px;
        max-height: 490px;
    }
    .callon-button {
        font-size: 13px;
    }
    .callon-tabs>li {
        min-width: calc(45vw - 25px) !important;
    }
    .bottom-img img {
        height: 150px;
        width: 195px;
    }
    .center-content-title {
        font-size: 18px !important;
    }
    .radio-like-btn .custm-radio {
        font-size: 14px !important;
        padding: 6px 8px;
        min-height: 42px;
        min-width: 100px;
    }
    .login-desc {
        font-size: 14px;
    }
    .fz-16 {
        font-size: 14px !important;
    }
    .fz-30 {
        font-size: 24px !important;
    }
    .callon-input-wrapper input {
        font-size: 14px;
    }
    .input-label {
        font-size: 14px;
    }
    .callon-textarea,
    .callon-input {
        font-size: 14px;
    }
    .center-desc {
        font-size: 14px !important;
    }
    .xs-fz-10 {
        font-size: 10px;
    }
    .userAuthInput-pr {
        padding-right: 90px;
    }
}

@media only screen and (max-width: 576px) {
    .callon-tabs>li {
        min-width: calc(33.33vw - 25px);
    }
    .xs-fz-10 {
        font-size: 10px;
    }

}

@media only screen and (max-width: 576px) and (min-width: 374px) {
    .center-content-title {
        font-size: 20px !important;
    }
}

@media only screen and (max-width: 767px) {
    .main_section {
        width: 100%;
    }
    .callon-header {
        padding: 15px 20px 0 20px;
    }
    .callon_content {
        padding: 20px;
    }
    .callon-tabs>li>a {
        font-size: 14px;
    }
    .custm-radio.radio-flex span {
        font-size: 18px;
    }
    .callon-subTitle {
        font-size: 18px;
    }
    .radio-like-btn .custm-radio {
        font-size: 16px;
    }
    .popup-div {
        max-height: 450px;
    }
    .form-row.form-row-three .form-check .custm-radio {
        min-width: calc(100% / 3);
    }
}

@media only screen and (min-width:576px) and (max-width: 767px) {
    .main_section {
        width: 450px;
    }
    .callon-header {
        padding: 15px 20px 0 20px;
    }
    .callon_content {
        padding: 20px;
    }
    .callon-tabs>li>a {
        font-size: 14px;
    }
    .center-content-title {
        font-size: 20px;
    }
    .custm-radio.radio-flex span {
        font-size: 18px;
    }
    .callon-subTitle {
        font-size: 18px;
    }
    .radio-like-btn .custm-radio {
        font-size: 16px;
    }
}

@media only screen and (min-width:768px) and (max-width: 1023px) {
    .main_section {
        width: 520px;
    }
}

@media only screen and (min-width:1024px) and (max-width: 1199px) {
    .main_section {
        width: 600px;
    }
}

@media only screen and (max-width:1200px) {    
    .cart-table{
        width: 100%;
    }
    .card-section-d{
        margin-top: 14px;
    }
}


@media only screen and (max-width:1024px) {
    .left-caret,
    .right-caret {
        display: none;
    }
    .que-title.border-bottom {
        border-color: transparent !important;
    }
}