@media only screen and (max-width: 1800px) {
	.medialibrarycardimgtop {
		height: 19vw;
	}
}

@media only screen and (max-width: 1700px) {
	.medialibrarycardimgtop {
		height: 20vw;
	}
}

@media only screen and (max-width: 1600px) {
	.w100on1600 {
		width: 100% !important;
	}
	.medialibrarycardimgtop {
		height: 21vw;
	}
}

@media only screen and (max-width: 1500px) {
	.medialibrarycardimgtop {
		height: 22vw;
	}
}

@media only screen and (max-width: 1400px) {
	.medialibrarycardimgtop {
		height: 24vw;
	}
}

@media only screen and (max-width: 1300px) {
	.carousel-item {
		min-height: 340px;
	}
	.img-center-vertical {
		height: 340px;
		width: auto;
	}
	.medialibrarycardimgtop {
		height: 26vw;
	}
}

@media only screen and (max-width: 1279px) {
	.w100on1279 {
		width: 100% !important;
	}
	#pjbnavlogo {
		display: none;
	}
	#pjbnavlogonologo {
		display: block;
	}
	#pjbnavbar {
		background-size: 231px 300px !important;
	}
	.hideon1279 {
		display: none !important;
	}
	.showon1279 {
		display: block;
	}
	.showon1279ib {
		display: inline-block;
	}
	.col2rowtable1280 tr {
		display: table;
		width: 100%;
		border: 0;
	}
	.col2rowtable1280 thead {
		display: none;
	}
	.col2rowtable1280 tbody td {
		display: table-row;
		border: 10px solid transparent;
	}
	.col2rowtable1280 tbody td::before {
		content: attr(data-title);
		font-weight: 600;
	}
	.featurestable {
		font-size: 95%;
	}
}

@media only screen and (max-width: 1200px) {
	.carousel-item {
		min-height: 360px;
	}
	.img-center-vertical {
		height: 360px;
		width: auto;
	}
	.hideon1200 {
		display: none !important;
	}
	.showon1200 {
		display: block;
	}
	.showon1200ib {
		display: inline-block;
	}
	.medialibrarycardimgtop {
		height: 22vw;
	}
}

@media only screen and (max-width: 1100px) {
	.carousel-item {
		min-height: 380px;
	}
	.img-center-vertical {
		height: 380px;
		width: auto;
	}
	.hideon1100 {
		display: none !important;
	}
	.showon1100 {
		display: block;
	}
	.showon1100ib {
		display: inline-block;
	}
	.pjbslickband {
		width: 90%;
	}
	.col2rowtable1101 tr {
		display: table;
		width: 100%;
		border: 0;
	}
	.col2rowtable1101 thead {
		display: none;
	}
	.col2rowtable1101 tbody td {
		display: table-row;
		border: 10px solid transparent;		
	}
	.col2rowtable1101 tbody td::before {
		content: attr(data-title);
		font-weight: 600;
	}
	.medialibrarycardimgtop {
		height: 24vw;
	}
}

@media only screen and (max-width: 1023px) {
	.col2rowtable1024 tr {
		display: table;
		width: 100%;
		border: 0;
	}
	.col2rowtable1024 thead {
		display: none;
	}
	.col2rowtable1024 tbody td {
		display: table-row;
		border: 10px solid transparent;		
	}
	.col2rowtable1024 tbody td::before {
		content: attr(data-title);
		font-weight: 600;
	}
	.left1024 {
		text-align: left !important;
	}
	.medialibrarycardimgtop {
		height: 26vw;
	}
}

@media only screen and (max-width: 1000px) {
	.carousel-item {
		min-height: 400px;
	}
	.img-center-vertical {
		height: 400px;
		width: auto;
	}
	.hideon1000 {
		display: none !important;
	}
	.showon1000 {
		display: block;
	}
	.showon1000ib {
		display: inline-block;
	}
	.col2rowtable1001 tr {
		display: table;
		width: 100%;
		border: 0;
	}
	.col2rowtable1001 thead {
		display: none;
	}
	.col2rowtable1001 tbody td {
		display: table-row;
		border: 10px solid transparent;		
	}
	.col2rowtable1001 tbody td::before {
		content: attr(data-title);
		font-weight: 600;
	}
	.center1001 {
		text-align: center !important;
		display: block !important;
	}
	.left1001 {
		text-align: left !important;
	}
	.downblock {
		font-size: 2.9vw !important;
	}
}

@media (max-width: 992px) {
	#pjbnavbarnew .nav-link,
	#pjbnavbarnewprelogin .nav-link,
	#pjbnavbarnew .dropdown-item,
	#pjbnavbarnewprelogin .dropdown-item {
		white-space: normal !important;
		overflow-wrap: anywhere;
		word-break: break-word;
	}
	#pjbnavbarnew .dropdown-menu,
	#pjbnavbarnewprelogin .dropdown-menu {
		min-width: 0;
		max-width: 90vw;
	}
}

@media only screen and (max-width: 991px) {
	.recontenttitle991::before {
		content: attr(data-title);
	}
	.padding1on991 {
		padding: 2px !important;
	}
	.fontsizereset991 {
		font-size: 1em !important;
	}
	.disp2x991 {
		font-size: 2em;
	}
	.bradiustl20on991 {
		border-top-left-radius: 20px;
	}
	.bradiusbl20on991 {
		border-bottom-left-radius: 20px;
	}
	.w100on991 {
		width: 100% !important;
	}
	.m0on991 {
		margin: 0 !important;
	}
	.col2rowtable991 tr {
		display: table;
		width: 100%;
		border: 0;
	}
	.col2rowtable991 thead {
		display: none;
	}
	.col2rowtable991 tbody td {
		display: table-row;
		border: 10px solid transparent;
	}
	.col2rowtable991 tbody td::before {
		content: attr(data-title);
		font-weight: 600;
	}
	.hideon991 {
		display: none !important;
	}
	.showon991 {
		display: block !important;
	}
	.p2p1on991 {
		padding: 2px !important;
	}
	.px0on991 {
		padding-left: 0;
		padding-right: 0;
	}
	.pjbsignuplink {
		display: inline !important;
	}
	.pjbsignupbutton {
		display: none;
	}
	.center991 {
		text-align: center !important;
		display: block !important;
	}
	.center991ndc {
		text-align: center !important;
	}
	.left991 {
		text-align: left !important;
	}
	.DIVcenter991 {
		margin: 0 auto !important;
	}
	.medialibrarycardimgtop {
		height: 20vw;
	}
	.featurestable {
		font-size: 90%;
	}
	#pjbfooter {
		border-radius: 40px !important;
	}
}

@media only screen and (max-width: 900px) {
	.carousel-item {
		min-height: 420px;
	}
	.img-center-vertical {
		height: 420px;
		width: auto;
	}
	.hideon900 {
		display: none !important;
	}
	.showon900 {
		display: block;
	}
	.showon900ib {
		display: inline-block;
	}
	#remindercol {
		display: none;
	}
	.medialibrarycardimgtop {
		height: 22vw;
	}
}

@media only screen and (max-width: 850px) {
	.medialibrarycardimgtop {
		height: 23vw;
	}
}

@media only screen and (max-width: 800px) {
	.carousel-item {
		min-height: 440px;
	}
	.img-center-vertical {
		height: 440px;
		width: auto;
	}
	.medialibrarycardimgtop {
		height: 24vw;
	}
}

@media only screen and (max-width: 767px) {
	body {
		margin-bottom: 670px; /* Margin bottom by footer height */
	}
	.footer, .pjbfooter {
		min-height: 650px;
	}
	#pjbdogwhypjb {
		text-align: center;
	}
	.cell2row768 {
		display: table-row;
	}
	.col2rowtable768 tr {
		display: table;
		width: 100%;
		border: 0;
	}
	.col2rowtable768 thead {
		display: none;
	}
	.col2rowtable768 tbody td {
		display: table-row;
		border: 10px solid transparent;		
	}
	.col2rowtable768 tbody td::before {
		content: attr(data-title);
		font-weight: 600;
	}
	.recontenttitle768::before {
		content: attr(data-title);
	}
	.padding1on768 {
		padding: 2px !important;
	}
	.center768 {
		text-align: center !important;
		display: block !important;
	}
	.left768 {
		text-align: left !important;
	}
	.hideon768 {
		display: none !important;
	}
	.disp2x768 {
		font-size: 2em;
	}
	.fontsizereset768 {
		font-size: 1em !important;
	}
	.w100on768 {
		width: 100% !important;
	}
	.px0on768 {
		padding-left: 0;
		padding-right: 0;
	}
	.bradiustl20on768 {
		border-top-left-radius: 20px;
	}
	.bradiusbl20on768 {
		border-bottom-left-radius: 20px;
	}
	.datarowcontent:not(.noborder) {
		border-bottom: 1px solid gray;
	}
	/*.strippedrows .row:last-child .datarowcontent {*/
	/*	border-bottom: 0;*/
	/*}*/
	.medialibrarycardimgtop {
		height: 57vw;
	}
	#productsearchform #clearsearchbutton {
		display: none;
	}
	#productsearchform {
		min-width: 0px !important;
	}
	.featurestable {
		font-size: 85%;
	}
}

@media only screen and (max-width: 735px) {
	.medialibrarycardimgtop {
		height: 60vw;
	}
}

@media only screen and (max-width: 700px) {
	.carousel-item {
		min-height: 460px;
	}
	.img-center-vertical {
		height: 460px;
		width: auto;
	}
	#pjbloadingoverlay h1 {
		font-size: 5vw;
	}
	#pjbloadingoverlay h2 {
		font-size: 4vw;
	}
	.medialibrarycardimgtop {
		height: 63vw;
	}
	h1 {
		font-size: 5vw;
	}
	h1.pjbstyle24 {
		font-size: 15vw !important;
	}
	h2.pjbstyle24 {
		font-size: 12vw !important;
	}
	h2.pjbstyle16 {
		font-size: 8vw !important;
	}
	h3.pjbstyle24 {
		font-size: 9vw !important;
	}
	h4.pjbstyle24 {
		font-size: 6vw !important;
	}
	.vw5on700  {
		font-size: 5vw !important;
	}
	.vw4on700 {
		font-size: 4vw !important;
	}
	.vw3on700 {
		font-size: 3vw !important;
	}
	#statementsblockIDlogo {
		transform: scale(0.66, 0.66);
	}

}

@media only screen and (max-width: 670px) {
	.medialibrarycardimgtop {
		height: 67vw;
	}
}

@media only screen and (max-width: 639px) {
	.col2rowtable640 tr {
		display: table;
		width: 100%;
		border: 0;
	}
	.col2rowtable640 thead {
		display: none;
	}
	.col2rowtable640 tbody td {
		display: table-row;
		border: 10px solid transparent;		
	}
	.col2rowtable640 tbody td::before {
		content: attr(data-title);
		font-weight: 600;
	}
	.center640 {
		text-align: center !important;
		display: block !important;
	}
	.left640 {
		text-align: left !important;
	}
	.hideon640 {
		display: none !important;
	}
	.medialibrarycardimgtop {
		height: 70vw;
	}
}

@media only screen and (max-width: 600px) {
	.carousel-item {
		min-height: 480px;
	}
	.img-center-vertical {
		height: 480px;
		width: auto;
	}
	.pjbslickband {
		width: 85%;
	}
	.medialibrarycardimgtop {
		height: 75vw;
	}
}

@media only screen and (max-width: 575px) {
	.col2rowtable575 tr {
		display: table;
		width: 100%;
		border: 0;
	}
	.col2rowtable575 thead {
		display: none;
	}
	.col2rowtable575 tbody td {
		display: table-row;
		border: 10px solid transparent;		
	}
	.col2rowtable575 tbody td::before {
		content: attr(data-title);
		font-weight: 600;
	}
	.center575 {
		text-align: center !important;
		display: block !important;
	}
	.hideon576 {
		display: none !important;
	}
}

@media only screen and (max-width: 500px) {
	.carousel-item {
		min-height: 500px;
	}
	.img-center-vertical {
		height: 500px;
		width: auto;
	}	
}

@media only screen and (max-width: 400px) {
	.carousel-item {
		min-height: 520px;
	}
	.img-center-vertical {
		height: 520px;
		width: auto;
	}
	.pjbslickband {
		width: 80%;
	}
	#pjbnavlogonologo {
		width: 200px;
	}
}

@media (min-width: 576px) {
	.card-columns {
		column-count: 1;
	}
}

@media (min-width: 768px) {
	.card-columns {
		column-count: 2;
	}
}

@media (min-width: 992px) {
	.card-columns {
		column-count: 3;
	}
}

@media (min-width: 992px) {
	.card-columns-two-in-row {
		column-count: 2;
	}
}