@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;}
    
    #subscribemodal .modal-dialog {max-width: 800px;}
    #subscribemodal .subscribeindex form {padding: 15px;}

    .modal.resources .modal-dialog {max-width: 850px; width: auto;}
    
    /* Index */
    #indexslides .swiper-slide img {height:595px}
    #categoryslide a {padding: 0.875rem;min-height:181px;}
    
    /* Inside Pages */
    .subtitle h4 {min-height: 72px;}
    
    /* Business */
    .bus-image > div {width:520px;}
    #alternate-ad {width:520px;}
    
    /***** Information Pages *****/
    #mainimage .slideimage img {height:595px;}
    
    #infoboxes .card {padding: 0.875rem;min-height:181px;}
}

@media (min-width: 768px) {
    h1 {font-size:2.5rem}
    h2 {font-size:1.875rem}
    h3 {font-size:1.5rem;}
    
    .form-control {/*font-size: 1.5rem;*/ padding: .75rem 1rem;}
    input.form-control {height:50px;}
    .form-control[type=search] {font-size: 1.5rem;}
    
    /* Header */
    header .navigation:before {background-color: #008752;border-color: #5CB090;border-style: solid;border-width: 0 0 1px;content: " ";display: block; height: 7px;position: absolute; top: 0;width: 100%; z-index:1}
    header .navbar {flex-wrap: nowrap; justify-content: flex-start;}
    body.insidepage .navbar:after {margin-left: -26%;}
    header .navbar a.navbar-brand {padding-bottom: 0.188rem; align-self: flex-end; margin-right: 0;}
    
    header .sitename {width:100%; display: -webkit-box; display:-moz-box; display:-webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack:flex-end; -ms-flex-pack:end; justify-content: flex-end; order: 1; z-index: 10;}
    header .sitename > div {background-color:#fff; flex-wrap: nowrap; width: -moz-min-content; width: min-content;  }
    header .sitename > div > h1 {font-size: 0.8rem; line-height: 1.25; padding-left: 1rem; padding-right: 1rem; border-style: solid; border-width: 1px 0 1px 1px; border-color: #f3f3f3; border-radius: 0 0 0 .4rem;}
    header .sitename a#translatebutton {font-size: 0.8rem; padding-left: 1rem; padding-right: 1rem;border-style: solid; border-width: 1px 0 1px 1px; border-color: #f3f3f3; text-decoration: none;}
    header .sitename a#translatebutton:hover {background-color:#004b2d; border-color: #004b2d; color:#fff;}
    header .sitename button.search-button {font-size: 1.2rem; line-height: 1; padding-left: 1rem; padding-right: 1rem;}
    header .sitename button.search-button:hover {background-color:#004b2d; border-color: #004b2d; color:#fff;}
    
    header .sitename form button.search-btn {font-size: 1.5rem;}
    header .sitename .search-desktop.slide-in {width:37.5rem;}
    
    header .mainnav {margin-top:2.5rem; order: 2;}
    
    #navbarCollapse ul.navbar-nav {-webkit-box-pack:flex-end; -ms-flex-pack:end; justify-content: flex-end;}
    #navbarCollapse ul.navbar-nav > li > a {color:#008752; font-weight: 700; font-size: 0.9rem;padding-right:calc(1rem * .75); padding-left:calc(1rem * .75); }
    #navbarCollapse ul.navbar-nav > li > a:hover {color:#004B2D; }
    #navbarCollapse ul.navbar-nav > li > a:after {border-radius: .4rem; content: ''; display: block; height:3px; width:100%;}
    #navbarCollapse ul.navbar-nav > li > a:hover:after {background-color: #004b2d; transition: ease-in-out 130ms}
    #navbarCollapse ul.navbar-nav > li:first-child > a {padding-left: 0;}
    #navbarCollapse ul.navbar-nav > li:last-child > a {padding-right: 0;}
    
    #navbarCollapse ul.navbar-nav > li ul.sub-menu {display: block; background-color:#fff; border-color:#DDDDD1; border-radius: .4rem;visibility: hidden; opacity: 0; transition: all 0.3s ease-in-out; transform: scale(0,1);}
    #navbarCollapse ul.navbar-nav > li.show ul.sub-menu {visibility: visible; opacity: 1; transform: scale(1); }
    
    #navbarCollapse ul.navbar-nav ul > li {position: relative;}
    #navbarCollapse ul.navbar-nav ul > li.nothing {display:block; position: relative;padding: .5rem 1rem;}
    #navbarCollapse ul.navbar-nav ul > li > a {display:block; position: relative; padding: .5rem 1rem; white-space: nowrap; text-decoration: none;}
    #navbarCollapse ul.navbar-nav ul > li > a:hover {background-color: #f4f3ec}
    #navbarCollapse ul.navbar-nav ul > li > a.activelink {background-color: #f4f3ec;}
    
    /* Index */
    #indexslides { }
    #indexslides .swiper-wrapper {margin-top: 1.25rem;}
    #indexslides .swiper-slide img {height:535px;}
    #indexslides .slideimage:after {background:rgba(255,255,255,0.8); background: linear-gradient(180deg,#ffffff, rgba(255,255,255,0.2) 50%, transparent 100%); content: ''; display: inline-block; height:100%; left: 0; opacity: 100%; position: absolute; top: 0; width: 100%;}
    #indexslides .caption > div.container {padding-top: 4.5625rem !important;}
    #indexslides .caption a.btn {font-size: 1.25rem;}
    
    /*.indexmiddle {margin-top:-2.4rem; padding-top:0;}
    .indexmiddle:after {height:82%;}*/
    #categoryslide {margin-top:-2.5rem;}
    #categoryslide a {min-height:156px;}
    #categoryslide a .card-body {justify-content: space-between}
    
    #newvendorslide .swiper-slide {width:200px;}
    #newvendorslide a.card span.newvendortitle {font-size: 1.25rem;}
    
    .indexbottom .form-container {padding: 1.875rem 1.25rem;}
    
    /* Inside Pages */
    .maincontent > .container {padding-top:1.25rem;}
    .navbar-expand-md #accordion {display:block !important; }
    #accordion .accordion-item {animation: flipdown 0.5s ease both; animation-delay:0.5s;}
    #accordion .accordion-item .accordion-body {max-height:550px;}
    
    .maincontent.onecol {padding-top:1.25rem;}
    .tan-bg {margin-bottom: 2.5rem; padding-bottom: 0; padding-top:0;}
    .tan-bg .tan-content {padding:2.5rem;}
    .tan-bg p {font-size: 1.5rem;}
    
    .pagetitle h2 {font-size: 2.5rem;}
    .subtitle h4 {font-size: 1.5rem;padding: 1rem 1.25rem; min-height: 110px;}
    .subtitle h2 {font-size: 1.5rem;padding: 1rem 1.25rem;}
    .top-pagination {padding: 1.5rem 1.25rem;margin-bottom: 2.5rem;}
    .top-pagination .mixitup-page-stats {font-size: 1.5rem; padding: 1rem 0;}
    
    /* Error & Search Pages 
    #list-tab a {flex-basis:24%;}*/
    #list-tab a { border-radius: 0; box-shadow: none; padding: 0.5rem 0.5rem; font-size: 0.9rem;}
    
    .searchpage #searchouter {width:66.6667%;}
    .searchpage #searchouter form { width:80%; flex-wrap: nowrap; gap:.625rem 1.25rem}
    .searchpage #searchouter form button {font-size: 1.5rem;}
    
    /* Form Pages */
    .maincontent.onecol > .container.bg-content p.formpagetext {font-size: 1.5rem; line-height: 1.35;}
    .formpage p.formpagetext {padding:2rem;}
    
    
    
    /***** Information Pages *****/
    #mainimage .swiper-wrapper {margin-top: 1.25rem;}
    #mainimage .slideimage img {height:535px;}
    #mainimage .slideimage:after {background:rgba(255,255,255,0.8); background: linear-gradient(180deg,#ffffff, rgba(255,255,255,0.2) 50%, transparent 100%); content: ''; display: inline-block; height:100%; left: 0; opacity: 100%; position: absolute; top: 0; width: 100%;}
    #mainimage .caption > div.container {padding-top: 4.5625rem !important;}
    
    #infoboxes {margin-top:-2.5rem;}
    #infoboxes .card {min-height:156px;}
    #infoboxes .card-body {justify-content: space-between}
    
    .insideinfo h2.title {font-size: 36px;}
    
    /* 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: 872px) {
    /* header */
    header .navbar a.navbar-brand img {width:236px;}
    #navbarCollapse ul.navbar-nav > li > a {padding-right:calc(1rem * .75); padding-left:calc(1rem * .75); font-size: 1rem;}
    
    /* Error and Search Pages */
    #list-tab a {font-size: 1rem; padding: 0.5rem 0.5rem;}
}

@media (min-width: 992px) {
    
    /* Header */
    /*header .sitename > div {height:auto; -webkit-box-pack:flex-end; -ms-flex-pack:end; justify-content: flex-end;}
    header .sitename > div > h1 {padding: 0 15px 0 0;}*/
    header .navbar a.navbar-brand img {width:254px;}
    
    
    header .sitename .search-desktop.slide-in {width:50rem;}
    
    header .sitename > div > h1 {font-size: .85rem}
    header .sitename a#translatebutton {font-size: 0.85rem;}
    
    #navbarCollapse ul.navbar-nav > li > a {font-size: 1.125rem; padding-left: calc(1rem * .875); padding-right: calc(1rem * .875); }

    
    /* Index */
    #indexslides .swiper-slide img {height:530px;}
    #indexslides .swiper-slide.programslide img {object-position: 50% 70%;}
    #indexslides .swiper-slide.showid img {object-position: 0% 40%;}
    #indexslides .caption h2 {}
    #indexslides .caption p {font-size: 1.15rem;}
    #indexslides .contactslide .caption p {}
    
    /*.indexmiddle {margin-top:-5rem;padding-top:3.5rem;}
    .indexmiddle:after {height:95%;}*/
    #categoryslide {margin-top: -3rem;}
    #categoryslide a {min-height:181px;}
    #categoryslide .swiper-slide {padding: 0px 12px 0 12px;}
    
    /* Inside Pages */
    
    /* Discounts & Program Info */
    .toplinks a {padding:1.5rem;}
    .toplinks a i {width:78px; height:78px; font-size: 40px;}
    .toplinks a h4 {font-size: 24px;}
    
    /* Error & Search Pages */
    .errorpage #searchouter {width:75%;}
    #list-tab a {flex: 1;/*flex: 1; flex-basis: 15%;*/}
    

    /* LTO Page */
    .ltopagetext p {}
    .subtitle.ltotitle h3 {text-align: left;}
    
    /* Form Pages */
    p.formpagetext {}
    
    /* FAQS */
    #faqs .faqs h4 {font-size: 1.25rem;}
    
    /* Contact */
    .contactrow .leftcolumn .sidebar {margin-left:auto;}
    
    /* Mobile App */
    .mobileappcontent .pagecontent > .row:nth-child(2) > div {flex-direction: row;}
    .mobileappcontent img {width:300px;}
    .appslides .appbox > div > i {font-size: 40px; width:78px; height: 78px;}

    
    
    /***** Information Pages *****/
    #mainimage .swiper-slide img {height:530px;}
    #mainimage .caption h2 {}
    #mainimage .caption p {font-size: 1.15rem;}
    
    #infoboxes {margin-top: -3rem;}
    #infoboxes > div {margin-bottom: 0;}
    #infoboxes .card {min-height:181px;}
    
    a#closebox {right: 4rem; top: 1rem;}
    a#closebox i {font-size:30px;}
    
}
@media (min-width: 1080px) {
    /* Header */
    header .navbar a.navbar-brand img {width:272px;}
    #navbarCollapse ul.navbar-nav > li > a {font-size: 1.25rem; padding-left: 1rem; padding-right: 1rem; }
    
    /* Error and Search Pages */
    #list-tab a {padding: 0.875rem 0.5rem;}
    
    
}
@media (min-width: 1200px) {
    /* Header */
    body.insidepage .navbar:after {margin-left: -17.875rem;}
    #navbarCollapse ul.navbar-nav > li > a {}
    
    /* Index 
    #indexslides .swiper-slide  {height:575px;}*/
    
    
    /* Inside Pages */
    /*.leftcolumn.col-lg-4 {width:31%;}
    .rightcolumn.col-lg-8 {width:69%;}
    .mixitup-page-stats {font-size: 18px;}*/
    .maincontent.onecol > .container.no-bg:after {margin-left: -17.875rem;}
    .maincontent.onecol > .container.bg-content:after {background-position: calc(50% - 26.5rem) -8.5rem; left: 0; top: 0; margin-left: 0;}
    .maincontent.onecol.purple > .container.bg-content p {width:75%;}
    
    /* Vendors */
    #vendordiscounts .grid .item {width:20%; padding:8px;}
    
    /* New Vendors */
    #newvendors .grid .item {width:20%; padding:8px;}
    
    /* National Discounts */
    #nationaldiscounts .grid .item {width:20%; padding:8px;}
    
    /* Cats */
    #cat .grid .item {width:20%; padding:8px;}
    
    /* 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;}
    .businesslinks > ul li {padding: 0 0 1rem; flex-grow: 1; width:100%;}
    .businesslinks > ul > li > a.btn { width: 100%}
    
    /* Error and Search Pages */
    #list-tab a {font-size: 1.25rem; padding: 1rem 0.5rem;}
    
    
    /* Contact */
    .contactrow .leftcolumn .sidebar {margin-left:30px;}
    
    

    /*** 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: 1400px) {
    .container {max-width:1375px;}
    .maincontent.onecol > .container {max-width:100%;}
    .maincontent.onecol > .container > .row {max-width: 1375px;}
    
    /* Index */
    #indexslides .swiper-slide.programslide img {object-position: 50% 60%;}
    
    /* Index */

    
    /* Inside Pages
    .leftcolumn.col-lg-4 {width:33.33333333%;}
    .rightcolumn.col-lg-8 {width:66.66666667%;}
    .leftcolumn .sidebar {margin-left:40px;} */
    
    
    /* Business */
    .bus-image > div {width:575px;}
    #alternate-ad {width:575px;}
    
    /* Contact */
    .contactrow .leftcolumn {width:33.33333333%;}
    .contactrow .leftcolumn .sidebar {margin-left:40px;}
    .contactrow .rightcolumn {width:66.66666667%;}
}

@media (min-width: 1600px) {
    /* Index 
    #indexslides .swiper-slide  {height:800px;}*/
    
    
    
    
}

@media (max-width:1199px) {
    
}

@media (max-width: 991px) {
    
    
    /* Inside Pages */
    .maincontent > .container > .row {margin-left:auto; margin-right:auto;}
    #accordion .accordion-item .mCSB_outside+.mCSB_scrollTools {right:0;}
    
    /** Information Pages **/
    .formbody form #formsubmit {font-size: 16px;}
}

@media (max-width: 767px) {
    /* Header */
    body.insidepage .navbar:after {margin-left: -21.5%; top: 5.6rem;}
    header .offcanvas {overflow: auto;background-color:#004B2D;}
    header .mainnav {background-color:#008752; padding: 0 0 2.5rem;}
    header .mainnav .offcanvas-header {position: relative; padding:0.188rem 1rem 0 1rem; display: flex; align-items: center;}
    header .mainnav .offcanvas-header .navbar-brand {padding-bottom: .34375rem}
    header .mainnav .offcanvas-header .navbar-brand span {font-size: 1rem; color: #fff; font-style: italic; font-weight: 400;}
    header .mainnav .offcanvas-header .navbar-brand img {max-width: 200px;}
    header .mainnav .offcanvas-header .btn-close {margin: 0;background-color: #fff; border:4px solid #fff; border-radius: 50%; opacity: 1; width:1em; height:1em; padding:0; --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23008752'%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");}
    
    #navbarCollapse ul.navbar-nav > li > a {color:rgba(255,255,255,0.8); font-weight: 400; font-size: 1.5rem; align-items: center;}
    #navbarCollapse ul.navbar-nav > li > a:hover {color:#fff;}
    #navbarCollapse ul.navbar-nav > li > a:after {display: none;}
    #navbarCollapse ul.navbar-nav > li > a i {color:rgba(175,235,211,0.45); font-size: 0.8em; position: relative; margin-left: 15px; transition: all ease 0.3s;}
    #navbarCollapse ul.navbar-nav > li > a.show i {transform: rotate(180deg);}
    
    #navbarCollapse ul.navbar-nav > li ul {background:none; color:#fff; border:none; box-shadow: none; padding-top:0;}
    #navbarCollapse ul.navbar-nav > li ul li {position: relative;}
    #navbarCollapse ul.navbar-nav > li ul li.nothing {display: block; color:#fff; padding: .5rem 1rem .5rem 1.5rem; font-style: italic;}
    #navbarCollapse ul.navbar-nav > li ul li a {display: block; color:#fff; padding: .5rem 1rem .5rem 1.5rem; color:rgba(255,255,255,0.8); text-decoration: none;}
    #navbarCollapse ul.navbar-nav > li ul li a:hover {color:#fff;}
    
    header .sitename {background-color:#004B2D; border-top:1px solid rgba(255,255,255,0.5);padding: 1rem 1rem 2.625rem 1rem; }
    header .sitename > div {flex-direction: column;}
    header .sitename button.search-button {display: none;}
    header .sitename > div > h1 {/*display: none;*/color:#fff;}
    header .sitename a#translatebutton {color:#fff; font-size: 1.375rem; line-height: 1em; padding: .875rem 0; display: flex; align-items: center; font-weight: 400; text-decoration: none;}
    header .sitename a#translatebutton:hover {color:rgba(255,255,255,0.8);}
    header .sitename a#translatebutton i {display: block; color:rgba(175,235,211,0.45); font-size: 0.8em; margin-right: 0.5em;}
    header .sitename a#translatebutton.show i {transform: rotate(90deg);}
    header .sitename a#translatebutton:after {display: none;}
    
    header .sitename .translate-menu {position: relative; width:100%; background:none; box-shadow: none; padding: 0; margin: 0;}
    header .sitename .translate-menu li {background:none;color:#fff; border-color: rgba(255,255,255,0.5); padding: 5px 10px 5px 20px;}
    
    header #offcanvasSearch .offcanvas-header h5 {color:#fff;}
    header #offcanvasSearch .offcanvas-header .btn-close {margin: 0;background-color: #fff; border:4px solid #fff; border-radius: 50%; opacity: 1; width:1em; height:1em; padding:0; --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23008752'%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");}
    header #offcanvasSearch form {display: flex; gap: 0 15px;}
    header #offcanvasSearch form ::-webkit-input-placeholder {font-size: 1.25rem; color:transparent;}
    header #offcanvasSearch form input:focus {border-color:#000;}
    header #offcanvasSearch form button.search-btn {line-height: 1; padding: .875rem 1.875rem; background:#008752; border: 1px solid #fff; font-weight: 900; color: #fff; border-radius: .4rem;}
    header #offcanvasSearch form button.search-btn:hover {background:#fff; color:#008752}
    
    /* Footer */
    footer .copyright {text-align: center; padding-bottom: .75rem;}
    footer .footerlinks ul {-webkit-box-pack:center; -ms-flex-pack:center; justify-content: center; flex-direction: column; align-items: center;}
    footer .footerlinks ul li {margin-right: 0; margin-bottom: .75rem;}
    
    /* Index */
    #indexslides {}
    #indexslides .swiper-slide {/*height:407px;*/ height: 250px; background-color:#008752; background-image: linear-gradient(to bottom, transparent 70%, #014E2F),url("/assets/images/flame-white.svg"); background-repeat: no-repeat; background-size: auto, 105% auto; background-position: center; }
    #indexslides .swiper-slide img {display: none;}
    #indexslides .caption > div.container {padding: 3rem .25rem 1rem .25rem; align-items: center; text-align: center;}
    #indexslides .caption h2 {color:#fff;}
    #indexslides .caption p {color:#fff;}
    #indexslides .caption a.btn {color:#008752; background-color:#fff; box-shadow: 0.3125rem 0.3125rem 0 0 rgba(0,0,0,0.1);}
    
    /* Inside Pages */
    .leftcolumn {padding-left: 0; padding-right: 0;}
    .fullcolumn {padding-left:1rem; padding-right: 1rem;}
    .maincontent.onecol > .container.bg-content {padding-top:2.5rem;}
    #main .maincontent.onecol > .container.bg-content p {font-size: 1.125rem;margin-bottom: 1.5rem}
    #main .maincontent.onecol > .container.bg-content p:nth-child(2) {margin-top: .875rem; margin-bottom: .5rem}
    body.insidepage.onecolumn .navbar:after {background-size:200%; margin-left: 0; top:54px;}
    
    .pagetitle h2 {font-size: 1.875rem;}
    
    /* Contact */
    #main .maincontent.onecol > .container.bg-content p.contact-content {margin-bottom: .5rem;}
    
    /** Information Pages **/
    #mainimage .slideimage {/*height:407px;*/ height: 250px; background-color:#008752; background-image: linear-gradient(to bottom, transparent 70%, #014E2F),url("/assets/images/flame-white.svg"); background-repeat: no-repeat; background-size: auto, 105% auto; background-position: center; }
    #mainimage .slideimage img {display: none;}
    #mainimage .caption > div.container {padding: 3rem .25rem 1rem .25rem; align-items: center; text-align: center;}
    #mainimage .caption h2 {color:#fff;}
    #mainimage .caption p {color:#fff;}
    
    .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) {
    
    /* 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;}
    
    #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 (min-width: 480px) and (max-width: 575px) {
    .container {flex-grow: 0;}
    header .container {flex-grow: 0;}
}

@media (max-width: 480px) {
    /* Header */
    header #offcanvasSearch form {display: block; gap: 0; text-align: center;}
    header #offcanvasSearch form button { margin-top:15px; }
    
    /** Information Pages **/
    body.infopage .insideinfo > .container {width:95%;}
    #mainimage .slideimage img {}
    #mainimage .caption h1 {}
    #mainimage .caption p {}
    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) {
    
    /* Header */
    header .sitename > div {height:26px;}
    header .sitename > div > span {font-size: 15px;}
    
    /*** Information Pages ***/
    #mainimage .slideimage img {height:350px;}
    #mainimage .caption h2 {font-size: 1.35rem;}
    #mainimage .caption p {}
    
    /* 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;}