@media (min-width: 576px) {
    
    .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:780px; 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: 700px;}
    #subscribemodal .subscribeindex form {padding: 15px;}
    
    .modal.resources .modal-dialog {max-width: 800px;}
    
    /* Inside Pages */
    .page-item:not(.page-arrow) {display: block;}
}

@media (min-width: 768px) {
    /* Index */
    #indexslides .caption > div > div {}
    .form-container form .row {padding-bottom: 1.25rem;}
    
    /* Discounts & Program Info */
    .toplinks .card-body a {-webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-direction:column; flex-direction: column;}
    .toplinks .card-body a i {margin: 0 auto 1rem auto; padding: 0 0 5px 0; font-size: 2.5rem;}
    .toplinks .card-body a h3 {font-size: 1.625rem;}
    
    /* Error Pages */
    #searchouter { width:75%;}
    #list-tab a {flex-basis: 32%;}
    
    /* Search Page */
    #searchpageouter form { width:75%;}
    
    /* Form Pages */
    #formresponse table {width:80%;}
    
    /**** 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;}
    
    /* 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;}
    
    /* Example Page */
    #exampleslide .zoomlink {display:none;}
    #exampleslide .swiper-slide-active .zoomlink {display:block;}
}

@media (min-width: 992px) {
    /* Main Elements */
    .container-fluid {padding: 0 40px;}
    
    /* Header */
    .topbar .container-fluid {-webkit-box-pack:space-between; -ms-flex-pack:space-between; justify-content: space-between; height:45px;}
    .topbar form input.form-control {height:45px;}
    
    .topbar.alternate .container-fluid {-webkit-box-pack:flex-end;-ms-flex-pack:end; justify-content: flex-end;}
    .topbar.alternate span.sitetitle {border-right: 1px solid #7badd3;}
    .topbar.alternate span.link {border-left:1px solid #004876;}
    .topbar.alternate span a {color:#fff; text-decoration: none;}
    .topbar.alternate span a:hover {text-decoration: underline;}
    
    header .navbar > .container-fluid {}
    .navbar-brand {padding: 1.25rem 2.5rem 1.25rem 0rem;-webkit-box-flex: 0; -ms-flex: 0 1 20%; flex: 0 1 20%;}
    .navbar-brand img { max-width:100%;}
    
    .navbar-collapse {-webkit-box-pack: flex-end; -ms-flex-pack:end; justify-content: flex-end; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; width:90%; flex-grow: 0;}
    .navbar-collapse > ul.navbar-nav {-webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch;flex: 1 1 auto; width:100%; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-pack:end; -ms-flex-pack:end; justify-content: flex-end;}
    .navbar-collapse > ul.navbar-nav > li {display: -webkit-box; display:-moz-box; display:-webkit-flex; display: -ms-flexbox; display: flex; flex: 1 1 auto; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center;-ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; position:relative;}
    .navbar-collapse > ul.navbar-nav > li > a.nav-link {display: -webkit-box; display:-moz-box; display:-webkit-flex; display: -ms-flexbox; display: flex;flex: 1 1 auto; -webkit-box-pack:center; -ms-flex-pack:center; justify-content: center;  -webkit-box-align: center;-ms-flex-align: center; align-items: center; padding: 0 1.125rem; width:100%; text-align: center; text-decoration: none; font-weight: 500; font-size: 1rem;}
    .navbar-collapse > ul.navbar-nav > li > a.dropdown-toggle:after {display:none;}
    .navbar-collapse > ul.navbar-nav > li > a:hover {color:#002a4b;}
    .navbar-collapse > ul.navbar-nav > li > a[aria-expanded=true] {color:#002a4b;}
    .navbar-collapse > ul.navbar-nav > li:nth-child(4n+1) > a[aria-expanded=true] {border-bottom-color: #54c8e8}
    .navbar-collapse > ul.navbar-nav > li:nth-child(4n+2) > a[aria-expanded=true] {border-bottom-color: #cddb00}
    .navbar-collapse > ul.navbar-nav > li:nth-child(4n+3) > a[aria-expanded=true] {border-bottom-color: #ed40a9}
    .navbar-collapse > ul.navbar-nav > li:nth-child(4n+4) > a[aria-expanded=true] {border-bottom-color: #90d5ac}
    
    .navbar-collapse > ul.navbar-nav > li.mainactive > a {border-bottom-width:6px;}
    
    .navbar-collapse .dropdown-menu {padding: .5rem 1.5rem; box-shadow: 0 3px 6px rgba(0,0,0,0.25); border:none;border-radius: 0;margin: 0; min-width:14rem;}
    .navbar-collapse .dropdown-menu.show {-webkit-animation: slideUp .4s; animation: slideUp .4s;-webkit-animation-fill-mode: forwards; animation-fill-mode:forwards;}
    .navbar-collapse .dropdown-menu li {position: relative; margin: 5px 0px;}
    .navbar-collapse .dropdown-menu li.nothing {display: block; width:100%; padding: .5rem 0; white-space: nowrap;margin: 0;}
    .navbar-collapse .dropdown-menu li a {padding: .2rem 0; display: inline-block; width:auto;background:none;border-bottom:2px solid transparent; color:#555;}
    .navbar-collapse .dropdown-menu li a.active {color:#555;}
    .navbar-collapse .dropdown-menu li a:hover {color:#555;}
    .navbar-collapse .dropdown-menu[aria-labelledby=discountsdropdown] li a:hover {border-bottom-color:#54c8e8}
    .navbar-collapse .dropdown-menu[aria-labelledby=ltodropdown] li a:hover {border-bottom-color:#cddb00}
    .navbar-collapse .dropdown-menu[aria-labelledby=infodropdown] li a:hover {border-bottom-color:#ed40a9}
    
    .search-box form {max-width: 600px;}
    
    /* Index */
    #indexslides .swiper-slide:before {background:rgba(255,255,255,0.4); background: linear-gradient(to bottom right, rgba(255,255,255,0.6) 0%, rgba(255,255,255,0) 50%, rgba(255,255,255,0) 100%); content: ''; display: inline-block; height:100%; left: 0; opacity: 75%; position: absolute; top: 0; width: 100%;}
    #indexslides .caption {position: absolute; z-index: 3; bottom:0; left:0; margin: 0 auto; width:100%; height: 100%; text-align: left; display: -webkit-box; display:-moz-box; display:-webkit-flex; display: -ms-flexbox; display: flex; -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: 0; color:#fff;}
    #indexslides .caption > div {position:relative;}
    #indexslides .caption > div > div {width:40%; max-width: 600px; padding: 40px; background:rgba(49,49,49,0.65); color:#fff; position:absolute; left: 50%; top:50%; transform: translateY(-50%) translateX(-100%); margin: 0 1rem 0.625rem 0;}
    
    #indexslides .caption h3 {color:#fff;}
    #indexslides .caption a.btn {font-size:1.35rem;}
    #categoryslide a.card {height:198px;}
    #categoryslide a.card .card-body {padding: 30px 10px;}
    
    #indexslides .mobile .caption p {margin:0 0 1rem 0;}
    #indexslides .mobile .caption h3 {margin:0 0 1rem 0;}
    
    #indexslides .prizeslide .caption h4 {color:#fff;}
    #indexslides .prizeslide .caption p {margin:0 0 1rem 0;}
    #indexslides .prizeslide .caption h3 {margin:0 0 1rem 0; padding: 0 0 1rem;}
    
    #indexslides .newvendors .caption > div > div {width:45%;max-width: 650px; padding: 20px 40px;}
    
    /* Inside Pages */
    .breadcrumbs ul {padding: 0;}
    .breadcrumbs ul li {padding: 0;}
    .breadcrumbs ul li a {display: -webkit-box; display:-moz-box; display:-webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items:center; min-height:37px; padding: 0;}
    .breadcrumbs ul li span {display: block; position:relative; width: 9px; height:100%; margin: 0 20px; position:relative; background-image: url(../images/breadcrumb-sep.svg); background-repeat: no-repeat; background-position: center center; background-size: 100% 100%;}
    
    .navbar-expand-lg #accordion {display:block !important;}
    #accordion .accordion-item {animation: flipdown 0.5s ease both; animation-delay:0.5s;}
    .accordion-item .accordion-body {max-height:600px;}
    
    .leftcolumn {margin-bottom: 0;}
    .rightcolumn.col-lg-9 {width:67.79767%; margin-left: 7.14286%;}
    
    
    /* Vendors */
    #vendordiscounts span.outerimg  {padding:0.5rem 0.5rem 0 0.5rem;}
    
    /* New Vendors */
    #newvendors span.outerimg  {padding:0.5rem 0.5rem 0 0.5rem;}
    
    /* Cats */
    #cat span.outerimg  {padding:0.5rem 0.5rem 0 0.5rem;}
    
    /* Error Pages */
    #list-tab a {flex-basis:24%;}
    
    /**** INFORMATION PAGES ****/
    #mainimage .caption {position: absolute; z-index: 3; bottom:0; left:0; margin: 0 auto; width:100%; height: 100%; text-align: left; display: -webkit-box; display:-moz-box; display:-webkit-flex; display: -ms-flexbox; display: flex; -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: 0; color:#fff;}
    #mainimage .caption > div {position:relative;}
    #mainimage .caption > div > div {width:50%; max-width:700px; padding: 25px; background:rgba(49,49,49,0.65); color:#fff; margin-left: 7%;}

    #mainimage .caption h3 {color:#fff; font-size:1.9rem;}
    
    .insideinfo > .container-fluid {max-width:1200px;}
    a#closebox {width:3.2rem; height:3.2rem; right:4rem; top:2rem; line-height:3.2rem;}
    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;}
    
    /* Example Page */
    #exampleslide .zoomlink {display:none;}
    #exampleslide .swiper-slide-active .zoomlink {display:block;}
    #exampleslide .zoomlink .btn {font-size:1.05rem; padding: 0.75rem 1rem;}
}
@media (min-width: 1200px) {
    
    /* Index */
    #indexslides .caption a.btn {font-size:1.5rem;}
    #indexslides .mobile .caption p {margin:0 0 1.5rem 0;}
    #indexslides .mobile .caption h3 {margin:0 0 1.5rem 0;}
    
    
    /* Inside Pages */
    .col-lg-3.leftcolumn {width:21.875%; margin-right: 3.125%;}
    .rightcolumn.col-lg-9 {margin-left: 0; width:75%;}
    
    /* Vendors */
    #vendordiscounts span.outerimg  {padding:1rem 1rem 0 1rem;}
    
    /* New Vendors */
    #newvendors span.outerimg  {padding:1rem 1rem 0 1rem;}
    
    /* Cats */
    #cat span.outerimg  {padding:1rem 1rem 0 1rem;}
    
    /* Error Pages */
    #list-tab a {flex: 1;}
    
    /**** INFORMATION PAGES ****/
    #mainimage .caption > div > div {width:40%; max-width:600px; padding: 40px;}
    #mainimage .caption h3 {font-size:2.125rem;}
    
    #infoboxes .card .card-header {min-height:74px;}
    
    /* Example Page */
    #exampleslide .zoomlink .btn {font-size:1.25rem; padding: 0.75rem 1.5rem;}
}


@media (min-width: 1280px) {
    
    /* Header */
    header .navbar > .container-fluid {}
    .navbar-brand {-webkit-box-flex: 0; -ms-flex: 0 1 20%; flex: 0 1 20%;}
    .navbar-collapse {width:80%;}
    .navbar-collapse > ul.navbar-nav > li > a.nav-link {font-size: 1.375rem;}
    
    /* Index */
    #indexslides .caption > div > div {padding: 70px 50px;}
    #indexslides .newvendors .caption > div > div {padding: 35px 50px;}
    #indexslides .caption ul li a { font-size: 1.05rem;}
    #categoryslide a.card {height:218px;}
    #categoryslide a.card .card-body {padding: 40px 10px;}
    
    
    
}

@media (min-width: 1350px) {
    /* Index */
    #indexslides .prizeslide .caption p {margin:0 0 1.5rem 0;}
    #indexslides .prizeslide .caption h3 {margin:0 0 1.5rem 0; padding: 0 0 1.25rem;}
    
    #categoryslide a.card {height:226px;}
    #categoryslide a.card .card-body {padding: 50px 10px;}
    #categoryslide a.card .card-body i {font-size:3rem;}
    
    /* Vendors */
    #vendordiscounts .col-6 {-ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%;}
    #vendordiscounts span.outerimg  {padding:0.75rem 0.75rem 0 0.75rem;}
    
    /* New Vendors */
    #newvendors .col-6 {-ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%;}
    #newvendors span.outerimg  {padding:0.75rem 0.75rem 0 0.75rem;}
    
    /* Cats */
    #cat .col-6 {-ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%;}
    #cat span.outerimg  {padding:0.75rem 0.75rem 0 0.75rem;}
    #cat span.busname {height:80px;}
    
    /**** INFORMATION PAGES ****/
   
}

@media (min-width: 1400px) {
    /* Header */
    .navbar-collapse {width:75%;}
    .navbar-collapse > ul.navbar-nav {flex: 1;}
    
    /* Index */
    #indexslides .newvendors .caption > div > div {padding: 40px 50px;width:45%; max-width: 600px;}
    
    
}

@media (max-width: 991px) {
    /* Header */
    header .navbar > .container-fluid {}
    .navbar-brand img {max-width: 150px;}
    .navbar-collapse {background:linear-gradient(to bottom,#fff 0%,#e3e3e4 100%); position:absolute; top:100%; width:100%; left: 0;box-shadow: 0 3px 6px rgba(0,0,0,0.25);}
    .navbar-collapse > ul.navbar-nav {padding: 0 .5rem 1rem .5rem; margin-top:1rem;}
    .navbar-collapse > ul.navbar-nav > li {padding: 0.5rem 0.5rem;}
    .navbar-collapse > ul.navbar-nav > li > a {padding: 0;display: inline-block;}
    .navbar-collapse > ul.navbar-nav > li > a:after {margin-left:.5rem;}
    .navbar-collapse > ul.navbar-nav > li > a.show {font-weight:500;}
    .navbar-collapse > ul.navbar-nav > li > a.show:after {transform: rotate(180deg);}
    
    .navbar-collapse .dropdown-menu { padding: .5rem 0; border: 0 none; border-radius: 0; margin: 0; min-width: 14rem; background: none;}
    .navbar-collapse .dropdown-menu a {background:none;color:#555;}
    .navbar-collapse .dropdown-menu li a.active {color:#555;}
    .navbar-collapse .dropdown-menu li a:hover {color:#555;}
    
    /* Footer */
    footer .container-fluid { -ms-flex-direction: column; flex-direction: column; }
    footer .copyright {width:100%; padding: 0.75rem 0 0; margin-top:0.75rem; border-top:1px solid #7badd3;}
    footer .footerlinks {width:100%;}
    footer .footerlinks ul {width: 100%; }
    
    /* Index */
    #indexslides .swiper-nav .swiper-button-next, #indexslides .swiper-nav .swiper-button-prev {top:auto; bottom:20%;}
   
    /* Mobile App */
    .appslides {display: block;}
    .appbottom .card {width:100%; margin:.8rem auto;}
    .appbottom .card:first-child {margin-bottom: 1.4em;}
}

@media (max-width: 767px) {
    /* Index */
    .form-container form .row .form-group {padding-bottom:1rem;}
    
    /**** INFORMATION PAGES ****/
    .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 {margin: 0.5rem auto 0 auto;}
    
    /* Example Page */
    #exampleslide {padding: 0 3rem;}
}

@media (max-width: 575px) {
    .top-pagination {flex-direction: column; text-align: center;}
    .top-pagination > * {margin-bottom: 0.5rem;}
    .top-pagination > *:last-child {margin-bottom: 0;}
}

@media (max-width: 480px) {
    /**** Information ****/
    .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;}
    
    /* Example Page */
    #exampleslide {padding: 0 0.5rem;}
    #exampleslide .swiper-slide {padding: 0px 2rem;}
    #exampleslide .swiper-nav .swiper-button-next {right:0;}
    #exampleslide .swiper-nav .swiper-button-prev {left: 0;}
}

@media (max-width: 410px) {

	/* Response */
	.formbody.success .rightoutput {padding: 0;}
	.formbody.success .leftoutput {padding: 0; }
    
    /* Example Page */
    #exampleslide .zoomlink .btn {margin-bottom:1rem;}
    #exampleslide .zoomlink .btn:last-child {margin-bottom: 0;}
}

@media (max-width:375px) {
    /* 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 ****/
    .contacttext > span {font-size:14px;}
	.formlogo img {width:150px;}
}

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