@media (min-width: 576px) {
    .container {max-width: 100%;}
    
    .modal.adimage .modal-dialog {max-width:835px;}
    .modal.adimage .modal-dialog .modal-body img {margin: 0 auto; display: block;}
    
    .modal-instructions.modal .modal-dialog {max-width: 760px; width: auto;}
    .modal.lto .modal-dialog {max-width: 900px; width: auto;}
    #qrcode.modal .modal-body {padding: 20px 15px;}
    #qrcode.modal .modal-body img {width:350px;}
    
    /** Form Pages **/
    .formContainer .form-group.half {width:48%;}
    .formContainer .form-group.half.left {margin-right:4%;}
    
    /** INFORMATION PAGES **/
    #infoboxes .fleximg {height:140px;}
}

@media (min-width: 768px) {
    .container {max-width: 750px;}
    html.showmenu body {height:100vh; overflow-y: hidden;}
    
    /* Header */
    header {/*width:101.1%;*/}
    .bottomhead .logo img {height:154px;}
    .buttonwrapper .search-toggle i {font-size: 26px;}
    .buttonwrapper .menu-toggle i {font-size: 33px;}
    
    #mainmenu {height: 100vh; right: -80vw; top: 0; width:350px;}
    #mainmenu a.close-menu {display: -webkit-box; display:-moz-box; display:-webkit-flex; display: -ms-flexbox; display: flex; }
    
    #mainmenu .submenu {right: -350px; width:350px; top:148px;}
    
    #searchmenu {top:0; right: 0; left: 0; height:auto; background-color: rgba(0,36, 114, 0.925);}
    #searchmenu > div.container {padding: 40px 0;}
    #searchmenu a.close-search {display: -webkit-box; display:-moz-box; display:-webkit-flex; display: -ms-flexbox; display: flex;}
    #searchmenu form input {height:70px; font-size: 18px; padding: 15px 70px 15px 30px;}
    #searchmenu form button {height:70px; width: 70px; right:0px;}
    
    /* Index */
    #indexslides {}
    #indexslides .item img {height:500px; }
    #indexslides .item.newvendors img {object-position: 10%}
    #indexslides .caption > div {width:75%;}
    #indexslides .item.subscribe .caption > div {width:50%;}
    
    .indexmiddle:before {content: ''; position: absolute; top:-100px; left: 0; right: 0; width:100%; background: transparent linear-gradient(161deg, #0a44c3 0%, #052262 100%) 0% 0% no-repeat padding-box; height:auto; min-height:750px;}
    .indexmiddle .container > .row {border-radius: 22px; margin-bottom: 20px; z-index: 4; bottom: 20px;}
    .indexmiddle a.btn > span {line-height: 1.2;}
    .indexmiddle a.btn > span > i {font-size: 16px; display: inline;}
    
    .indexsubscribe {background:none;}
    .indexsubscribe .form-container {min-height:250px;}
    .indexsubscribe .form-container .form-group.first {width:49%; margin-right:2%;}
    .indexsubscribe .form-container .form-group.last {width:49%;}
    
    .indexbottom h3 {font-size: 24px;}
    #categoryslide .slick-arrow.slick-prev {left: -15px;}
    #categoryslide .slick-arrow.slick-next {right: -15px;}
    
    /* Inside Pages */
    .pagetitle {height:240px;}
    
    /* Vendors */
    #vendordiscounts span.outerimg {height: 130px;}
    
    /* Cats */
    #cats span.outerimg {height: 130px;}
    
    /* Faqs */
    #faqs > div h3 {font-size: 32px; line-height: 42px;}
    
    /* Mobile App */
    .appbottom h3 {font-size: 2.5em; width:100%;}
    
    /** INFORMATION PAGES **/
    #mainimage > div img {height:500px;}
    #mainimage .caption > div {width:75%;}
    
    #information {min-height:750px; border-bottom-right-radius: 100px;}
    #information .captiontitle p {width:75%;}
    
    #infoboxes .flexcontent > p {margin-top:0;}
    
       /* 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 */
	/*#enrollform .formbody.success {width:80%; margin-left: 10%;}*/
    #enrollmentform.infobox .form-horizontal .control-label {padding-top: 7px; margin-bottom: 0; text-align: right;}
	.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%;}
	.formbody.success #enrollformresponse .rightoutput h3 {font-size: 1.625em; margin-bottom: 12.5px; line-height: 1.1em;}
	.formbody.success #enrollformresponse .rightoutput h5 {padding: 15px 0 10px;}
}

@media (min-width: 992px) {
    .container {max-width: 970px;}
    
    .progress-gotop.show {bottom:90px;}
    
    h1 {font-size: 3.35em; line-height: 3.9375em}
    h2 {font-size: 2.5em; line-height: 1em;}
    h3 {font-size: 2.125em; line-height:1em}
    h4 {font-size: 1.75em; line-height: 1em;}
    h5 {font-size: 1.375em; line-height:1em}
    
    /* Header */
    .tophead > .container {height:45px;}
    .sitetitle {font-size: 14px; padding: 13px 15px;}
    .buttonwrapper .menu-toggle {margin-right: 15px;}
    
    /* Menu */
    #mainmenu {width:450px;}
    #mainmenu .submenu {right: -450px; width:450px;}
    
    /* Footer */
    footer .container {padding-top:30px; padding-bottom: 30px;}
    footer .copyright {float:left; width:auto; padding-bottom: 0;}
    footer .footerlinks {float:right; width: auto;}
    
    /* Index */
    #indexslides .item:before {width:97%;}
    #indexslides .item img {height: 600px; width: 97%;}
    #indexslides .item.newvendors img {object-position: 50%}
    #indexslides .caption > div {width:60%;}
    #indexslides .item.subscribe .caption > div {width:50%;}
    
    .indexmiddle:before { top:-220px; min-height:950px;}
    .indexmiddle .container > .row {bottom:55px; padding: 20px 0;  z-index: 3; margin-bottom: 0;}
    .indexmiddle .col-6 {margin-bottom: 0;}
    .indexmiddle a.btn { display: -webkit-box; display:-moz-box; display:-webkit-flex; display: -ms-flexbox; display: flex; flex-direction: row;  -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items:center; -webkit-box-pack:flex-start; -ms-flex-pack:start; justify-content: flex-start; padding: 6px 12px;}
    .indexmiddle a.btn > span {display: inline-block; text-align: left; /*margin-left: 5px; */}
    .indexmiddle a.btn > span > i {font-size: 18px;}
    
    .indexsubscribe {min-height:600px; padding-bottom: 0; padding-top: 0;}
    .indexsubscribe h2 {font-size: 48px;}
    .indexsubscribe .form-container {min-height: 0;}
    .indexsubscribe form .form-actions {text-align: left;}
    .indexsubscribe .col-lg-6.indexright {float:right; right: calc(-1 * (100vw - 100%) / 2); position: absolute;}
    .indexsubscribe .col-lg-6.indexright img {border-bottom-left-radius: 100%;border-top-left-radius: 100%; height:600px; object-fit: cover;object-position: center; position: absolute;right: 0; width:46vw;}
    
    .indexbottom h3 {font-size: 34px;}
    
    /* Inside Pages */
    .leftcolumn.col-lg-3 {-ms-flex: 0 0 30%; flex: 0 0 30%; max-width: 30%;}
    .rightcolumn.col-lg-9 {-ms-flex: 0 0 70%; flex: 0 0 70%; max-width: 70%;}
    
    #accordion > ul > li {animation: flipdown 0.5s ease both; animation-delay:0.5s;}
    #accordion > ul > li > a {padding: 18px 30px;}
    #accordion > ul > li > a:hover {background-color:rgba(0,161,224,0.0901961);}
    #accordion > ul > li > a.activelink {background-color:#003fc6; color:#fff;}
    #accordion > ul > li.active > a {background-color:#003fc6; color:#fff;}
    
    #accordion > ul ul li a {padding: 6px 15px 6px 59px; font-size: 16px;}
    #accordion > ul ul li:before {font-size: 2em; padding-left:30px;}
    #accordion > ul ul li:last-child {margin-bottom: 10px;}
    
    /* Directions accordion */
    #accordion > ul > li.single > a.activelink {}
    /* End Directions accordion */
    
    #accordion > ul li.active ul.addscroll {max-height:550px;}
    #busaccordion > ul li.active.needscroll .card-body {max-height:550px;}
    #newvendordd {max-height: 500px;}
    
    #busaccordion > ul > li {animation: flipdown 0.5s ease both; animation-delay:0.5s;}
    #busaccordion > ul > li > a {padding: 18px 30px;}
    #busaccordion > ul > li > a:hover {background-color:rgba(0,161,224,0.0901961);}
    #busaccordion > ul > li > a.activelink {background-color:#003fc6; color:#fff;}
    #busaccordion > ul > li.active > a {background-color:#003fc6; color:#fff;}
    
    #busaccordion > ul ul li a {padding: 6px 15px 6px 59px; font-size: 16px;}
    #busaccordion > ul ul li:before {font-size: 2em; padding-left:30px;}
    #busaccordion > ul ul li:last-child {margin-bottom: 10px;}
    
    /* Discounts & Program Info */
    .toplinks a {height:160px; padding: 10px 10px;}
    
    /* Category */
    .discountcontent {/*padding-right:1em;*/}
    
    /* Vendors */
    #vendordiscounts span.outerimg {height: 150px;}
    
    /* Cats */
    #cats span.outerimg {height: 150px;}
    
    /* DIrections */
    #form-outer > form input {font-size:18px;height:66px; padding: 10px 80px 10px 24px;}
    #form-outer > form button {width:80px; height: 66px; line-height: 66px; font-size: 24px;}
    
    .mapbottom h3 {font-size: 1.5em;}
    
    /* Locations */
    .locationouter {height:500px;}
    
    /* Form Pages */
    .formpage p.formpagetext {padding-right:15px;}
    .formpage .formContainer {padding-right: 15px;}
    
    /* Mobile App */
    .appbox h4 {font-size: 2.125em; line-height: 1.25em;}
    
    /** INFORMATION PAGES **/
    #mainimage > div:before {width:97%;}
    #mainimage > div img {height: 600px; width: 97%;}
    #mainimage .caption > div {width:60%;}
    
    #information {min-height:800px;}
    #information .captiontitle p {font-size: 27px;}
    
    .insideinfo h1.title {font-size: 2.5em; line-height: 1em;}
    
    .flex-wrapper > div:last-child {margin-left: 0; margin-right: 0;}
    
    .formouter .formbody > * {width: 90%; margin-left: 5%;}
    .formouter .formbody form {width: 90%; margin-left: 5%;}
    .formouter .formbody > #enrollformresponse {width:100%; margin-left: auto;}
    
}

@media (min-width: 1200px) {
    .container {max-width: 1170px;}
    
    .btn.form {width:350px;}
    
    /** INFORMATION PAGES **/
    #information .captiontitle h1 {font-size: 3.75em;}
    
}

@media (min-width:1350px) {
    /* Index */
    #indexslides .caption > div {width:50%;}
    #indexslides .item.subscribe .caption > div {width:40%;}
    
    .indexsubscribe .col-lg-6.indexright img {object-position: 50%;}
    
    /** INFORMATION PAGES **/
    #mainimage > div img {object-position: bottom;}
    #mainimage .caption > div {width:50%;}
}

@media (max-width: 991px) {
    
    /* Inside Pages */
    .rightnav {background-color:#f8f8f8; border: 1px solid #ccc; border-radius: 15px; margin: 10px auto 25px auto; padding: 0px;}
    #accordion > ul {padding: 5px 0 15px; margin: 2px 0 0; }
    #accordion > ul > li:last-child {border-bottom: none; }
    
    #busaccordion > ul {padding: 5px 0 15px; margin: 2px 0 0; }
    #busaccordion > ul > li:last-child {border-bottom: none; }
    
    /* Form Pages */
    .contactbox.rightnav {border: none; border-radius: 24px 0; padding: 50px 35px; margin-top: 0;}
    .contactbox.rightnav.subscribe {padding: 35px 35px;}
    
     /* Mobile App */
    .appslides {display: block;}
    .appbottom .appbox {margin: 10px auto; text-align: center;}
    .appbottom .appbox:first-child {margin-bottom: 15px;}
    .appbox ul li {}
}

@media (max-width: 767px) {
    
    /* Header */
    html.showmenu .buttonwrapper .menu-toggle i { font-size: 21px;}
    html.showmenu .buttonwrapper .menu-toggle i:before {content: "\e91d";}
    html.showsearch .buttonwrapper .menu-toggle {opacity: 0.2;}
    
    html.showmenu .buttonwrapper .search-toggle {opacity: 0.2;}
    html.showsearch .buttonwrapper .search-toggle i { font-size: 21px;}
    html.showsearch .buttonwrapper .search-toggle i:before {content: "\e91d";}
    
    html.showsearch body {overflow-y: hidden;}
    
    /* Menu */
    #menubg {display:none;}
    
    /* Inside Pages */
    .pagetitle h1 {font-size: 1.625em; margin-top:10px;}
    .breadcrumbs > a, .breadcrumbs > span {display: none !important;}
    .breadcrumbs div.prev-breadcrumb {display:block;}
    
    /* Error Page */
    #searchgrid .gridouter .grid > .mix {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width:100%;}
    
    /* Search Page */
    #resultsgrid .gridouter .grid > .mix {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width:100%;}
    
    /** INFORMATION PAGES **/
    .flex-wrapper > div {margin-bottom: 32px;}
    
    .insideinfo h1.title {}
    .flex-wrapper > div:nth-child(4) {margin-left:auto; margin-right: auto;}
    .flex-wrapper a.btn {margin-bottom: 0;}
    a#closebox {width:30px; right: 30px; top: 30px;}
    .formbody table.formtable tr {}
	.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 {margin: 15px auto 0 auto; padding-top:10px;}
    .formbody.success #enrollformresponse .height > div {text-align:center;}
    .formbody.success .leftoutput {margin-bottom: 15px;}
}

@media (max-width: 600px) {
    
    /**** Information ****/
    #enrollmentform.infobox h1.page-title {}
	#enrollmentform.infobox h1.page-title span {}
    .contacttext2 > span:first-child {line-height:1.6;}
    .contacttext2 > span:first-child > i {display:none;}
    .contacttext2 > span:first-child br {display: block;}

	.contacttext > span {}
    .contacttext > span:first-child > i {display:none;}
    .contacttext > span:first-child br {display: block;}
	
	.formbody table.formtable.formactions button.btn {}
    .formbody.success .otherLinks a.btn { margin: 5px 5px;}
    
}

@media (max-width: 567px) {
    
    /** INFORMATION PAGES **/
    #mainimage .caption > div {width:100%;}
    #mainimage .caption h3 {font-size: 1.25em;}
    #mainimage .caption p {font-size: 16px;line-height: 1.25;}
    #information {overflow: hidden;}
}

@media (max-width: 480px) {
    
    /* Information */
    
    .contacttext {margin: 5px auto 25px auto;}
	.contacttext > span {font-size:15px; line-height:20px;}
	#enrollform.infobox .formbody h4 {}
    .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) {
    
     /* Information */
	
	/* Response */
	.formbody.success .rightoutput {padding: 0;}
	.formbody.success .leftoutput {padding: 0; }
}

@media (max-width:375px) {
    /*Information */

    /* 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 */
	#enrollform.infobox h1.page-title {margin-bottom: 20px;}
	#enrollform.infobox h1.page-title span {}
	.contacttext > span {font-size:14px;}
	.formlogo img {width:150px;}
	#enrollform.infobox .formbody h4 {}
}

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

html.ie .buttonwrapper .search-toggle {display: block; line-height: 58px; padding: 0; text-align: center;}
html.ie .buttonwrapper .search-toggle i {position: relative;}
html.ie .buttonwrapper .menu-toggle {display: block; line-height: 58px; padding: 0; text-align: center;}
html.ie .buttonwrapper .menu-toggle i {position: relative;}
html.ie #mainmenu a.close-menu {}
html.ie #mainmenu a.close-menu i {position: relative;}
html.ie #searchmenu a.close-search i {position: relative;}
html.showsearch.ie #searchmenu {pointer-events: auto;}

html.ie .indexmiddle a.btn > img {width:45px; height:45px;}
html.ie #categoryslide a {display: table; height: 140px; width:100%;}
html.ie #categoryslide a > span {display: table-cell; vertical-align: middle;}

html.ie #accordion > ul ul li:before {font-size: 32px; top:7px;}
html.ie #busaccordion > ul ul li:before {font-size: 32px; top:7px;}

html.ie .toplinks a span {text-decoration: none;}
html.ie .toplinks a span:after {background-color: #003fc6;content: '';height: 1px;left: 0;position: absolute;top: 24px;width: 100%;}
html.ie .toplinks a:hover span:after {background-color: #eb3987;}

html.ie #allCat .item a {text-decoration: none;}
html.ie #allCat .item a:hover {text-decoration: none;}
html.ie #allCat .item a span {text-decoration: none;}
html.ie #allCat .item a:hover span:after {background-color: #eb3987;content: '';height: 1px;left: 0;position: absolute;top: 21px;width: 100%;}

html.ie #vendordiscounts span.busname i {margin-top:-15px; top:30px; line-height: 1;}
html.ie #cat span.busname i {margin-top:-15px; top:30px; line-height: 1;}

html.ie div.geo a {text-decoration: none;}
html.ie div.geo a span:after {background-color: #003fc6;content: '';height: 1px;left: 0;position: absolute;top: 24px;width: 100%;}
html.ie div.geo a:hover span:after {background-color: #eb3987;}

html.ie #newvendors .img a {position: relative; width:100%; display:block;}
html.ie #newvendors .img .busname {background-color:rgba(0,0,0,0.8); display: -ms-flexbox; -ms-flex-line-pack: center; -ms-flex-align: center;}
html.ie #newvendors .img a:hover .busname {background-color:#003fc6;}
html.ie #newvendors .img .busname > span {width:100%; max-width:100%; font-weight: 600;}

html.ie .contactbox p > a:hover {text-decoration: none;}
html.ie .contactbox p > a:hover:after {content: '';height: 1px;left: 0;position: absolute;top: 21px;width: 100%; background-color: #eb3987;}

html.ie #infoboxes .col-12 > div > a {overflow: hidden;}
html.ie #infoboxes .fleximg img {overflow: hidden;}