#networkDiscontinuationDates {}
	#networkDiscontinuationDates > div {border-radius: 10px; padding: 35px 80px;}
	#networkDiscontinuationDates .fbox {padding: 12px 0 24px; justify-content: center; gap: 40px;}
	#networkDiscontinuationDates .fbox .fitem {}
	#networkDiscontinuationDates .fbox .fitem img {vertical-align: middle; }

#deviceChecklist {}
	#deviceChecklist .fbox {flex-flow: row wrap; justify-content: center; align-content: stretch; gap: 40px 20px; margin-top: 35px;}
	#deviceChecklist .fbox .fitem {border-radius: 10px; padding: 32px; max-width: 313px;position: relative; font-size: 14px;}
	#deviceChecklist .purpleCircle {position: absolute; top: -20px; left: calc(50% - 20px);}
	#deviceChecklist .legal {margin-top: 12px;}
	#deviceChecklist .fbox .fitem .fbox {flex-flow: column wrap; justify-content: space-between; align-content: stretch; gap: 0px; height: 100%; margin-top: 0;}
	#deviceChecklist .fbox .fitem .fbox .fitem {padding: 0; border-radius: unset; max-width: unset; position: unset;}
	#deviceChecklist .fbox .fitem .fbox .fitem:last-child {padding: 12px 0 0;}
	#deviceChecklist p.bold {font-size: 16px;}
	
#quicklinks {}
	#quicklinks .fbox {flex-flow: row wrap; justify-content: center; align-content: stretch; gap: 20px 20px; margin-top: 35px;}
	#quicklinks .fbox .fitem {border: 2px solid #131C35; border-radius: 4px; padding: 11px 28px; max-width: 126px;}
	#quicklinks .fbox .fitem a {text-decoration: none; color: #131C35; font-weight: bold; font-size: 18px;}
	
#cardgroup {}
	#cardgroup h2 {font-size: 32px; margin-bottom: 16px;}
	#cardgroup h3 {font-size: 18px !Important;}
	#cardgroup .fbox {flex-flow: row wrap; justify-content: space-evenly; align-content: stretch; gap: 20px 20px; margin-top: 35px;}
	#cardgroup .fitem {vertical-align: top; max-width: 384px; padding: 0 0 65px 0; text-align: left; background: #fff none; color: #000; border-radius: 30px; position: relative; overflow: hidden;}
	#cardgroup .fitem img {border-radius: 16px; width: 100%;}
	#cardgroup .fitem .copy {padding: 32px;}
	#cardgroup .fitem .copy p {margin-bottom: 0;}
	#cardgroup .fitem .ctaContainer {position: absolute; bottom: 25px;}
	#cardgroup .fitem:nth-child(2) {padding: 0;}
	#cardgroup .fitem:nth-child(2) img {position: absolute; bottom: 0;}

#faqsection {}
	#faqsection .fbox {flex-flow: row wrap; justify-content: space-evenly; align-content: stretch; gap: 20px 20px; margin-top: 35px;}
	#faqsection .fitem {vertical-align: top; max-width: 210px; padding: 32px; text-align: left; border-radius: 16px; position: relative; overflow: hidden; font-size: 14px; flex: 1 1;}

#communityForumSection {padding-bottom: 0;}
	#communityForumSection  .fbox {flex-flow: row nowrap; justify-content: space-evenly; align-content: stretch; align-items: center; gap: 20px; border-radius: 16px; padding: 40px 32px;}
	#communityForumSection .fitem {vertical-align: top; text-align: left;  position: relative; overflow: hidden; }
	#communityForumSection .fitem a {white-space: nowrap;}
	#communityForumSection .fitem:last-child {padding-right: 10px; width: 275px;}
	#communityForumSection .fitem h3 {margin-bottom: 8px;}
	#communityForumSection .fitem p:last-child {margin-bottom: 0;}
	#communityForumSection .fitem:first-child {width: 72px !important; flex: 0 0 auto;}
	#communityForumSection .fitem:last-child {flex: 0 0 auto;}


.addalineoptionsbox .overlay {width: 100%; max-width: 960px;}
.addalineoptionsbox .fbox {padding: 32px; width: calc(100% - 64px); gap: 20px;}

.filterBox {display: flex; gap: 30px; flex-wrap: wrap; margin-bottom: 16px;}
	.filterBox a {
		display: block; 
		font-size: 22px; 
		font-weight: bold;
		color: #131C35; 
		padding: 8px 0; 
		text-decoration: none;
		white-space: nowrap;
		border-bottom: 2px solid transparent;
		}
		.filterBox a:hover,
    	.filterBox a:active,
    	.filterBox a:focus,
    	.filterBox a.selected,
    	.filterBox a.selectedview {border-color: #E10A0A;}

.compatibleDevicesLists {padding: 16px; border-radius: 10px; max-width: 450px; width: calc(100% - 32px);}
select#compatibleDevicesSelect {
    width: 400px;
    height: 25px;
    font-size: 1em;
}

.addalineoptionsbox .fbox.compatibleDeviceSelectBox {padding: 20px 0; width: unset;}
#preferredNetworkSettingsModal .fbox .fitem {flex: 1 1;}

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

}
@media screen and (max-width:1100px) {
	
	#cardgroup .fbox {flex-flow: column wrap;}
	#cardgroup .fitem {margin: 0 auto; max-width: 700px;}
	#cardgroup .fitem:nth-child(2) img {position: unset;}
}
@media screen and (max-width:1000px) {
	#cardgroup .fitem:nth-child(2) img.mobile {display: block; margin-top: -2px;}
	#cardgroup .fitem:nth-child(2) img.desktop {display: none;}
}

@media screen and (max-width:965px) {
	#faqsection .fitem {max-width: unset; min-width: 40%;}
}

@media screen and (max-width:900px) {
	#communityForumSection  .fbox {flex-flow: column wrap; text-align: left; align-items: flex-start;}
}
@media screen and (max-width:800px) {

	#cardgroup .fitem .ctaContainer {position: unset; padding-top: 32px;}
	#deviceChecklist .fbox .fitem {max-width: 700px;}
}

@media screen and (max-width:640px) {
	#networkDiscontinuationDates .fbox {flex-flow: column wrap;}
	#cardgroup .fbox {gap: 40px 0;}
	#cardgroup .fitem {padding-bottom: 0;}
	#faqsection .fitem {flex: 1 1 auto; max-width: unset;}
	.addalineoptionsbox .fbox {flex-flow: column wrap;}
	#networkDiscontinuationDates > div {padding: 25px 40px;}
}
@media screen and (max-width:480px) {
	#networkDiscontinuationDates > div {padding: 15px 20px;}
}
