@media only screen and (max-width: 359px) and (min-width: 300px) {

    /* label type2 */
    .floating-label .c_label2 {
        font-size: 10px;
        top: 6px;
    }

    .floating-input:focus~.c_label2,
    .floating-input:not(:placeholder-shown)~.c_label2 {
        font-size: 10px;
        width: 166px;
        top: -20px !important;
    }

    /* label type 3 */
    .floating-label .c_label3 {
        font-size: 10px;
        width: 250px;
        top: 6px;
    }

    .longpt {
        margin-top: 2rem !important;
    }
}

@media only screen and (max-width: 390px) and (min-width: 300px) {

    .floating-input:focus~.c_label3,
    .floating-input:not(:placeholder-shown)~.c_label3 {
        font-size: 10px;
        width: 250px;
        top: -20px !important;
    }
}

@media only screen and (max-width: 767px) and (min-width: 360px) {

    /* label type2 */
    .floating-label .c_label2 {
        font-size: 10px;
    }

    .floating-input:focus~.c_label2,
    .floating-input:not(:placeholder-shown)~.c_label2 {
        font-size: 10px;
    }

    /* label type3 */
    .floating-label .c_label3 {
        font-size: 10px;
    }

    .floating-input:focus~.c_label3,
    .floating-input:not(:placeholder-shown)~.c_label3 {
        font-size: 10px;
    }
}

@media only screen and (max-width: 544px) and (min-width: 375px) {}

@media only screen and (max-width: 555px) and (min-width: 376px) {}

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

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

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

    /* label type1 */
    .floating-input:focus~.c_label1,
    .floating-input:not(:placeholder-shown)~.c_label1 {
        font-size: 10px;
        width: 200px !important;
        top: -20px !important;
    }

    .c_label1 {
        top: 6px !important;
    }

    /* label type2 */
    .floating-label .c_label2 {
        font-size: 12px;
        top: 9px;
    }

    .floating-input:focus~.c_label2,
    .floating-input:not(:placeholder-shown)~.c_label2 {
        font-size: 10px;
        width: 166px;
        top: -20px !important;
    }

    /* label type3 */

    .floating-label .c_label3 {
        font-size: 12px;
        top: 9px;
    }

    .floating-input:focus~.c_label3,
    .floating-input:not(:placeholder-shown)~.c_label3 {
        font-size: 10px;
        width: 240px;
        top: -20px !important;
    }

    .longpt {
        margin-top: 2rem !important;
    }
}

@media only screen and (max-width: 1199px) and (min-width: 992px) {

    /* label type2 */
    .floating-label .c_label2 {
        font-size: 12px;
    }

    .floating-input:focus~.c_label2,
    .floating-input:not(:placeholder-shown)~.c_label2 {
        font-size: 12px;
    }

    /* label type3 */
    .floating-label .c_label3 {
        font-size: 12px;
    }

    .floating-input:focus~.c_label3,
    .floating-input:not(:placeholder-shown)~.c_label3 {
        font-size: 10px;
    }
}

@media only screen and (max-width: 1222px) and (min-width: 999px) {}

@media only screen and (max-width: 1358px) and (min-width: 1200px) {}

@media only screen and (max-width: 1200px) and (min-width: 993px) {}

@media only screen and (max-width: 767px) and (min-width: 300px) {

    /* floating section */
    .floating-input,
    .floating-select {
        height: 40px;
        font-size: 12px;
    }

    .floating-label label {
        font-size: 12px;
        top: 11px;
    }

    .floating-label .c_label1 {
        font-size: 10px;
    }

    .floating-input:focus~label,
    .floating-textarea:focus~label,
    .floating-input:not(:placeholder-shown)~label,
    .floating-textarea:not(:placeholder-shown)~label {
        font-size: 12px;
    }

    .floating-select:focus~label,
    .floating-select:not([value=""]):valid~label {
        font-size: 12px;
    }

    .floating-input:focus~.c_label1,
    .floating-input:not(:placeholder-shown)~.c_label1 {
        font-size: 10px;
    }

    /* end floating section */

    .side_banner {
        position: unset;
        top: 0;
        right: 0;
        width: 100% !important;
    }

    .page-content {
        width: 95%;
        margin: auto;
    }

    .pg_title {
        font-size: 30px;
        line-height: 33px;
    }

    .pg_title_md {
        font-size: 18px;
        font-weight: 500;
    }

    .app_btn {
        height: 40px;
        font-size: 12px;
    }

    .link_sm {
        font-size: 10px;
    }

    .desc_title {
        font-size: 15px;
    }

    .desc_text {
        font-size: 14px;
    }

    .sec_desc {
        line-height: 28px;
    }

    .background_cont .ball-xl {
        width: 330px !important;
        height: 330px !important;
    }

    .pt_cont {
        padding-top: 2rem !important;
    }

    .field_title_bott {
        font-size: 10px;
    }

}

@media only screen and (max-width: 2046px) and (min-width: 1200px) {

    /* label type3 */
    .floating-input:focus~.c_label3,
    .floating-input:not(:placeholder-shown)~.c_label3 {
        font-size: 12px;
    }
}

@media only screen and (max-width: 2046px) and (min-width: 1440px) {
    .side_banner {
        position: absolute;
        top: 0;
        right: -2%;
        width: 60%;
        max-width: 1300px;
    }
}

@media only screen and (max-width: 2000px) and (min-width: 1668px) {}