@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;}
    
    h1 {font-size: 3rem;line-height: 3.75rem;margin-bottom:60px}
    h2 {font-size: 2.25rem; line-height: 2.5rem; margin-bottom:20px }
    h3 {font-size: 1.75rem;line-height: 2.25rem;margin-bottom:20px}
    h4 {font-size: 1.375rem;line-height: 2rem;margin-bottom:20px}
    h5 {font-size: 1.125rem;line-height: 1.5rem;margin-bottom:15px}
    h6 {font-size: 1rem;line-height: 1.5rem;margin-bottom:15px}
    
    /* Header */
    .insidehead {min-height: 173px;}
    header .topbar > .container-fluid {padding: 0 18px;}
    
    #navigation > .container-fluid {padding: 20px 26px;}
    header a.navbar-brand {width: 252px;}
    
    /* Footer */
    footer > div {padding: 40px 30px 60px;}
    
    /* Index */
    .indexmiddle {border-top-width: 190px;}
    .indexmiddle .insidemiddle {margin: -150px 50px 0px; }
    .indextitle {margin-bottom: 50px; justify-content: space-between; text-align: left; padding: 0 30px; flex-direction: row;}
    .indexbottom h2 {margin: 0;}
    .indexbottom .btn-small {flex-grow: 0;}
    
    /* Inside Pages */
    .pagemenu {margin: 20px 30px 0;}
    #pagecontent {padding: 60px 30px 105px;}
    
    .top-pagination {padding: 28px 28px 28px;}
    .top-pagination .mixitup-page-stats {font-size: 1.5rem; line-height: 1.5;}
    
    .leftcolumn {width:280px; padding-right: 40px; max-width:40%; margin-bottom: 0;}
    .rightcolumn {width:calc(100% - 280px);}
    
    /* Business */
    .bus-image > div {width:520px;}
    #alternate-ad {width:520px;}
    
    /* Directions */
    #directions .panel {padding: 40px;}
    
    /* Form Pages */
    p.formpagetext {font-size: 1.5rem; line-height: 1.4285714286; margin-bottom: 30px;}
    
    /* Resource Pages */
    .resourcerow .card {flex-wrap: wrap; flex-direction: row;}
    .resourcerow .card .card-header {width:50%;}
    .resourcerow .card .card-header img {object-fit: cover; height:480px; object-position: 0 0;}
    .resourcerow .card:last-child .card-header img {object-position: 0 10%;}
    .resourcerow .card .card-body {padding: 40px; width:50%; display: flex; justify-content: center; align-items: flex-start; flex-direction: column; }
    
    /* Mobile App */
    .mobileappcontent .pagecontent .row .col-12 > p {margin: 50px 0; font-size: 1.375rem; line-height: 1.6363636364;}
}

@media (min-width: 768px) {
    /* Index */
    .indextop {padding: 0 30px;}
    #indexslides .caption {position: absolute; top: 0; left: 2%; width:50%; background:none; height:100%; }
    #indexslides .mobile .caption {width:45%;}
    #indexslides .showid .caption {width:45%;}
    #indexslides .contactslide .caption {width:45%;}
    #indexslides .caption .container-fluid {padding: 20px; margin: 0; background-color:rgba(255,255,255,0.85); border-radius: 8px;}
    #indexslides .caption h2 {font-size: 2.125rem;}
    
    #indexslides .swiper-slide.contactslide img {object-position: 0% 70%;}
    #indexslides .swiper-slide.mobile img {object-position: 0% 70%;}
    
    #categoryslide a.card {min-height: 110px;}
    #categoryslide a .card-title {min-height: 38px;}
    
    /* Inside Pages */
    .leftcolumn {width:340px; padding-right: 60px;}
    .rightcolumn {width:calc(100% - 340px);}
    #sidebarcollapse ul {max-height: 800px;}
    
    /* Category */
    #allCat .item a {height: 65px;}
    
    /* Error & Search Pages  */
    .errorpage #searchouter form { width:100%; flex-wrap: nowrap; gap:.625rem 1.25rem}
    .searchpage #searchouter form { width:100%; flex-wrap: nowrap; gap:.625rem 1.25rem}
    
    /* Directions */
    #form-outer > form {width:100%; flex-wrap: nowrap; gap:.625rem 1.25rem}
    
    /* Mobile App */
    .appslides .appbox:first-child > div {margin-right:1rem;}
    .appslides .appbox:last-child > div {margin-left:1rem;}
    
    /***** Information Pages *****/
    #mainimage .caption {position: absolute; top: 0; left: 2%; width:50%; background:none; height:100%; }
    #mainimage .caption {width:45%;}
    #mainimage .caption .container-fluid {padding: 20px; margin: 0; background-color:rgba(255,255,255,0.85); border-radius: 8px;}
    #mainimage .caption h2 {font-size: 2.125rem;}
    
    #mainimage .slideimage img {object-position: 0% 70%;}
    
    /* 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 {margin-bottom: 0;}
    .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;}
}

@media (min-width: 992px) {
    
    /* Header */
    header .topbar > .container-fluid {padding: 0 60px;}
    #navigation > .container-fluid {padding: 12px 20px 28px;}
    header a.navbar-brand {margin-top: 8px;}
    
    #navbarCollapse {display: flex; position: relative; border:none; padding: 0; width:100%; height:100%;}
    #navbarCollapse > ul.navbar-nav > li:not(:last-child) {margin-right: 10px;}
    #navbarCollapse > ul.navbar-nav > li > a {font-size: .75rem; display: block; color:#727272; background:none; padding: 0; text-decoration: none;line-height: 24px; text-transform: uppercase; letter-spacing: .5px; font-weight: 700;}
    #navbarCollapse > ul.navbar-nav > li > a:hover {color:#165788;}
    #navbarCollapse > ul.navbar-nav > li.mainactive > a {color:#165788;}
    
    #navbarCollapse .sub-menu {background: #fff; width: auto; z-index: 300; opacity: 0; visibility: hidden; transition: .4s all; display: flex; padding: 20px; border-radius: 8px;box-shadow: 0px 4px 32px 0px rgba(0,0,0,.12); text-align: left; top: 100%; border:none; min-width:100%;}
    #navbarCollapse .sub-menu ul {position: relative; display: flex; width:100%; flex-direction: column;}
    #navbarCollapse .sub-menu li {position: relative;display: flex; width:100%;}
    #navbarCollapse .sub-menu li:not(:last-child) { padding: 0 0 8px; border-bottom:1px solid #e5e5e5; margin-bottom: 8px;}
    #navbarCollapse .sub-menu li.nothing {display: block;color:#262626;background:none; font-size: .875rem;line-height: 1.4285714286; font-weight: 400; white-space: nowrap; font-style: italic;}
    #navbarCollapse .sub-menu li a {display: block; text-decoration: none;color:#262626; background:none; font-size: .875rem;line-height: 1.4285714286; font-weight: 400; white-space: nowrap;}
    #navbarCollapse .sub-menu li a:hover {color:#165788;}
    
    #navbarCollapse .sub-menu.dropdown-menu:not(.show) {display: flex;}
    #navbarCollapse li.hassub:not(.show) .sub-menu {display: flex;}
    #navbarCollapse ul .nav-item:hover > .sub-menu {top:100%; opacity: 1; visibility: visible;}
    
    /* Footer */
    footer > div {padding-bottom: 60px;}
    footer .footerlinks {padding-bottom: 26px; margin-bottom: 30px;}
    
    /* Index */
    .indextop {padding: 0 60px 60px;}
    #indexslides .swiper-slide img {height: 544px;}
    #indexslides .caption h2 {font-size: 2.75rem; line-height: 1.1818181818;}
    
    .pagemenu {margin: 20px 40px 0;}
    
    /* Discounts & Program Info */
    .toplinks a span.btn {width:100%;}
    
    /* Mobile App */
    .mobileappcontent img {width:300px;}
    .appslides .appbox > div > i {font-size: 40px; width:78px; height: 78px;}
    .appslides .appbox > div h3 {font-size: 1.5rem; line-height: 2.25rem; margin-bottom: 10px;}
    
    /***** Information Pages *****/
    #mainimage .slideimage img {height: 544px;}
    #mainimage .caption h2 {font-size: 2.75rem; line-height: 1.1818181818;}
    
    a#closebox {right: 4rem; top: 1rem; width:50px;height:50px;}
    a#closebox i {font-size:1.25rem;}
    
}

@media (min-width: 1024px) {
    .indexmiddle {border-top-width: 120px;}
    .indexmiddle .insidemiddle {margin: -80px auto 0px; padding: 20px 40px;}
    .indexbottom {padding: 60px 30px 40px;}
    .indextitle {padding: 0;}
}

@media (min-width: 1100px) {
    /* Header */
    #navigation > .container-fluid {padding: 12px 40px 28px;}
    #navbarCollapse > ul.navbar-nav > li:not(:last-child) {margin-right: 15px;}
    #navbarCollapse > ul.navbar-nav > li > a {font-size: .8125rem;}
}

@media (min-width: 1200px) {
    /* Header */
    #navigation > .container-fluid {padding: 12px 60px 28px;}
    #navbarCollapse > ul.navbar-nav > li > a {font-size: .875rem;}
    
    /* 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;}
    .bus-image > div {margin: 0;}
    .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%}
    
    /* Mobile App */
    .mobileappcontent .pagecontent .row .col-12 > p span {display: block;}
    
    /*** Information Pages ***/
    .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;}
}

@media (min-width: 1300px) {
    /* Header */
    #navbarCollapse > ul.navbar-nav > li:not(:last-child) {margin-right: 24px;}
    
    /* Business */
    .bus-image > div {width:575px;}
    #alternate-ad {width:575px;}
}

@media (max-width: 991px) {
    
    /* Header */
    #navbarCollapse {display: flex; position: fixed; right: 0; top: 0; width:100%; height: 100dvh;z-index:500;transition:opacity .5s,transform .5s,-webkit-transform .5s; overflow: auto; background:linear-gradient(to bottom, #0c5679 0%, #08415c 100%); opacity: 0; visibility: hidden; transform: translate(100%, 0); flex-direction: column; padding: 0 20px 20px; background:#fff; pointer-events: none; flex-grow: 1; justify-content: flex-start; align-items: flex-start; flex-wrap: nowrap;}
    #navbarCollapse:before {content: ''; position: absolute; width:100%; height: 100%; top: 0; left: 0; background: rgba(0,0,0,0.2); opacity: 0; visibility: hidden; transition: .3s opacity; z-index: 10;}
    html.showmenu #navbarCollapse {pointer-events: auto;opacity: 1; visibility: visible; transform: translate(0, 0);t}
    html.showmenu body {overflow: hidden;}

    #navbarCollapse button.closemenu {position: absolute; border:0; background:#f5f5f5; cursor: pointer; margin: 0; padding: 0; top: 8px; right: 16px; width:40px; height: 40px; border-radius: 100%; color:#262626; line-height: 1; transition: .4s background; font-size: 12px; z-index: 1;}
    #navbarCollapse button.closemenu:hover {background:#e5e5e5;}
    
    .translate-mobile {position: relative; padding: 8px 40px 12px 0; width:100%; display: flex; margin: 0;}
    .translate-mobile #translatebutton2 {position: relative;border:none; background:none; cursor: pointer; margin: 0 auto 0 0; text-decoration: none; padding: 10px 36px 10px 44px; width:auto; display: block; position: relative; font-size: 1rem;line-height: 1.25; color:#727272; transition: .4s color; font-weight: 400;}
    .translate-mobile #translatebutton2:after {display:none;}
    .translate-mobile #translatebutton2 .icon-translate:before {position: absolute; transform: translate3d(0, -50%, 0); left: 20px;line-height: 1; top:50%;}
    .translate-mobile #translatebutton2 .icon-chevron-down:before {position: absolute; transform: translate3d(0, -50%, 0); right: 15px;line-height: 1; top:50%; font-size: .5625rem; line-height: 1;}
    .translate-mobile #translatebutton2:hover {color:#165788;}
    
    html.showtranslate #navbarCollapse:before {opacity: 1; visibility: visible;}
    html.showtranslate form {}
    
    #navbarCollapse form {position: relative; padding: 16px 0; width:100%; display: flex; align-items: center;  }
    #navbarCollapse form input {padding:13px 35px 13px 35px;box-shadow: 0px 0px 0px 0px hsl(var(--tertiary-color-hsl), 0.3); transition: .4s all;border-radius: 3px; border: 1px solid #e5e5e5; background:#fafafa; color:#727272; line-height: 1.4285714286; font-size: .875rem; min-height: 48px;}
    #navbarCollapse form input:focus {outline-width: 0 !important;outline-offset: 0 !important; outline: none !important; border-color:#00ADD0 !important; box-shadow: 0px 0px 0px 2px hsl(var(--tertiary-color-hsl), 0.3) !important;}
    #navbarCollapse form button {position: absolute; border:none; padding: 0; background:none;display: flex; width:35px; align-items: center; justify-content: center;font-size: .875rem; color:#636363; line-height: 1;}
    
    #navbarCollapse ul.navbar-nav {position: relative;display: flex; width:100%; justify-content: flex-start; align-items: flex-start; margin: 0; padding: 0;}
    #navbarCollapse ul.navbar-nav > li {position: relative; border-bottom: 1px solid #e5e5e5;width:100%;}
    #navbarCollapse ul.navbar-nav > li:last-child {border-bottom: 0;}
    #navbarCollapse ul.navbar-nav > li > a {padding: 18px 48px 18px 0; display: flex; width:100%; text-decoration: none; font-size: 1rem;font-weight: 600; text-transform: uppercase; color: #727272;align-items: center; }
    #navbarCollapse ul.navbar-nav > li > a:hover {color:#165788;}
    #navbarCollapse ul.navbar-nav > li > a:after {display: none;}
    #navbarCollapse ul.navbar-nav > li > a i {position: absolute;right: 0; font-size: .625rem;width:48px;height:48px;display: flex; align-items: center; justify-content: center; text-align: center; line-height: 1; transition: .4s all;}
    
    #navbarCollapse ul.navbar-nav > li > a.subactive {color:#165788;}
    #navbarCollapse ul.navbar-nav > li > a.subactive i {transform: rotate(180deg);}
    
    #navbarCollapse ul.navbar-nav .sub-menu {position: relative; display: flex; border:none; border-radius: 0; width:100%; padding: 0; max-height: 0; overflow: hidden;transition: max-height 1s ease;}
    #navbarCollapse ul.navbar-nav .slidein {max-height: 1000px; }
    #navbarCollapse ul.navbar-nav ul {position: relative; padding: 0 20px 40px; margin: 0;width:100%;}
    #navbarCollapse ul.navbar-nav ul li {position: relative;}
    #navbarCollapse ul.navbar-nav ul li.nothing {padding: 10px 0; position: relative; display: flex; width:100%; height: auto; color:#727272; text-decoration: none; font-weight: 400; font-size: .875rem; line-height: 1.4285714286; font-style: italic;}
    #navbarCollapse ul.navbar-nav ul li a {padding: 10px 0; position: relative; display: flex; width:100%; height: auto; color:#727272; text-decoration: none; font-weight: 400; font-size: .875rem; line-height: 1.4285714286;}
    
    /* Inside Pages */
    .pagemenu {position: relative;background-color:#f5f5f5; padding: 0; border-radius: 3px;}
    .pagemenu ul {justify-content: center; align-items: flex-start; flex-wrap: nowrap; gap: 0; flex-direction: column; padding: 12px 20px 20px; background:#f5f5f5;}
    .pagemenu ul li {border-bottom: 1px solid #e5e5e5; transition: .4s padding; width:100%;}
    .pagemenu ul li a.nav-link {color:#525252; padding: 12px 30px 12px 12px; font-size: 1rem; line-height: 1.5; font-weight: 600; display: block; width:100%; text-decoration: none;}
    .pagemenu ul li a.nav-link:hover {color:#262626;text-decoration: none;}
    
    .top-pagination {-ms-flex-direction:column; flex-direction: column; text-align: center;}
    .top-pagination > * {margin-bottom: 10px;}
    .top-pagination > *:last-child {margin-bottom: 0;}
    
    /* National Discounts */
    fieldset.filter-group input {font-size: 1rem;}
}

@media (max-width:767px) {
    
    /** Information Pages **/
    #infoboxes .card .card-body i {margin: 0 0 10px; width: 50px; height:50px; font-size: 26px;}
    
    .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) {
    
   
    #form-outer > form .row {flex-direction: column;}
    #form-outer > form .col {width:100%; margin-bottom: 1rem; margin-right:0;}
    #form-outer > form .col-auto {margin: 0 auto; max-width: 100%;}

    
    /** 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;}