@media (min-width: 576px) { 
    
    #searchmodal .modal-dialog {max-width:750px;}
    
    .modal.adimage .modal-dialog {max-width:800px;}
    .modal.adimage .modal-dialog .modal-body img {margin: 0 auto; display: block;}
    
    .modal-instructions.modal .modal-dialog {max-width:800px; width: auto; text-align: center;}
    .modal.lto .modal-dialog {max-width: 875px; width: auto;}
    #qrcode.modal .modal-body {padding: 20px 15px;}
    #qrcode.modal .modal-body img {width:350px;}
    
    #subscribemodal .modal-dialog {max-width: 750px;}
    #subscribemodal .subscribeindex form {padding: 15px;}

    .modal.resources .modal-dialog {max-width: 875px; width: auto;}
    
   /* Inside Index */
    #categoryslide a {}
    
    /* Business */
    .bus-image > div {width:520px;}
    #alternate-ad {width:520px;}
    
    /***** Information Pages *****/
    
    
}

@media (min-width: 37.5rem) { /* 600px */
    /* Inside Pages */
    .breadcrumbs {display: flex;}
    
   /* Inside Index */
   
    
}

@media (min-width: 48rem) { /* 768px */
    /* Footer */
    footer .logos .container-fluid {flex-direction: row;gap: 2rem;}
    
    /* Main Index */
    .locations-index .row {padding-top:100px;}
    .locations-index .maptext p {font-size: 26px; margin-top:60px; text-align: left;}
    .location-slide {padding: 30px 40px;}
    .mainlocationlist {font-size: 18px; line-height: 28px;}
    .mainlocationlist a {font-size: 18px; line-height: 28px;}
    .mainlocationlist span {margin-bottom: 30px;}
    .mainlocationlist > div p:last-child {margin-top:30px;}
    
    #advocate.location-slide {background-size: 280px 261px;}
    #atrium.location-slide {background-size: 280px 261px;}
    
    /* Inside Index */
    #categoryslide a {}
    
    /*** Information Pages  ***/
    /* Signatures */
	#signature-pad {width:538px;}
	#signature-modal input.form-control {width:75%;}
	.pad-outer {padding: 15px;}
    #signature-modal .modal-dialog {width: 600px; max-width: 600px;}
    
    
    .formbody.success #enrollformresponse .leftoutput {}
    .formbody.success #enrollformresponse .leftoutput img {width:200px;}
    .formbody.success #enrollformresponse .rightoutput {text-align: left;}
    .formbody.success #enrollformresponse .rightoutput h3 {text-align: left}
    .formbody.success #enrollformresponse .rightoutput h5 {text-align: left;margin-top:1rem; margin-bottom: 1rem; font-size: 1.15rem; }
}

@media (min-width: 53.125em) { /* 850px */
    
    .btn-primary {width:-moz-fit-content; width:fit-content;}
    .btn-secondary {width:-moz-fit-content; width:fit-content;}
    
    /* Main Index */
    #mainimage {height: 45rem;}
    #mainimage .caption > div {padding-bottom: 4.5rem;}
    #mainimage .caption h2 {font-size: 5.5rem; line-height: normal;}
    
    /* Inside Index */
    #indexslides .swiper-slide img {height:40vw;}
    #indexslides .caption {position: absolute; top:0; left: 0;}
    #indexslides .caption > div {justify-content: center; background-color:transparent; gap: 0; align-items: flex-start;}
    #indexslides .caption > div > div {max-width: 36.625rem; text-shadow: 0 .125rem .1875rem rgba(0,0,0,.4); gap: 1rem; width:90%; text-align: left;}
    #indexslides .caption h1 {font-size: 2.25rem; line-height: 3rem; font-weight: 700;}
    #indexslides .caption a.btn {text-shadow: none;}
    
    .indextitle {margin-bottom: 2rem;}
    
    /** Information Pages **/
    #informationimage .slideimage img {height:40vw;}
    #informationimage .caption {position: absolute; top:0; left: 0;}
    #informationimage .caption > div {justify-content: center; background-color:transparent; gap: 0; align-items: flex-start;}
    #informationimage .caption > div > div {max-width: 36.625rem; text-shadow: 0 .125rem .1875rem rgba(0,0,0,.4); gap: 1rem; width:90%; text-align: left;}
    #informationimage .caption h1 {font-size: 2.25rem; line-height: 3rem; font-weight: 700;}
}

@media (min-width: 62rem) { /* 992px */
    /* Footer */
    footer .logos img {width:282px;}
    
    /* Main Index */
    .location-slide {padding: 40px 60px;}
    .locations-index .maptext p i {display: inline-block; }
    
    /* Inside Index */
    #categoryslide a {}
    #categoryslide a .card-body {}
    
    /** Information Pages **/
    a#closebox {right: 4rem; top: 1rem; width:50px;height:50px;}
    a#closebox i {font-size:2.5rem;}
    
}

@media (min-width: 992px) and (max-width: 1200px) {
    
    /* Main Index */
    #advocate.location-slide {background-size: 350px 326px;}
    #aurora.location-slide {background-size: 325px 303px;}
    #atrium.location-slide {background-size: 350px 326px;}
    
    /* Vendors */
    #vendordiscounts .grid .item {width:20%;}
    
    /* New Vendors */
    #newvendors .grid .item {width:20%;}
    
    /* Cats */
    #cat .grid .item {width:20%;}
}

@media (min-width: 75rem) { /* 1200px */
    .container-fluid {padding-left:3rem; padding-right:3rem;}
    .btn-primary {padding:1rem 2rem;}
    .mainsite .btn-primary {padding: 1.5rem 3rem;}
    
    /* Header */
    header {position: sticky; box-shadow: none;}
    header.sticky {margin-top: -48px;}
    header #topbar .container-fluid {justify-content: flex-end;}
    #navigation {box-shadow: none; background-color:transparent;}
    .header-left a.navbar-brand {padding-top:2.5rem; padding-bottom: 2.5rem;}
    header.sticky .header-left a.navbar-brand {padding-top:1.25rem; padding-bottom: 1.25rem;}
    
    #navbarCollapse {position: relative; display:flex;}
    #navbarCollapse > ul {align-items: stretch;}
    #navbarCollapse > ul > li > a {font-size: 1.125rem; padding: 40px 16px; transition: padding .2s ease;height:100%;}
    #navbarCollapse > ul > li.locationdropdown > a {font-weight: 700;}
    #navbarCollapse > ul > li.locationdropdown > a > i {position: relative; font-size: 1rem; margin-left: .5rem; transition:all .3s ease-out 0s}
    #navbarCollapse > ul > li.locationdropdown.show > a > i {transform:rotate(180deg);}
    header.sticky #navbarCollapse > ul > li > a {padding-top:1.25rem; padding-bottom: 1.25rem;}
    #navbarCollapse > ul > li > a:after {opacity: 0; transition:opacity .2s ease;}
    #navbarCollapse > ul > li > a:hover:after {opacity: 1;}
    #navbarCollapse > ul > li.hassub > a:hover span {font-weight: 700;}
    #navbarCollapse > ul > li.hassub.show > a span {font-weight: 700;}
    #navbarCollapse > ul > li.hassub.show > a:after {opacity: 1;}
    
    #navbarCollapse ul.sub-menu {padding: 16px 0; border:1px solid #a7a8a9; border-width:1px 0px 0px 0px; border-radius: 0; min-width: calc(100% + 4rem); margin-left: -2rem; box-shadow: rgba(0, 0, 0, 0.1) 0px 0.375rem 1.5rem; opacity: 0; visibility: hidden; transition: all .3s ease-out 0s;}
    #navbarCollapse #submenu-1.sub-menu {white-space: nowrap;}
    #navbarCollapse ul.sub-menu li {position: relative}
    #navbarCollapse ul.sub-menu li.nothing {font-size: 0.875rem; font-weight: 500; line-height: 1.5rem; padding: 8px 24px; display: flex; color:#3C3C3C; font-style: italic;}
    #navbarCollapse ul.sub-menu li a {position: relative; font-size: 0.875rem; font-weight: 500; line-height: 1.5rem; padding: 8px 24px; display: flex; color:#3C3C3C; text-decoration: none;}
    #navbarCollapse ul.sub-menu li a:hover {background-color:#dadbdb;}
    
    .locationsubmenu span.submenu-title {position: relative; font-size: 0.875rem; font-weight: 500; line-height: 1.5rem; padding: 5px 24px; display: flex; color:#3C3C3C; text-decoration: none; font-style: italic;}
    .locationsubmenu span.submenu-title i {position: relative; line-height:1.5rem; font-size: 0.65rem; margin-left: .5rem;}
    .locationsubmenu i.fa-circle {font-size: 0.35rem; position: relative;line-height:1.5rem; margin-right:.5rem;}
    
    /*#navbarCollapse > ul > li.hassub.show ul.sub-menu {display: block;}*/
    #navbarCollapse .sub-menu.dropdown-menu:not(.show) {display: block;}
    #navbarCollapse li.hassub:not(.show) ul.sub-menu {display: block;}
    #navbarCollapse ul .nav-item:hover > .sub-menu {top:100%; opacity: 1; visibility: visible;}
    
    
    /* Footer */
    footer .legal .row {flex-direction: row; justify-content: space-between;align-items: center; flex-wrap: nowrap}
    footer .copyright {margin-bottom: 0;}
    
    footer.insidefooter .legal .row {}
    
    /* Main Index */
    #mainimage .caption h2 {font-size: 6.875rem;}
    .location-slide {padding: 89px 103px 89px 105px;}
    .mainindex > div {margin-top:4.5rem; margin-bottom: 4.5rem;}
    .mainlocationlist {font-size: 20px; line-height: 38px;}
    .mainlocationlist a {font-size: 21px; line-height: 38px;}
    .mainlocationlist span {margin-bottom: 38px;}
    .mainlocationlist > div p:last-child {margin-top:38px;}
    
    #advocate.location-slide {background-size: 429px 400px;}
    #aurora.location-slide {background-size: 450px 419px;}
    #atrium.location-slide {background-size: 429px 400px;}
    
    /* Inside Pages */
    .mainpagetitle h1 {font-size: 4rem; line-height: 4.5rem;}
    .pagetitle h1 {font-size: 2.25rem; line-height: 3rem; }
    
    .mainsite-subtitle h2 {font-size: 3.5rem; line-height: 4rem;}
    .subtitle h2 {font-size: 1.75rem; line-height: 2.25rem;}
    
    .contentrow {gap: 1.5rem;}
    .rightcolumn {width: calc(((100% * 8) - 1.5rem * (12 - 8)) / 12);}
    .leftcolumn {width: calc(((100% * 4) - 1.5rem * (12 - 4)) / 12);}
    .leftcolumn .sidebar {margin-bottom: 2.5rem; }
    
    .navbar-expand-xl #accordion {display:block !important; }
    #accordion .accordion-item {animation: flipdown 0.5s ease both; animation-delay:0.5s;}
    #accordion .accordion-item .accordion-body {max-height:600px;}
    
    /* Contact */
    .contactcard h3 {font-size: 1.5rem;}
    
    /* Index */
    #indexslides .caption > div {padding:0 3rem;}
    .indextitle h2 {font-size: 1.75rem; line-height: 2.25rem;}
    
    #categoryslide a .card-title {font-size: 1.25rem; line-height:2rem; }
    #categoryslide a i {font-size: 4rem; width:4rem;height:4rem;}
    
    /* Form Pages */
    h3.suggesttitle {font-size: 1.5rem; line-height: 2rem;}
    
    /*Category */
    #allCat .item a {min-height:84px;}
    
    /* Business */
    .subtitle.businesspage {text-align: left;}
    #bus {flex-direction: row; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: start; justify-content: flex-start;}
    .businesslinks {margin-top:0;}
    .businessContent {margin-right:2rem;}
    .businesslinks > ul { flex-direction: column; -webkit-align-items: flex-start; -moz-align-items: flex-start; -ms-align-items: start; align-items: flex-start; max-width: 300px;}
    .businesslinks > ul li {padding: 0 0 1rem; flex-grow: 1; width:100%;}
    .businesslinks > ul > li > a.btn { width: 100%}
    
    /* Directions */
    .mapbottom h3 {font-size: 1.5rem;}
    
    /* Mobile App */
    .mobileappcontent .pagecontent h3 {font-size: 1.5rem;}
    .mobileappcontent .pagecontent > .row:nth-child(2) > div {flex-direction: row;}
    .mobileappcontent img {width:400px;padding: 1.5rem 2rem;}
    
    /*** Information Pages ***/
    #informationimage .slideimage img {height:37vw;}
    .insideinfo h2.title {font-size: 1.75rem; line-height:2.25rem;}
    .formbody h3 {font-size: 1.5rem;}
    .formouter .formbody > * {width: 85%; margin-left: 7.5%;}
    .formouter .formbody form {width: 85%; margin-left: 7.5%;}
    .formouter .formbody > #enrollformresponse {width:100%; margin-left: auto;}
    
    .formbody.success .rightoutput h3 {font-size: 1.5rem;}
    .formbody.success .rightoutput h4 {font-size: 1.25rem;}
    
}

span.menu-shortname {display: none;}

@media (min-width: 1200px) and (max-width: 1275px) {
    /* Header */
    span.menu-longname {display: none;}
    span.menu-shortname {display: block;}
    #navbarCollapse #submenu-3.sub-menu {white-space: nowrap;}
}

@media (min-width: 1400px) {
    /* Vendors */
    #vendordiscounts .grid .item {width:20%;}
    
    /* New Vendors */
    #newvendors .grid .item {width:20%;}
    
    /* Cats */
    #cat .grid .item {width:20%;}
    
    /* Business */
    .bus-image > div {width:575px;}
    #alternate-ad {width:575px;}
}

@media (min-width: 1601px) {
    /* Main Index */
    .locations-index .mapbox {left: -6vw;}
}

@media (min-width: 1801px) {
    /* Main Index */
    .locations-index .mapbox {left: 0;}
    /*img#atrium-logo-map-1 {right:34%;}
    img#atrium-logo-map-2 {right:31.5%;}
    img#atrium-logo-map-3 {right:40%;}
    img#atrium-logo-map-4 {right:38%;}

    img#aurora-logo-map-1 {right:49%;}

    img#advocate-logo-map-1 {right:48%;}*/
    /*.locations-index svg#us-map {max-height:991px;} */
}

@media (max-width: 75rem) { /* 1200px */
    
    /* Main Elements */
    .pagewrapper {padding-top:74px;}
    
    /* Header */
    html.showmenu body {}
    #navbarCollapse {position: fixed; width:100%; left: 0; top:74px; right:0; height: calc(100% - 74px); padding: 1.5rem; gap:1.5rem; justify-content: flex-start; align-items: flex-start;  transform: translateY(-100%); z-index: -1; transition: transform 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94); }
   
    #navbarCollapse.show { transform: translateY(0); transition: transform 500ms cubic-bezier(0.17, 0.04, 0.03, 0.94);}
    #navbarCollapse > ul {width:100%; height:auto; box-shadow: 0 .25rem .5rem #0000001a; background-color:#fff; align-items: flex-start; }
    #navbarCollapse > ul > li {width:100%; border-bottom:.0625rem solid #f4f5f5;}
    #navbarCollapse > ul > li > a:after {display: none;}
    #navbarCollapse > ul > li > a {text-align: left; width:100%; padding: 1rem; width:100%; font-size: 1rem;font-weight: 400; line-height: 1.5rem;}
    #navbarCollapse > ul > li > a[role=button] {font-weight: 400; transition:none;}
    #navbarCollapse > ul > li > a[role=button] i {position: absolute;right:1rem;}
    #navbarCollapse > ul > li > a[role=button].show {font-weight: 700; color:#003b5c;}
    #navbarCollapse > ul > li > a[role=button].show i:before {content:'\f068';}
    #navbarCollapse > ul ul {border:none; padding: 0 0 0 1rem;}
    #navbarCollapse > ul ul li.nothing {font-size: .875rem; color:#3c3c3c; text-decoration: none; line-height: 1.5rem; padding: 1rem; display: block; font-style: italic;}
    #navbarCollapse > ul ul li a {font-size: .875rem; color:#3c3c3c; text-decoration: none; line-height: 1.5rem; padding: 1rem; display: block;}
    
    .locationsubmenu span.submenu-title {font-size: .875rem; color:#3c3c3c; text-decoration: none; line-height: 1.5rem; padding: 0.25rem 1rem; display: block; font-style:italic;}
    .locationsubmenuspan.submenu-title i {position: relative; line-height:1.5rem; font-size: 0.65rem; margin-left: .5rem;}
    .locationsubmenu i.fa-circle {font-size: 0.35rem; position: relative; margin-right:.5rem; top:-2px;}
    
    /* Inside Pages */
    body.program #navbarCollapse {height:auto;}
    #navbarCollapse form {height:auto; width:100%; margin: 0; padding: 0; position: relative;}
    #navbarCollapse form input {padding-right:3rem;}
    #navbarCollapse form button {position: absolute; right: 0; z-index: 1; background:none; border:none; font-size: 1.5rem; width:3rem; height:100%; color: #a7a8a9; text-align: center; display:flex; justify-content: center; align-items: center;}
    
    #accordion .accordion-item .mCSB_outside+.mCSB_scrollTools {right:0;}
    .leftcolumn .sidebar {padding-top:0; padding-bottom: 0; width:calc(100vw - 1rem); left: -1rem;}
    #accordion .accordion-item:first-child {padding-top:1rem;}
    #accordion .accordion-item:last-child {padding-bottom:1rem;}
    
    .rightcolumn .pagetitle {padding-top:1rem;}
    
    
}
@media (max-width: 991px ) {
    /* Search Page */
    form.resultsfilter {flex-direction: column; }
    form.resultsfilter a.btn {margin-bottom: .65rem; }
    form.resultsfilter a.btn:first-child {margin-right: 0;}
    
    /** Information Pages **/
    .formbody form #formsubmit {font-size: 1rem;}
}
@media (max-width: 53.125em) { /* 850px */
    /*Inside Index */
    #indexslides .caption a.btn {color:#1175a7; background-color:#fff; }
}


@media (max-width: 767px) {
    /* Main Index */
    .locations-index .container-fluid {padding-right: 0;}
    .location-slide {padding: 53px 20px 0; width:90vw;}
    .location-slide.slidein {left: 10vw;}
    .location-slide .inside img {margin-bottom: 20px; max-width: 184px;}
    
    /* Inside Pages */
    .top-pagination {-ms-flex-direction:column; flex-direction: column; text-align: center;}
    .top-pagination > * {margin-bottom: 10px;}
    .top-pagination > *:last-child {margin-bottom: 0;}
    
    /** Information Pages **/
    .contacttext > span:first-child > i {display:none;}
    .contacttext > span:first-child br {display: block;}
    
    .formbody .form-group label {text-align: center;width:100%;}
    .formbody .signaturetable input.form-control {text-align: center;}
    .formbody .signaturetable #hiddenImage img {margin: 0 auto;}
    
    /* Signatures */
	#signature-pad {max-width:95%;}
    
    /* Response */
	.formbody.success .otherLinks a.btn.btn-primary {min-width: 175px;}
    
}

@media (max-width: 575px) {
    /** Information Pages **/
    .contacttext > span {font-size: .925rem;}
    .contacttext > span:last-child br {display: block;}
    .contacttext > span:last-child > i:nth-child(4) {display: none;}
	.contacttext > span:last-child > i:nth-child(6) {display:none;}
    .contacttext > span i {font-size: 5px;}
    .formbody label {font-size: .95rem;}
    
    /* Response */
    .formbody.success .otherLinks {flex-direction: column;}
    .formbody.success .otherLinks a.btn.btn-green {min-height:50px;}
}

@media (max-width: 480px) {
   
    /** Information Pages **/
    body.infopage .insideinfo > .container {width:95%;}
    body.infopage .indexmiddle.py-5 {padding-top:2rem !important;}
    
    .formlogo img {width:175px;}
    .contacttext > span {font-size: .825rem;}
}

@media (max-width: 390px) {
    /*** Information Pages ***/
    .insideinfo .infoform.formContainer .form-group label {font-size: .925rem;}
    .insideinfo .infotext p {font-size: .925rem;}
    form#enrollment .enrolltext p {font-size: .925rem;}
}

@media (max-width: 375px) {
    
    /*** Information Pages ***/
    
    /* Response */
	.formbody.success .otherLinks a.btn {display:block; margin: 0 auto;}
	.formbody.success .otherLinks a.btn:last-child {margin-top:10px;}
}

@media (max-width: 350px) {
    /** Information Pages **/
    
    .formbody.p-4 {padding-left:1rem !important; padding-right:1rem !important;}
    .formlogo img {width:150px;}
    .contacttext > span {font-size: .8rem;}
}

html.ie .ltoImage img.img-fluid {width:100% !important;}