function adjustStyle(width) { width = parseInt(width); if (width <= 1024) { $(".description").css("width", "23em"); /* -1024 */ $(".distdesc").css("width", "20em"); /* 1024 */ } else if ((width > 1024) && (width <= 1280)) { $(".description").css("width", "47em"); /* 1280 */ $(".distdesc").css("width", "44em"); /* 1280 */ } else if ((width > 1280) && (width <= 1360)) { $(".description").css("width", "54em"); /* 1360 */ $(".distdesc").css("width", "51em"); /* 1360 */ } else if ((width > 1360) && (width <= 1366)) { $(".description").css("width", "56em"); /* 1366 */ $(".distdesc").css("width", "53em"); /* 1366 */ } else if ((width > 1366) && (width <= 1440)) { $(".description").css("width", "62em"); /* 1440 */ $(".distdesc").css("width", "59em"); /* 1440 */ } else if ((width > 1440) && (width <= 1600)) { $(".description").css("width", "76em"); /* 1600 */ $(".distdesc").css("width", "73em"); /* 1600 */ } else if (width > 1600) { $(".description").css("width", "84em"); /* 1680+ */ $(".distdesc").css("width", "81em"); /* 1680+ */ } if (width <= 1030) { $(".catDiv:nth-child(4n)").css("clear", "none"); $(".catDiv:nth-child(5n)").css("clear", "both"); $(".catDiv:nth-child(6n)").css("clear", "none"); $(".catDiv:nth-child(7n)").css("clear", "none"); $(".catDiv:nth-child(8n)").css("clear", "none"); $(".catDiv:nth-child(9n)").css("clear", "none"); $(".catDiv:nth-child(10n)").css("clear", "none"); } else if ((width > 1030) && (width <= 1158)) { $(".catDiv:nth-child(4n)").css("clear", "none"); $(".catDiv:nth-child(5n)").css("clear", "none"); $(".catDiv:nth-child(6n)").css("clear", "both"); $(".catDiv:nth-child(7n)").css("clear", "none"); $(".catDiv:nth-child(8n)").css("clear", "none"); $(".catDiv:nth-child(9n)").css("clear", "none"); $(".catDiv:nth-child(10n)").css("clear", "none"); } else if ((width > 1158) && (width <= 1290)) { $(".catDiv:nth-child(4n)").css("clear", "none"); $(".catDiv:nth-child(5n)").css("clear", "none"); $(".catDiv:nth-child(6n)").css("clear", "none"); $(".catDiv:nth-child(7n)").css("clear", "both"); $(".catDiv:nth-child(8n)").css("clear", "none"); $(".catDiv:nth-child(9n)").css("clear", "none"); $(".catDiv:nth-child(10n)").css("clear", "none"); } else if ((width > 1290) && (width <= 1421)) { $(".catDiv:nth-child(4n)").css("clear", "none"); $(".catDiv:nth-child(5n)").css("clear", "none"); $(".catDiv:nth-child(6n)").css("clear", "none"); $(".catDiv:nth-child(7n)").css("clear", "none"); $(".catDiv:nth-child(8n)").css("clear", "both"); $(".catDiv:nth-child(9n)").css("clear", "none"); $(".catDiv:nth-child(10n)").css("clear", "none"); } else if ((width > 1421) && (width <= 1550)) { $(".catDiv:nth-child(4n)").css("clear", "none"); $(".catDiv:nth-child(5n)").css("clear", "none"); $(".catDiv:nth-child(6n)").css("clear", "none"); $(".catDiv:nth-child(7n)").css("clear", "none"); $(".catDiv:nth-child(8n)").css("clear", "none"); $(".catDiv:nth-child(9n)").css("clear", "both"); $(".catDiv:nth-child(10n)").css("clear", "none"); } else if (width > 1550) { $(".catDiv:nth-child(4n)").css("clear", "none"); $(".catDiv:nth-child(5n)").css("clear", "none"); $(".catDiv:nth-child(6n)").css("clear", "none"); $(".catDiv:nth-child(7n)").css("clear", "none"); $(".catDiv:nth-child(8n)").css("clear", "none"); $(".catDiv:nth-child(9n)").css("clear", "none"); $(".catDiv:nth-child(10n)").css("clear", "none"); } } $(function() { adjustStyle($(this).width()); $(window).resize(function() { adjustStyle($(this).width()); }); });