/* 
 * responsive.css - Responsive CSS styles used within the plugin
 */

/* Medium desktops */
@media only screen and (max-width: 1199px) {
    
}

/* iPad & below */
@media only screen and (max-width: 1024px) {
    .note_count1 .cbin_note, .note_count2 .cbin_note, .note_count3 .cbin_note, .note_count4 .cbin_note {
        width: 100%;
        margin-bottom: 20px;
        border-left-width: 1px;
    }
}

/* Smaller desktop */
@media only screen and (max-width: 959px) {
    
}

/* Mobile devices */
@media only screen and (max-width: 767px) {
    
    .cbtf_container.cols_count1 .cbtf_field, .cbtf_container.cols_count2 .cbtf_field { 
        width: 100%;
        margin-right: 0;
    }
    .cbtf_container label, .cbtf_container label.align_left, .cbtf_container label.align_right {
        display: block;
        text-align: left;
        padding-right: 0;
    }
    .cbtf_container label.width5, .cbtf_container label.width10, .cbtf_container label.width15, .cbtf_container label.width20, .cbtf_container label.width25, .cbtf_container label.width30, .cbtf_container label.width35, .cbtf_container label.width40, .cbtf_container label.width90 {
        width: 100% !important;
    }
    .cbtf_container input[type=text], .cbtf_container input.width10, .cbtf_container input.width60, .cbtf_container input.width65, .cbtf_container input.width70, .cbtf_container input.width75, .cbtf_container input.width80, .cbtf_container input.width85, .cbtf_container input.width90, .cbtf_container input.width95 {
        display: block;
        width: 100% !important;
    }
    
    .cbtf_container input[type=text].has_checkbox {
        display: inline-block;
        width: 90% !important;
    }
    .cbtf_container input[type=checkbox] {
        width: 10%;
    }
    
}


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


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