Responsive design: Tips and tricks

1. Usage: Make colorbox responsive.

$(document).ready(function() {
    $(".ajax-popup").colorbox({width: "90%",maxWidth: "900px", maxHeight:'90%'});
})

1. Usage: JQuery ui date picker limit date range.

$(document).ready(function() {
    $( "#datePicker" ).datepicker({
        maxDate: "+1M +10D -15Y",
        minDate: -20
    })
})