@media (min-width: 576px) {
    .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;}
    
    h1 {font-size: 36px;}
    h2 {font-size: 24px;}
    h3 {font-size: 20px;}
    
    /* Index */
    #categoryslide {padding: 0 0 50px;}
    
    
    /**** Information Pages *****/
    
    /* Response */
    .formbody.success .rightoutput h3 {font-size: 1.2rem; line-height:1.6rem;}
}

@media (min-width: 768px) {
    .container {max-width:750px;}
    
    /* Footer */
    footer .container {-ms-flex-direction: row; flex-direction: row; -webkit-box-pack:space-between; -ms-flex-pack:justify; justify-content: space-between;}
    
    /* Index */
    #indexslides .swiper-slide img {max-height: 300px;}
    #indexslides .slideimage:before {content:''; position: absolute; z-index: 2; left: 0; right: 0; top: 0; width:100%; height:100%; background:linear-gradient(to top, rgba(255, 255, 255, .5) 0%, rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 0) 100%);}
    #indexslides .caption {position: absolute;top:0; left: 0;background-color:transparent;}
    #indexslides .caption > div {padding: 0 0 50px;}
    #indexslides .caption > div > div {background-color: rgba(0,140,153,.75); box-shadow: 0 1px 1px rgba(0,0,0,.05);border:1px solid transparent;width:65%; padding: 15px 20px;}
    #indexslides .caption h1 {font-size: 40px; text-shadow: 0 1px 2px rgba(0,0,0,.6); padding:10px 0;}
    #indexslides .caption p {text-shadow: 0 1px 2px rgba(0,0,0,.6); padding:15px 0;font-size: 21px;line-height: 30px;}
    #indexslides .caption ul {padding:15px 0;}
    #indexslides .caption ul li a {text-shadow: 0 1px 2px rgba(0,0,0,.6); }
    #indexslides .caption a.link {font-size: 21px;text-shadow: 0 1px 2px rgba(0,0,0,.6);}
    
    #indexslides .swiper-nav > div {font-size:30px;}
    
    .indexmiddle:before {content: ''; position: absolute; left: 0; top:50px; width:100%; height:160px; background-color:#008c99}
    #categoryslide {padding: 50px 0 50px;}
    
    /* Discounts & Program Info */
    .toplinks {margin:1.5rem auto 0;}
    .toplinks a {-webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: space-around; -ms-flex-direction: column; flex-direction:column; font-size: 24px; padding:24px 30px 30px;}
    .toplinks a i {font-size: 2.75rem; margin: 0 auto 1.5rem;}
    
    /**** Information Pages *****/
    #mainimage .slideimage img {max-height: 300px;}
    #mainimage .caption {position: absolute;top:0; left: 0;background-color:transparent;}
    #mainimage .caption > div {padding: 0 0 20px;}
    #mainimage .caption > div > div {background-color: rgba(0,140,153,.75); box-shadow: 0 1px 1px rgba(0,0,0,.05);border:1px solid transparent;width:65%; padding: 15px 20px;}
    #mainimage .caption h1 {font-size: 32px; text-shadow: 0 1px 2px rgba(0,0,0,.6); padding:10px 0;}
    #mainimage .caption p {text-shadow: 0 1px 2px rgba(0,0,0,.6); padding:15px 0;font-size: 18px;line-height: 26px;}
    
    #information:before {content: ''; position: absolute; left: 0; top:50px; width:100%; height:160px; background-color:#008c99}
    #information > div {padding: 50px 0 50px;}
    

    /* 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;}
    
    /* Response */
    .formbody.success #enrollformresponse .height {height: 260px;}
    .formbody.success #enrollformresponse .leftoutput { width:40%; padding: 0;}
    .formbody.success #enrollformresponse .leftoutput img {width:200px;}
    .formbody.success #enrollformresponse .rightoutput {width:60%; text-align: left;}
    .formbody.success #enrollformresponse .rightoutput h3 { margin-top:0;}
    .formbody.success #enrollformresponse .rightoutput h5 {margin-bottom: 1.5rem;margin-top:1.5rem;}
    .formbody.success .rightoutput a {font-size: 1.125rem;}
}

@media (min-width: 992px) {
    .container {max-width:970px;}
    
    /* Header */
    .topheader {}
    .topheader .container {height:75px;}
    
    .topheader .navbar-brand {width:375px}
    .topheader .navbar-brand img {/*width:372px; display:block; height:100%;*/}
    
    #navbarCollapse {height:100%;}
    #navbarCollapse .navbar-nav > li {position: relative; padding: 0 20px 0 0;}
    #navbarCollapse .navbar-nav > li > a {color:#008c99; padding: 5px 0;}
    #navbarCollapse .navbar-nav > li > a:hover {text-decoration: underline;}
    #navbarCollapse .navbar-nav > li > a span.text {display: none;}
    #navbarCollapse .navbar-nav > li > a i.bi-house-door-fill {font-size: 1rem;line-height: 1;}
    #navbarCollapse .navbar-nav > li > a i.bi-caret-down-fill {font-size: 12px; position: relative; top:2px; margin-left:5px;}
    
    #navbarCollapse .sub-menu {position: absolute; top:100%; opacity:0; visibility: hidden;transform: scale(1,0); height: auto; display: block; z-index: 5; border: none; width: auto; min-width:160px; transform-origin: 0 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; padding: 0px; border-radius:4px; box-shadow: 0 6px 12px rgba(0,0,0,.175);background:#fff; border:1px solid rgba(0,0,0,.15);}
    #navbarCollapse li.hasdrop.dropOpen .sub-menu {opacity: 1; visibility: visible; transform: scale(1);}
    
    #navbarCollapse .sub-menu ul {padding: 0.5rem 0;}
    #navbarCollapse .sub-menu ul li {padding: 0 5px;}
    #navbarCollapse .sub-menu ul li.nothing {display: block; padding: 3px 20px; font-weight: 400; min-width:200px;}
    #navbarCollapse .sub-menu ul li a {color:#008c99; display: block; padding: 3px 20px; font-weight: 400; }
    #navbarCollapse .sub-menu ul li a:hover {color:#008c99; background-color:#f5f5f5;}
    
    header .navbar {padding: 0 0 5px; /*height:50px;*/ -ms-flex-direction:column; flex-direction: column;}
    header .navbar .container:last-child {height:35px; padding-bottom: 5px !important;}
    header .navbar h2.programname {font-size: 24px;}
    header .navbar div.search a.btn {margin: 0;padding: 4px 12px;}
    header .navbar div.search a.btn i {position: relative;font-size: 13px; line-height: 1; height:13px; top:3px; margin-left:5px;}
    
    .locationmenu.dropdown-menu {padding: 0.5rem 1rem;width: auto;border-radius: 4px;box-shadow: 0 6px 12px rgba(0,0,0,.175);border: none;margin: 10px 0; min-width: 280px; font-size: 14px; border:1px solid rgba(0,0,0,.15);}
    .locationmenu.dropdown-menu.show {}
    .locationmenu.dropdown-menu li {position: relative;}
    .locationmenu.dropdown-menu li a {text-decoration: none; display: block; white-space: normal; position: relative; padding: 4px 0; margin: 3px 0;border-bottom: 1px solid #eee;color:#008c99;}
    #navbarCollapse .navbar-nav > li.locationdropdown > a.show {border-bottom:2px solid #fff;}
    
    /* Index */
    #indexslides .swiper-slide img {max-height:500px; object-position: 0 85%;}
    #indexslides .swiper-slide.program img {object-position: 0 55%;}
    
    /* Inside Pages */
    body.insidepage .maincontent {padding-bottom: 40px;}
    .leftcolumn {padding-right: 15px; margin-top: 0; margin-bottom: 0;}
    .leftcolumn .sidebar {background:#f0f0f0;}
    .navbar-expand-lg #accordion {display:block !important;}
    #accordion .accordion-item > h3 > a {padding-left: 30px;}
    #accordion .accordion-item {animation: flipdown 0.5s ease both; animation-delay:0.5s; border:none;}
    #accordion .accordion-item .accordion-body {max-height:565px;}

    
    .rightcolumn {padding-left:15px;}
    
    /* Discounts & Program Info */
    .toplinks a {}
    .toplinks a i {font-size: 4rem;}
    .toplinks.programinfo .row > div {margin-bottom: 3rem;}
    
    /* Locations */
    .locationlist.addscroll {max-height:600px;}
    
    /* Search Page */
    #searchouter {padding:1.5rem;background-color:#f5f5f5;}
    #searchouter form {width:80%; margin:auto;}
    #searchfilter > div {/*-ms-flex-direction:row; flex-direction: row;*/}
    .resultstext {/*margin: 0; text-align: left;*/}
    form.resultsfilter {/*-webkit-box-pack: end;-webkit-justify-content: flex-end;-ms-flex-pack: end;justify-content:flex-end;*/}
    
    /**** Information Pages *****/
    #mainimage .slideimage img {max-height:500px; object-position: 0 85%;}
    #mainimage .caption > div {padding: 0 0 50px;}
    #mainimage .caption h1 {font-size: 40px;}
    #mainimage .caption p {font-size: 21px;line-height: 30px;}
    
    #infoboxes .card-header span {font-size: 25px;height:75px;}
    
    a#closebox {width: 3.5rem; height: 3.5rem; line-height:3.5rem; right: 4rem; top: 1rem;}
    a#closebox i {font-size:2.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; line-height:1.2;}
    .formbody.success .rightoutput a {font-size: 1.25rem;}
}

@media (min-width: 1200px) {
    .container {max-width:1170px;}
    
    /* Index */
    #indexslides .caption > div > div {width:60%;}
    #indexslides .swiper-slide.program .caption > div > div {width:50%;}
    #indexslides .swiper-slide.app .caption > div > div {width:65%;}
    
    #indexslides .swiper-nav > div.swiper-button-prev {left:15px;}
    #indexslides .swiper-nav > div.swiper-button-next {right:15px;}
    
    /* Vendors */
    #vendordiscounts .grid .item {width:20%;}
    
    /* New Vendors */
    #newvendors .grid .item {width:20%;}
    
    /* Cats */
    #cat .grid .item {width:20%;}
    
    /**** Information Pages *****/
    #mainimage .caption > div > div {width:60%;}
    #infoboxes .card-header span {height:auto;}
}
@media (max-width: 991px) {
    /* Menu */
    #navbarCollapse {background-color:#008c99;}
    #navbarCollapse .offcanvas-header {-webkit-box-pack:end; -webkit-justify-content: space-between; -ms-flex-pack:justify; justify-content: space-between; color:#fff; border-bottom: 1px solid #fff;}
    #navbarCollapse .offcanvas-header h5 {margin:0;}
    #navbarCollapse .offcanvas-header .btn-close {opacity: 0.75; color:#fff;background:transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;padding:0.8rem;}
    #navbarCollapse .offcanvas-header .btn-close:hover {opacity: 1;}
    
    #navbarCollapse .navbar-nav > li {position: relative;border-bottom: 1px solid rgba(255,255,255,0.15);}
    #navbarCollapse .navbar-nav > li a {color:#fff; font-size: 16px; padding:10px 0 10px 10px; position: relative; }
    #navbarCollapse .navbar-nav > li > a span.icon {display: none;}
    #navbarCollapse .navbar-nav .sub-menu {display: none;}
    
    #navbarCollapse .navbar-nav > li > a.dropdown-toggle:after {display: none;}
    #navbarCollapse .navbar-nav > li > a i:not(.bi-chevron-down) {position: relative; margin-right:8px;}
    #navbarCollapse .navbar-nav > li.locationdropdown > a .bi-chevron-down {font-size: 13px; position: relative; margin-left: 5px;}
    #navbarCollapse .navbar-nav .dropdown-menu {border:none; border-radius: 0; background:none;}
    #navbarCollapse .navbar-nav .dropdown-menu li {}
    #navbarCollapse .navbar-nav .dropdown-menu li a {text-decoration: none; padding: 5px 0 5px 34px; font-size:15px;display: block; position: relative;}
    #navbarCollapse .navbar-nav .dropdown-menu li:first-child a {padding-top:0;}
    
    /*Inside Pages */
    
    .pagetitle h1 {margin-top:0;}
    
    #accordion {position: absolute;width:100%;top:100%; background:#008c99;z-index: 10; border-radius: 0px 0px 5px 5px; margin-top:-4px; padding:0px 0px;}
    #accordion .accordion-item:first-child {padding-top: 5px;}
    #accordion .accordion-item:last-child {padding-bottom: 5px;}
    #accordion .accordion-item > h3 > a {color: #fff;}
    #accordion .accordion-item > h3.active {border:none;}
    #accordion .accordion-item > h3.active > a {background-color:#005d66; color:#fff; }
    #accordion .accordion-item > h3 > a:hover {background-color: #005d66; color:#fff;}
    
    #accordion.locationlist .accordion-item > h3 > a.activelink {background-color:#005d66; color:#fff; }
    
    /* Search */
    #resultsgrid .mix {padding-top:0.5rem; padding-bottom: 0.5rem;}
}
@media (max-width: 767px) {
    /* Index */
    #indexslides .swiper-nav > div {top:40%;}
    
    #categoryslide a i.icon {display: none;}
    #categoryslide a .card-title {height:auto; margin: 0; font-size: 18px;}
    
    /** Information Pages **/
    #infoboxes .card {padding:15px;}
    #infoboxes .card-header i.icon {display: none;}
    #infoboxes .card-header span {margin: 0;}
    #infoboxes .card .card-body span.text-link {font-size: 18px;}
    #infoboxes .card .card-body p {margin-bottom: 5px;}
    
    .contacttext > span:first-child > i {display:none;}
    .contacttext > span:first-child br {display: block;}
    
    .formbody table.formtable td {width:100%; display:block; height:auto; text-align: left;}
	.formbody table.formtable td label.control-label {padding: 10px 0px 0px 0px; margin-bottom:5px;}
    .formbody table.formtable td.answer {margin-bottom:15px; margin-top:0px;}
	.formbody table.formtable.text td {padding-top:15px;}
	.formbody table.formtable.text td.lasttext {padding-top:15px;}
	.formbody table.formtable.signaturetable {margin-top:0px;}
	.formbody table.formtable.signaturetable td {text-align: center;}
	.formbody table.formtable.signaturetable td.tablespace {display:none;}
	.formbody table.formtable.signaturetable td:not(.answer) {height:auto;}
	.formbody table.formtable.signaturetable td.answer {margin-top:15px; margin-bottom:0px;}
	.formbody table.formtable.signaturetable td input.form-control {text-align: center;}
	.formbody table.formtable.signaturetable td input[type=button] {text-align: center;}
	.formbody table.formtable.signaturetable #hiddenImage img {margin: 0 auto;}
    
    /* Signatures */
	#signature-pad {max-width:95%;}
    
    /* Response */
	.formbody.success #enrollformresponse .otherLinks {}
    
}

@media (max-width: 576px) {
    #searchmenu {height:100%;}
    html.showsearch body {overflow: hidden; padding-right:15px;}
    
    /* Footer */
    footer .container .footerlinks ul {-ms-flex-wrap: wrap; flex-wrap: wrap;}
    
    /* Index */
    #indexslides .caption {padding:0;}
    #indexslides .caption > div > div {padding:15px 0;}
    
    /* Discounts & Program Info */
    .toplinks a {font-size: 16px; padding:1.25rem 1rem;}
    .toplinks a i {font-size: 1.5rem;}
    
    /**** Information Pages *****/
    #mainimage .caption {padding:0;}
    #mainimage .caption > div > div {padding:15px 0;}
}
@media (max-width: 480px) {
    /* Index */
    #indexslides .caption {min-height: 105px; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items:center;}
    #indexslides .caption h1 {font-size: 21px;}
    
    /* Inside Pages */
    .page-item:not(.page-arrow) {display: none;}
    
    /* Search */
    #searchfilter > div {padding: 0 0 1rem 0;}
    .resultsfilter a.btn {line-height: 1.2;}
    .resultsfilter > button {line-height: 1.2;}
    
    /**** Information ****/
    .insideinfo h1.title {font-size:22px;}
    
    .contacttext {margin: 5px auto 25px auto;}
    .contacttext > span {font-size:15px; line-height:20px;}
    .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;}
}

@media (max-width: 410px) {
    /* Response */
	.formbody.success .rightoutput {padding: 0;}
	.formbody.success .leftoutput {padding: 0; }
}

@media (max-width: 375px) {
    /* Footer */
    footer .container .footerlinks ul li:after {display: none;}
    footer .container .footerlinks ul li:first-child:after {display: block;}
    
    /* Inside Pages */
    .top-pagination {flex-direction: column;}
    .top-pagination > * {margin-bottom: 0.5rem;}
    .top-pagination > *:last-child {margin-bottom: 0;}
    
    /* Vendors */
    #vendordiscounts .grid.items-visible > .item {width:50%;}
    
    /* New Vendors */
    #newvendors .grid.items-visible > .item {width:50%;}
    
    /* Cats */
    #cat .grid.items-visible > .item {width:50%;}
    
    /* Resources */
    .resourcerow > .col-6 {width:90%; margin: 0 auto 10px;}
    .resourcerow .card .card-img-top {width: 200px;}
    .resourcerow h5.card-title {text-align: center;margin-left: auto; margin-right: auto;}
    .resourcerow .card-body a.btn {margin-left: auto; margin-right: auto;}
    
    /** 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) {
    /* Header */
    .topheader .navbar-brand img {height: 26px;}
    .righthead > button {padding: 0 5px;}
    
    /**** INFORMATION PAGES ****/
    .contacttext > span {font-size:14px;}
	.formlogo img {width:150px;}
}

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