@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:820px; 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;}
    
    .modal.resources .modal-dialog {max-width:850px;}
    
    /* Header */
    .navbar-toolbar button span.text {display: block;}
    
    /* Inside Pages */
    .pagetitle > h2 {font-size: 3.35rem;}
    .pagetitle > h2 span {font-size: 1.8rem;}
    
    /* Businesses */
    .bus-image > div {width:530px;}
}

@media (min-width: 768px) {
    /* Header */
    .bottomhead a.navbar-brand img {width:115px;}
    .bottomhead a.navbar-brand .sitetitle {font-size: 2rem;line-height: 43px;}
    .bottomhead a.navbar-brand .sitetitle > span {line-height: 27px;}
    
    /* Footer */
    footer .container-fluid > div {-ms-flex-direction: row; flex-direction: row;}
    footer .copyright {margin-right:1rem;}
    footer .footerlinks {margin-top:0;}
    
    /* Index */
    .indexbottom .form-container .form-group.first {width:49%; margin-right:2%;}
    .indexbottom .form-container .form-group.last {width:49%;}
    
    /** Form Pages **/
    .formContainer .form-group.half {width:48%;}
    .formContainer .form-group.half.left {margin-right:4%;}
    
    .formContainer.subscribe {padding: 40px 0px; background-color:#f1f3f6;}
    .formContainer.subscribe form {width:70%;margin-left: 15%;}
    .formContainer.unsubscribe {padding: 40px 0px; background-color:#f1f3f6;}
    .formContainer.unsubscribe form {width:70%;margin-left: 15%;}
    .formContainer.update {padding: 40px 0px; background-color:#f1f3f6;}
    .formContainer.update form {width:70%;margin-left: 15%;}

    .formContainer.update #formresponse > div {border-top: none; padding-top: 0;}
    #formresponse table {width:60%;}
    
    .formContainer.subscribe #formresponse > div {border-top: none; padding-top: 0;}
    .formContainer.subscribe #formresponse > div p {text-align: center;}
    .formContainer.unsubscribe #formresponse > div {border-top: none; padding-top: 0;}
    .formContainer.unsubscribe #formresponse > div p {text-align: center;}
    
    .bottomsubscribe.card {background: none;}
    .bottomsubscribe.card .card-body {padding: 0;}
    .bottomsubscribe.card p {font-size: 1.05rem;}
    
    /* Contact Page */
    .formContainer.contact {padding: 40px 0px; background-color:#f1f3f6;}
    .formContainer.contact form {width:70%;margin-left: 15%;}
    .formContainer.contact #formresponse > div {padding-top:0;border-top: none;}
    
    .contactbox {padding: 15px 0 0px 0; border-top: 1px solid #f1f3f6; background:none;}
    .contactbox h5 {font-size: 22px;}
    
    
    /**** 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 {font-size: 1.35rem;}
    .formbody.success #enrollformresponse .rightoutput h5 {font-size: 1.2rem; margin-bottom: 1.5rem;margin-top:1rem;}
    
    /* Examples */
    #examplepage .slick-slide {padding: 10px 10px 10px 10px; }
    #examplepage .slick-arrow.slick-next {right: -30px;}
    #examplepage .slick-arrow.slick-prev {left: -30px;}
}


@media (min-width: 992px) {
    /* Header */
    .topbar .container-fluid {-webkit-box-pack: flex-end; -ms-flex-pack: end; justify-content: flex-end; box-shadow: none; height:35px;}
    .topbar .container-fluid > span {margin-right:20px; margin-left: 0;}
    .topbar .btn {height: 35px; line-height: 35px;}
    .buttonwrapper {margin-top:0px;}
    
    .bottomhead .container-fluid {-webkit-box-pack:space-between; -ms-flex-pack:justify; justify-content: space-between; -ms-flex-direction: row; flex-direction: row;}
    
    #navbarCollapse {}
    #navbarCollapse > ul {display: -webkit-box; display: -webkit-flex;display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;  -webkit-box-pack:center; -ms-flex-pack:center; justify-content: center; position: relative; width: 100%;}
    #navbarCollapse > ul > li {position: relative; float:left; padding: 0; margin: 0;}
    #navbarCollapse > ul > li > a {position: relative; color: #fff; line-height: 3rem; font-size: 1.125rem; padding: 0 0.75rem; display: block; cursor: pointer; width: auto; -webkit-transition: none; transition: none;}
    #navbarCollapse > ul > li > a:after {display: none;}
    #navbarCollapse > ul > li > a:hover {background:#febf4b; color: #043673;}
    #navbarCollapse > ul > li > a > i {position: relative; margin-left: 7px; font-size: 0.75rem; line-height: 1; }
    #navbarCollapse > ul > li.mainactive > a {background:#febf4b; color: #043673;}
    #navbarCollapse > ul > li > a.active {background:#febf4b; color: #043673;}
    
    #navbarCollapse > ul > li.hasdrop.dropOpen > a {background:#febf4b; color: #043673;}
    .navbar-collapse .dropdown-menu {position: absolute; top:100%; opacity: 0; visibility: hidden; height: auto; display: block; z-index: 5; border: none; width: auto; transform: scale(1,0); transform-origin: 0 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; background:#042e62;  padding: 0; box-shadow: 0 0.25em 0.5em rgba(0, 0, 0, 0.25); border-radius: 0; min-width: 250px;}
    .navbar-collapse li.hasdrop.dropOpen > .dropdown-menu {opacity: 1; visibility: visible; transform: scale(1);}
    .navbar-collapse .dropdown-menu li {display:block; position: relative;}
    .navbar-collapse .dropdown-menu li a {display:block; position: relative; color:#fff; text-decoration: none; font-size: 0.95rem; padding: 0.5rem 0.625rem; border-bottom: 1px solid transparent; cursor: pointer; white-space: normal;}
    .navbar-collapse .dropdown-menu li a:hover {background:#0969de; text-shadow: 0 0 0.125em rgba(0, 0, 0, 0.25); border-color: #febf4b;}
    .navbar-collapse .dropdown-menu li a.active {background:#0969de; text-shadow: 0 0 0.125em rgba(0, 0, 0, 0.25); border-color: #febf4b;}
    
    .navbar-collapse .dropdown-menu li.nothing {display:block; position: relative; color:#fff; text-decoration: none; font-size: 0.95rem; padding: 0.5rem 0.625rem;}
    
    /* Index */
    #indexslides .caption > .captiontext h1 {font-size: 1.65rem; line-height: 1.3;}
    #indexslides .item.newvendor .caption > .captiontext h1 {margin: 0 0 0.5rem 0; padding: 0 0 0.5rem 0;border-bottom: 0.125rem solid #febf4b;}
    #indexslides .caption {bottom: 1rem;}
    
    #categoryslide a {padding:1rem;}
    #categoryslide a i {font-size: 3.5rem;}
    #categoryslide a span.name {font-size: 1.25rem;}
    
    /* Inside Pages */
    .leftcolumn.col-lg-3 {padding-right: 1.5rem;}
    .leftcolumn > div {padding-top:3rem; height:100%;}
    
    .navbar-expand-lg #accordion {display: block !important;}
    #accordion .accordion-item {animation: flipdown 0.5s ease both; animation-delay:0.5s;}
    #accordion .accordion-collapse .accordion-body {max-height: 600px;}
    
    .rightcolumn.col-lg-9 {padding-left: 1.5rem;}
    .rightcolumn {padding-top:3rem;}
    
    .fullcolumn {padding-top:3rem;}
    
    /* Vendors */
    #vendordiscounts {margin: 10px 0 10px 0;}
    
    /* New Vendors */
    div.newvendorfilter {margin: 10px 0 10px 0;}
    
    /* Directions */
    #form-outer > form {width:85%; margin-left: 7.5%;}
    
    /* Error Pages */
    #list-tab a {-ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%;}
    
     /* Mobile App */
    .apptop img {margin: 0 auto;}
    
    /**** INFORMATION PAGES ****/
    #mainimage .caption > .captiontext h1 {font-size: 1.65rem; line-height: 1.3;}
    #mainimage .caption > .captiontext p {font-size: 1.125rem;}
    
    #information .examplecards .flex-item {-ms-flex: 0 0 28%; flex: 0 0 28%; max-width:28%;}
    
    a#closebox {width: 3.2rem; height: 3.2rem; right: 4rem; top: 2rem; line-height: 3.2rem;}
    a#closebox i {font-size: 1.5rem;}
    
    .insideinfo h1.title {padding: 0; font-size: 2rem;}
    
    .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 */
    #examplepage .center {padding: 10px 15px 0 15px;}
    #examplepage .slick-slide {padding: 10px 0 10px 0;}
    #examplepage .slick-slide > div {-webkit-transform: scale(.5); transform: scale(.5);}
    #examplepage .slick-center > div {-webkit-transform: scale(1); transform: scale(1);}
    #examplepage .zoomlink {display:none;}
    #examplepage .slick-center .zoomlink {display:block;}
    #examplepage .slick-arrow.slick-next {right: 0px;}
    #examplepage .slick-arrow.slick-prev {left: 0px;}
    
    #examplepage .item .iteminfo h5 {font-size: 18px;}
}

@media (min-width: 1200px) {
    /* Index */
    #indexslides .caption {bottom: 2.5rem;}
    
    /* Cats */
    #cat .grid.row {margin-left: -15px; margin-right: -15px;}
    #cat .grid .item {padding-left: 15px; padding-right: 15px; padding-top:15px; padding-bottom: 15px;}
    #cat span.outerimg {padding: 8px;}
    
    /* New Vendors */
    #newvendors .grid.row {margin-left: -15px; margin-right: -15px;}
    #newvendors .grid .item {padding-left: 15px; padding-right: 15px; padding-top:15px; padding-bottom: 15px;}
    #newvendors span.outerimg {padding: 8px;}
    
     /* Vendors */
    #vendordiscounts .grid.row {margin-left: -15px; margin-right: -15px;}
    #vendordiscounts .grid .item {padding-left: 15px; padding-right: 15px; padding-top:15px; padding-bottom: 15px;}
    #vendordiscounts span.outerimg {padding: 8px;}
    
    /* Search Page */
    #resultsgrid .mix a {font-size: 20px;}
    
    /* Error Page */
    #searchgrid .mix a {font-size: 20px;}
    
    /* Business */
    .subtitle.businesstitle > h2 {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:3rem;}
    .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%}
    
    /**** INFORMATION PAGES ****/
    #information .examplecards .flex-item {-ms-flex: 0 0 27%; flex: 0 0 27%; max-width:27%;}
    
    .infotext {padding: 1.5rem 2rem;}
    
    /* Resource Library */
    .resourcerow .col-lg-4 {-ms-flex: 0 0 30%; flex: 0 0 30%; max-width: 30%; padding-left: 25px; padding-right:25px;}
}

@media (min-width: 1280px) {
  
}

@media (max-width: 991px) {
    /* Header */
    #navbarCollapse {position: absolute; top: 100%; width:100%; left: 0; background:#313131; padding: 0px 0; z-index: 1000;}
    #navbarCollapse > ul {position: relative; padding: 10px 0; border-top:1px solid rgba(0,0,0,.3); }
    #navbarCollapse > ul > li {position: relative; border-bottom: 1px solid rgba(0,0,0,0.3);}
    #navbarCollapse > ul > li > a {display: block; position: relative; padding: 12px 20px; background:#313131; font-weight: 600; color: #fff; font-size: 1rem;}
    
    html.showsearch body {overflow-y: hidden;}
    #searchmenu {top:239px; height: calc(100vh - 239px); background:#313131;}
    #searchmenu a.close-search {display: none;}
    html.showsearch .buttonwrapper .search-toggle i:before {content: "\e91b"; font-family: 'leecounty'; font-size: 1.45rem;}
    
    header .navbar {background:none;border-top:none; border-bottom: none;}
    header .navbar > .container-fluid {margin-bottom: 33px;border-top:0.125em solid #febf4b; border-bottom: 0.125em solid #febf4b;}
    header .navbar-toolbar button {}
    
    /* Index */
    #indexslides .item img {height:65vw; max-height: 500px; min-height:320px; object-fit:cover; font-family: "object-fit:cover";}
    
    /* Inside Pages */
    #accordion {border:1px solid #f4f4f4; border-top:0; padding: 0.5rem; background:#fff;}
    
    /* Mobile App */
    .appslides {display: block;}
    .appbottom .card {margin: .8rem auto; width:100%;}
    .appbottom .card:first-child {margin-bottom: 1.5rem;}
    
    /**** INFORMATION PAGES ****/
    #mainimage > div img {height:65vw; max-height: 500px; min-height:320px; object-fit:cover; font-family: "object-fit:cover";}
    
    .insideinfo > .container {max-width: 100%;}
}

@media (max-width: 767px) {
    /* Header */
    #searchmenu {top:184px; height: calc(100vh - 184px);}
    
    /** 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;}
}

@media (max-width: 600px) {
    /* Index */
    .topbar .container-fluid > span > span {display: none;}
    
    /**** Information ****/
    .formbody.success .otherLinks a.btn { margin: 5px 5px;}
    
}

@media (max-width: 575px) {
    /* header */
    
    .topbar .btn {font-size: 0.9rem;}
    
    /*** Information Pages ***/
    .insideinfo > .container .col-12 {padding-left: 0; padding-right: 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;}
}

@media (max-width: 410px) {

	/* Response */
	.formbody.success .rightoutput {padding: 0;}
	.formbody.success .leftoutput {padding: 0; }
}

@media (max-width: 390px) {
    /* Header */
    .bottomhead a.navbar-brand {-ms-flex-direction: column; flex-direction: column;}
    
    /**** INFORMATION PAGES ****/
    a#closebox {width: 2rem; height: 2rem; line-height:2rem; top: 0.75rem; right: 0.75rem; }
    a#closebox i {font-size: 1rem;}
    
    
}

@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;}

/* Header */
html.ie .topbar .topright {display:none;}
html.showsearch.ie #searchmenu {pointer-events: auto;}

/* Index */
html.ie #categoryslide a {width:100%; -ms-flex-wrap: wrap; flex-wrap: wrap; height:155px; display: table;}
html.ie #categoryslide a > span {display: table-cell; vertical-align: middle;}

/* Inside Pages */
html.ie .pagination {float:left; width:100%;}

/* Form Pages */
html.ie .formContainer .form-group.select i {display: none;}

/* Category */
html.ie #allCat .grid {float:left; width:100%;}