@media (min-width: 480px) {
    /* Header */
    .topbar .sitename br {display: none;}
}

@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: 750px;}
    #subscribemodal .subscribeindex form {padding: 15px;}
    
    .modal.resources .modal-dialog {max-width: 800px;}
    
    .container-fluid {max-width:1450px; padding-left:30px; padding-right:30px;}
    
    /* Header */
    header .navbar-brand {width:312px;}
    
    #searchCollapse .offcanvas-body {padding-left:30px;padding-right:30px; padding-bottom: 30px;}
    #searchCollapse .offcanvas-header {padding-left:30px;padding-right:30px;}
    
    /* Index */
    #indexslides .swiper-slide img {height:600px;}
    #categoryslide {padding: 0 0 50px;}
    #categoryslide a .card-body {min-height: 140px;}
    
    /* Inside Pages */
    .maincontent {padding-top:35px;}
    .maincontent.noleftcolumn {padding-top:15px;}
    
    /*** Information Pages ***/
    #mainimage .slideimage img {height:600px;}
    #mainimage .caption h1 {font-size: 306.25%;}
    #mainimage .caption p {font-size: 168.75%;}
}

@media (min-width: 768px) {
    /* Footer */
    footer .container-fluid {-ms-flex-direction: row; flex-direction: row; -webkit-box-pack:space-between; -ms-flex-pack:justify; justify-content: space-between;}
    
    /* Index */
    #categoryslide a .card-body {min-height: 160px;}
    
    /* Error & Search Pages */
    #list-tab a {flex-basis:24%;}
    
    /**** 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: 20px; line-height: 30px;}
    .formbody.success #enrollformresponse .rightoutput h5 {margin-bottom: 1.5rem;margin-top:1.5rem;}
    .formbody.success .rightoutput a {}
    
    /* Example Page */
    #exampleslide .zoomlink {display:none;}
    #exampleslide .swiper-slide-active .zoomlink {display:block;}

}
@media (min-width: 992px) {
    
    /* Header */
    #spacer {height: 131px;}
    .topbar .container-fluid {height:36px;}
    .topbar .sitename {font-size: 16px; line-height: 18px; padding: 0 124px;}
    .topbar .sitename {}
    
    header .navbar {padding:25px 0 25px;}
    header .navbar-brand {margin-right:10px;}
    
    #navbarCollapse {height:100%;-webkit-box-pack: end;-webkit-justify-content: flex-end;-ms-flex-pack: end;justify-content:flex-end; width:100%; }
    
    #navbarCollapse .navbar-nav {}
    #navbarCollapse .navbar-nav > li {padding: 0 25px 0 0; }
    #navbarCollapse .navbar-nav > li a {padding: 0; font-size: 14px; line-height:20px;font-weight: 800; display: -webkit-box; display:-moz-box; display:-webkit-flex; display: -ms-flexbox; display: flex; -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; text-align: center; height:45px;}
    #navbarCollapse .navbar-nav > li.dropOpen > a {color:#398635;}
    #navbarCollapse .navbar-nav > li a i {position: relative; padding: 0 0 0 10px; top:2px;}
    #navbarCollapse .navbar-nav > li a i:before {font-size: 20px;line-height: 20px;}
    
    #navbarCollapse .sub-menu {position: absolute; top:100%; opacity:0; visibility: hidden;transform: scale(1,0); height: auto; display: block; z-index: 5; border: none; width: auto; min-width:200px; transform-origin: 0 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; padding: 0px; border-radius:0px; box-shadow: 0 6px 12px rgba(0,0,0,.175);background:#f3f3f3;}
    #navbarCollapse li.hasdrop.dropOpen .sub-menu {opacity: 1; visibility: visible; transform: scale(1);}
    
    #navbarCollapse .sub-menu ul {position: relative; padding:0; margin: 0;}
    #navbarCollapse .sub-menu ul li {display: block; position: relative; margin:0; padding: 0; border-bottom: 1px solid #c2c2c2;}
    #navbarCollapse .sub-menu ul li:last-child {border-bottom: none;}
    #navbarCollapse .sub-menu ul li.nothing {display: block; padding: 10px 25px 10px 10px; line-height: 20px; position: relative; font-size: 14px; font-weight: 800;}
    #navbarCollapse .sub-menu ul li a {display: block; padding: 10px 25px 10px 10px; line-height: 20px; position: relative; font-size: 14px; font-weight: 800; text-align: left;}
    
    #navbarCollapse .offcanvas-body {-webkit-box-pack: end;-webkit-justify-content: flex-end;-ms-flex-pack: end;justify-content:flex-end;}
    
    /* Index */
    #indexslides .caption ul li {-ms-flex: 0 0 32.5%;flex: 0 0 32.5%;max-width: 32.5%;}
    #indexslides .caption ul li a {font-size: 18px;}
    #categoryslide > .row > .col-6 a .card-body {min-height: 140px;}
    
    /* Inside Pages */
    .maincontent {padding-bottom: 40px; padding-top:15px;}
    .maincontent.noleftcolumn {padding-top:0;}
    .leftcolumn {margin-bottom: 0;padding-left:15px;}
    .leftcolumn .sidebar {padding: 35px;}
    .navbar-expand-lg #accordion {display:block !important;}
    #accordion .accordion-item {animation: flipdown 0.5s ease both; animation-delay:0.5s; border:none;}
    #accordion .accordion-item .accordion-body {max-height:565px;}
    
    .rightcolumn {padding-right:25px;}
    .pagetitle .title {padding-top:35px; padding-bottom: 35px;}
    
    .maincontent .dropdown-menu { max-height: 500px;}
    
    /* Cats */
    #cat.hidepager {border-top:5px solid #ffaa30; padding-top:20px;}
    
    /* Error & Search Pages */
    #searchouter form {width: 75%;}
    #list-tab a {flex: 1;}
    
    
    /**** Information Pages *****/
    a#closebox {width: 3rem; height: 3rem; line-height:3rem; right: 4rem; top: 1rem;}
    a#closebox i {font-size:2.25rem;}
    
    .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;}
    
}
@media (min-width: 992px) and (max-width: 1199px) {
    /* Header */
    header .navbar-brand {width:275px;}
    #navbarCollapse .navbar-nav > li {padding: 0 20px 0 0; }
    
}

@media (min-width: 1200px) {
    /* Header */
    #searchCollapse .offcanvas-body {max-width:1450px; margin:auto; width:100%;}
    #searchCollapse .offcanvas-header {max-width:1450px; margin:auto; width:100%;}
    
    /* Index */
    #indexslides .swiper-slide.program img {object-position: 50% 40%;}
    #indexslides .swiper-slide.showid img {object-position: 50% 40%;}
    #categoryslide a .card-title {padding: 0 20px;}
    
    #categoryslide > .row > .col-6 {width:20%;}
    
    /* Vendors */
    #vendordiscounts .item a span.outerimg {padding:7px 7px 7px 7px;}
    
    /* New Vendors */
    #newvendors .item a span.outerimg {padding:7px 7px 7px 7px;}
    
    /* Cats */
    #cat .item a span.outerimg {padding:7px 7px 7px 7px;}
    
    /* Error Pages */
    #list-tab a {flex: 1;}
    
    /** Information **/
    #information .exampleboxes .flex-item {width:20%;}
}

@media (min-width:1300px) {
    
    /* 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%;}
}

@media (max-width: 992px) {
    /* Header */
    #navbarCollapse {background-color:#dfdfdf; min-height:375px;}
    #navbarCollapse .offcanvas-body {padding-left:30px;padding-right:30px; padding-bottom: 30px;}
    #navbarCollapse .offcanvas-header {padding-left:30px;padding-right:30px;}
    #navbarCollapse .navbar-nav > li a {color:#3AAB48; font-weight: 600; padding: 3px 0; line-height: 26px;}
    #navbarCollapse .navbar-nav > li a:hover {color:#0B315B}
    #navbarCollapse .navbar-nav > li.externallink a {color:#0B315B}
    #navbarCollapse .navbar-nav > li > a span.icon {display: none;}
    #navbarCollapse .navbar-nav .sub-menu {display: none;}
    
    /* Footer */
    footer {font-size: 12px;}
    
    /* Inside Pages */
    .pagetitle > div {-ms-flex-direction:column; flex-direction: column; -webkit-box-align: flex-start; -ms-flex-align: start; align-items: flex-start;}
    
    #accordion {position: absolute;width:100%;top:100%; background:#dfdfdf;z-index: 10; border-radius: 0; padding:0px 0px;}
    #accordion .accordion-item {background:none;border-radius: 0; border:none; padding: 0 15px;}
    #accordion .accordion-item:first-child {padding-top: 15px;}
    #accordion .accordion-item:last-child {padding-bottom: 10px;}
    #accordion .accordion-item > h3 {margin:0;}
    #accordion .accordion-item > h3 > a {color:#0B315B;background:none;border-radius: 0;border:none; font-size: 18px; line-height: 22px;}
    #accordion .accordion-item > h3 > a:hover {color:#3aab48}
    
    #accordion .accordion-item .accordion-body ul li a {color:#3aab48; padding:2px 20px;}
    
    #accordion .accordion-body {}
    
    /** Information Pages **/
    .insideinfo h1.title {font-size: 22px; line-height: 26px;}
}

@media (max-width: 767px) {
    
    h1, h2, h3, h4, h5, h6 {margin-bottom: 10px;}
    h1 {font-size: 24px; line-height: 28px;}
    h2 {font-size: 20px; line-height: 23px;}
    h3 {font-size: 18px; line-height: 22px;}
    
    /** 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 {}
    
    /* Example Page */
    #exampleslide {padding: 0 3rem;}
}
@media (max-width: 575px) {

    /* Inside Pages */
    .top-pagination {flex-direction: column; text-align: center;}
    .top-pagination > * {margin-bottom: 0.5rem;}
    .top-pagination > *:last-child {margin-bottom: 0;}
    
    /* Error Pages */
    #searchouter form .input-group {-webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center;}
    #searchouter form input {width:100%; margin-bottom: 1rem; margin-right:0;}
    #searchouter form button {margin: 0 auto; max-width: 100%;}
    
    /* National Discounts */
    fieldset.filter-group input {font-size: 14px;}
}

@media (max-width: 485px) {
    /* Header */
    #spacer {height:112px;}
    .topbar .sitename {font-size: 14px; line-height:16px;}
    header .navbar {padding:12px 0px;}
    div.navbar-toolbar > button i:before {font-size: 26px;}
}

@media (max-width: 480px) {
   body {font-size: 13px; line-height: 18px;}
    
    /* Contact */
    .contactbox .card-body hr {margin: 20px auto 20px;}
    
    /**** Information ****/
    .insideinfo h1.title {font-size:20px;}
    a#closebox {width: 2.15rem; height: 2.15rem; line-height:2.15rem; right:1.5rem; top: 0.75rem;}
    a#closebox i {font-size:1.5rem;}
    
    .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;}
    
    /* Example Page */
    #exampleslide .zoomlink .btn {margin-bottom:10px;}
    #exampleslide .zoomlink .btn:last-child {margin-bottom: 0;}

}
@media (max-width: 375px) {
    /* Header */
    header .navbar-brand {width:225px;}
    div.navbar-toolbar button.navbar-toggler {margin-left:15px;}
    div.navbar-toolbar > button i:before {font-size: 24px;}
    
    /*** Information Pages ***/
    #mainimage .caption h1 {font-size: 175%;}
    #mainimage .caption p {font-size: 120%;}

    /* 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) {
    /* Header */
    #spacer {height:108px;}
    header .navbar {padding:10px 0px;}
    header .navbar-brand {width:200px;}
    div.navbar-toolbar > button i:before {font-size: 22px;}
    
    #searchCollapse form {margin:auto;}
    #searchCollapse form .col-12 {padding:0; margin-top:0;}
    #searchCollapse form input {height:46px;}
    #searchCollapse form button.btn {padding-left: 12px; padding-right:12px; height:46px;}
    #searchCollapse form button.btn i {font-size: 16px;}
    
    /**** INFORMATION PAGES ****/
    .contacttext > span {font-size:14px;}
	.formlogo img {width:150px;}
}

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