@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: 875px; width: auto;}
    
    /* Index */
    #indexslides .swiper-slide img {height:40vw;}
    #indexslides .caption > div.container-fluid > div {padding: 2% 7.5% 3%;}
    #indexslides .swiper-pagination > span {width:14px; height:14px; margin: 0 5px;}
    
    #categoryslide a.card {text-align: center;}
    #categoryslide .card-body .card-title {text-align: center;}
    #categoryslide .card-body {flex-direction: column;}
    #categoryslide .card-body i {margin: 0 auto 1rem auto; background:none; font-size: 2rem;}
    #categoryslide .swiper-slide .card-body:after {content: ''; height:70%; position: absolute; right: 0; top:50%; transform: translateY(-50%); border-right: 3px solid #f8f8f8;}
    
    /* Business */
    .bus-image > div {width:475px;}
    
    /* Contact */
    .contactbuttons {flex-direction: row;}
    .contactbuttons > a:first-child {margin-right:15px;margin-bottom: 0;}
    .contactbuttons > a:last-child {margin-left:15px;}
    
    /*** Information Pages ***/
    #mainimage .slideimage img {height:40vw;}
    #mainimage .caption > div.container-fluid > div {padding: 2% 7.5% 3%;}
    
}
@media (min-width:768px) {
    /* Header */
    header .sitename > div {-webkit-box-pack:space-between; -ms-flex-pack:justify; justify-content: space-between;}
    
    /*Index */
    #subscribemodal .form-container .form-actions .btn {height:50px; min-width:200px;}
    
    #indexslides .caption > div.container-fluid {-webkit-box-pack:center; -ms-flex-pack:center; justify-content: center;}
    #indexslides .caption > div.container-fluid > div {width:auto; max-width:60%; padding: 2% 7.5%; min-height:190px;}
    #indexslides .caption .btn {height:50px; min-width:200px;}
    
    .indexbottom .form-container .form-actions .btn-form {height:50px; min-width:200px;}
    
    .indexmiddle .morebtn .btn {height:50px; min-width:175px;}
    
    /*** Information Pages ***/
    #mainimage .caption > div.container-fluid {-webkit-box-pack:center; -ms-flex-pack:center; justify-content: center;}
    #mainimage .caption > div.container-fluid > div {width:auto; max-width:60%; padding: 2% 7.5%; min-height:190px;}
    
    /* 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 {margin-bottom: 0;}
    .formbody.success #enrollformresponse .rightoutput h5 {text-align: left;margin-top:1rem; margin-bottom: 1rem; font-size: 1.2rem; font-weight: 500;}
    
    /* Example Page */
    #exampleslide .zoomlink {display:none;}
    #exampleslide .swiper-slide-active .zoomlink {display: -webkit-box; display:-ms-flexbox; display:flex; flex-direction: row;}
    #exampleslide .zoomlink a.btn.btn-blue {height:50px;}
}

@media (min-width:992px) {
    
    h1 {font-size: 2.25rem;}
    h2 {font-size: 1.75rem; line-height: 2.25rem;}
    h3 {font-size: 1.5rem;}
    h4 {font-size: 1.25rem;}
    h5 {font-size: 1rem;}
    
    .pagecontent {margin-top: 15px;}
    
    
    /* Index */
    #indexslides .swiper-slide img {height:33vw;}
    #indexslides .caption > div.container-fluid > div {max-width:55%;}
    #indexslides .caption h2 {font-size: 1.65rem; line-height: 1.75rem;}
    #indexslides .caption h5 {font-size: 1.25rem;}
    #indexslides .caption p.h5 {font-size: 1.25rem;}
   
    /* Inside Pages */
    .pagetitle h1 {font-size: 1.75rem; line-height: 2.25rem;}
    .leftcolumn {padding-right:40px;}
    .navbar-expand-lg #accordion {display:block !important;}
    #accordion .accordion-item {animation: flipdown 0.5s ease both; animation-delay:0.5s;}
    #accordion .accordion-item .accordion-body {max-height:565px;}
    
    /* Error & Search Pages */
    #searchouter {width:75%;}
    #list-tab a {flex: 24%;}
    
    /* Business */
    .subtitle.businesspage {text-align: left; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: start; justify-content: flex-start; margin-top:0px;}
    
    /* Mobile App */
    .mobileappcontent .pagecontent > .row:first-child h2 {font-size: 1.25rem;}
    .appslides .appbox:nth-child(1):after {content: ''; height:70%; position: absolute; right: 0; top:50%; transform: translateY(-50%); border-right: 3px solid #f8f8f8;}
   
    /*** Information Pages ***/
    #mainimage .slideimage img {height:33vw;}
    #mainimage .caption > div.container-fluid > div {max-width:55%;}
    #mainimage .caption h2 {font-size: 1.65rem; line-height: 1.75rem;}
    #mainimage .caption p {font-size: 1.15rem;}
    
    .inforow .card-body a {}
    .inforow .card-body p {}
    .inforow .card-body i {width:60px;height:60px;font-size: 3rem;}
    
    a#closebox {right: 4rem; top: 1rem;}
    a#closebox i {font-size:30px;}
    
    /* Examples */
    #main.examples .pagecontent {margin-top: 0;}
    
    /* Resources */
    .resourcerow h2 {font-size: 1.25rem;}
}


@media (min-width:1200px) {
    /* Header */
    
    
    #navbarCollapse.offcanvas.offcanvas-start {left:auto; /*max-width:1000px;*/max-width:1200px;}
    #navbarCollapse ul {-webkit-box-pack:center; -ms-flex-pack:center; justify-content: center;  -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items:center;}
    #navbarCollapse .offcanvas-body > ul .nav-item {z-index: 1; border-right:2px solid #f8f8f8; padding: 0px 0; height:100%;}
    #navbarCollapse .offcanvas-body > ul .nav-item:last-child {border-right:none;}
    #navbarCollapse .offcanvas-body > ul .nav-item.contactlink {border-right:none;}
    #navbarCollapse .offcanvas-body > ul .nav-item a {font-size: 16px; line-height:1.25; padding: 15px 20px; font-weight: 700; color:#0b4064; opacity: 1; margin: 0 0 -1px 0; height:100%;}
    #navbarCollapse .offcanvas-body > ul .nav-item a i:not(.fa-search) {color:#94b741; font-size: 12px; margin-left:10px;}
    #navbarCollapse .offcanvas-body > ul .nav-item a i:before {position: relative; display:inline-block; transition:all .2s ease;}
    #navbarCollapse .offcanvas-body > ul .nav-item a:hover {background-color:#0b4064;color:#fff;}
    #navbarCollapse .offcanvas-body > ul .nav-item.hasdrop.dropOpen > a {background-color:#0b4064;color:#fff;}
    #navbarCollapse .offcanvas-body > ul .nav-item.hasdrop.dropOpen > a i:before {transform: rotate(180deg);}
    
    #navbarCollapse .offcanvas-body > ul li[data-show-sub=true] > a {background-color:#0b4064;color:#fff;}
    #navbarCollapse .offcanvas-body > ul li[data-show-sub=true] > a i:before {transform: rotate(180deg);}
    
    #navbarCollapse .sub-menu {min-width: 250px; width:auto; background-color:#94b741; box-shadow: 0 0 20px 0 rgba(0,0,0,.1); position: absolute; top:90%; left: 0; opacity: 0; visibility: hidden; transition: all .3s ease-out 0s; padding: 0.75em 0.75em; border-radius: 0; border:none;}
    #navbarCollapse .sub-menu.dropdown-menu:not(.show) {display: block;}
    #navbarCollapse ul .nav-item:hover > .sub-menu {top:100%; opacity: 1; visibility: visible;}
    
    #navbarCollapse ul.sub-menu .nav-item {border-right:none; margin: 0 5px;}
    #navbarCollapse ul.sub-menu .nav-item.nothing {background: #bed589;padding: 7px 10px; font-size: 16px; font-weight:400; letter-spacing: .3px; line-height: 1.25; display: block; }
    #navbarCollapse ul.sub-menu .nav-item:first-child {padding-top: 10px;}
    #navbarCollapse ul.sub-menu .nav-item:last-child {padding-bottom: 10px;}
    #navbarCollapse ul.sub-menu .nav-item a {background: #bed589;padding: 7px 10px; font-size: 16px; font-weight:400; letter-spacing: .3px; line-height: 1.25; display: block; white-space: nowrap;}
    
    /* Index */
    #indexslides .caption > div.container-fluid > div {max-width:45%;}
    #indexslides .caption h2 {font-size: 1.75rem; line-height: 2.25rem;}
    
    /* Inside Pages */
    .leftcolumn.col-lg-4 {width:28%;}
    .rightcolumn.col-lg-8 {width:72%;}
    
    /* Error & Search Pages */
    #list-tab a {flex: 1;}
    
    /* Business */
    #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;}
    .bus-image > div {width:525px;}
    .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 ***/
    #mainimage .caption > div.container-fluid > div {max-width:50%;}
    #mainimage .caption h2 {font-size: 1.75rem; line-height: 2.25rem;}
    
     .inforow .card-body {padding:1.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;}
}

@media (min-width:1300px) {
    
    h1 {font-size: 2.5rem;}
    h2 {font-size: 2rem; line-height: 2.5rem;}
    h3 {font-size: 1.75rem;}
    h4 {font-size: 1.5rem;}
    h5 {font-size: 1.25rem;}
    
    /* Index */
    #indexslides .caption h2 {font-size: 2rem; line-height: 2.5rem;}
    
    /* Inside Pages */
    .pagetitle h1 {font-size: 2rem; line-height: 2.5rem;}
    
    /* Vendors */
    #vendordiscounts .grid .item {width:20%;}
    
    /* New Vendors */
    #newvendors .grid .item {width:20%;}
    
    /* Cats */
    #cat .grid .item {width:20%;}
    
    /* National Discounts */
    #nationaldiscounts .grid .item {width:20%;}
    
    /* Mobile App */
    .mobileappcontent .pagecontent > .row:first-child h2 {font-size: 1.5rem;}
    
    /*** Information Pages ***/
    #mainimage .caption h2 {font-size: 2rem; line-height: 2.5rem;}
    .inforow .card-body h3 {font-size: 1.65rem;}
}

@media (min-width:1600px) {
    /* Category */
    #allCat .col-6 {width:20%;}
    
    /* Vendors */
    #vendordiscounts .grid .item {width:16.6666667%;}
    
    /* New Vendors */
    #newvendors .grid .item {width:16.6666667%;}
    
    /* Cats */
    #cat .grid .item {width:16.6666667%;}
    
    /* National Discounts */
    #nationaldiscounts .grid .item {width:16.6666667%;}
}

@media (max-width:1199px) {
    .container {padding-left:1rem; padding-right:1rem;}
    
    /* Header */
    header .top-right a {border-left: 1px solid #4d4d4d;}
    
    #navbarCollapse {background-color:#ededed;  border-right:none;}
    #navbarCollapse.show {box-shadow: 0px 0px 50px rgba(0, 0, 0, .35);}
    #navbarCollapse .offcanvas-body {border:none; padding: 0; }
    #navbarCollapse .offcanvas-body > ul {padding: 20px 0 40px;}
    #navbarCollapse .offcanvas-body > ul li {position: relative; margin-left:20px; border-bottom:1px solid rgba(51, 51, 51, 0.15);}
    #navbarCollapse .offcanvas-body > ul li a {color:#333; font-size: 14px; padding: 10px 10px 10px 0px; display: block;width:100%; line-height: 20px;margin: 0;}
    #navbarCollapse .offcanvas-body > ul li a > span {color:#000;}
    #navbarCollapse .offcanvas-body > ul li a i {position: absolute; right:0; width: 40px; height:100%; display: flex; justify-content: center; align-items: center; z-index: 2; border-left:1px solid rgba(51, 51, 51, 0.15);}
    #navbarCollapse .offcanvas-body > ul li a i:before {position: relative; transition: all .2s ease;}
    #navbarCollapse .offcanvas-body > ul li a.show i:before {transform: rotate(90deg);}
    
    #navbarCollapse .offcanvas-body > ul ul {background:rgba(255, 255, 255, 0.05); border:none; border-radius: 0; padding: 10px 0 10px 10px;}
    #navbarCollapse .offcanvas-body > ul ul li {margin-left: 0;}
    #navbarCollapse .offcanvas-body > ul ul li:last-child {border-bottom: none;}
    #navbarCollapse .offcanvas-body > ul ul li.nothing {color:#333; font-size: 14px;padding: 10px 10px 10px 0px; line-height: 20px; font-style: italic;}
    
    #navbarCollapse .sub-menu.dropdown-menu:not(.show) {display: none;}
    #navbarCollapse .sub-menu {position: relative; width:100%; opacity: 1; visibility: visible; box-shadow: none;}
    #navbarCollapse .sub-menu:after {display: none;}
}
@media (max-width:991px) {
    /* Inside Pages */
    .leftcolumn {margin: 15px auto 40px auto;}
    #accordion {border:1px solid #f4f4f4; padding: 7px; background:#fff;}
}
@media (max-width:767px) {
    /* Header */
    header .navbar {padding: 1.25rem 0;}
    header .navbar>.container {-webkit-box-pack:center; -ms-flex-pack:center; justify-content: center; flex-direction: column;}
    header .navbar a.navbar-brand {margin-bottom: 20px;}
    header .navbar a.navbar-brand img {width:190px;}
    header button.navbar-toggler {width:100%;}
    
    /* Footer */
    footer .container {padding-top:15px; padding-bottom: 15px;}
    footer .row {flex-direction: column;}
    footer .copyright {text-align: center; margin: 0 auto 5px;}
    footer .footerlinks ul {-webkit-box-pack:center; -ms-flex-pack:center; justify-content: center;}
    
    /** Information Pages **/
    .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-green {min-width: 175px;}
    
    /* Example Page */
    #exampleslide {padding: 0 3rem;}
}

@media (max-width: 575px) {
    /* Header */
    header .sitename > div > span {text-align: center; font-size: 13px;line-height: 1.15;}
    
    /* Index */
    #newvendorslide a.card {width:75%; margin: 0 auto;}
    
    /* Inside Pages */
    .top-pagination {-ms-flex-direction:column; flex-direction: column; text-align: center;}
    .top-pagination > * {margin-bottom: 12px;}
    .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 (max-width: 480px) {
    /* Header */
    header .sitename > div > span span {display: block; }
    header .navbar a.navbar-brand img {width:175px;}
    
    /* Information Pages */
    body.infopage .insideinfo > .container {width:95%;}
    #mainimage .slideimage img {height:225px;}
    #mainimage .caption h2 {line-height: 1.25;}
    #mainimage .caption p {font-size: .95rem; line-height: 1.25}
    body.infopage .indexmiddle.py-5 {padding-top:2rem !important;}
    
    .formlogo img {width:175px;}
    .contacttext > span {font-size: .825rem;}
    
    /* 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;}

    #exampleslide .zoomlink .btn {margin-bottom:10px;}
    #exampleslide .zoomlink .btn:last-child {margin-bottom: 0;}
}
@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 > span {line-height: 1.15;}
    
    /*** 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) {
    /** 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;}